test: add class decorator story

.storybook/config.js

@@ -1,7 +1,7 @@
 import { configure } from '@storybook/react';
 
 // automatically import all files ending in *.stories.js
-const req = require.context('../.storybook', true, /.stories.jsx?$/);
+const req = require.context('../.storybook', true, /.stories.(j|t)sx?$/);
 function loadStories() {
   req.keys().forEach((filename) => req(filename));
 }

.storybook/decorator.stories.tsx

@@ -0,0 +1,24 @@
+import {createElement as h, Component} from 'react';
+import {storiesOf} from '@storybook/react';
+const {action} = require('@storybook/addon-actions');
+const {linkTo} = require('@storybook/addon-links');
+
+import {create} from '../lib';
+import {addon} from '../addon/decorator';
+const renderer = create();
+addon(renderer);
+const {css} = renderer;
+
+@css({
+  border: '1px solid red'
+})
+class CssTest extends Component<any, any> {
+  render () {
+    return <div>Hello there</div>;
+  }
+}
+
+storiesOf('Addons/@css decorator', module)
+  .add('Default', () =>
+    <CssTest />
+  )

.storybook/webpack.config.js

@@ -1,6 +1,15 @@
 module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        loader: 'ts-loader'
+      }
+    ]
+  },
+
   resolve: {
-    extensions: ['.js', '.jsx'],
+    extensions: ['.ts', '.tsx', '.js', '.jsx'],
     enforceExtension: false
   }
 };

addon/decorator.js

@@ -30,11 +30,9 @@ exports.addon = function (renderer) {
         };
     };
 
-    var decorator = function (a, b) {
+    renderer.css = function (a, b) {
         return function (Klass) {
             transformStatic(Klass, a, b);
         };
     };
-
-    return decorator;
 };

package.json

@@ -78,7 +78,10 @@
     "mocha": "5.0.4",
     "chai": "4.1.2",
     "webpack-bundle-analyzer": "^2.9.0",
-    "eslint": "^4.9.0"
+    "eslint": "^4.9.0",
+    "typescript": "2.7.2",
+    "tslib": "1.9.0",
+    "ts-loader": "3.5.0"
   },
   "config": {
     "commitizen": {

tsconfig.json

@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "target": "es5",
+        "module": "commonjs",
+        "removeComments": false,
+        "noImplicitAny": false,
+        "sourceMap": false,
+        "experimentalDecorators": true,
+        "allowJs": true,
+        "allowSyntheticDefaultImports": true,
+        "jsx": "react",
+        "jsxFactory": "h",
+        "importHelpers": true,
+        "lib": [
+          "dom",
+          "es5",
+          "es6",
+          "es7",
+          "es2015",
+          "scripthost",
+          "dom.iterable"
+        ]
+    }
+}