@livetv-app/tvguide
Version:
An Android TV Live Channels-like Electronic Programme Guide for React DOM and React Native applications.
140 lines (139 loc) • 3.83 kB
TypeScript
import React = require('react');
import { Programme, ProgrammeAction } from '../types';
import type { ChannelRowProps, ChannelIconProps, ProgrammeRowProps, ProgrammeCellProps, EmptyProgrammeCellProps } from './channel-row.js';
export { ChannelRowProps, ChannelIconProps, ProgrammeRowProps, ProgrammeCellProps, EmptyProgrammeCellProps };
declare function ChannelRow(props: ChannelRowProps): JSX.Element;
declare const _default: React.MemoExoticComponent<typeof ChannelRow>;
export default _default;
export declare const ProgrammeRow: React.MemoExoticComponent<(props: ProgrammeRowProps) => JSX.Element>;
interface NowIndicatorProps {
left: Date;
width: number;
isFirstRow?: boolean;
isPreviousRowSelected?: boolean;
}
export declare const NowIndicator: React.MemoExoticComponent<(props: NowIndicatorProps) => JSX.Element | null>;
export declare function showProgrammeActions(programme: Programme, language: string): void;
export declare function handleProgrammeAction(programme: Programme, action: ProgrammeAction, event?: never | string): Promise<void>;
export declare function ProgrammeCell(props: ProgrammeCellProps): JSX.Element;
export declare function EmptyProgrammeCell(props: EmptyProgrammeCellProps): JSX.Element;
export declare const styles: {
row: {
backgroundColor: string;
flexDirection: "row";
};
rowNotFirst: {
borderTopColor: string;
borderTopWidth: number;
};
rowLast: {
borderBottomLeftRadius: number;
};
touchable: {
flexDirection: "row";
marginBottom: number;
paddingBottom: number;
};
header: {};
cell: {
paddingVertical: number;
paddingHorizontal: number;
};
main: {
width: number;
borderRightColor: string;
borderRightWidth: number;
flexDirection: "row";
};
mainActive: {
backgroundColor: string;
};
mainSelected: {};
number: {
fontSize: number;
color: string;
width: number;
paddingRight: number;
};
icon: {
width: number;
justifyContent: "center";
};
name: {
color: string;
width: number;
fontSize: number;
};
programmeRow: {
flex: number;
};
scrollContainer: {
flex: number;
};
scroller: {
flex: number;
flexDirection: "row";
};
programme: {
paddingHorizontal: number;
flexDirection: "row";
overflow: "hidden";
height: number;
alignItems: "center";
};
programmeSelected: {
backgroundColor: string;
};
programmeHasSeparator: {
borderRightColor: string;
borderRightWidth: number;
};
programmeRecordingIndicator: {
height: number;
width: number;
borderRadius: number;
marginRight: number;
backgroundColor: string;
};
programmeDetail: {
flex: number;
justifyContent: "center";
minWidth: number;
};
programmeName: {
color: string;
fontSize: number;
};
programmeSelectedName: {
color: string;
};
programmeDescription: {};
programmeDescriptionText: {
color: string;
fontSize: number;
};
programmeEpisodeText: {
fontWeight: "700";
};
programmeSelectedDescriptionText: {
color: string;
};
emptyProgramme: {
backgroundColor: string;
};
emptyProgrammeText: {
fontStyle: "italic";
color: string;
fontSize: number;
};
nowIndicator: {
position: "absolute";
height: string;
width: number;
backgroundColor: string;
};
nowIndicatorNotFirstRow: {
marginTop: number;
height: number;
};
};