react-native-theoplayer 2.8.0 → 2.9.0

package/lib/typescript/ui/THEOplayerDefaultUi.d.ts

@@ -1,35 +0,0 @@
-import { ReactNode } from 'react';
-import { PlayerConfiguration, THEOplayer } from 'react-native-theoplayer';
-import { THEOplayerTheme } from './THEOplayerTheme';
-import { StyleProp, ViewStyle } from 'react-native';
-export interface THEOplayerDefaultUiProps {
-    /**
-     * The style for the container.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * The theme for all components.
-     */
-    theme?: Partial<THEOplayerTheme>;
-    /**
-     * The player configuration with THEOplayer license.
-     */
-    config?: PlayerConfiguration;
-    /**
-     * The callback that is called when the internal THEOplayer is created.
-     * @param player the internal THEOplayer
-     */
-    onPlayerReady?: (player: THEOplayer) => void;
-    /**
-     * A slot in the top right to add additional UI components.
-     */
-    topSlot?: ReactNode;
-    /**
-     * A slot in the bottom right to add additional UI components.
-     */
-    bottomSlot?: ReactNode;
-}
-/**
- * A default UI layout which uses UI components from `react-native-theoplayer` to create a basic playback UI around a THEOplayerView.
- */
-export declare function THEOplayerDefaultUi(props: THEOplayerDefaultUiProps): JSX.Element;

package/lib/typescript/ui/THEOplayerTheme.d.ts

@@ -1,84 +0,0 @@
-import type { TextStyle } from 'react-native';
-/**
- * The theme colors.
- */
-export interface ColorTheme {
-    /**
-     * The color of the UI background.
-     */
-    uiBackground: string;
-    /**
-     * The color of the error display background.
-     */
-    errorBackground: string;
-    /**
-     * The color of the SVG icons.
-     */
-    icon: string;
-    /**
-     * The color of the SVG icons when they are selected.
-     */
-    iconSelected: string;
-    /**
-     * The color of the text components.
-     */
-    text: string;
-    /**
-     * The color of the text components when they are selected.
-     */
-    textSelected: string;
-    /**
-     * The color of the text component background when it is selected.
-     */
-    textSelectedBackground: string;
-    /**
-     * The color of the left side of the seek bar.
-     */
-    seekBarMinimum: string;
-    /**
-     * The color of the right side of the seek bar.
-     */
-    seekBarMaximum: string;
-    /**
-     * The color of the dot on the seek bar.
-     */
-    seekBarDot: string;
-}
-/**
- * The dimensions of various UI components.
- */
-export interface Dimensions {
-    /**
-     * The height of the center control bar.
-     */
-    centerControlBarHeight: number;
-    /**
-     * The height of all other control bars.
-     */
-    controlBarHeight: number;
-}
-/**
- * The theme used by `react-native-theoplayer` UI components.
- */
-export interface THEOplayerTheme {
-    /**
-     * The theme colors.
-     */
-    colors: ColorTheme;
-    /**
-     * The styling for all text components.
-     */
-    text: TextStyle;
-    /**
-     * The amount of time after a user action where UI animations will resume.
-     */
-    fadeAnimationTimoutMs: number;
-    /**
-     * The dimensions of various UI components.
-     */
-    dimensions: Dimensions;
-}
-/**
- * The default theme for the UI.
- */
-export declare const DEFAULT_THEOPLAYER_THEME: THEOplayerTheme;

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

@@ -1,3 +0,0 @@
-export * from './THEOplayerDefaultUi';
-export * from './THEOplayerTheme';
-export * from './components/barrel';

package/lib/typescript/ui/components/activityindicator/CenteredDelayedActivityIndicator.d.ts

