Skip to content

Commit

Permalink
fix(react): fix react components props type
Browse files Browse the repository at this point in the history
fixes #7000
  • Loading branch information
nolimits4web committed Sep 6, 2023
1 parent c3321e1 commit 1cd412e
Showing 1 changed file with 41 additions and 42 deletions.
83 changes: 41 additions & 42 deletions src/swiper-react.d.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,29 +2,42 @@ import * as React from 'react';

import type { SwiperOptions, Swiper as SwiperClass } from './types/index.d.ts';

interface SwiperProps extends SwiperOptions {
/**
* Swiper container tag
*
* @default 'div'
*/
tag?: string;

/**
* Swiper wrapper tag
*
* @default 'div'
*/
wrapperTag?: string;

/**
* Get Swiper instance
*/
onSwiper?: (swiper: SwiperClass) => void;

// CORE_EVENTS
// MODULES_EVENTS
}
type SwiperProps = Omit<
React.HTMLAttributes<HTMLElement>,
| 'onProgress'
| 'onClick'
| 'onTouchEnd'
| 'onTouchMove'
| 'onTouchStart'
| 'onTransitionEnd'
| 'onKeyPress'
| 'onDoubleClick'
| 'onScroll'
| 'onResize'
> &
SwiperOptions & {
/**
* Swiper container tag
*
* @default 'div'
*/
tag?: string;

/**
* Swiper wrapper tag
*
* @default 'div'
*/
wrapperTag?: string;

/**
* Get Swiper instance
*/
onSwiper?: (swiper: SwiperClass) => void;

// CORE_EVENTS
// MODULES_EVENTS
};

interface SlideData {
isActive: boolean;
Expand All @@ -33,7 +46,7 @@ interface SlideData {
isNext: boolean;
}

interface SwiperSlideProps {
type SwiperSlideProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
/**
* Slide tag
*
Expand Down Expand Up @@ -68,29 +81,15 @@ interface SwiperSlideProps {
* @default undefined
*/
children?: React.ReactNode | ((slideData: SlideData) => React.ReactNode);
}

interface SwiperProps
extends Omit<
React.HTMLAttributes<HTMLElement>,
| 'onProgress'
| 'onClick'
| 'onTouchEnd'
| 'onTouchMove'
| 'onTouchStart'
| 'onTransitionEnd'
| 'onKeyPress'
| 'onDoubleClick'
| 'onScroll'
| 'onResize'
> {}
interface SwiperSlideProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {}
};

interface SwiperRef extends React.HTMLAttributes<HTMLElement> {
swiper: SwiperClass;
}

declare const Swiper: React.FunctionComponent<React.RefAttributes<SwiperRef> & SwiperProps>;
declare const Swiper: React.FunctionComponent<
React.RefAttributes<SwiperRef> & React.PropsWithChildren<SwiperProps>
>;
declare const SwiperSlide: React.FunctionComponent<SwiperSlideProps>;

declare const useSwiper: () => SwiperClass;
Expand Down

0 comments on commit 1cd412e

Please sign in to comment.