react-native-theoplayer 2.8.0 → 2.9.0

package/lib/typescript/ui/components/menu/PlaybackRateSubMenu.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-import type { StyleProp, ViewStyle } from 'react-native';
-export interface PlaybackRateValue {
-    /**
-     * The playbackRate value.
-     */
-    readonly value: number;
-    /**
-     * The label of the playbackRate value.
-     */
-    readonly label: string;
-}
-/**
- * The default playback rate values for the menu.
- */
-export declare const DEFAULT_PLAYBACK_RATE_MENU_VALUES: PlaybackRateValue[];
-interface PlaybackRateSubMenuProps {
-    /**
-     * Overrides for the default playbackRate values.
-     */
-    values?: PlaybackRateValue[];
-    /**
-     * Overrides for the style of the menu.
-     */
-    menuStyle?: StyleProp<ViewStyle>;
-}
-/**
- * A button component that opens a playbackRate selection menu for the `react-native-theoplayer` UI.
- */
-export declare const PlaybackRateSubMenu: (props: PlaybackRateSubMenuProps) => JSX.Element;
-interface PlaybackSelectionViewProps {
-    menuStyle?: StyleProp<ViewStyle>;
-    values: PlaybackRateValue[];
-}
-export declare const PlaybackSelectionView: (props: PlaybackSelectionViewProps) => JSX.Element;
-export {};

package/lib/typescript/ui/components/menu/QualitySubMenu.d.ts

@@ -1,29 +0,0 @@
-import { MediaTrack } from 'react-native-theoplayer';
-import { PureComponent } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-export interface QualitySubMenuProps {
-    /**
-     * Overrides for the style of the menu.
-     */
-    menuStyle?: StyleProp<ViewStyle>;
-}
-/**
- * A button component that opens a playbackRate selection menu for the `react-native-theoplayer` UI.
- */
-export declare const QualitySubMenu: (props: QualitySubMenuProps) => JSX.Element;
-export interface QualitySelectionViewState {
-    videoTracks: MediaTrack[];
-    selectedVideoTrack: number | undefined;
-    targetVideoTrackQuality: number | number[] | undefined;
-}
-export interface QualitySelectionViewProps {
-    style?: StyleProp<ViewStyle>;
-}
-export declare class QualitySelectionView extends PureComponent<QualitySelectionViewProps, QualitySelectionViewState> {
-    constructor(props: QualitySelectionViewProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onTrackListChanged;
-    private selectTargetVideoQuality;
-    render(): JSX.Element;
-}

package/lib/typescript/ui/components/menu/SettingsMenuButton.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-export interface SettingsMenuButtonProps {
-    /**
-     * Overrides for the style of the menu.
-     */
-    menuStyle?: StyleProp<ViewStyle>;
-}
-/**
- * A button component that opens a settings menu containing all children for the `react-native-theoplayer` UI.
- */
-export declare const SettingsMenuButton: (props: React.PropsWithChildren<SettingsMenuButtonProps>) => JSX.Element;

package/lib/typescript/ui/components/menu/barrel.d.ts

@@ -1,5 +0,0 @@
-export * from './common/barrel';
-export * from './LanguageMenuButton';
-export * from './PlaybackRateSubMenu';
-export * from './QualitySubMenu';
-export * from './SettingsMenuButton';

package/lib/typescript/ui/components/menu/common/MenuButton.d.ts

@@ -1,25 +0,0 @@
-import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
-import { ReactNode } from 'react';
-import type { MenuConstructor } from '../../uicontroller/UiControls';
-export interface MenuButtonProps {
-    /**
-     * The image that will be used in the button.
-     */
-    icon?: ImageSourcePropType;
-    /**
-     * The SVG that will be used in the button. Takes priority over images.
-     */
-    svg?: ReactNode;
-    /**
-     * The style overrides for the menu button.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * The menu that will be constructed when the button is pressed.
-     */
-    menuConstructor?: MenuConstructor;
-}
-/**
- * A menu button that opens a fullscreen menu for in the `react-native-theoplayer` UI.
- */
-export declare const MenuButton: (props: MenuButtonProps) => JSX.Element;

package/lib/typescript/ui/components/menu/common/MenuRadioButton.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, TextStyle } from 'react-native';
-export interface MenuRadioButtonProps {
-    /**
-     * The label for the button.
-     */
-    label: string;
-    /**
-     * The uid used in the callback when the button is pressed.
-     */
-    uid: number | undefined;
-    /**
-     * Whether the radio button is selected.
-     */
-    selected?: boolean;
-    /**
-     * The callback that is called when the button is pressed.
-     * @param id The uid prop.
-     */
-    onSelect: (id: number | undefined) => void;
-    /**
-     * The style overrides for the radio button.
-     */
-    style?: StyleProp<TextStyle>;
-}
-/**
- * The default style for the menu button.
- */
-export declare const DEFAULT_MENU_BUTTON_STYLE: TextStyle;
-/**
- * The default radio button that can be used in menus for the `react-native-theoplayer` UI.
- */
-export declare const MenuRadioButton: (props: MenuRadioButtonProps) => JSX.Element;

