mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2026-06-28 22:30:01 +00:00
react-slick - add slickPause/Play type (#32501)
This commit is contained in:
committed by
Pranav Senthilnathan
parent
afdf66dc15
commit
29eb368cdd
130
types/react-slick/index.d.ts
vendored
130
types/react-slick/index.d.ts
vendored
@@ -8,19 +8,21 @@
|
||||
|
||||
import * as React from "react";
|
||||
|
||||
type ComponentConstructor<TProps> = React.ComponentClass<TProps> | React.StatelessComponent<TProps>;
|
||||
type ComponentConstructor<TProps> =
|
||||
| React.ComponentClass<TProps>
|
||||
| React.StatelessComponent<TProps>;
|
||||
|
||||
export interface CustomArrowProps {
|
||||
className?: string;
|
||||
style?: React.CSSProperties;
|
||||
onClick?: React.MouseEventHandler<any>;
|
||||
currentSlide?: number;
|
||||
slideCount?: number;
|
||||
className?: string;
|
||||
style?: React.CSSProperties;
|
||||
onClick?: React.MouseEventHandler<any>;
|
||||
currentSlide?: number;
|
||||
slideCount?: number;
|
||||
}
|
||||
|
||||
export interface ResponsiveObject {
|
||||
breakpoint: number;
|
||||
settings: "unslick" | Settings;
|
||||
breakpoint: number;
|
||||
settings: "unslick" | Settings;
|
||||
}
|
||||
|
||||
export type SwipeDirection = "left" | "down" | "right" | "up" | string;
|
||||
@@ -28,64 +30,66 @@ export type SwipeDirection = "left" | "down" | "right" | "up" | string;
|
||||
export type LazyLoadTypes = "ondemand" | "progressive";
|
||||
|
||||
export interface Settings {
|
||||
accessibility?: boolean;
|
||||
adaptiveHeight?: boolean;
|
||||
afterChange?(currentSlide: number): void;
|
||||
appendDots?(dots: React.ReactNode): JSX.Element;
|
||||
arrows?: boolean;
|
||||
asNavFor?: Slider;
|
||||
autoplaySpeed?: number;
|
||||
autoplay?: boolean;
|
||||
beforeChange?(currentSlide: number, nextSlide: number): void;
|
||||
centerMode?: boolean;
|
||||
centerPadding?: string;
|
||||
className?: string;
|
||||
cssEase?: string;
|
||||
customPaging?(index: number): JSX.Element;
|
||||
dotsClass?: string;
|
||||
dots?: boolean;
|
||||
draggable?: boolean;
|
||||
easing?: string;
|
||||
edgeFriction?: number;
|
||||
fade?: boolean;
|
||||
focusOnSelect?: boolean;
|
||||
infinite?: boolean;
|
||||
initialSlide?: number;
|
||||
lazyLoad?: LazyLoadTypes;
|
||||
nextArrow?: JSX.Element;
|
||||
onEdge?(swipeDirection: SwipeDirection): void;
|
||||
onInit?(): void;
|
||||
onLazyLoad?(slidesToLoad: number[]): void;
|
||||
onReInit?(): void;
|
||||
onSwipe?(swipeDirection: SwipeDirection): void;
|
||||
pauseOnDotsHover?: boolean;
|
||||
pauseOnFocus?: boolean;
|
||||
pauseOnHover?: boolean;
|
||||
prevArrow?: JSX.Element;
|
||||
responsive?: ResponsiveObject[];
|
||||
rows?: number;
|
||||
rtl?: boolean;
|
||||
slide?: string;
|
||||
slidesPerRow?: number;
|
||||
slidesToScroll?: number;
|
||||
slidesToShow?: number;
|
||||
speed?: number;
|
||||
swipeToSlide?: boolean;
|
||||
swipe?: boolean;
|
||||
swipeEvent?(swipeDirection: SwipeDirection): void;
|
||||
touchMove?: boolean;
|
||||
touchThreshold?: number;
|
||||
useCSS?: boolean;
|
||||
useTransform?: boolean;
|
||||
variableWidth?: boolean;
|
||||
vertical?: boolean;
|
||||
waitForAnimate?: boolean;
|
||||
accessibility?: boolean;
|
||||
adaptiveHeight?: boolean;
|
||||
afterChange?(currentSlide: number): void;
|
||||
appendDots?(dots: React.ReactNode): JSX.Element;
|
||||
arrows?: boolean;
|
||||
asNavFor?: Slider;
|
||||
autoplaySpeed?: number;
|
||||
autoplay?: boolean;
|
||||
beforeChange?(currentSlide: number, nextSlide: number): void;
|
||||
centerMode?: boolean;
|
||||
centerPadding?: string;
|
||||
className?: string;
|
||||
cssEase?: string;
|
||||
customPaging?(index: number): JSX.Element;
|
||||
dotsClass?: string;
|
||||
dots?: boolean;
|
||||
draggable?: boolean;
|
||||
easing?: string;
|
||||
edgeFriction?: number;
|
||||
fade?: boolean;
|
||||
focusOnSelect?: boolean;
|
||||
infinite?: boolean;
|
||||
initialSlide?: number;
|
||||
lazyLoad?: LazyLoadTypes;
|
||||
nextArrow?: JSX.Element;
|
||||
onEdge?(swipeDirection: SwipeDirection): void;
|
||||
onInit?(): void;
|
||||
onLazyLoad?(slidesToLoad: number[]): void;
|
||||
onReInit?(): void;
|
||||
onSwipe?(swipeDirection: SwipeDirection): void;
|
||||
pauseOnDotsHover?: boolean;
|
||||
pauseOnFocus?: boolean;
|
||||
pauseOnHover?: boolean;
|
||||
prevArrow?: JSX.Element;
|
||||
responsive?: ResponsiveObject[];
|
||||
rows?: number;
|
||||
rtl?: boolean;
|
||||
slide?: string;
|
||||
slidesPerRow?: number;
|
||||
slidesToScroll?: number;
|
||||
slidesToShow?: number;
|
||||
speed?: number;
|
||||
swipeToSlide?: boolean;
|
||||
swipe?: boolean;
|
||||
swipeEvent?(swipeDirection: SwipeDirection): void;
|
||||
touchMove?: boolean;
|
||||
touchThreshold?: number;
|
||||
useCSS?: boolean;
|
||||
useTransform?: boolean;
|
||||
variableWidth?: boolean;
|
||||
vertical?: boolean;
|
||||
waitForAnimate?: boolean;
|
||||
}
|
||||
|
||||
declare class Slider extends React.Component<Settings, never> {
|
||||
slickNext(): void;
|
||||
slickPrev(): void;
|
||||
slickGoTo(slideNumber: number, dontAnimate?: boolean): void;
|
||||
slickNext(): void;
|
||||
slickPause(): void;
|
||||
slickPlay(): void;
|
||||
slickPrev(): void;
|
||||
slickGoTo(slideNumber: number, dontAnimate?: boolean): void;
|
||||
}
|
||||
|
||||
export default Slider;
|
||||
|
||||
Reference in New Issue
Block a user