Merge pull request #96 from ganderzz/release/v2.0.5

Increment Version v2.0.5

Author: ganderzz

.storybook/webpack.config.js

@@ -0,0 +1,17 @@
+const path = require("path");
+
+module.exports = (baseConfig, env, config) => {
+  config.module.rules.push({
+    test: /\.(ts|tsx)$/,
+    use: [
+      {
+        loader: require.resolve("ts-loader"),
+        options: {
+          configFile: "../config/tsconfig.json"
+        }
+      }
+    ]
+  });
+  config.resolve.extensions.push(".ts", ".tsx");
+  return config;
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-scroll-to",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Scroll to a position using react",
   "main": "./dist/react-scroll-to.js",
   "types": "./dist/definitions",

stories/Default.tsx

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { ScrollStory } from ".";
+import { ScrollTo } from "../src";
+
+ScrollStory.add("Default", () => (
+  <div
+    style={{
+      height: "150vh",
+      position: "relative",
+      padding: 20,
+      backgroundImage: "linear-gradient(#FFF, #111)"
+    }}
+  >
+    <ScrollTo>
+      {({ scrollTo }) => (
+        <React.Fragment>
+          <button
+            type="button"
+            onClick={() => scrollTo({ y: 500, smooth: true })}
+          >
+            Scroll Down!
+          </button>
+
+          <button
+            type="button"
+            style={{ position: "absolute", left: 20, bottom: 20 }}
+            onClick={() => scrollTo({ y: 0, smooth: true })}
+          >
+            Scroll Up!
+          </button>
+        </React.Fragment>
+      )}
+    </ScrollTo>
+  </div>
+));