diff --git a/types/react-slick/index.d.ts b/types/react-slick/index.d.ts index 475b9afcfc..fc7568ac4c 100644 --- a/types/react-slick/index.d.ts +++ b/types/react-slick/index.d.ts @@ -1,4 +1,4 @@ -// Type definitions for react-slick 0.15 +// Type definitions for react-slick 0.23 // Project: https://github.com/akiran/react-slick // Definitions by: Andrey Balokha // Giedrius Grabauskas @@ -27,54 +27,63 @@ export type SwipeDirection = "left" | "down" | "right" | "up" | string; export interface Settings { accessibility?: boolean; - className?: string; adaptiveHeight?: boolean; + afterChange?(currentSlide: number): void; + appendDots?(dots: React.ReactNode): JSX.Element; arrows?: boolean; - nextArrow?: JSX.Element; - prevArrow?: JSX.Element; - autoplay?: 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; - dots?: boolean; dotsClass?: string; + dots?: boolean; draggable?: boolean; easing?: string; + edgeFriction?: number; fade?: boolean; focusOnSelect?: boolean; infinite?: boolean; initialSlide?: number; - lazyLoad?: boolean; + lazyLoad?: "ondemand" | "progressive"; + 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; - slidesToShow?: number; + slidesPerRow?: number; slidesToScroll?: number; + slidesToShow?: number; speed?: number; - swipe?: boolean; swipeToSlide?: boolean; + swipe?: boolean; + swipeEvent?(swipeDirection: SwipeDirection): void; touchMove?: boolean; touchThreshold?: number; - variableWidth?: boolean; useCSS?: boolean; + useTransform?: boolean; + variableWidth?: boolean; vertical?: boolean; - afterChange?(currentSlide: number): void; - beforeChange?(currentSlide: number, nextSlide: number): void; - slickGoTo?: number; - edgeFriction?: number; waitForAnimate?: boolean; - edgeEvent?(swipeDirection: SwipeDirection): void; - swipeEvent?(swipeDirection: SwipeDirection): void; - init?(): void; } declare class Slider extends React.Component { slickNext(): void; slickPrev(): void; - slickGoTo(slideNumber: number): void; + slickGoTo(slideNumber: number, dontAnimate?: boolean): void; } export default Slider; diff --git a/types/react-slick/react-slick-tests.tsx b/types/react-slick/react-slick-tests.tsx index 18a104049f..aebcabc81d 100644 --- a/types/react-slick/react-slick-tests.tsx +++ b/types/react-slick/react-slick-tests.tsx @@ -40,7 +40,7 @@ const defaultSettings: Settings = { focusOnSelect: false, infinite: true, initialSlide: 0, - lazyLoad: false, + lazyLoad: "progressive", pauseOnHover: true, responsive: [{ breakpoint: 1000, settings: "unslick" }, { breakpoint: 2000, settings: { arrows: false } }], rtl: false, @@ -58,8 +58,8 @@ const defaultSettings: Settings = { waitForAnimate: true, afterChange: (currentSlide: number) => { }, beforeChange: (currentSlide: number, nextSlide: number) => { }, - edgeEvent: (swipeDirection: string) => { }, - init: () => { }, + onEdge: (swipeDirection: string) => { }, + onInit: () => { }, swipeEvent: (swipeDirection: string) => { }, nextArrow: , prevArrow: