@raona/components
Version:
React components used at Raona to work with SPFx
65 lines (64 loc) • 2.62 kB
TypeScript
import * as React from 'react';
import { Component, ReactElement } from "react";
import { CardEntity } from '../../entities/CardEntity';
import { SlickerSlideStyles, AlternateNewsBodyStyles, NewsBodyStyles, CardStyles, NewsMetaStyles, EventBodyStyles, EventDetailedBodyStyles, VacancyBodyStyles, VideoBodyStyles, BlogBodyStyles } from '../../entities/CardStylesEntities';
export interface SlickSliderProps {
sectionTitle?: string;
anchorIdentificator: string;
itemsList: CardEntity[];
customItems?: any[];
defaultImageUrl: string;
openItemsOnNewPage?: boolean;
handleAddToCatalog?(selectedItem: CardEntity, itemIndex: number): void;
handleShare?(selectedItem: CardEntity, itemIndex: number): void;
handleSelect?(selectedItem: CardEntity, itemIndex: number): void;
handleDelete?(selectedItem: CardEntity, itemIndex: number): void;
handleSaveAsFavorite?(selectedItem: CardEntity, e?: React.MouseEvent<HTMLElement>): void;
handleLike?(selectedItem: CardEntity): void;
handleCardHover?(selectedItem: CardEntity, index: number): void;
handleCardClick?(selectedItem: CardEntity): void;
anchorExists?(): void;
redirectUrl?(): void;
seeAll?(category: string): void;
sectionTitleTranslated?: string;
slickerSlideStyle?: SlickerSlideStyles;
cardStyle?: CardStyles;
newsBodyStyle?: NewsBodyStyles;
newsMetaStyle?: NewsMetaStyles;
alternateNewsBodyStyle?: AlternateNewsBodyStyles;
eventBodyStyles?: EventBodyStyles;
eventDetailedBodyStyles?: EventDetailedBodyStyles;
vacancyBodyStyles?: VacancyBodyStyles;
videoBodyStyles?: VideoBodyStyles;
blogBodyStyles?: BlogBodyStyles;
slidesToScroll?: number;
centerMode: boolean;
showArrows: boolean;
swipeToSlide: boolean;
showDots: boolean;
variableWidth: boolean;
useLazyLoad: boolean;
textLink?: string;
infinite?: boolean;
cardWidth: number;
showImage: boolean;
showComments: boolean;
componentRef: React.RefObject<HTMLDivElement>;
}
export interface SlickSliderState {
numberSlides: number;
numberScroll: number;
}
export declare class SlickSlider extends Component<SlickSliderProps, SlickSliderState> {
constructor(props: any);
private resizeListener;
componentDidMount(): void;
private checkNumberScroll;
checkNumberSlides(): void;
componentWillUnmount(): void;
private handleSelect;
private handleAddToCatalog;
private handleShare;
private handleDeleteItem;
render(): ReactElement<SlickSliderProps>;
}