feat: increase test coverage and simplify docs

Increase test coverage back to 100% and simplify documentation.
Add all relevant filetypes to prettier whitelist.
Add better types to some utility functions.

Author: csvenke

.prettierrc renamed to .prettierrc.json

@@ -1,5 +1,4 @@
 {
-  "parser": "typescript",
   "bracketSpacing": true,
   "jsxBracketSameLine": false,
   "printWidth": 89,
@@ -8,4 +7,4 @@
   "tabWidth": 2,
   "trailingComma": "all",
   "useTabs": false
-}
+}

.travis.yml

@@ -1,7 +1,7 @@
 language: node_js
 
 node_js:
-  - "node"
+  - 'node'
 
 notifications:
   email: false
@@ -10,7 +10,7 @@ branches:
   only:
     - master
     - /^greenkeeper.*$/
-  
+
 before_install:
   - npm install -g npm@latest
   - npm install -g greenkeeper-lockfile
@@ -27,6 +27,6 @@ script:
 
 after_success:
   - npm run report-coverage
-  
+
 after_script:
   - greenkeeper-lockfile-upload

README.md

@@ -43,7 +43,7 @@
   * __[List](https://csvenke.github.io/react-semantic-render/#/List)__: Renders content from an array of data.
   * __[Show](https://csvenke.github.io/react-semantic-render/#/Show)__: Renders content when specified condition is true.
   * __[Switch](https://csvenke.github.io/react-semantic-render/#/Switch)__: Renders content from first __[Switch.Case](https://csvenke.github.io/react-semantic-render/#/SwitchCase)__ that matches, else __[Switch.Default](https://csvenke.github.io/react-semantic-render/#/SwitchDefault)__ if it exists.
-* __Small bundle size__
+* __Tiny bundle size__
 * __Blazing fast__
 * __TypeScript type definitions__
 * __100% test coverage__

jest.config.js

@@ -17,8 +17,8 @@ module.exports = {
   collectCoverageFrom: ['src/@(components|utils)/**/*.@(ts|tsx)'],
   globals: {
     'ts-jest': {
-      'tsConfig': './tsconfig.jest.json',
-      'isolatedModules': 'true'
+      tsConfig: './tsconfig.jest.json',
+      isolatedModules: 'true',
     },
   },
 };

package-lock.json

@@ -56,6 +56,7 @@
     "husky": "^1.0.1",
     "jest": "^23.6.0",
     "lint-staged": "^7.3.0",
+    "lodash": "^4.17.11",
     "prettier": "^1.14.3",
     "react-docgen-typescript": "^1.9.1",
     "react-dom": "^16.5.2",
@@ -90,8 +91,8 @@
     "lint:fix": "npm run lint:write --fix \"src/**/*.{ts,tsx}\"",
     "lint:write": "tslint -p tsconfig.json -c tslint.json",
     "lint": "npm run lint:write  \"src/**/*.{ts,tsx}\"",
-    "prettier:write": "prettier -c .prettierrc --write",
-    "prettier": "npm run prettier:write \"src/**/*.{ts,tsx}\"",
+    "prettier:write": "prettier -c .prettierrc.json --write",
+    "prettier": "npm run prettier:write \"src/**/*.{ts,tsx,md}\" \"*.{js,yml,json}\"",
     "report-coverage": "cat ./coverage/lcov.info | coveralls",
     "test:prod": "npm run lint && npm run test --coverage --no-cache",
     "test:watch": "jest --watch",
@@ -107,9 +108,13 @@
   },
   "lint-staged": {
     "*.{ts,tsx}": [
-      "prettier -c .prettierrc --write",
+      "prettier -c .prettierrc.json --write",
       "tslint -c tslint.json --fix",
       "git add"
+    ],
+    "*.{js,yml,json}": [
+      "prettier -c .prettierrc.json --write",
+      "git add"
     ]
   }
 }

package.json

@@ -22,7 +22,7 @@ const List = (props: IListProps): Output => {
   const { items, children, render } = props;
   const renderProp = getRenderProp(children, render);
 
-  if (renderProp && isFunction(renderProp)) {
+  if (!!renderProp && isFunction(renderProp)) {
     return <React.Fragment>{items.map(renderProp)}</React.Fragment>;
   }
 

src/components/List/List.md

@@ -0,0 +1,16 @@
+### Example usage
+
+```jsx
+const data = _.range(10).map(() => faker.name.findName());
+
+<ul>
+  <List
+    items={data}
+    render={i => (
+      <li key={i}>
+        <div>{i}</div>
+      </li>
+    )}
+  />
+</ul>;
+```

src/components/List/List.tsx

@@ -0,0 +1,14 @@
+### Example usage
+
+```jsx
+<Show
+  when={true}
+  render={() => (
+    <div>Render me!</div>
+  )}
+/>
+
+<Show when={false}>
+  <div>Don't render me!</div>
+</Show>
+```