Add TypeScript types (#4)

* Add some basic TypeScript types

* Add snapTo to types

* Add Reanimated as development dependency for types

Author: brentvatne

package.json

@@ -1,9 +1,9 @@
-
 {
   "name": "reanimated-bottom-sheet",
   "version": "1.0.0-alpha.1",
   "description": "Bottom sheet component",
   "main": "index.js",
+  "types": "reanimated-bottom-sheet.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -14,7 +14,11 @@
     "gesture",
     "handler"
   ],
-  "files": ["index.js, README.md"],
+  "files": [
+    "index.js",
+    "reanimated-bottom-sheet.d.ts",
+    "README.md"
+  ],
   "author": "Michał Osadnik",
   "repository": {
     "type": "git",
@@ -25,12 +29,13 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-reanimated": "*",
-    "react-native-gesture-handler": "*"
+    "react-native-gesture-handler": "*",
+    "react-native-reanimated": "*"
   },
   "devDependencies": {
     "babel-eslint": "^10.0.1",
     "eslint": "^5.15.1",
-    "eslint-plugin-react": "^7.12.4"
+    "eslint-plugin-react": "^7.12.4",
+    "react-native-reanimated": "^1.0.0-alpha.12"
   }
 }

reanimated-bottom-sheet.d.ts

@@ -0,0 +1,35 @@
+declare module 'reanimated-bottom-sheet' {
+  import * as React from 'react';
+  import Animated from 'react-native-reanimated';
+
+  interface BottomSheetProps {
+    /** Points for snapping of bottom sheet component. They define distance from bottom of the screen. Might be number or percent (as string e.g. '20%') for points or percents of screen height from bottom. */
+    snapPoints: number[];
+
+    /** Determines initial snap point of bottom sheet. Defaults to 0. */
+    initialSnap?: number;
+
+    /** Method for rendering scrollable content of bottom sheet. */
+    renderContent?: () => React.ReactElement | null;
+
+    /**  Method for rendering non-scrollable header of bottom sheet. */
+    renderHeader?: () => React.ReactElement | null;
+
+    /** Defines if bottom sheet could be scrollable by gesture. Defaults to true. */
+    enabledGestureInteraction?: boolean;
+
+    /** If false blocks snapping using snapTo method. Defaults to true */
+    enabledManualSnapping?: boolean;
+
+    /** Defines whether it's possible to scroll inner content of bottom sheet. Defaults to true. */
+    enabledInnerScrolling?: boolean;
+
+    /** Reanimated node which holds position of bottom sheet, where 1 it the highest snap point and 0 is the lowest. */
+    callbackNode?: Animated.Node<any>;
+  }
+
+  export default class BottomSheet extends React.Component<BottomSheetProps> {
+    /** Snap to the snap point at index (e.g. index 0 is 450 in [450, 300, 0]) */
+    snapTo: (index: number) => void;
+  }
+}

yarn.lock

@@ -822,6 +822,11 @@ react-is@^16.8.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.4.tgz#90f336a68c3a29a096a3d648ab80e87ec61482a2"
   integrity sha512-PVadd+WaUDOAciICm/J1waJaSvgq+4rHE/K70j0PFqKhkTBsPv/82UGQJNXAngz1fOQLLxI6z1sEDmJDQhCTAA==
 
+react-native-reanimated@^1.0.0-alpha.12:
+  version "1.0.0-alpha.12"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.0.0-alpha.12.tgz#535c84a9e87c919417aee0fa68f360b3bb9556b0"
+  integrity sha512-jZDPxz8IjpoZ7VAW5X6WJhemmpuLkX6Y9lxKuHJAXls1EwRYkyXIPwvSG34umeqqYSE8Hl3A5TS4pfLORoqm/A==
+
 regexpp@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"