From 65ede6d2f3f95b2cff04caa2cefd951ca9ce0521 Mon Sep 17 00:00:00 2001 From: Michal Ledin Date: Mon, 14 Mar 2016 22:55:31 +0300 Subject: [PATCH] Add definitions for react-swipeable-views. --- .../react-swipeable-views-tests.ts | 31 ++++++++++++++++ .../react-swipeable-views.d.ts | 37 +++++++++++++++++++ 2 files changed, 68 insertions(+) create mode 100644 react-swipeable-views/react-swipeable-views-tests.ts create mode 100644 react-swipeable-views/react-swipeable-views.d.ts diff --git a/react-swipeable-views/react-swipeable-views-tests.ts b/react-swipeable-views/react-swipeable-views-tests.ts new file mode 100644 index 0000000000..ada49577af --- /dev/null +++ b/react-swipeable-views/react-swipeable-views-tests.ts @@ -0,0 +1,31 @@ +/// + +import * as React from 'react'; +import SwipeableViews from 'react-swipeable-views'; + +const onChangeIndex = (indexNew:number, indexLatest:number) => { + console.log('New index: ' + indexNew + ', latest index' + indexLatest); +}; + +const onSwitching = (index:number) => { + console.log('Switching to ' + index); +}; + +const style:React.CSSProperties = { + height: 300 +}; + +React.createElement(SwipeableViews, { + containerStyle: style, + disabled: false, + index: 0, + onChangeIndex: onChangeIndex, + onSwitching: onSwitching, + resistance: false, + slideStyle: style, + style: style, + threshold: 100 +}); + + +React.createElement(SwipeableViews, {}); diff --git a/react-swipeable-views/react-swipeable-views.d.ts b/react-swipeable-views/react-swipeable-views.d.ts new file mode 100644 index 0000000000..9c85ad0df8 --- /dev/null +++ b/react-swipeable-views/react-swipeable-views.d.ts @@ -0,0 +1,37 @@ +// Type definitions for react-swipeable-views +// Project: https://github.com/oliviertassinari/react-swipeable-views +// Definitions by: Michael Ledin +// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped + +/// + +declare namespace ReactSwipeableViews { + import React = __React; + + export interface SwipeableViewsProps extends React.Props { + containerStyle?: React.CSSProperties; + disabled?: boolean; + index?: number; + onChangeIndex?: (indexNew:number, indexLatest:number) => void; + onSwitching?: (index:number) => void; + resistance?: boolean; + slideStyle?: React.CSSProperties; + style?: React.CSSProperties; + threshold?: number; + } + + interface SwipeableViewsState { + indexCurrent?: number; + indexLatest?: number; + isDragging?: boolean; + isFirstRender?: boolean; + heightLatest?: number; + } + + export class SwipeableViews extends React.Component { + } +} + +declare module 'react-swipeable-views' { + export default ReactSwipeableViews.SwipeableViews; +}