@playkit-js/playkit-js-ui 0.82.12 → 0.82.13-canary.0-29a2cfb

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 (37) hide show
  1. package/dist/playkit-js-ui.d.ts +46 -2
  2. package/dist/playkit-ui.js +1 -1
  3. package/dist/playkit-ui.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/bottom-bar/bottom-bar.tsx +2 -0
  6. package/src/components/forward/forward.tsx +42 -14
  7. package/src/components/icon/icon.scss +26 -8
  8. package/src/components/icon/icon.tsx +13 -1
  9. package/src/components/index.ts +2 -0
  10. package/src/components/quality-control/index.ts +1 -0
  11. package/src/components/quality-control/quality-control.tsx +157 -0
  12. package/src/components/quality-menu/quality-menu.tsx +28 -12
  13. package/src/components/rewind/rewind.tsx +44 -14
  14. package/src/components/settings/settings.tsx +5 -5
  15. package/src/components/smart-container/smart-container.tsx +1 -1
  16. package/src/components/speed-control/index.ts +1 -0
  17. package/src/components/speed-control/speed-control.tsx +146 -0
  18. package/src/components/speed-menu/speed-menu.tsx +29 -12
  19. package/src/reducers/config.ts +3 -0
  20. package/src/types/ui-options.ts +3 -0
  21. package/src/ui-presets/live.tsx +3 -1
  22. package/src/ui-presets/playback.tsx +4 -0
  23. package/translations/ca_es.i18n.json +4 -0
  24. package/translations/de.i18n.json +4 -0
  25. package/translations/es.i18n.json +4 -0
  26. package/translations/fi.i18n.json +4 -0
  27. package/translations/fr.i18n.json +4 -0
  28. package/translations/fr_ca.i18n.json +4 -0
  29. package/translations/he.i18n.json +4 -0
  30. package/translations/it.i18n.json +4 -0
  31. package/translations/ja.i18n.json +4 -0
  32. package/translations/ko.i18n.json +4 -0
  33. package/translations/nl.i18n.json +4 -0
  34. package/translations/pt_br.i18n.json +4 -0
  35. package/translations/ru.i18n.json +4 -0
  36. package/translations/zh_cn.i18n.json +4 -0
  37. package/translations/zh_tw.i18n.json +5 -1
