Add react-styleguidist

- uses fork for abs path support (styleguidist/react-styleguidist#658)
- disable example components
- sort package.json

.flowconfig

@@ -1,9 +1,12 @@
 [ignore]
-/node_modules/
-.*/node_modules/redux-persist/.*
+    /node_modules/
+    .*/node_modules/redux-persist/.*
+    .*/node_modules/jss/.*
+    .*/node_modules/findup/.*
+    .*/styleguide.config.js.*
 [include]
-src/
-src/node_modules/
+    src/
+    src/node_modules/
 [libs]
 
 [lints]

generators/component/markdown.hbs

@@ -1,5 +1,5 @@
 Basic {{ properCase name }}:
 
-```example
+```jsx
 <{{ properCase name }}>{{ name }}</{{ properCase name }}>
 ```

package.json

@@ -16,6 +16,24 @@
       "path": "./node_modules/babel-core"
     }
   },
+  "scripts": {
+    "styleguide": "styleguidist server",
+    "styleguide:build": "styleguidist build",
+    "gen": "plop --plopfile generators/plopfile.js",
+    "start": "node scripts/start.js",
+    "https": "HTTPS=true node scripts/start.js",
+    "build": "node scripts/build.js",
+    "precommit": "lint-staged",
+    "eslint": "eslint src",
+    "flow": "flow",
+    "jest": "jest",
+    "test": "node scripts/test.js --env=jsdom"
+  },
+  "lint-staged": {
+    "*.js": [
+      "eslint"
+    ]
+  },
   "dependencies": {
     "bootflat": "^2.0.4",
     "bootstrap": "~3.3.7",
@@ -26,6 +44,7 @@
     "react-dom": "^16.0.0",
     "react-redux": "^5.0.6",
     "react-router-dom": "^4.2.2",
+    "react-styleguidist": "git://github.com/25th-floor/react-styleguidist.git#091dde8",
     "redux": "^3.7.2",
     "redux-persist": "^4.10.1",
     "rest": "^2.0.0"
@@ -94,28 +113,6 @@
     "webpack-manifest-plugin": "1.2.1",
     "whatwg-fetch": "2.0.3"
   },
-  "lint-staged": {
-    "*.js": [
-        "eslint",
-        "flow",
-        "test"
-    ],
-    "*.test.js": [
-        "eslint",
-        "test"
-    ]
-  },
-  "scripts": {
-    "gen": "plop --plopfile generators/plopfile.js",
-    "precommit": "lint-staged",
-    "flow": "flow",
-    "eslint": "eslint src",
-    "start": "node scripts/start.js",
-    "https": "HTTPS=true node scripts/start.js",
-    "build": "node scripts/build.js",
-    "test": "node scripts/test.js --env=jsdom",
-    "jest": "jest"
-  },
   "jest": {
     "collectCoverageFrom": [
       "src/**/*.{js,jsx}"
@@ -165,13 +162,9 @@
     "presets": [
       "react-app"
     ],
-    "env": {
-        "development":{
-            "plugins": [
-                "react-hot-loader/babel"
-            ]
-        }
-    }
+    "plugins": [
+      "react-hot-loader/babel"
+    ]
   },
   "eslintConfig": {
     "extends": "react-app"

src/container/Auth/components/Brand/Brand.md

@@ -1,5 +1,7 @@
-Basic Brand:
+- Basic Brand:
+- Basic Brand:
+- Basic Brand:
 
-```example
-<Brand>Brand</Brand>
+```disabled
+<Brand />
 ```

src/container/Auth/components/Login/Login.md

@@ -1,5 +1,5 @@
 Basic Login:
 
-```example
+```disabled
 <Login>Login</Login>
 ```

src/container/Auth/components/UserSelection/UserSelection.md

@@ -1,5 +1,5 @@
 Basic UserSelection:
 
-```example
+```disabled
 <UserSelection>UserSelection</UserSelection>
 ```

src/container/Home/components/DatePicker/DatePicker.md

@@ -1,5 +1,5 @@
 Basic DatePicker:
 
-```example
+```disabled
 <DatePicker>DatePicker</DatePicker>
 ```

src/container/Home/components/DatePickerButton/DatePickerButton.md

@@ -1,5 +1,5 @@
 Basic DatePickerButton:
 
-```example
+```disabled
 <DatePickerButton>DatePickerButton</DatePickerButton>
 ```

src/container/Home/components/DatePickerContainer/DatePickerContainer.md

@@ -1,5 +1,5 @@
 Basic DatePickerContainer:
 
-```example
+```disabled
 <DatePickerContainer>DatePickerContainer</DatePickerContainer>
 ```

src/container/Home/components/Day/Day.md

@@ -1,5 +1,5 @@
 Basic Day:
 
-```example
+```disabled
 <Day>Day</Day>
 ```

src/container/Home/components/MonthSelection/MonthSelection.md

@@ -1,5 +1,5 @@
 Basic MonthSelection:
 
-```example
+```disabled
 <MonthSelection>MonthSelection</MonthSelection>
 ```

src/container/Home/components/Navigation/Navigation.md

@@ -1,5 +1,5 @@
 Basic Navigation:
 
-```example
+```disabled
 <Navigation>Navigation</Navigation>
 ```

src/container/Home/components/Period/Period.md

@@ -1,5 +1,5 @@
 Basic Period:
 
-```example
+```disabled
 <Period>Period</Period>
 ```

src/container/Home/components/PeriodComment/PeriodComment.md

@@ -1,5 +1,5 @@
 Basic PeriodComment:
 
-```example
+```disabled
 <PeriodComment>PeriodComment</PeriodComment>
 ```

src/container/Home/components/PeriodsForm/PeriodsForm.md

@@ -1,5 +1,5 @@
 Basic PeriodsForm:
 
-```example
+```disabled
 <PeriodsForm>PeriodsForm</PeriodsForm>
 ```

src/container/Home/components/PeriodsFormRow/PeriodsFormRow.md

@@ -1,5 +1,5 @@
 Basic PeriodsFormRow:
 
-```example
+```disabled
 <PeriodsFormRow>PeriodsFormRow</PeriodsFormRow>
 ```

src/container/Home/components/ProfileWidget/ProfileWidget.md

@@ -1,5 +1,5 @@
 Basic ProfileWidget:
 
-```example
+```disabled
 <ProfileWidget>ProfileWidget</ProfileWidget>
 ```

src/container/Home/components/TimeInput/TimeInput.md

@@ -1,5 +1,5 @@
 Basic TimeInput:
 
-```example
+```disabled
 <TimeInput>TimeInput</TimeInput>
 ```

src/container/Home/components/Weeks/Weeks.md

@@ -1,5 +1,5 @@
 Basic Weeks:
 
-```example
+```disabled
 <Weeks>Weeks</Weeks>
 ```

src/container/Home/components/YearSelection/YearSelection.md

@@ -1,5 +1,5 @@
 Basic YearSelection:
 
-```example
+```disabled
 <YearSelection>YearSelection</YearSelection>
 ```

styleguide.config.js

@@ -0,0 +1,22 @@
+/* eslint-disable */
+// https://raw.githubusercontent.com/just-boris/react-app-styleguidist/master/styleguide.config.js
+module.exports = {
+    assetsDir: './public',
+    title: 'TTRACK STYLE GUIDE',
+    showCode: true,
+    webpackConfig: require('./config/webpack.config.dev.js'),
+    sections: [
+        {
+            name: 'Global',
+            components: 'src/node_modules/@components/**/*.js',
+        },
+        {
+            name: 'Containers',
+            components: 'src/container/**/*.js',
+        },
+    ],
+    ignore: [
+        '**/*.test.js',
+        '**/index.js',
+    ],
+};