@clickview/player 0.0.0-dev.0 → 0.0.0-rc.0

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 (188) hide show
  1. package/dist/index.html +19 -0
  2. package/package.json +7 -23
  3. package/.eslintrc.json +0 -3
  4. package/.storybook/main.js +0 -21
  5. package/.storybook/preview-head.html +0 -3
  6. package/.storybook/stories/Base.stories.tsx +0 -115
  7. package/.storybook/stories/Clips.stories.tsx +0 -64
  8. package/.storybook/stories/Interactives.stories.tsx +0 -65
  9. package/.storybook/stories/Subtitles.stories.tsx +0 -22
  10. package/.storybook/stories/assets/chapters.vtt +0 -19
  11. package/.storybook/stories/assets/en.vtt +0 -8
  12. package/.storybook/stories/assets/es.vtt +0 -8
  13. package/.storybook/stories/assets/fr.vtt +0 -8
  14. package/.storybook/stories/assets/interactive.json +0 -451
  15. package/.storybook/stories/assets/sample_1280x720.mp4.jpg +0 -0
  16. package/.storybook/stories/assets/sample_1280x720.mp4.vtx +0 -0
  17. package/.storybook/stories/assets/thumbnails.vtt +0 -62
  18. package/.storybook/stories/assets/vertical.mp4 +0 -0
  19. package/.storybook/stories/utils/Wrap.tsx +0 -18
  20. package/.storybook/stories/utils/mock-playerapi.ts +0 -181
  21. package/.storybook/stories/utils/mock-setup.ts +0 -23
  22. package/dist/bundle.js +0 -1
  23. package/dist/font.scss +0 -59
  24. package/dist/libs/analytics/src/clients/CollectionApiClient.d.ts +0 -48
  25. package/dist/libs/analytics/src/constants/CountryRegionMapping.d.ts +0 -7
  26. package/dist/libs/analytics/src/constants/Regions.d.ts +0 -6
  27. package/dist/libs/analytics/src/enums/CountryCode.d.ts +0 -5
  28. package/dist/libs/analytics/src/enums/RegionName.d.ts +0 -5
  29. package/dist/libs/analytics/src/interfaces/AnalyticsTypes.d.ts +0 -316
  30. package/dist/libs/analytics/src/interfaces/Config.d.ts +0 -3
  31. package/dist/libs/analytics/src/interfaces/Folder.d.ts +0 -3
  32. package/dist/libs/analytics/src/interfaces/HashObject.d.ts +0 -3
  33. package/dist/libs/analytics/src/interfaces/Owner.d.ts +0 -3
  34. package/dist/libs/analytics/src/interfaces/Playlist.d.ts +0 -3
  35. package/dist/libs/analytics/src/interfaces/Rating.d.ts +0 -4
  36. package/dist/libs/analytics/src/interfaces/Region.d.ts +0 -5
  37. package/dist/libs/analytics/src/interfaces/RegionalUrl.d.ts +0 -5
  38. package/dist/libs/analytics/src/interfaces/Resource.d.ts +0 -5
  39. package/dist/libs/analytics/src/interfaces/Series.d.ts +0 -3
  40. package/dist/libs/analytics/src/interfaces/Subtitle.d.ts +0 -4
  41. package/dist/libs/analytics/src/interfaces/User.d.ts +0 -17
  42. package/dist/libs/analytics/src/interfaces/VersionData.d.ts +0 -4
  43. package/dist/libs/analytics/src/interfaces/Video.d.ts +0 -16
  44. package/dist/libs/analytics/src/interfaces/index.d.ts +0 -15
  45. package/dist/libs/analytics/src/interfaces/primitives/BaseObject.d.ts +0 -7
  46. package/dist/libs/analytics/src/models/AnalyticsEvent.d.ts +0 -49
  47. package/dist/libs/analytics/src/models/CollectionEvent.d.ts +0 -61
  48. package/dist/libs/analytics/src/utils/CollectionApiClientHelper.d.ts +0 -6
  49. package/dist/libs/analytics/src/utils/DataFormatHelper.d.ts +0 -14
  50. package/dist/libs/analytics/src/utils/EventWhitelistHelper.d.ts +0 -19
  51. package/dist/libs/analytics/src/utils/TypeHelper.d.ts +0 -4
  52. package/dist/libs/analytics/src/utils/UploadDataFormatHelper.d.ts +0 -10
  53. package/dist/libs/analytics/src/utils/UrlHelper.d.ts +0 -3
  54. package/dist/libs/analytics/src/utils/UserAgentHelper.d.ts +0 -10
  55. package/dist/libs/analytics/src/utils/VideoDataFormatHelper.d.ts +0 -42
  56. package/dist/libs/common/src/backbone/constants/CommonChannels.d.ts +0 -5
  57. package/dist/libs/common/src/backbone/core/AppLink.d.ts +0 -37
  58. package/dist/libs/common/src/backbone/core/BaseAppRouter.d.ts +0 -99
  59. package/dist/libs/common/src/backbone/core/BaseApplication.d.ts +0 -76
  60. package/dist/libs/common/src/backbone/core/BaseBehavior.d.ts +0 -6
  61. package/dist/libs/common/src/backbone/core/BaseCollection.d.ts +0 -7
  62. package/dist/libs/common/src/backbone/core/BaseCollectionView.d.ts +0 -16
  63. package/dist/libs/common/src/backbone/core/BaseError.d.ts +0 -18
  64. package/dist/libs/common/src/backbone/core/BaseLayoutView.d.ts +0 -11
  65. package/dist/libs/common/src/backbone/core/BaseModel.d.ts +0 -27
  66. package/dist/libs/common/src/backbone/core/BaseNestedModel.d.ts +0 -21
  67. package/dist/libs/common/src/backbone/core/BaseService.d.ts +0 -10
  68. package/dist/libs/common/src/backbone/core/BaseView.d.ts +0 -131
  69. package/dist/libs/common/src/backbone/core/EventNames.d.ts +0 -16
  70. package/dist/libs/common/src/backbone/core/LayoutService.d.ts +0 -31
  71. package/dist/libs/common/src/backbone/core/ListenToRadio.d.ts +0 -3
  72. package/dist/libs/common/src/backbone/core/LocationUtils.d.ts +0 -23
  73. package/dist/libs/common/src/backbone/core/Middleware.d.ts +0 -10
  74. package/dist/libs/common/src/backbone/core/Shell.d.ts +0 -79
  75. package/dist/libs/common/src/backbone/core/Types.d.ts +0 -12
  76. package/dist/libs/common/src/backbone/core/index.d.ts +0 -18
  77. package/dist/libs/common/src/backbone/errors/DevError.d.ts +0 -4
  78. package/dist/libs/common/src/backbone/index.d.ts +0 -2
  79. package/dist/libs/common/src/backbone/interfaces/StickitBinding.d.ts +0 -38
  80. package/dist/libs/common/src/backbone/services/EnvironmentVariables.d.ts +0 -13
  81. package/dist/libs/common/src/react/interfaces/HashObject.d.ts +0 -3
  82. package/dist/libs/shared/src/interfaces/models/primitives/BaseObject.d.ts +0 -7
  83. package/dist/player-app.css +0 -71
  84. package/dist/player-app.js +0 -52
  85. package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-item.d.ts +0 -79
  86. package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-items.d.ts +0 -55
  87. package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-load-progress.d.ts +0 -55
  88. package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-play-progress.d.ts +0 -55
  89. package/dist/projects/player/src/components/chapter-seek-bar/chapter-seek-bar.d.ts +0 -1
  90. package/dist/projects/player/src/components/chapters-button/chapter-menu-item.d.ts +0 -60
  91. package/dist/projects/player/src/components/chapters-button/chapters-button.d.ts +0 -1
  92. package/dist/projects/player/src/components/cog-button/cog-button.d.ts +0 -38
  93. package/dist/projects/player/src/components/collapserator/collapserator.d.ts +0 -4
  94. package/dist/projects/player/src/components/mouse-time-display/mouse-time-display.d.ts +0 -3
  95. package/dist/projects/player/src/components/playback-rate-button/playback-rate-button.d.ts +0 -1
  96. package/dist/projects/player/src/components/progress-control/progress-control.d.ts +0 -1
  97. package/dist/projects/player/src/components/quality-selector/quality-button.d.ts +0 -1
  98. package/dist/projects/player/src/components/quality-selector/quality-menu-item.d.ts +0 -17
  99. package/dist/projects/player/src/components/subs-caps-button/subs-caps-button.d.ts +0 -1
  100. package/dist/projects/player/src/components/thumbnail-display/thumbnail-display.d.ts +0 -66
  101. package/dist/projects/player/src/components/time-tooltip/time-tooltip.d.ts +0 -15
  102. package/dist/projects/player/src/components/time-wrapper/time-wrapper.d.ts +0 -1
  103. package/dist/projects/player/src/index.d.ts +0 -12
  104. package/dist/projects/player/src/interfaces/CollapsibleComponent.d.ts +0 -10
  105. package/dist/projects/player/src/interfaces/models/ApiError.d.ts +0 -4
  106. package/dist/projects/player/src/interfaces/models/PlaybackObject.d.ts +0 -32
  107. package/dist/projects/player/src/players/base-player.d.ts +0 -64
  108. package/dist/projects/player/src/players/create-clip-player.d.ts +0 -16
  109. package/dist/projects/player/src/players/interactive-player.d.ts +0 -11
  110. package/dist/projects/player/src/players/player.d.ts +0 -15
  111. package/dist/projects/player/src/plugins/clip-plugin/clip-plugin.d.ts +0 -50
  112. package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector-handle.d.ts +0 -54
  113. package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.d.ts +0 -89
  114. package/dist/projects/player/src/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar.d.ts +0 -14
  115. package/dist/projects/player/src/plugins/create-clip-plugin/create-clip-plugin.d.ts +0 -14
  116. package/dist/projects/player/src/plugins/example-plugin/components/example-button/example-button.d.ts +0 -1
  117. package/dist/projects/player/src/plugins/example-plugin/components/example-react-button/example-react-button.d.ts +0 -1
  118. package/dist/projects/player/src/plugins/example-plugin/example-plugin.d.ts +0 -2
  119. package/dist/projects/player/src/plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin.d.ts +0 -1
  120. package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-components.d.ts +0 -4
  121. package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.d.ts +0 -10
  122. package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.d.ts +0 -8
  123. package/dist/projects/player/src/plugins/interactive-plugin/components/feedback/feedback.d.ts +0 -7
  124. package/dist/projects/player/src/plugins/interactive-plugin/components/incomplete-alert/incomplete-alert.d.ts +0 -2
  125. package/dist/projects/player/src/plugins/interactive-plugin/components/interactive/interactive-component.d.ts +0 -1
  126. package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.d.ts +0 -21
  127. package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.d.ts +0 -66
  128. package/dist/projects/player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.d.ts +0 -21
  129. package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/annotation/annotation-interaction.d.ts +0 -3
  130. package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.d.ts +0 -4
  131. package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/missing-word/missing-word-interaction.d.ts +0 -9
  132. package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.d.ts +0 -10
  133. package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/short-answer/short-answer-interaction.d.ts +0 -9
  134. package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/view-components.d.ts +0 -4
  135. package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.d.ts +0 -8
  136. package/dist/projects/player/src/plugins/interactive-plugin/interactive-plugin.d.ts +0 -1
  137. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractionComponent.d.ts +0 -3
  138. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractionProps.d.ts +0 -8
  139. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractiveMode.d.ts +0 -4
  140. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/SubmissionFunction.d.ts +0 -2
  141. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/ValidationFunction.d.ts +0 -2
  142. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/index.d.ts +0 -6
  143. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/ActionableItem.d.ts +0 -6
  144. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Interaction.d.ts +0 -14
  145. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/InteractionType.d.ts +0 -7
  146. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/InteractionTypeId.d.ts +0 -8
  147. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Interactive.d.ts +0 -7
  148. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Timepoint.d.ts +0 -9
  149. package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/index.d.ts +0 -6
  150. package/dist/projects/player/src/plugins/interactive-plugin/utils/getInteractionComponents.d.ts +0 -2
  151. package/dist/projects/player/src/plugins/interactive-plugin/utils/getInteractionStateId.d.ts +0 -2
  152. package/dist/projects/player/src/plugins/interactive-plugin/utils/getSubmissionFunction.d.ts +0 -2
  153. package/dist/projects/player/src/plugins/interactive-plugin/utils/getTimepointStateId.d.ts +0 -2
  154. package/dist/projects/player/src/plugins/interactive-plugin/utils/getValidationFunction.d.ts +0 -2
  155. package/dist/projects/player/src/plugins/interactive-plugin/utils/useInteractiveTrack.d.ts +0 -17
  156. package/dist/projects/player/src/plugins/open-externally-plugin/components/open-externally-button.d.ts +0 -1
  157. package/dist/projects/player/src/plugins/open-externally-plugin/interfaces/ExternalLinkOptions.d.ts +0 -3
  158. package/dist/projects/player/src/plugins/open-externally-plugin/open-externally-plugin.d.ts +0 -1
  159. package/dist/projects/player/src/plugins/persist-volume-plugin/persist-volume-plugin.d.ts +0 -1
  160. package/dist/projects/player/src/plugins/persist-volume-plugin/persist-volume-plugin.test.d.ts +0 -1
  161. package/dist/projects/player/src/plugins/progress-reporter-plugin/progress-reporter-plugin.d.ts +0 -9
  162. package/dist/projects/player/src/plugins/progressive-files-plugin/ProgressiveFilesPluginOptions.d.ts +0 -4
  163. package/dist/projects/player/src/plugins/progressive-files-plugin/ProgressiveRepresentation.d.ts +0 -10
  164. package/dist/projects/player/src/plugins/progressive-files-plugin/interfaces/Source.d.ts +0 -6
  165. package/dist/projects/player/src/plugins/progressive-files-plugin/progressive-files-plugin.d.ts +0 -38
  166. package/dist/projects/player/src/plugins/touch-controls-plugin/components/touch-controls/touch-controls.d.ts +0 -59
  167. package/dist/projects/player/src/plugins/touch-controls-plugin/touch-controls-plugin.d.ts +0 -1
  168. package/dist/projects/player/src/react/CreateClipPlayer.d.ts +0 -3
  169. package/dist/projects/player/src/react/EmbeddedPlayer.d.ts +0 -7
  170. package/dist/projects/player/src/react/InteractivePlayer.d.ts +0 -9
  171. package/dist/projects/player/src/react/Player.d.ts +0 -8
  172. package/dist/projects/player/src/react/react-component.d.ts +0 -56
  173. package/dist/projects/player/src/services/analytics-service.d.ts +0 -15
  174. package/dist/projects/player/src/utils/ajax-helper.d.ts +0 -6
  175. package/dist/projects/player/src/utils/fn.d.ts +0 -14
  176. package/dist/projects/player/src/utils/formatTime.d.ts +0 -5
  177. package/dist/projects/player/src/utils/hotkeys.d.ts +0 -5
  178. package/dist/projects/player/src/utils/scrollbar-helper.d.ts +0 -6
  179. package/dist/projects/player/src/utils/track-helper.d.ts +0 -7
  180. package/dist/projects/player/test/players/test-player.d.ts +0 -17
  181. package/dist/projects/player/test/setupTests.d.ts +0 -0
  182. package/dist/projects/player/test/utils/test-helpers.d.ts +0 -8
  183. package/jest.config.js +0 -13
  184. package/test/players/test-player.ts +0 -31
  185. package/test/setupTests.ts +0 -8
  186. package/test/utils/test-helpers.ts +0 -22
  187. package/tooling/font-webpack.config.js +0 -44
  188. package/typings/libs/videojs-contrib-quality-levels.d.ts +0 -29
