fix(docs): storybook requires an ordering to properties

Title needs to be listed as the first property for storybook to compile
markmcdowell · Oct 2, 2019 · 75186ef · 75186ef
1 parent 9d669eb
commit 75186ef
Show file tree

Hide file tree

Showing 10 changed files with 10 additions and 9 deletions.
diff --git a/packages/stories/src/indicators/atr/index.stories.tsx b/packages/stories/src/indicators/atr/index.stories.tsx
@@ -3,11 +3,11 @@ import { atr } from "react-financial-charts/lib/indicator";
 import ATRIndicator from "./atrIndicator";
 
 export default {
+    title: "Visualization|Indicator/ATR",
     component: atr,
     parameters: {
         componentSubtitle: "Average True Range (ATR) is an indicator that measures volatility.",
     },
-    title: "Visualization|Indicator/ATR",
 };
 
 export const basic = () => <ATRIndicator />;
diff --git a/packages/stories/src/indicators/bollingerBand/index.stories.tsx b/packages/stories/src/indicators/bollingerBand/index.stories.tsx
@@ -3,8 +3,8 @@ import { BollingerSeries } from "react-financial-charts/lib/series";
 import BollingerIndicator from "./bollingerIndicator";
 
 export default {
-    component: BollingerSeries,
     title: "Visualization|Indicator/Bollinger Band",
+    component: BollingerSeries,
 };
 
 export const basic = () => <BollingerIndicator />;
diff --git a/packages/stories/src/indicators/elderRay/index.stories.tsx b/packages/stories/src/indicators/elderRay/index.stories.tsx
@@ -3,14 +3,14 @@ import { forceIndex } from "react-financial-charts/lib/indicator";
 import ElderRayIndicator from "./elderRayIndicator";
 
 export default {
+    title: "Visualization|Indicator/Elder Ray",
     component: forceIndex,
     parameters: {
         componentSubtitle: `This indicator consists of three separate indicators
         known as "bull power" and "bear power", which are derived from a 13-period
         exponential moving average (EMA). The three indicator help traders determine
         the trend direction and isolate spots to enter and exit trades.`,
     },
-    title: "Visualization|Indicator/Elder Ray",
 };
 
 export const basic = () => <ElderRayIndicator />;
diff --git a/packages/stories/src/indicators/ema/index.stories.tsx b/packages/stories/src/indicators/ema/index.stories.tsx
@@ -3,11 +3,11 @@ import { LineSeries } from "react-financial-charts/lib/series";
 import EMAIndicator from "./emaIndicator";
 
 export default {
+    title: "Visualization|Indicator/EMA",
     component: LineSeries,
     parameters: {
         componentSubtitle: "Moving averages smooth the price data to form a trend following indicator.",
     },
-    title: "Visualization|Indicator/EMA",
 };
 
 export const basic = () => <EMAIndicator />;
diff --git a/packages/stories/src/indicators/forceIndex/index.stories.tsx b/packages/stories/src/indicators/forceIndex/index.stories.tsx
@@ -3,13 +3,13 @@ import { forceIndex } from "react-financial-charts/lib/indicator";
 import ForceIndicator from "./forceIndicator";
 
 export default {
+    title: "Visualization|Indicator/Force Index",
     component: forceIndex,
     parameters: {
         componentSubtitle: `The Force Index is an indicator that uses price
         and volume to assess the power behind a move or identify possible
         turning points.`,
     },
-    title: "Visualization|Indicator/Force Index",
 };
 
 export const basic = () => <ForceIndicator />;
diff --git a/packages/stories/src/indicators/macd/index.stories.tsx b/packages/stories/src/indicators/macd/index.stories.tsx
@@ -3,11 +3,11 @@ import { MACDSeries } from "react-financial-charts/lib/series";
 import MACDIndicator from "./macdIndicator";
 
 export default {
+    title: "Visualization|Indicator/MACD",
     component: MACDSeries,
     parameters: {
         componentSubtitle: "The MACD turns two trend-following indicators, moving averages, into a momentum oscillator by subtracting the longer moving average from the shorter one.",
     },
-    title: "Visualization|Indicator/MACD",
 };
 
 export const basic = () => <MACDIndicator />;
diff --git a/packages/stories/src/indicators/rsi/index.stories.tsx b/packages/stories/src/indicators/rsi/index.stories.tsx
@@ -3,11 +3,11 @@ import { RSISeries } from "react-financial-charts/lib/series";
 import RSIIndicator from "./rsiIndicator";
 
 export default {
+    title: "Visualization|Indicator/RSI",
     component: RSISeries,
     parameters: {
         componentSubtitle: "The Relative Strength Index (RSI) is a momentum oscillator that measures the speed and change of price movements.",
     },
-    title: "Visualization|Indicator/RSI",
 };
 
 export const basic = () => <RSIIndicator />;
diff --git a/packages/stories/src/indicators/sar/index.stories.tsx b/packages/stories/src/indicators/sar/index.stories.tsx
@@ -3,14 +3,14 @@ import { SARSeries } from "react-financial-charts/lib/series";
 import SARIndicator from "./sarIndicator";
 
 export default {
+    title: "Visualization|Indicator/SAR",
     component: SARSeries,
     parameters: {
         componentSubtitle: `SAR stands for 'stop and reverse'.
         The indicator is below prices as they're rising and above
         prices as they're falling. In this regard, the indicator
         stops and reverses when the price trend reverses and breaks above or below the indicator.`,
     },
-    title: "Visualization|Indicator/SAR",
 };
 
 export const basic = () => <SARIndicator />;
diff --git a/packages/stories/tsconfig.json b/packages/stories/tsconfig.json
@@ -16,7 +16,7 @@
         "moduleResolution": "node",
         "noImplicitReturns": true,
         "noImplicitThis": true,
-        "noImplicitAny": true,
+        "noImplicitAny": false,
         "noUnusedLocals": true,
         "outDir": "lib",
         "sourceMap": true,

diff --git a/packages/stories/tslint.yaml b/packages/stories/tslint.yaml
@@ -3,3 +3,4 @@ extends: "tslint:recommended"
 rules:
   completed-docs: false
   interface-name: false
+  object-literal-sort-keys: false