@@ -1,25 +0,0 @@
-import { PureComponent } from 'react';
-import type { DelayedActivityIndicatorProps } from './DelayedActivityIndicator';
-import { PlayerError } from 'react-native-theoplayer';
-interface CenteredDelayedActivityIndicatorState {
-    showLoadingIndicator: boolean;
-    error: PlayerError | undefined;
-}
-/**
- * The default spinner for the `react-native-theoplayer` UI. It renders a ActivityIndicator when the player's playback is stalling due
- * readystate changes.
- */
-export declare class CenteredDelayedActivityIndicator extends PureComponent<DelayedActivityIndicatorProps, CenteredDelayedActivityIndicatorState> {
-    private static initialState;
-    constructor(props: DelayedActivityIndicatorProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onReadyStateChange;
-    private onError;
-    private onPlaying;
-    private onSourceChange;
-    private onLoadStart;
-    private maybeShowLoadingIndicator;
-    render(): false | JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/activityindicator/DelayedActivityIndicator.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ActivityIndicatorProps } from 'react-native';
-export interface DelayedActivityIndicatorProps extends ActivityIndicatorProps {
-    delay?: number;
-}
-/**
- * The DelayedActivityIndicator renders a native ActivityIndicator after a certain delay.
- */
-export declare const DelayedActivityIndicator: (props: DelayedActivityIndicatorProps) => JSX.Element;

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

@@ -1,2 +0,0 @@
-export * from './CenteredDelayedActivityIndicator';
-export * from './DelayedActivityIndicator';

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

@@ -1,9 +0,0 @@
-export * from './activityindicator/barrel';
-export * from './button/barrel';
-export * from './controlbar/barrel';
-export * from './menu/barrel';
-export * from './message/barrel';
-export * from './seekbar/barrel';
-export * from './timelabel/barrel';
-export * from './uicontroller/barrel';
-export * from './util/barrel';

package/lib/typescript/ui/components/button/AirplayButton.d.ts

@@ -1,18 +0,0 @@
-import { PureComponent } from 'react';
-import { CastState } from './../../../api/barrel';
-interface CastButtonState {
-    castState: CastState;
-}
-/**
- * The default button to enable Airplay for the `react-native-theoplayer` UI.
- */
-export declare class AirplayButton extends PureComponent<unknown, CastButtonState> {
-    private static initialState;
-    constructor(props: unknown);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onCastStateChangeEvent;
-    private onUIAirplayToggled;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/button/ChromecastButton.d.ts

@@ -1,19 +0,0 @@
-import { PureComponent } from 'react';
-import { CastState } from 'react-native-theoplayer';
-interface CastButtonState {
-    connected: boolean;
-}
-export declare function isConnected(state: CastState | undefined): boolean;
-/**
- * The native button to enable Chromecast for the `react-native-theoplayer` UI.
- * This component uses the button from `react-native-google-cast` and is not supported on web.
- */
-export declare class ChromecastButton extends PureComponent<unknown, CastButtonState> {
-    private static initialState;
-    constructor(props: unknown);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onCastStateChangeEvent;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/button/ChromecastButton.web.d.ts

@@ -1,19 +0,0 @@
-import { CastState } from './../../../api/barrel';
-import { PureComponent } from 'react';
-interface CastButtonState {
-    castState: CastState;
-}
-export declare function isConnected(state: CastState | undefined): boolean;
-/**
- * The button to enable Chromecast for web for the `react-native-theoplayer` UI
- */
-export declare class ChromecastButton extends PureComponent<unknown, CastButtonState> {
-    private static initialState;
-    constructor(props: unknown);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onCastStateChangeEvent;
-    private onPress;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/button/FullscreenButton.d.ts

@@ -1,17 +0,0 @@
-import { PureComponent } from 'react';
-import { PresentationMode } from 'react-native-theoplayer';
-interface FullscreenButtonState {
-    presentationMode: PresentationMode;
-}
-/**
- * The button to enable/disable fullscreen for the `react-native-theoplayer` UI.
- */
-export declare class FullscreenButton extends PureComponent<unknown, FullscreenButtonState> {
-    constructor(props: unknown);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private readonly onPresentationModeChange;
-    private toggleFullScreen;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/button/MuteButton.d.ts

@@ -1,16 +0,0 @@
-import { PureComponent } from 'react';
-interface MuteButtonState {
-    muted: boolean;
-}
-/**
- * The default mute button for the `react-native-theoplayer` UI.
- */
-export declare class MuteButton extends PureComponent<unknown, MuteButtonState> {
-    constructor(props: unknown);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onVolumeChange;
-    private toggleMuted;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/button/PipButton.d.ts

@@ -1,17 +0,0 @@
-import { PureComponent } from 'react';
-import { PresentationMode } from 'react-native-theoplayer';
-interface PipButtonState {
-    presentationMode: PresentationMode;
-}
-/**
- * The default button to enable picture-in-picture for the `react-native-theoplayer` UI.
- */
-export declare class PipButton extends PureComponent<unknown, PipButtonState> {
-    constructor(props: unknown);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private readonly onPresentationModeChange;
-    private togglePip;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/button/PlayButton.d.ts

@@ -1,28 +0,0 @@
-import type { StyleProp, ViewStyle } from 'react-native';
-import { PureComponent } from 'react';
-interface PlayButtonProps {
-    /**
-     * The style overrides for the play/pause button.
-     */
-    style?: StyleProp<ViewStyle>;
-}
-interface PlayButtonState {
-    paused: boolean;
-    ended: boolean;
-}
-/**
- * The default play/pause button for the `react-native-theoplayer` UI.
- */
-export declare class PlayButton extends PureComponent<PlayButtonProps, PlayButtonState> {
-    constructor(props: PlayButtonProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onPlay;
-    private onPause;
-    private onSourceChange;
-    private onEnded;
-    private onSeeking;
-    private togglePlayPause;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/button/SkipButton.d.ts

@@ -1,33 +0,0 @@
-import { PureComponent } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import { Animated } from 'react-native';
-interface SkipButtonProps {
-    /**
-     * The style overrides for the skip button.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * The skip value for the skip button. This can be set to negative to skip backwards.
-     */
-    skip: number;
-    /**
-     * Whether the skip button should do a rotation animation when pressed instead of fading.
-     */
-    rotate?: boolean;
-}
-interface SkipButtonState {
-    enabled: boolean;
-    spinValue: Animated.Value;
-}
-/**
- * The default skip button for the `react-native-theoplayer` UI.
- */
-export declare class SkipButton extends PureComponent<SkipButtonProps, SkipButtonState> {
-    constructor(props: SkipButtonProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private readonly onTimeupdate;
-    private readonly onPress;
-    render(): JSX.Element;
-}
-export {};

package/lib/typescript/ui/components/button/actionbutton/ActionButton.d.ts

@@ -1,41 +0,0 @@
-import { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
-import { ReactNode } from 'react';
-export interface ActionButtonProps {
-    /**
-     * The image to put in the button.
-     */
-    icon?: ImageSourcePropType;
-    /**
-     * The SVG component to put in the button. Takes priority over images.
-     */
-    svg?: ReactNode;
-    /**
-     * Whether the button should be touchable. This is `true` by default.
-     */
-    touchable: boolean;
-    /**
-     * The callback when the button is pressed.
-     */
-    onPress?: () => void;
-    /**
-     * The styling overrides.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Whether the button should be highlighted with `ColorTheme.iconSelected` color.
-     */
-    highlighted?: boolean;
-}
-/**
- * The default style applied to the ActionButton
- */
-export declare const DEFAULT_ACTION_BUTTON_STYLE: ViewStyle;
-/**
- * The default button component that renders an image/svg source for the `react-native-theoplayer` UI.
- */
-export declare const ActionButton: {
-    (props: ActionButtonProps): JSX.Element;
-    defaultProps: {
-        touchable: boolean;
-    };
-};

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

@@ -1,9 +0,0 @@
-export * from './actionbutton/ActionButton';
-export * from './svg/barrel';
-export * from './AirplayButton';
-export * from './ChromecastButton';
-export * from './FullscreenButton';
-export * from './MuteButton';
-export * from './PipButton';
-export * from './PlayButton';
-export * from './SkipButton';

package/lib/typescript/ui/components/button/svg/AirplaySvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const AirplaySvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/ArrowForwardSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const ArrowForwardSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/BackSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const BackSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/BackwardSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const BackwardSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/ChromecastSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const ChromecastSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/ErrorSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const ErrorSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/ForwardSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const ForwardSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/FullscreenEnterSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const FullscreenEnterSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/FullscreenExitSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const FullscreenExitSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/LanguageSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const LanguageSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/ListSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const ListSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/PauseSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const PauseSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/PipEnterSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const PipEnterSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/PipExitSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const PipExitSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/PlaySvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const PlaySvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/ReplaySvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const ReplaySvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/SettingsSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const SettingsSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/SvgUtils.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { SvgProps } from 'react-native-svg';
-export declare const SvgContext: React.Context<SvgProps>;

package/lib/typescript/ui/components/button/svg/VolumeOffSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const VolumeOffSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/VolumeUpSvg.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SvgProps } from 'react-native-svg';
-export declare const VolumeUpSvg: (props: SvgProps) => JSX.Element;

package/lib/typescript/ui/components/button/svg/barrel.d.ts

@@ -1,20 +0,0 @@
-export * from './AirplaySvg';
-export * from './ArrowForwardSvg';
-export * from './BackSvg';
-export * from './BackwardSvg';
-export * from './ChromecastSvg';
-export * from './ErrorSvg';
-export * from './ForwardSvg';
-export * from './FullscreenEnterSvg';
-export * from './FullscreenExitSvg';
-export * from './LanguageSvg';
-export * from './ListSvg';
-export * from './PauseSvg';
-export * from './PipEnterSvg';
-export * from './PipExitSvg';
-export * from './PlaySvg';
-export * from './ReplaySvg';
-export * from './SettingsSvg';
-export * from './SvgUtils';
-export * from './VolumeOffSvg';
-export * from './VolumeUpSvg';

package/lib/typescript/ui/components/controlbar/ControlBar.d.ts

@@ -1,39 +0,0 @@
-import React, { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-/**
- * The default style for the control bar.
- */
-export declare const DEFAULT_CONTROL_BAR_STYLE: ViewStyle;
-interface ControlBarProps {
-    /**
-     * The style overrides for the control bar.
-     */
-    style?: StyleProp<ViewStyle>;
-}
-/**
- * A control bar component that renders all children horizontally.
- */
-export declare const ControlBar: (props: React.PropsWithChildren<ControlBarProps>) => JSX.Element;
-interface CenteredControlBarProps {
-    /**
-     * The style overrides for the control bar.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * The component that will be placed in the left slot.
-     */
-    left?: ReactNode;
-    /**
-     * The component that will be placed in the middle slot.
-     */
-    middle?: ReactNode;
-    /**
-     * The component that will be placed in the right slot.
-     */
-    right?: ReactNode;
-}
-/**
- * A control bar that can only render 3 properties in the left/middle/right. This is used to create controls in the center of the player.
- */
-export declare const CenteredControlBar: (props: CenteredControlBarProps) => JSX.Element;
-export {};

package/lib/typescript/ui/components/controlbar/Spacer.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-/**
- * A spacer that can be used with the control bar to space out components left and right.
- */
-export declare const Spacer: () => JSX.Element;

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

@@ -1,2 +0,0 @@
-export * from './ControlBar';
-export * from './Spacer';

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

@@ -1,40 +0,0 @@
-import { PureComponent } from 'react';
-import type { MediaTrack } from 'react-native-theoplayer';
-import { TextTrack } from 'react-native-theoplayer';
-import type { StyleProp, ViewStyle } from 'react-native';
-export interface LanguageMenuButtonState {
-    audioTracks: MediaTrack[];
-    textTracks: TextTrack[];
-}
-export interface LanguageMenuButtonProps {
-    /**
-     * The style overrides.
-     */
-    menuStyle?: StyleProp<ViewStyle>;
-}
-/**
- * A button component that opens a language selection menu (audio/text) for the `react-native-theoplayer` UI.
- */
-export declare class LanguageMenuButton extends PureComponent<LanguageMenuButtonProps, LanguageMenuButtonState> {
-    constructor(props: LanguageMenuButtonProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _updateTrackLists;
-    render(): JSX.Element;
-}
-export interface LanguageMenuViewState extends LanguageMenuButtonState {
-    selectedAudioTrack: number | undefined;
-    selectedTextTrack: number | undefined;
-}
-export interface LanguageMenuViewProps {
-    style?: StyleProp<ViewStyle>;
-}
-export declare class LanguageMenuView extends PureComponent<LanguageMenuViewProps, LanguageMenuViewState> {
-    constructor(props: LanguageMenuViewProps);
-    private _updateTrackLists;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onSelectTextTrack;
-    private selectAudioTrack;
-    render(): JSX.Element;
-}