package/lib/typescript/ui/components/menu/common/MenuTitle.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, TextStyle } from 'react-native';
-export interface MenuTitleProps {
-    /**
-     * The label of the menu title component.
-     */
-    label: string;
-    /**
-     * The style overrides.
-     */
-    style?: StyleProp<TextStyle>;
-}
-/**
- * The default style for the menu title.
- */
-export declare const DEFAULT_MENU_TITLE_STYLE: TextStyle;
-/**
- * The title placed at the top of the fullscreen menu.
- */
-export declare const MenuTitle: (props: MenuTitleProps) => JSX.Element;

package/lib/typescript/ui/components/menu/common/MenuView.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-interface MenuViewProps {
-    /**
-     * The menu to render inside the menu view.
-     */
-    menu: ReactNode;
-    /**
-     * The style overrides for the menu view.
-     */
-    style?: StyleProp<ViewStyle>;
-}
-/**
- * The default style for the menu view.
- */
-export declare const DEFAULT_MENU_VIEW_STYLE: ViewStyle;
-/**
- * A component to render a fullscreen menu with a title and back button for the `react-native-theoplayer` UI.
- */
-export declare const MenuView: (props: MenuViewProps) => JSX.Element;
-export {};

package/lib/typescript/ui/components/menu/common/ScrollableMenu.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-import { ViewStyle } from 'react-native';
-interface ScrollableMenuProps {
-    /**
-     * The title of the scrollable menu.
-     */
-    title: string;
-    /**
-     * The items to be put in the scrollable menu.
-     */
-    items?: ReactNode;
-}
-/**
- * The default style for the scrollable menu.
- */
-export declare const DEFAULT_SCROLLABLE_MENU_STYLE: ViewStyle;
-/**
- * A menu component that provides a ScrollView for menu items for the `react-native-theoplayer` UI.
- * @param props
- * @constructor
- */
-export declare const ScrollableMenu: (props: ScrollableMenuProps) => JSX.Element;
-export {};

package/lib/typescript/ui/components/menu/common/SubMenuWithButton.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-import type { MenuConstructor } from '../../uicontroller/UiControls';
-export interface SubMenuButtonProps {
-    /**
-     * The style overrides.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * The style overrides for the text components.
-     */
-    textStyle?: StyleProp<TextStyle>;
-    /**
-     * The sub menu that will be opened.
-     */
-    menuConstructor: MenuConstructor;
-    /**
-     * The label for the sub menu button.
-     */
-    label: string;
-    /**
-     * A preview for the currently selected value before opening the sub menu.
-     */
-    preview: string;
-}
-/**
- * A component that can be put inside a SettingsMenuButton to create a sub menu.
- */
-export declare const SubMenuWithButton: (props: SubMenuButtonProps) => JSX.Element;

package/lib/typescript/ui/components/menu/common/barrel.d.ts

@@ -1,6 +0,0 @@
-export * from './MenuButton';
-export * from './MenuTitle';
-export * from './MenuView';
-export * from './MenuRadioButton';
-export * from './ScrollableMenu';
-export * from './SubMenuWithButton';

package/lib/typescript/ui/components/message/CastMessage.d.ts

