@playkit-js/playkit-js-ui 0.79.5 → 0.79.6-canary.0-9e4f6ec
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/dist/playkit-js-ui.d.ts +78 -4
- package/dist/playkit-ui.js +1 -1
- package/dist/playkit-ui.js.map +1 -1
- package/package.json +2 -2
- package/src/components/advanced-audio-desc/advanced-audio-desc.tsx +35 -2
- package/src/components/bottom-bar/_bottom-bar.scss +11 -8
- package/src/components/bottom-bar/bottom-bar-registry-manager.ts +42 -0
- package/src/components/bottom-bar/bottom-bar.tsx +16 -5
- package/src/components/bottom-bar/index.ts +1 -0
- package/src/components/captions-control/captions-control-mini.tsx +112 -0
- package/src/components/captions-control/captions-control.tsx +30 -30
- package/src/components/closed-captions/closed-captions.tsx +53 -2
- package/src/components/engine-connector/engine-connector.tsx +5 -2
- package/src/components/picture-in-picture/picture-in-picture.tsx +40 -2
- package/src/components/scrollable/scrollable.scss +12 -0
- package/src/components/scrollable/scrollable.tsx +32 -6
- package/src/components/tooltip/tooltip.tsx +4 -0
- package/src/components/top-bar/_top-bar.scss +2 -2
- package/src/components/volume/_volume.scss +15 -7
- package/src/components/vr-stereo/vr-stereo.tsx +41 -2
- package/src/reducers/bottom-bar.ts +27 -0
- package/src/reducers/index.ts +2 -1
- package/src/reducers/settings.ts +12 -3
- package/src/store.ts +3 -1
- package/src/styles/_variables.scss +1 -0
- package/src/types/reducers/bottom-bar.ts +3 -0
- package/src/types/reducers/root-state.ts +2 -0
- package/src/ui-presets/live.tsx +1 -1
- package/src/ui-presets/playback.tsx +1 -1
package/dist/playkit-js-ui.d.ts
CHANGED
|
@@ -83,6 +83,13 @@ declare const actions_11: {
|
|
|
83
83
|
};
|
|
84
84
|
};
|
|
85
85
|
|
|
86
|
+
declare const actions_12: {
|
|
87
|
+
updateControlsToMove: (controlsToMove: string[]) => {
|
|
88
|
+
type: string;
|
|
89
|
+
controlsToMove: string[];
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
|
|
86
93
|
declare const actions_2: {
|
|
87
94
|
updateCaptionsStyle: (style: string) => {
|
|
88
95
|
type: string;
|
|
@@ -393,6 +400,10 @@ declare const actions_8: {
|
|
|
393
400
|
type: string;
|
|
394
401
|
isChecked: boolean;
|
|
395
402
|
};
|
|
403
|
+
updateIsCaptionsEnabled: (isCaptionsEnabled: boolean) => {
|
|
404
|
+
type: string;
|
|
405
|
+
isCaptionsEnabled: boolean;
|
|
406
|
+
};
|
|
396
407
|
};
|
|
397
408
|
|
|
398
409
|
declare const actions_9: {
|
|
@@ -887,8 +898,11 @@ declare function adsUI(props: any): VNode<any> | undefined;
|
|
|
887
898
|
* @example <AdvancedAudioDesc step={5} />
|
|
888
899
|
* @extends {Component}
|
|
889
900
|
*/
|
|
890
|
-
declare class AdvancedAudioDesc extends Component<any, any> {
|
|
901
|
+
declare class AdvancedAudioDesc extends Component<any, any> implements IconComponent {
|
|
891
902
|
constructor(props: any);
|
|
903
|
+
registerComponent(): any;
|
|
904
|
+
getComponentText: () => any;
|
|
905
|
+
getSvgIcon: () => any;
|
|
892
906
|
/**
|
|
893
907
|
* should render component
|
|
894
908
|
* @returns {boolean} - whether to render the component
|
|
@@ -1672,6 +1686,19 @@ declare class BottomBar extends Component<any, any> {
|
|
|
1672
1686
|
render(props: any): h.JSX.Element;
|
|
1673
1687
|
}
|
|
1674
1688
|
|
|
1689
|
+
declare namespace bottomBar {
|
|
1690
|
+
export {
|
|
1691
|
+
types_12 as types,
|
|
1692
|
+
initialState_12 as initialState,
|
|
1693
|
+
_default_12 as default,
|
|
1694
|
+
actions_12 as actions
|
|
1695
|
+
}
|
|
1696
|
+
}
|
|
1697
|
+
|
|
1698
|
+
declare interface BottomBarState {
|
|
1699
|
+
controlsToMove: string[];
|
|
1700
|
+
}
|
|
1701
|
+
|
|
1675
1702
|
/**
|
|
1676
1703
|
* Button component
|
|
1677
1704
|
*
|
|
@@ -2266,6 +2293,10 @@ declare const _default_11: (state: OverlayState | undefined, action: any) => {
|
|
|
2266
2293
|
isOpen: any;
|
|
2267
2294
|
};
|
|
2268
2295
|
|
|
2296
|
+
declare const _default_12: (state: BottomBarState | undefined, action: any) => {
|
|
2297
|
+
controlsToMove: any;
|
|
2298
|
+
};
|
|
2299
|
+
|
|
2269
2300
|
declare const _default_2: (state: CvaaState | undefined, action: any) => {
|
|
2270
2301
|
style: any;
|
|
2271
2302
|
};
|
|
@@ -2436,6 +2467,12 @@ declare const _default_8: (state: SettingsState | undefined, action: any) => {
|
|
|
2436
2467
|
quality: number;
|
|
2437
2468
|
speed: number;
|
|
2438
2469
|
audio?: string | undefined;
|
|
2470
|
+
} | {
|
|
2471
|
+
isCaptionsEnabled: any;
|
|
2472
|
+
quality: number;
|
|
2473
|
+
speed: number;
|
|
2474
|
+
audio?: string | undefined;
|
|
2475
|
+
advancedAudioDesc: boolean;
|
|
2439
2476
|
};
|
|
2440
2477
|
|
|
2441
2478
|
declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
@@ -2806,6 +2843,8 @@ declare type EngineConnectorProps = {
|
|
|
2806
2843
|
eventManager: EventManager;
|
|
2807
2844
|
} & typeof actions_3 & typeof actions_4 & typeof actions_9 & {
|
|
2808
2845
|
seekbarUpdateCurrentTime: typeof actions_7.updateCurrentTime;
|
|
2846
|
+
} & {
|
|
2847
|
+
updateIsCaptionsEnabled: typeof actions_8.updateIsCaptionsEnabled;
|
|
2809
2848
|
};
|
|
2810
2849
|
|
|
2811
2850
|
declare interface EngineState {
|
|
@@ -3301,6 +3340,12 @@ declare class Icon extends Component<any, any> {
|
|
|
3301
3340
|
render(props: any): VNode<any> | undefined;
|
|
3302
3341
|
}
|
|
3303
3342
|
|
|
3343
|
+
declare interface IconComponent {
|
|
3344
|
+
registerComponent(): any;
|
|
3345
|
+
getSvgIcon(): any;
|
|
3346
|
+
getComponentText(): any;
|
|
3347
|
+
}
|
|
3348
|
+
|
|
3304
3349
|
declare const IconState: {
|
|
3305
3350
|
[state: string]: number;
|
|
3306
3351
|
};
|
|
@@ -3403,6 +3448,10 @@ declare const initialState_11: {
|
|
|
3403
3448
|
isOpen: boolean;
|
|
3404
3449
|
};
|
|
3405
3450
|
|
|
3451
|
+
declare const initialState_12: {
|
|
3452
|
+
controlsToMove: never[];
|
|
3453
|
+
};
|
|
3454
|
+
|
|
3406
3455
|
declare const initialState_2: {
|
|
3407
3456
|
style: string;
|
|
3408
3457
|
};
|
|
@@ -3485,6 +3534,7 @@ declare const initialState_8: {
|
|
|
3485
3534
|
quality: number;
|
|
3486
3535
|
speed: number;
|
|
3487
3536
|
advancedAudioDesc: boolean;
|
|
3537
|
+
isCaptionsEnabled: boolean;
|
|
3488
3538
|
};
|
|
3489
3539
|
|
|
3490
3540
|
declare const initialState_9: {
|
|
@@ -5080,8 +5130,16 @@ declare interface OverlayState {
|
|
|
5080
5130
|
* @class PictureInPicture
|
|
5081
5131
|
* @extends {Component}
|
|
5082
5132
|
*/
|
|
5083
|
-
declare class PictureInPicture extends Component<any, any> {
|
|
5133
|
+
declare class PictureInPicture extends Component<any, any> implements IconComponent {
|
|
5084
5134
|
_keyboardEventHandlers: Array<KeyboardEventHandlers>;
|
|
5135
|
+
/**
|
|
5136
|
+
* Creates an instance of PictureInPicture.
|
|
5137
|
+
* @memberof PictureInPicture
|
|
5138
|
+
*/
|
|
5139
|
+
constructor(props: any);
|
|
5140
|
+
registerComponent(): any;
|
|
5141
|
+
getSvgIcon: () => any;
|
|
5142
|
+
getComponentText: () => string;
|
|
5085
5143
|
/**
|
|
5086
5144
|
* component mounted
|
|
5087
5145
|
*
|
|
@@ -5851,7 +5909,8 @@ declare namespace Reducers {
|
|
|
5851
5909
|
setting,
|
|
5852
5910
|
shell,
|
|
5853
5911
|
volume,
|
|
5854
|
-
overlay
|
|
5912
|
+
overlay,
|
|
5913
|
+
bottomBar
|
|
5855
5914
|
}
|
|
5856
5915
|
}
|
|
5857
5916
|
export { Reducers }
|
|
@@ -6091,6 +6150,7 @@ export declare interface RootState {
|
|
|
6091
6150
|
overlayAction: OverlayActionsState;
|
|
6092
6151
|
playlist: PlaylistState;
|
|
6093
6152
|
overlay: OverlayState;
|
|
6153
|
+
bottomBar: BottomBarState;
|
|
6094
6154
|
}
|
|
6095
6155
|
|
|
6096
6156
|
/**
|
|
@@ -7334,6 +7394,7 @@ declare interface TooltipOwnProps {
|
|
|
7334
7394
|
maxWidth?: string;
|
|
7335
7395
|
label: string;
|
|
7336
7396
|
strictPosition?: boolean;
|
|
7397
|
+
className?: string;
|
|
7337
7398
|
}
|
|
7338
7399
|
|
|
7339
7400
|
declare type ToolTipPosition = 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'left' | 'right';
|
|
@@ -7385,6 +7446,10 @@ declare const types_11: {
|
|
|
7385
7446
|
UPDATE_OVERLAY: string;
|
|
7386
7447
|
};
|
|
7387
7448
|
|
|
7449
|
+
declare const types_12: {
|
|
7450
|
+
UPDATE_CONTROLS_TO_MOVE: string;
|
|
7451
|
+
};
|
|
7452
|
+
|
|
7388
7453
|
declare const types_2: {
|
|
7389
7454
|
UPDATE_CAPTIONS_STYLE: string;
|
|
7390
7455
|
};
|
|
@@ -7474,6 +7539,7 @@ declare const types_8: {
|
|
|
7474
7539
|
UPDATE_SPEED: string;
|
|
7475
7540
|
UPDATE_AUDIO: string;
|
|
7476
7541
|
UPDATE_ADVANCED_AUDIO_DESC: string;
|
|
7542
|
+
UPDATE_IS_CAPTIONS_ENABLED: string;
|
|
7477
7543
|
};
|
|
7478
7544
|
|
|
7479
7545
|
declare const types_9: {
|
|
@@ -8126,7 +8192,15 @@ declare interface VolumeState {
|
|
|
8126
8192
|
* @example <VrStereo />
|
|
8127
8193
|
* @extends {Component}
|
|
8128
8194
|
*/
|
|
8129
|
-
declare class VrStereo extends Component<any, any> {
|
|
8195
|
+
declare class VrStereo extends Component<any, any> implements IconComponent {
|
|
8196
|
+
/**
|
|
8197
|
+
* Creates an instance of PictureInPicture.
|
|
8198
|
+
* @memberof VrStereo
|
|
8199
|
+
*/
|
|
8200
|
+
constructor(props: any);
|
|
8201
|
+
registerComponent(): any;
|
|
8202
|
+
getComponentText: () => any;
|
|
8203
|
+
getSvgIcon(): any;
|
|
8130
8204
|
/**
|
|
8131
8205
|
* should render component
|
|
8132
8206
|
* @returns {boolean} - whether to render the component
|