build(storybook): add ts check on storybook on linting (#132)

This PR add a ts checks also on typescript stories to avoid having a broken master.

Author: markov00

package.json

@@ -20,16 +20,18 @@
     "start": "yarn storybook",
     "storybook": "start-storybook -p 9001 -c .storybook",
     "storybook:build": "rm -rf .out && build-storybook -c .storybook -o .out",
-    "lint": "yarn build:ts --noEmit && tslint -c ./tslint.yaml -p ./tsconfig.json",
+    "lint": "yarn typecheck:all && tslint -c ./tslint.yaml -p ./tsconfig.json",
     "lint:fix": "yarn lint --fix",
     "prettier": "prettier --check --debug-check \"**/*.{ts,tsx}\"",
     "prettier:fix": "prettier --write \"{,!(node_modules)/}**/*.{ts,tsx}\"",
     "test": "jest --config jest.config.json",
     "watch": "yarn test --watch",
     "format:fix": "yarn prettier:fix && yarn lint:fix",
     "format:check": "yarn prettier && yarn lint",
-    "style:fix": "tsc -p ./tsconfig.json --noEmit && yarn prettier-tslint fix \"{,!(node_modules)/}**/*.{ts,tsx}\"",
-    "semantic-release": "semantic-release"
+    "style:fix": "yarn typecheck:src && yarn prettier-tslint fix \"{,!(node_modules)/}**/*.{ts,tsx}\"",
+    "semantic-release": "semantic-release",
+    "typecheck:src": "yarn build:ts --noEmit",
+    "typecheck:all": "tsc -p ./tsconfig.all.json --noEmit"
   },
   "files": [
     "dist/**/*",

stories/interactions.tsx

@@ -194,8 +194,6 @@ storiesOf('Interactions', module)
       linear: ScaleType.Linear,
       log: ScaleType.Log,
     };
-
-    const xScaleType = ScaleType.Linear;
     const yScaleType = select('yScaleType', yScaleTypeOptions, ScaleType.Linear, specChange);
 
     const xAccessorOptions = { x: 'x', y1: 'y1', y2: 'y2' };
@@ -215,19 +213,14 @@ storiesOf('Interactions', module)
 
     const data = hasAdditionalG1Value ? [...seriesData, additionalG1Value] : seriesData;
 
-    const barSeriesProps = {
-      xScaleType,
-      yScaleType,
-      xAccessor,
-      yAccessors,
-      splitSeriesAccessors,
-      data,
-      yScaleToDataExtent,
-    };
-
     return (
       <Chart renderer="canvas" className={'story-chart'}>
-        <Settings showLegend={true} legendPosition={Position.Right} {...onLegendItemListeners} xDomain={xDomain} />
+        <Settings
+          showLegend={true}
+          legendPosition={Position.Right}
+          {...onLegendItemListeners}
+          xDomain={xDomain}
+        />
         <Axis
           id={getAxisId('bottom')}
           position={Position.Bottom}
@@ -242,7 +235,16 @@ storiesOf('Interactions', module)
           domain={yDomain}
         />
 
-        <BarSeries id={getSpecId('bars')} {...barSeriesProps} />
+        <BarSeries
+          id={getSpecId('bars')}
+          xScaleType={ScaleType.Linear}
+          yScaleType={yScaleType}
+          xAccessor={xAccessor}
+          yAccessors={yAccessors}
+          splitSeriesAccessors={splitSeriesAccessors}
+          data={data}
+          yScaleToDataExtent={yScaleToDataExtent}
+        />
       </Chart>
     );
   })

tsconfig.all.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig",
+  "include": ["stories/**/*"]
+}