@wix/design-system
Version:
@wix/design-system
76 lines • 2.98 kB
TypeScript
import React, { PureComponent } from 'react';
import { CarouselWIPProps } from './CarouselWIP.types';
type CarouselWIPState = {
visibleSlides: number[];
isAnimating: boolean;
isLoading: boolean;
isLeftArrowDisabled: boolean;
isRightArrowDisabled: boolean;
isShowStartGradient: boolean;
isShowEndGradient: boolean;
isDragging: boolean;
};
/**
* The carousel component creates a slideshow for cycling through a series of content.
* @deprecated CarouselWIP is deprecated and will be removed in the next major version. Please migrate to Carousel which now supports all CarouselWIP features. See the migration guide under Deprecated/CarouselWIP in Storybook.
*/
declare class CarouselWIP extends PureComponent<CarouselWIPProps, CarouselWIPState> {
static displayName: string;
static defaultProps: {
children: never[];
infinite: boolean;
controlsSkin: string;
controlsStartEnd: string;
showControlsShadow: boolean;
images: never[];
initialSlideIndex: number;
controlsPosition: string;
controlsSize: string;
slidingType: string;
startEndOffset: number;
gutter: undefined;
hideDots: boolean;
autoplay: boolean;
};
loadingImagesCount: number;
childCount: number;
autoplayTimer: number;
carousel?: HTMLDivElement;
dragStartX: number | null;
initialScrollLeft: number;
capturedPointerId: number | null;
hasSetPointerCapture: boolean;
constructor(props: CarouselWIPProps);
componentDidMount(): void;
componentDidUpdate(prevProps: CarouselWIPProps): void;
_setImagesOnLoadHandlers: () => void;
_updateChildCount: () => void;
_onImageLoad: () => void;
_setAutoplayTimer: (active?: boolean) => void;
_setVisibleSlides: () => void;
private _slideTo;
_next: () => Promise<void>;
_prev: () => Promise<void>;
_setRef: (r: HTMLDivElement) => void;
_renderLeftControl: () => false | React.JSX.Element;
_renderRightControl: () => false | React.JSX.Element;
_handlePointerDown: (e: React.PointerEvent) => void;
private requestAnimationFrameId;
_handlePointerMove: (e: React.PointerEvent) => void;
_handlePointerUp: (e: React.PointerEvent) => void;
_handlePointerCancel: (e: React.PointerEvent) => void;
_handleKeyDown: (e: React.KeyboardEvent) => void;
_handleFocusCapture: (e: React.FocusEvent) => void;
_handleSwipeEnd: (e: React.PointerEvent) => void;
_releasePointerCapture: (capturedPointerId: number) => void;
_resetDragState: () => void;
_renderSlides: () => React.JSX.Element;
_renderLoader: () => React.JSX.Element;
_renderDots: () => React.JSX.Element;
_renderStartGradient: () => React.JSX.Element;
_renderEndGradient: () => React.JSX.Element;
render(): React.JSX.Element;
componentWillUnmount(): void;
}
export default CarouselWIP;
//# sourceMappingURL=CarouselWIP.d.ts.map