@@ -1,16 +0,0 @@
-import { PureComponent } from 'react';
-interface CastMessageState {
-    message: string | undefined;
-}
-/**
- * A simple cast message showing the current state of casting for the `react-native-theoplayer` UI.
- */
-export declare class CastMessage extends PureComponent<unknown, CastMessageState> {
-    constructor(props: unknown);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _processCastState;
-    private onCastEvent;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/message/ErrorDisplay.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { PlayerError } from 'react-native-theoplayer';
-export interface ErrorDisplayProps {
-    /**
-     * The error that will be displayed.
-     */
-    error: PlayerError;
-}
-/**
- * A fullscreen error component for the `react-native-theoplayer` UI.
- */
-export declare function ErrorDisplay(props: ErrorDisplayProps): JSX.Element;

package/lib/typescript/ui/components/message/barrel.d.ts

@@ -1,2 +0,0 @@
-export * from './CastMessage';
-export * from './ErrorDisplay';

package/lib/typescript/ui/components/seekbar/SeekBar.d.ts

@@ -1,41 +0,0 @@
-import { PureComponent } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { TimeRange } from 'react-native-theoplayer';
-export interface SeekBarProps {
-    /**
-     * Optional style applied to the SeekBar.
-     */
-    style?: StyleProp<ViewStyle>;
-}
-interface SeekBarState {
-    ignoreTimeupdate: boolean;
-    isSeeking: boolean;
-    pausedDueToScrubbing: boolean;
-    seekable: TimeRange[];
-    duration: number;
-    sliderTime: number;
-    width: number;
-}
-/**
- * The default seek bar component for the `react-native-theoplayer` UI.
- */
-export declare class SeekBar extends PureComponent<SeekBarProps, SeekBarState> {
-    private static initialState;
-    private _seekBlockingTimeout;
-    private _clearIsScrubbingTimout;
-    constructor(props: SeekBarProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _onTimeUpdate;
-    private _onLoadedMetadata;
-    private _onDurationChange;
-    private _onProgress;
-    private _onSlidingStart;
-    private _onValueChange;
-    private _onSlidingComplete;
-    private readonly _prepareSeekStart;
-    private readonly _finishSeek;
-    private debounceSeek;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/seekbar/barrel.d.ts

@@ -1,2 +0,0 @@
-export * from './SeekBar';
-export * from './thumbnail/barrel';

package/lib/typescript/ui/components/seekbar/thumbnail/SingleThumbnailView.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export interface ThumbnailViewProps {
-    seekableStart: number;
-    seekableEnd: number;
-    currentTime: number;
-    seekBarWidth: number;
-}
-export declare function SingleThumbnailView(props: ThumbnailViewProps): JSX.Element;

package/lib/typescript/ui/components/seekbar/thumbnail/Thumbnail.d.ts

@@ -1,56 +0,0 @@
-export declare function isTileMapThumbnail(thumbnail: Thumbnail): thumbnail is TileMapThumbnail;
-export declare function isImageThumbnail(thumbnail: Thumbnail): thumbnail is ImageThumbnail;
-/**
- * Description of a thumbnail, which can be either a full image or part of a tile map.
- */
-export interface Thumbnail {
-    /**
-     * The url of the thumbnail image.
-     */
-    url: string;
-    /**
-     * Horizontal offset within the tile map in case the thumbnail is part of tile map.
-     */
-    tileX?: number;
-    /**
-     * Vertical offset within the tile map in case the thumbnail is part of tile map.
-     */
-    tileY?: number;
-    /**
-     * Width of a tile in case the thumbnail is part of tile map.
-     */
-    tileWidth?: number;
-    /**
-     * Height of a tile in case the thumbnail is part of tile map.
-     */
-    tileHeight?: number;
-}
-/**
- * Description of a tile-map thumbnail.
- */
-export interface TileMapThumbnail extends Thumbnail {
-    /**
-     * The url of the thumbnail image.
-     */
-    url: string;
-    /**
-     * Horizontal offset within the tile map in case the thumbnail is part of tile map.
-     */
-    tileX: number;
-    /**
-     * Vertical offset within the tile map in case the thumbnail is part of tile map.
-     */
-    tileY: number;
-    /**
-     * Width of a tile in case the thumbnail is part of tile map.
-     */
-    tileWidth: number;
-    /**
-     * Height of a tile in case the thumbnail is part of tile map.
-     */
-    tileHeight: number;
-}
-/**
- * Description of a tile-map thumbnail.
- */
-export declare type ImageThumbnail = Thumbnail;

package/lib/typescript/ui/components/seekbar/thumbnail/ThumbnailView.d.ts

@@ -1,60 +0,0 @@
-import { PureComponent } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { TextTrack } from 'react-native-theoplayer';
-interface ThumbnailViewState {
-    imageWidth: number;
-    imageHeight: number;
-    renderWidth: number;
-    renderHeight: number;
-}
-export interface ThumbnailViewProps {
-    /**
-     * Thumbnail track. A valid thumbnail track should have properties:
-     * <br/> - `'kind'` equals `'metadata'`.
-     * <br/> - `'label'` equals `'thumbnails'`.
-     */
-    thumbnailTrack: TextTrack;
-    /**
-     * Current time.
-     */
-    time: number;
-    /**
-     * Stream duration
-     */
-    duration: number;
-    /**
-     * Whether to show a time label.
-     */
-    showTimeLabel: boolean;
-    /**
-     * Used to set the width of the rendered thumbnail. The height will be calculated according to the image's aspect ratio.
-     */
-    size: number;
-    /**
-     * Optional style applied to the time label.
-     */
-    timeLabelStyle?: StyleProp<ViewStyle>;
-}
-export declare const DEFAULT_THUMBNAIL_VIEW_STYLE: ThumbnailStyle;
-export interface ThumbnailStyle {
-    containerThumbnail: ViewStyle;
-    thumbnail: ViewStyle;
-}
-export declare class ThumbnailView extends PureComponent<ThumbnailViewProps, ThumbnailViewState> {
-    static defaultProps: {
-        showTimeLabel: boolean;
-    };
-    private _ismounted;
-    constructor(props: ThumbnailViewProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private getCueIndexAtTime;
-    private resolveThumbnailUrl;
-    private getThumbnailImageForCue;
-    private onTileImageLoad;
-    private onImageLoadError;
-    private onImageLoad;
-    private renderThumbnail;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/seekbar/thumbnail/Urlpolyfill.d.ts

@@ -1 +0,0 @@
-export * from 'react-native-url-polyfill';

package/lib/typescript/ui/components/seekbar/thumbnail/Urlpolyfill.web.d.ts

@@ -1,8 +0,0 @@
-import 'url-polyfill';
-declare const URL: {
-    new (url: string | URL, base?: string | URL | undefined): URL;
-    prototype: URL;
-    createObjectURL(obj: Blob | MediaSource): string;
-    revokeObjectURL(url: string): void;
-};
-export { URL };

package/lib/typescript/ui/components/seekbar/thumbnail/barrel.d.ts

@@ -1,2 +0,0 @@
-export * from './SingleThumbnailView';
-export * from './Thumbnail';

package/lib/typescript/ui/components/timelabel/StaticTimeLabel.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, TextStyle } from 'react-native';
-export interface StaticTimeLabelProps {
-    /**
-     * Whether to show the duration of the current source.
-     */
-    showDuration: boolean;
-    /**
-     * The style overrides.
-     */
-    style?: StyleProp<TextStyle>;
-    /**
-     * The current time of the player
-     */
-    time: number;
-    /**
-     * The duration of the current source.
-     */
-    duration: number;
-}
-/**
- * A static time label for the `react-native-theoplayer` UI.
- */
-export declare function StaticTimeLabel(props: StaticTimeLabelProps): JSX.Element;

package/lib/typescript/ui/components/timelabel/TimeLabel.d.ts

@@ -1,32 +0,0 @@
-import type { StyleProp, TextStyle } from 'react-native';
-import { PureComponent } from 'react';
-export interface TimeLabelProps {
-    /**
-     * Whether to show the duration of the player.
-     */
-    showDuration: boolean;
-    /**
-     * The style overrides.
-     */
-    style?: StyleProp<TextStyle>;
-}
-export interface TimeLabelState {
-    currentTime: number;
-    duration: number;
-}
-/**
- * The default style for the time label.
- */
-export declare const DEFAULT_TIME_LABEL_STYLE: TextStyle;
-/**
- * The default time label component for the `react-native-theoplayer` UI.
- */
-export declare class TimeLabel extends PureComponent<TimeLabelProps, TimeLabelState> {
-    private static initialState;
-    constructor(props: TimeLabelProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onTimeUpdate;
-    private onDurationChange;
-    render(): JSX.Element;
-}

package/lib/typescript/ui/components/timelabel/barrel.d.ts

@@ -1,2 +0,0 @@
-export * from './StaticTimeLabel';
-export * from './TimeLabel';

package/lib/typescript/ui/components/uicontroller/UiContainer.d.ts

@@ -1,115 +0,0 @@
-import React, { PureComponent, ReactNode } from 'react';
-import { Animated, StyleProp, ViewStyle } from 'react-native';
-import type { THEOplayer } from 'react-native-theoplayer';
-import { PlayerError } from 'react-native-theoplayer';
-import type { THEOplayerTheme } from '../../THEOplayerTheme';
-import type { UiControls } from './UiControls';
-interface UiContainerProps {
-    /**
-     * The player that is provided to all children using PlayerContext.
-     */
-    player: THEOplayer;
-    /**
-     * The theme that is provided to all children using PlayerContext.
-     */
-    theme: THEOplayerTheme;
-    /**
-     * The style of the container.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * The style of the top slot.
-     */
-    topStyle?: StyleProp<ViewStyle>;
-    /**
-     * The style of the center slot.
-     */
-    centerStyle?: StyleProp<ViewStyle>;
-    /**
-     * The style of the button slot.
-     */
-    bottomStyle?: StyleProp<ViewStyle>;
-    /**
-     * The components to be put in the top slot.
-     */
-    top?: ReactNode;
-    /**
-     * The components to be put in the center slot.
-     */
-    center?: ReactNode;
-    /**
-     * The components to be put in the bottom slot.
-     */
-    bottom?: ReactNode;
-    /**
-     * A slot to put components behind the UI background.
-     */
-    behind?: ReactNode;
-}
-/**
- * The default style for a fullscreen centered view.
- */
-export declare const FULLSCREEN_CENTER_STYLE: ViewStyle;
-/**
- * The default style for the center container.
- */
-export declare const UI_CONTAINER_STYLE: ViewStyle;
-/**
- * The default style for the top container.
- */
-export declare const TOP_UI_CONTAINER_STYLE: ViewStyle;
-/**
- * The default style for the center container.
- */
-export declare const CENTER_UI_CONTAINER_STYLE: ViewStyle;
-/**
- * The default style for the bottom container.
- */
-export declare const BOTTOM_UI_CONTAINER_STYLE: ViewStyle;
-interface UiContainerState {
-    fadeAnimation: Animated.Value;
-    currentMenu: ReactNode | undefined;
-    showing: boolean;
-    buttonsEnabled: boolean;
-    error: PlayerError | undefined;
-    firstPlay: boolean;
-    paused: boolean;
-    casting: boolean;
-    pip: boolean;
-}
-/**
- * A component that does all the coordination between UI components.
- * - It provides all UI components with the PlayerContext, so they can access the styling and player.
- * - It provides slots for UI components to be places in the top/center/bottom positions.
- * - It uses animations to fade the UI in and out when applicable.
- */
-export declare class UiContainer extends PureComponent<React.PropsWithChildren<UiContainerProps>, UiContainerState> implements UiControls {
-    private _currentFadeOutTimeout;
-    private _menus;
-    static initialState: UiContainerState;
-    constructor(props: UiContainerProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onPlay;
-    private onPause;
-    private onSourceChange;
-    private onLoadStart;
-    private onError;
-    private onCastEvent;
-    private onEnded;
-    private onPresentationModeChange;
-    get buttonsEnabled_(): boolean;
-    /**
-     * Request to show the UI due to user input.
-     */
-    onUserAction_: () => void;
-    openMenu_: (menuConstructor: () => ReactNode) => void;
-    closeCurrentMenu_: () => void;
-    private stopAnimationsAndShowUi_;
-    private resumeAnimationsIfPossible_;
-    private doFadeIn_;
-    private doFadeOut_;
-    private get animationsBlocked_();
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/uicontroller/UiControls.d.ts

@@ -1,14 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * A callback function to render a menu when needed.
- */
-export declare type MenuConstructor = () => ReactNode;
-/**
- * The API provided to all UI components in `react-native-theoplayer` so they can communicate with the UI.
- */
-export interface UiControls {
-    readonly buttonsEnabled_: boolean;
-    onUserAction_: () => void;
-    openMenu_: (menuConstructor: MenuConstructor) => void;
-    closeCurrentMenu_: () => void;
-}

package/lib/typescript/ui/components/uicontroller/barrel.d.ts

@@ -1,2 +0,0 @@
-export * from './UiContainer';
-export * from './UiControls';