Merge branch 'develop'

package.json

@@ -1,13 +1,14 @@
 {
   "name": "react-scrollmagic",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "React declarative component for ScrollMagic",
   "author": "bitworking",
   "license": "MIT",
   "repository": "bitworking/react-scrollmagic",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",
+  "types": "dist/index.d.ts",
   "engines": {
     "node": ">=8",
     "npm": ">=5"
@@ -17,7 +18,8 @@
     "test:watch": "react-scripts test --env=jsdom",
     "build": "rollup -c",
     "start": "rollup -c -w",
-    "prepare": "yarn run build",
+    "copy": "copy \"src\\index.d.ts\" \"dist\\index.d.ts\"",
+    "prepare": "yarn run build && npm run copy",
     "predeploy": "cd example && yarn install && yarn run build",
     "deploy": "gh-pages -d example/build"
   },

src/index.d.ts

@@ -0,0 +1,48 @@
+declare module 'react-scrollmagic' {
+  import * as React from 'react';
+
+  export type ControllerProps = {
+    children: React.ReactNode,
+    container?: any,
+    vertical?: boolean,
+    globalSceneOptions?: any,
+    loglevel?: number,
+    refreshInterval?: number,
+
+  };
+
+  export type ControllerState = {
+    controller: any | null,
+
+  };
+
+  export type PinSettings = {
+    pushFollowers?: boolean,
+    spacerClass?: string,
+
+  };
+
+  export type SceneProps = {
+    children: React.ReactNode | Function,
+
+    // scene parameters
+    duration?: number | string,
+    offset?: number | string,
+    triggerElement?: string | object,
+    triggerHook?: number | string,
+    reverse?: boolean,
+    loglevel?: number,
+    indicators?: boolean,
+    enabled?: boolean,
+
+    /* setClassToggle */
+    classToggle?: string | string[],
+
+    /* setPin */
+    pin?: boolean | PinSettings,
+
+  };
+
+  export class Controller extends React.Component<ControllerProps, ControllerState> {}
+  export class Scene extends React.PureComponent<SceneProps> {}
+}