Split Pane v2 - simplified API

.babelrc

@@ -5,6 +5,8 @@
   ],
   "plugins": [
     "add-module-exports",
-    "transform-object-assign"
+    "transform-object-assign",
+    "transform-object-rest-spread",
+    "transform-class-properties"
   ]
-}
+}

.gitignore

@@ -12,6 +12,7 @@ lib-cov
 
 # Coverage directory used by tools like istanbul
 coverage
+html-report
 
 # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
 .grunt

.storybook/addons.js

@@ -0,0 +1,2 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-links/register';

.storybook/config.js

@@ -0,0 +1,9 @@
+import { configure } from '@storybook/react';
+
+// automatically import all files ending in *.stories.js
+const req = require.context('../stories', true, /.stories.js$/);
+function loadStories() {
+  req.keys().forEach((filename) => req(filename));
+}
+
+configure(loadStories, module);

.storybook/preview-head.html

@@ -0,0 +1,33 @@
+<style>
+
+
+  *, *:before, *:after {
+    box-sizing: border-box;
+    position: relative;
+  }
+
+  html {
+    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 1.5;
+  }
+
+  body, html, #root {
+    margin: 0;
+    height: 100vh;
+    min-height: 100vh;
+    width: 100vw;
+  }
+
+  a {
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+  }
+
+  #root {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+
+</style>