@@ -1,15 +0,0 @@
1
- import { BasePlayer, BasePlayerOptions } from './base-player';
2
- import "../plugins/example-plugin/example-plugin";
3
- import "../plugins/progress-reporter-plugin/progress-reporter-plugin";
4
- import "../plugins/persist-volume-plugin/persist-volume-plugin";
5
- import "../plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin";
6
- import "../plugins/open-externally-plugin/open-externally-plugin";
7
- import "../plugins/clip-plugin/clip-plugin";
8
- import "../plugins/touch-controls-plugin/touch-controls-plugin";
9
- export interface PlayerOptions extends BasePlayerOptions {
10
- }
11
- export declare class Player extends BasePlayer {
12
- protected options: PlayerOptions;
13
- constructor(id: string | Element, options: PlayerOptions);
14
- protected configurePlugins(): void;
15
- }
@@ -1,50 +0,0 @@
1
- import videojs, { VideoJsPlayer } from 'video.js';
2
- declare const Plugin: {
3
- new (player: VideoJsPlayer, options?: any): videojs.Plugin;
4
- prototype: videojs.Plugin;
5
- BASE_PLUGIN_NAME: string;
6
- deregisterPlugin(name: string): void;
7
- getPlugin(name: string): any;
8
- getPluginVersion(name: string): string;
9
- getPlugins(names?: string[]): {
10
- [name: string]: videojs.Plugin;
11
- };
12
- isBasic(plugin: string | (() => any)): boolean;
13
- registerPlugin<T, K>(name: string, plugin: (this: VideoJsPlayer, ...options: K[]) => T): (...options: K[]) => T;
14
- registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
15
- };
16
- export interface ClipPluginOptions {
17
- startTime: number;
18
- duration: number;
19
- }
20
- export declare class ClipPlugin extends Plugin {
21
- private _clipStart;
22
- private _clipEnd;
23
- private _isEnded;
24
- private playerEndedFn;
25
- private playerDurationFn;
26
- private playerCurrentTimeFn;
27
- private playerbufferedFn;
28
- constructor(player: VideoJsPlayer, options: ClipPluginOptions);
29
- get clipStart(): number;
30
- get clipEnd(): number;
31
- dispose(): void;
32
- private initialize;
33
- private onPlay;
34
- private onTimeUpdate;
35
- private ended;
36
- private duration;
37
- private currentTime;
38
- /**
39
- * Gets the current time of the video and updates the videojs currentTime cache
40
- * @param clipTime Set to true to return the current time in the context of a clip
41
- */
42
- private getCurrentTime;
43
- private buffered;
44
- }
45
- declare module 'video.js' {
46
- interface VideoJsPlayer {
47
- clipPlugin(options: ClipPluginOptions): void;
48
- }
49
- }
50
- export {};
@@ -1,54 +0,0 @@
1
- import videojs from 'video.js';
2
- declare const Component: {
3
- new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
4
- prototype: videojs.Component;
5
- getComponent(name: "button" | "Button"): {
6
- new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
7
- prototype: videojs.Button;
8
- };
9
- getComponent(name: "ClickableComponent" | "clickablecomponent"): {
10
- new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
11
- prototype: videojs.ClickableComponent;
12
- };
13
- getComponent(name: "ModalDialog" | "modaldialog"): {
14
- new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
15
- prototype: videojs.ModalDialog;
16
- };
17
- getComponent(name: "menu" | "Menu"): {
18
- new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
19
- prototype: videojs.Menu;
20
- };
21
- getComponent(name: "MenuButton" | "menubutton"): {
22
- new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
23
- prototype: videojs.MenuButton;
24
- };
25
- getComponent(name: "menuitem" | "MenuItem"): {
26
- new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
27
- prototype: videojs.MenuItem;
28
- };
29
- getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
30
- new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
31
- prototype: videojs.MouseTimeDisplay;
32
- };
33
- getComponent(name: "Spacer" | "spacer"): {
34
- new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
35
- prototype: videojs.Spacer;
36
- };
37
- getComponent(name: "Player" | "player"): {
38
- new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): import("video.js").VideoJsPlayer;
39
- prototype: import("video.js").VideoJsPlayer;
40
- getTagSettings(tag: Element): any;
41
- };
42
- getComponent(name: "timeTooltip" | "TimeTooltip"): {
43
- new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
44
- prototype: videojs.TimeToolTip;
45
- };
46
- getComponent(name: string): any;
47
- registerComponent(name: string, ComponentToRegister: any): any;
48
- };
49
- export declare class ClipTimepointSelectorHandle extends Component {
50
- buildCSSClass(): string;
51
- createEl(tagName?: string, properties?: any, attributes?: any): Element;
52
- isEventTarget(e: videojs.EventTarget.Event): boolean;
53
- }
54
- export {};
@@ -1,89 +0,0 @@
1
- import videojs, { VideoJsPlayer } from 'video.js';
2
- declare const Component: {
3
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
4
- prototype: videojs.Component;
5
- getComponent(name: "button" | "Button"): {
6
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
7
- prototype: videojs.Button;
8
- };
9
- getComponent(name: "ClickableComponent" | "clickablecomponent"): {
10
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
11
- prototype: videojs.ClickableComponent;
12
- };
13
- getComponent(name: "ModalDialog" | "modaldialog"): {
14
- new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
15
- prototype: videojs.ModalDialog;
16
- };
17
- getComponent(name: "menu" | "Menu"): {
18
- new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
19
- prototype: videojs.Menu;
20
- };
21
- getComponent(name: "MenuButton" | "menubutton"): {
22
- new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
23
- prototype: videojs.MenuButton;
24
- };
25
- getComponent(name: "menuitem" | "MenuItem"): {
26
- new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
27
- prototype: videojs.MenuItem;
28
- };
29
- getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
30
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
31
- prototype: videojs.MouseTimeDisplay;
32
- };
33
- getComponent(name: "Spacer" | "spacer"): {
34
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
35
- prototype: videojs.Spacer;
36
- };
37
- getComponent(name: "Player" | "player"): {
38
- new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
39
- prototype: VideoJsPlayer;
40
- getTagSettings(tag: Element): any;
41
- };
42
- getComponent(name: "timeTooltip" | "TimeTooltip"): {
43
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
44
- prototype: videojs.TimeToolTip;
45
- };
46
- getComponent(name: string): any;
47
- registerComponent(name: string, ComponentToRegister: any): any;
48
- };
49
- import './clip-timepoint-selector.scss';
50
- export interface ClipTimepointSelectorOptions extends videojs.ComponentOptions {
51
- startTime: number;
52
- endTime: number;
53
- minDuration: number;
54
- onChangeStartTime: (startTime: number) => void;
55
- onChangeEndTime: (endTime: number) => void;
56
- }
57
- export declare class ClipTimepointSelector extends Component {
58
- options_: ClipTimepointSelectorOptions;
59
- el_: HTMLElement;
60
- /**
61
- * These variables shouldn't be set directly.
62
- * setStartTime and setEndTime should be used.
63
- */
64
- private startTime;
65
- private endTime;
66
- private startHandle;
67
- private endHandle;
68
- private dragStartActive;
69
- private dragEndActive;
70
- private dragSliderActive;
71
- private dragSliderCurrentPosition;
72
- constructor(player: VideoJsPlayer, options: ClipTimepointSelectorOptions);
73
- createEl(): Element;
74
- private update;
75
- private setStartTime;
76
- private setEndTime;
77
- private bindDragListeners;
78
- private dragStart;
79
- private dragEnd;
80
- private drag;
81
- private handleStartHandleDrag;
82
- private handleEndHandleDrag;
83
- private handleSliderDrag;
84
- private getPosition;
85
- private setStartOffset;
86
- private setWidth;
87
- private getPercentage;
88
- }
89
- export {};
@@ -1,14 +0,0 @@
1
- import videojs, { VideoJsPlayer } from 'video.js';
2
- declare const SeekBar: {
3
- new (player: VideoJsPlayer, options?: videojs.SliderOptions): videojs.SeekBar;
4
- prototype: videojs.SeekBar;
5
- };
6
- import { ClipTimepointSelectorOptions } from "../clip-timepoint-selector/clip-timepoint-selector";
7
- import './create-clip-seek-bar.scss';
8
- interface CreateClipSeekBarOptions extends ClipTimepointSelectorOptions {
9
- }
10
- export declare class CreateClipSeekBar extends SeekBar {
11
- constructor(player: VideoJsPlayer, options: any);
12
- initialize(options: CreateClipSeekBarOptions): void;
13
- }
14
- export {};
@@ -1,14 +0,0 @@
1
- import "./components/create-clip-seek-bar/create-clip-seek-bar";
2
- interface CreateClipPluginOptions {
3
- onChangeStartTime: (startTime: number) => void;
4
- onChangeEndTime: (endTime: number) => void;
5
- startTime?: number;
6
- endTime?: number;
7
- minDuration?: number;
8
- }
9
- declare module 'video.js' {
10
- interface VideoJsPlayer {
11
- createClipPlugin(options: CreateClipPluginOptions): void;
12
- }
13
- }
14
- export {};
@@ -1,2 +0,0 @@
1
- import './components/example-button/example-button';
2
- import './components/example-react-button/example-react-button';
@@ -1,4 +0,0 @@
1
- import { InteractionTypeId, InteractionComponent, ValidationFunction, SubmissionFunction } from "../../interfaces";
2
- export declare function getCreateComponent(typeId: InteractionTypeId): InteractionComponent;
3
- export declare function getCreateValidation(typeId: InteractionTypeId): ValidationFunction;
4
- export declare function getCreateSubmit(typeId: InteractionTypeId): SubmissionFunction;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { Interaction, InteractionProps } from "../../../interfaces";
3
- import './create-short-answer.scss';
4
- interface CreateShortAnswerState {
5
- text: string;
6
- }
7
- export declare function ValidateShortAnswer(state: CreateShortAnswerState): boolean;
8
- export declare function SubmitShortAnswer(state: CreateShortAnswerState, interaction: Interaction): Promise<void>;
9
- export declare function CreateShortAnswer(props: InteractionProps<CreateShortAnswerState>): React.ReactElement;
10
- export {};
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { InteractionTypeId } from "../../../interfaces";
3
- import './create-type-selector.scss';
4
- interface CreateTypeSelectorProps {
5
- onTypeSelected: (typeId: InteractionTypeId) => void;
6
- }
7
- export declare function CreateTypeSelector(props: CreateTypeSelectorProps): React.ReactElement;
8
- export {};
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface FeedbackProps {
3
- correct: boolean;
4
- showFeedback: boolean;
5
- }
6
- export declare function Feedback(props: FeedbackProps): React.ReactElement;
7
- export {};
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare function IncompleteAlert(): React.ReactElement;
@@ -1,21 +0,0 @@
1
- import videojs, { VideoJsPlayer } from 'video.js';
2
- import { Timepoint } from '../../interfaces';
3
- import './interactive-bar-item.scss';
4
- declare const Component: {
5
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
6
- prototype: videojs.Button;
7
- };
8
- interface InteractiveBarItemOptions extends videojs.ComponentOptions {
9
- timepoint: Timepoint;
10
- }
11
- export declare class InteractiveBarItem extends Component {
12
- private timepoint_;
13
- private time_;
14
- constructor(player: VideoJsPlayer, options: InteractiveBarItemOptions);
15
- buildCSSClass(): string;
16
- createEl(tagName?: string, properties?: any, attributes?: any): HTMLButtonElement;
17
- update(): void;
18
- handleClick(e: Event): void;
19
- private setColour;
20
- }
21
- export {};
@@ -1,66 +0,0 @@
1
- import videojs, { VideoJsPlayer } from 'video.js';
2
- import { Interactive } from "../../interfaces";
3
- import './interactive-bar-items.scss';
4
- declare const Component: {
5
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
6
- prototype: videojs.Component;
7
- getComponent(name: "button" | "Button"): {
8
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
9
- prototype: videojs.Button;
10
- };
11
- getComponent(name: "ClickableComponent" | "clickablecomponent"): {
12
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
13
- prototype: videojs.ClickableComponent;
14
- };
15
- getComponent(name: "ModalDialog" | "modaldialog"): {
16
- new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
17
- prototype: videojs.ModalDialog;
18
- };
19
- getComponent(name: "menu" | "Menu"): {
20
- new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
21
- prototype: videojs.Menu;
22
- };
23
- getComponent(name: "MenuButton" | "menubutton"): {
24
- new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
25
- prototype: videojs.MenuButton;
26
- };
27
- getComponent(name: "menuitem" | "MenuItem"): {
28
- new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
29
- prototype: videojs.MenuItem;
30
- };
31
- getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
32
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
33
- prototype: videojs.MouseTimeDisplay;
34
- };
35
- getComponent(name: "Spacer" | "spacer"): {
36
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
37
- prototype: videojs.Spacer;
38
- };
39
- getComponent(name: "Player" | "player"): {
40
- new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
41
- prototype: VideoJsPlayer;
42
- getTagSettings(tag: Element): any;
43
- };
44
- getComponent(name: "timeTooltip" | "TimeTooltip"): {
45
- new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
46
- prototype: videojs.TimeToolTip;
47
- };
48
- getComponent(name: string): any;
49
- registerComponent(name: string, ComponentToRegister: any): any;
50
- };
51
- interface InteractiveBarItemsOptions extends videojs.SliderOptions {
52
- track: TextTrack;
53
- interactive: Interactive;
54
- }
55
- export declare class InteractiveBarItems extends Component {
56
- private track_;
57
- private interactive_;
58
- constructor(player: VideoJsPlayer, options: InteractiveBarItemsOptions);
59
- buildCSSClass(): string;
60
- createEl(tagName?: string, properties?: any, attributes?: any): Element;
61
- update(): void;
62
- private createInteractionItems;
63
- private onDurationChange;
64
- private getTimepointById;
65
- }
66
- export {};
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- import { Timepoint, InteractiveMode } from "../../interfaces";
3
- import './timepoint-component.scss';
4
- interface TimepointState {
5
- isValid: boolean;
6
- submitted: boolean;
7
- preview: boolean;
8
- }
9
- export declare const initialTimepointState: TimepointState;
10
- interface TimepointProps {
11
- timepoint: Timepoint;
12
- continueInteractive: () => void;
13
- immediateFeedback: boolean;
14
- mode: InteractiveMode;
15
- state: any;
16
- dispatch: React.Dispatch<any>;
17
- recalculateScroll: () => void;
18
- timepointState: TimepointState;
19
- }
20
- export declare function TimepointComponent(props: TimepointProps): React.ReactElement;
21
- export {};
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { InteractionProps } from "../../../interfaces";
3
- export declare function AnnotationInteraction(props: InteractionProps<null>): React.ReactElement;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { InteractionProps } from "../../../interfaces";
3
- import './image-interaction.scss';
4
- export declare function ImageInteraction(props: InteractionProps<null>): React.ReactElement;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { Interaction, InteractionProps } from "../../../interfaces";
3
- interface MissingWordState {
4
- [id: string]: string;
5
- }
6
- export declare function IsViewMissingWordValid(state: MissingWordState, interaction: Interaction): boolean;
7
- export declare function SubmitViewMissingWord(): Promise<void>;
8
- export declare function MissingWordInteraction(props: InteractionProps<MissingWordState>): React.ReactElement;
9
- export {};
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { InteractionProps } from "../../../interfaces";
3
- import './multiple-choice-interaction.scss';
4
- interface MultiplechoiceState {
5
- [id: string]: boolean;
6
- }
7
- export declare function IsViewMultipleChoiceValid(state: MultiplechoiceState): boolean;
8
- export declare function SubmitViewMultipleChoice(): Promise<void>;
9
- export declare function MultipleChoiceInteraction(props: InteractionProps<MultiplechoiceState>): React.ReactElement;
10
- export {};
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { InteractionProps } from "../../../interfaces";
3
- interface ShortAnswerState {
4
- text: string;
5
- }
6
- export declare function IsViewShortAnswerValid(state: ShortAnswerState): boolean;
7
- export declare function SubmitViewShortAnswer(): Promise<void>;
8
- export declare function ShortAnswerInteraction(props: InteractionProps<ShortAnswerState>): React.ReactElement;
9
- export {};
@@ -1,4 +0,0 @@
1
- import { InteractionComponent, InteractionTypeId, SubmissionFunction, ValidationFunction } from "../../interfaces";
2
- export declare function getViewComponent(typeId: InteractionTypeId): InteractionComponent;
3
- export declare function getViewValidation(typeId: InteractionTypeId): ValidationFunction;
4
- export declare function getViewSubmit(typeId: InteractionTypeId): SubmissionFunction;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { Interaction } from "../../../interfaces";
3
- import './view-interaction-heading.scss';
4
- interface ViewInteractionHeadingProps {
5
- interaction: Interaction;
6
- }
7
- export declare function ViewInteractionHeading(props: ViewInteractionHeadingProps): React.ReactElement;
8
- export {};
@@ -1 +0,0 @@
1
- import "./components/interactive/interactive-component";
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { InteractionProps } from "./";
3
- export declare type InteractionComponent = (props: InteractionProps<any>) => React.ReactElement;
@@ -1,8 +0,0 @@
1
- import { Interaction } from "./";
2
- export interface InteractionProps<T> {
3
- interaction: Interaction;
4
- state: T;
5
- setState: (value: T) => void;
6
- recalculateScroll?: () => void;
7
- showFeedback: boolean;
8
- }
@@ -1,4 +0,0 @@
1
- export declare enum InteractiveMode {
2
- View = 0,
3
- Create = 1
4
- }
@@ -1,2 +0,0 @@
1
- import { Interaction } from "./";
2
- export declare type SubmissionFunction = (state: any, interaction: Interaction) => Promise<void>;
@@ -1,2 +0,0 @@
1
- import { Interaction } from "./";
2
- export declare type ValidationFunction = (state: any, interaction: Interaction) => boolean;
@@ -1,6 +0,0 @@
1
- export * from './models';
2
- export * from './InteractiveMode';
3
- export * from './InteractionProps';
4
- export * from './InteractionComponent';
5
- export * from './SubmissionFunction';
6
- export * from './ValidationFunction';
@@ -1,6 +0,0 @@
1
- import { BaseObject } from "../../../../../../../libs/shared/src/interfaces/models/primitives/BaseObject";
2
- export interface ActionableItem extends BaseObject {
3
- order: number;
4
- isCorrect?: boolean;
5
- interactionId: string;
6
- }
@@ -1,14 +0,0 @@
1
- import { HashObject } from "../../../../../../../libs/common/src/react/interfaces/HashObject";
2
- import { BaseObject } from "../../../../../../../libs/shared/src/interfaces/models/primitives/BaseObject";
3
- import { InteractionTypeId, InteractionType, ActionableItem } from "./..";
4
- export interface Interaction extends BaseObject {
5
- typeId: InteractionTypeId;
6
- type: InteractionType;
7
- timepointId: string;
8
- order: number;
9
- interactiveId: string;
10
- errorMessage?: string;
11
- description?: string;
12
- data: HashObject;
13
- actionableItems?: ActionableItem[];
14
- }
@@ -1,7 +0,0 @@
1
- import { InteractionTypeId } from "./..";
2
- export interface InteractionType {
3
- id: InteractionTypeId;
4
- name: string;
5
- colour: string;
6
- icon: string;
7
- }
@@ -1,8 +0,0 @@
1
- export declare enum InteractionTypeId {
2
- MultipleChoice = 1,
3
- ShortAnswer = 2,
4
- TrueOrFalse = 3,
5
- Annotation = 4,
6
- Image = 5,
7
- MissingWord = 6
8
- }
@@ -1,7 +0,0 @@
1
- import { BaseObject } from "../../../../../../../libs/shared/src/interfaces/models/primitives/BaseObject";
2
- import { Timepoint } from "./..";
3
- export interface Interactive extends BaseObject {
4
- immediateFeedback: boolean;
5
- posterImage?: string;
6
- timepoints?: Timepoint[];
7
- }
@@ -1,9 +0,0 @@
1
- import { BaseObject } from "../../../../../../../libs/shared/src/interfaces/models/primitives/BaseObject";
2
- import { Interaction } from "./..";
3
- export interface Timepoint extends BaseObject {
4
- interactiveId: string;
5
- shouldPause: number;
6
- visibleAt: number;
7
- visibleFor?: number;
8
- interactions?: Interaction[];
9
- }
@@ -1,6 +0,0 @@
1
- export * from './ActionableItem';
2
- export * from './Interaction';
3
- export * from './InteractionType';
4
- export * from './InteractionTypeId';
5
- export * from './Interactive';
6
- export * from './Timepoint';
@@ -1,2 +0,0 @@
1
- import { InteractionComponent, InteractionTypeId, InteractiveMode } from "../interfaces";
2
- export declare function getInteractionComponent(typeId: InteractionTypeId, mode: InteractiveMode): InteractionComponent;
@@ -1,2 +0,0 @@
1
- import { Interaction } from "../interfaces";
2
- export declare function getInteractionStateId(interaction: Interaction): string;
@@ -1,2 +0,0 @@
1
- import { InteractionTypeId, InteractiveMode, SubmissionFunction } from "../interfaces";
2
- export declare function getSubmissionFunction(typeId: InteractionTypeId, mode: InteractiveMode): SubmissionFunction;
@@ -1,2 +0,0 @@
1
- import { Timepoint } from "../interfaces";
2
- export declare function getTimepointStateId(timepoint: Timepoint): string;
@@ -1,2 +0,0 @@
1
- import { InteractionTypeId, InteractiveMode, ValidationFunction } from "../interfaces";
2
- export declare function getValidationFunction(typeId: InteractionTypeId, mode: InteractiveMode): ValidationFunction;
@@ -1,17 +0,0 @@
1
- import { VideoJsPlayer } from 'video.js';
2
- import { Interactive, InteractiveMode } from "../interfaces";
3
- interface useInteractiveTrackResponse {
4
- open: boolean;
5
- timepoint: any;
6
- continueInteractive: () => void;
7
- lockPlayer: () => void;
8
- unlockPlayer: () => void;
9
- }
10
- interface useInteractiveOptions {
11
- player: VideoJsPlayer;
12
- track: TextTrack;
13
- interactive: Interactive;
14
- mode: InteractiveMode;
15
- }
16
- export declare function useInteractiveTrack(options: useInteractiveOptions): useInteractiveTrackResponse;
17
- export {};
@@ -1 +0,0 @@
1
- import './open-externally-button.scss';
@@ -1,3 +0,0 @@
1
- export interface ExternalLinkOptions {
2
- currentTime: number;
3
- }