@@ -2080,6 +2080,8 @@ declare namespace Components {
2080
2080
  Title,
2081
2081
  Audio_2 as Audio,
2082
2082
  TextWithTooltip,
2083
+ QualityControl,
2084
+ SpeedControl,
2083
2085
  EventDispatcherProvider,
2084
2086
  WithEventDispatcherProps,
2085
2087
  withEventDispatcher,
@@ -3186,6 +3188,15 @@ declare function formatOnlyNumbersInput(val: string): string;
3186
3188
  * @extends {Component}
3187
3189
  */
3188
3190
  declare class Forward extends Component<any, any> {
3191
+ private _secondsToSeek;
3192
+ constructor(props: any);
3193
+ /**
3194
+ * checking if value id valid number
3195
+ * @param {any} value - value to check
3196
+ * @returns {number}
3197
+ * @memberof Forward
3198
+ */
3199
+ _getValidSecondsToSeek(value: any): number;
3189
3200
  /**
3190
3201
  * should render component
3191
3202
  * @returns {boolean} - whether to render the component
@@ -3198,6 +3209,12 @@ declare class Forward extends Component<any, any> {
3198
3209
  * @memberof Forward
3199
3210
  */
3200
3211
  onClick: () => void;
3212
+ /**
3213
+ * get icon type based on seek seconds
3214
+ * @returns {string} - icon type
3215
+ */
3216
+ _getIconType(): string;
3217
+ ד: any;
3201
3218
  /**
3202
3219
  * render component
3203
3220
  *
@@ -3205,7 +3222,7 @@ declare class Forward extends Component<any, any> {
3205
3222
  * @returns {React$Element} - component element
3206
3223
  * @memberof Forward
3207
3224
  */
3208
- render({ step, forwardText, innerRef }: any): VNode<any> | undefined;
3225
+ render({ forwardText, innerRef }: any): VNode<any> | undefined;
3209
3226
  }
3210
3227
 
3211
3228
  /**
@@ -3466,8 +3483,10 @@ declare const IconType: {
3466
3483
  StartOver: string;
3467
3484
  SeekEnd: string;
3468
3485
  Rewind: string;
3486
+ Rewind5: string;
3469
3487
  Rewind10: string;
3470
3488
  Forward: string;
3489
+ Forward5: string;
3471
3490
  Forward10: string;
3472
3491
  vrStereo: string;
3473
3492
  vrStereoFull: string;
@@ -3483,6 +3502,7 @@ declare const IconType: {
3483
3502
  AdvancedAudioDescriptionActive: string;
3484
3503
  AdvancedAudioDescriptionDisabled: string;
3485
3504
  AdvancedAudioDescriptionDisabledDropdown: string;
3505
+ QualityButton: string;
3486
3506
  };
3487
3507
 
3488
3508
  /**
@@ -3518,6 +3538,8 @@ declare const initialState: {
3518
3538
  showTitleOnUpperBar: boolean;
3519
3539
  showAudioButton: boolean;
3520
3540
  showAudioDescriptionButton: boolean;
3541
+ showSpeedButton: boolean;
3542
+ showQualityButton: boolean;
3521
3543
  openMenuFromCCButton: boolean;
3522
3544
  openMenuFromAudioDescriptionButton: boolean;
3523
3545
  settings: {
@@ -3528,6 +3550,7 @@ declare const initialState: {
3528
3550
  showAdvancedCaptionsMenu: boolean;
3529
3551
  showAudioDescriptionMenu: boolean;
3530
3552
  };
3553
+ seekSeconds: number;
3531
3554
  hoverTimeout: number;
3532
3555
  tinySizeDisabled: boolean;
3533
3556
  showMediaInfo: {
@@ -6049,6 +6072,8 @@ declare class ProgressIndicator extends Component<any, any> {
6049
6072
  render(props: any): VNode<any>;
6050
6073
  }
6051
6074
 
6075
+ declare const QualityControl: any;
6076
+
6052
6077
  /**
6053
6078
  * QualityMenu component
6054
6079
  *
@@ -6308,6 +6333,15 @@ declare class ResizeWatcher extends FakeEventTarget {
6308
6333
  * @extends {Component}
6309
6334
  */
6310
6335
  declare class Rewind extends Component<any, any> {
6336
+ private _secondsToSeek;
6337
+ constructor(props: any);
6338
+ /**
6339
+ * checking if value id valid number
6340
+ * @param {any} value - value to check
6341
+ * @returns {number}
6342
+ * @memberof Rewind
6343
+ */
6344
+ _getValidSecondsToSeek(value: any): number;
6311
6345
  /**
6312
6346
  * rewind click handler
6313
6347
  *
@@ -6320,6 +6354,11 @@ declare class Rewind extends Component<any, any> {
6320
6354
  * @returns {boolean} - whether to render the component
6321
6355
  */
6322
6356
  _shouldRender(): boolean;
6357
+ /**
6358
+ * get icon type based on seek seconds
6359
+ * @returns {string} - icon type
6360
+ */
6361
+ _getIconType(): string;
6323
6362
  /**
6324
6363
  * render component
6325
6364
  *
@@ -6327,7 +6366,7 @@ declare class Rewind extends Component<any, any> {
6327
6366
  * @returns {React$Element} - component element
6328
6367
  * @memberof Rewind
6329
6368
  */
6330
- render({ step, rewindText, innerRef }: any): VNode<any> | undefined;
6369
+ render({ rewindText, innerRef }: any): VNode<any> | undefined;
6331
6370
  }
6332
6371
 
6333
6372
  export declare interface RootState {
@@ -7250,6 +7289,8 @@ declare interface SourcesConfig extends Omit<ProviderMediaConfigSourcesObject, '
7250
7289
  poster?: string;
7251
7290
  }
7252
7291
 
7292
+ declare const SpeedControl: any;
7293
+
7253
7294
  /**
7254
7295
  * SpeedMenu component
7255
7296
  *
@@ -7957,12 +7998,14 @@ export declare interface UIOptionsObject {
7957
7998
  allowPlayPause?: boolean;
7958
7999
  allowLivePlayPause?: boolean;
7959
8000
  showCCButton?: boolean;
8001
+ showSpeedButton?: boolean;
7960
8002
  showTitleOnUpperBar?: boolean;
7961
8003
  showAudioDescriptionButton?: boolean;
7962
8004
  showMediaInfo?: MediaInfoConfig;
7963
8005
  openMenuFromCCButton?: boolean;
7964
8006
  openMenuFromAudioDescriptionButton?: boolean;
7965
8007
  showAudioButton?: boolean;
8008
+ showQualityButton?: boolean;
7966
8009
  settings?: {
7967
8010
  showAudioMenu?: boolean;
7968
8011
  showCaptionsMenu?: boolean;
@@ -7971,6 +8014,7 @@ export declare interface UIOptionsObject {
7971
8014
  showAdvancedCaptionsMenu?: boolean;
7972
8015
  showAudioDescriptionMenu?: boolean;
7973
8016
  };
8017
+ seekSeconds?: number;
7974
8018
  hoverTimeout?: number;
7975
8019
  logger?: LoggerType;
7976
8020
  components?: ComponentsConfig;