Merge branch 'master' of https://github.com/jedwards1211/react-library-skeleton

Author: jedwards1211

.babelrc

@@ -0,0 +1,30 @@
+module.exports = function(api) {
+  const plugins = [
+    '@babel/plugin-transform-flow-strip-types',
+    '@babel/plugin-syntax-dynamic-import',
+    '@babel/plugin-proposal-export-default-from',
+    '@babel/plugin-proposal-export-namespace-from',
+    '@babel/plugin-proposal-object-rest-spread',
+    'babel-plugin-flow-react-proptypes',
+    '@babel/plugin-proposal-class-properties',
+  ]
+  const presets = [
+    [
+      '@babel/preset-env',
+      api.env('es5')
+        ? { forceAllTransforms: true }
+        : { targets: { node: 'current' } },
+    ],
+    '@babel/preset-react',
+    '@babel/preset-flow',
+  ]
+
+  if (api.env(['test', 'coverage', 'es5'])) {
+    plugins.push('@babel/plugin-transform-runtime')
+  }
+  if (api.env('coverage')) {
+    plugins.push('babel-plugin-istanbul')
+  }
+
+  return { plugins, presets }
+}

.babelrc.js

@@ -0,0 +1,38 @@
+version: 2
+jobs:
+  build:
+    docker:
+      - image: circleci/node:8
+
+    steps:
+      - checkout
+      - restore_cache:
+          name: Restore Yarn Package Cache
+          keys:
+            - v1-yarn-packages-{{ checksum "yarn.lock" }}
+
+      - run:
+          name: Setup NPM Token
+          command: |
+              yarn config set registry "https://registry.npmjs.org/"
+              echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" > .npmrc
+              echo "registry=https://registry.npmjs.org/" >> .npmrc
+
+      - run:
+          name: Install Dependencies
+          command: yarn install --frozen-lockfile
+      - save_cache:
+          name: Save Yarn Package Cache
+          key: v1-yarn-packages-{{ checksum "yarn.lock" }}
+          paths:
+            - ~/.cache/yarn
+
+      - run:
+          name: build
+          command: yarn run prepublishOnly
+      - run:
+          name: upload test coverage
+          command: yarn codecov || true
+      - run:
+          name: release
+          command: yarn run semantic-release || true

.circleci/config.yml

@@ -1,6 +1,22 @@
 {
   "extends": [
-    "@jedwards1211/eslint-config-react", "@jedwards1211/eslint-config-flow"
+    "@jedwards1211/eslint-config-react",
+    "@jedwards1211/eslint-config-flow",
+    "eslint-config-prettier"
   ],
-  "parser": "babel-eslint"
+  "parser": "babel-eslint",
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "sourceType": "module"
+  },
+  "env": {
+    "es6": true
+  },
+  "settings": {
+    "react": {
+      "pragma": "React",
+      "version": "detect",
+      "flowVersion": "0.92.0"
+    }
+  }
 }

.eslintrc

@@ -1,9 +1,13 @@
 [ignore]
+<PROJECT_ROOT>/[^/\\]+\.js$
+<PROJECT_ROOT>/[^/\\]+\.js\.flow$
+<PROJECT_ROOT>/es/.*
 <PROJECT_ROOT>/lib/.*
 <PROJECT_ROOT>/node_modules/immutable/.*
 <PROJECT_ROOT>/node_modules/jss/.*
+<PROJECT_ROOT>/node_modules/.*/fbjs/.*
 <PROJECT_ROOT>/node_modules/fbjs/.*
-<PROJECT_ROOT>/node_modules/.*/tests?/.*\.json
+<PROJECT_ROOT>/node_modules/.*/config-chain/.*
 
 [include]
 ./src
@@ -15,4 +19,3 @@
 module.system=node
 esproposal.class_static_fields=enable
 esproposal.class_instance_fields=enable
-

.flowconfig

@@ -1,6 +1,9 @@
+.eslintcache
 .nyc_output
 coverage
+es
 node_modules
-lib
-storybook-static
 .eslintcache
+/*.js
+/*.js.flow
+!/.babelrc.js

.gitignore

@@ -1,18 +1,14 @@
-.babelrc
-.eslintrc
-.nyc_output
-.storybook
-.travis.yml
-coverage
-node_modules
-test
-stories
-scripts
-storybook-static
-.eslintcache
-.idea
-solano.yml
-renovate.json
-commitlint.config.js
-flow-typed
-
+**
+!**/*.js
+!**/*.js.flow
+!/*.md
+!yarn.lock
+/lib
+/src
+/stories
+/test
+/coverage
+/flow-typed
+__tests__
+/.*
+!/.flowconfig

.npmignore

@@ -19,4 +19,3 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
-

.travis.yml

@@ -1,14 +1,14 @@
 # react-view-slider
 
-[![Build Status](https://travis-ci.org/jcoreio/react-view-slider.svg?branch=master)](https://travis-ci.org/jcoreio/react-view-slider)
-[![Coverage Status](https://codecov.io/gh/jcoreio/react-view-slider/branch/master/graph/badge.svg)](https://codecov.io/gh/jcoreio/react-view-slider)
+[![CircleCI](https://circleci.com/gh/jcoreio/react-view-slider.svg?style=svg)](https://circleci.com/gh/jcoreio/react-view-slider)
+[![Coverage Status](https://codecov.io/gh/jcoreio/react-view-slider)](https://codecov.io/gh/jcoreio/react-view-slider)
 [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
+[![npm version](https://badge.fury.io/js/react-view-slider.svg)](https://badge.fury.io/js/react-view-slider)
 
 Not another carousel; a simpler component that animates horizontal slide transitions between steps of a wizard or levels
 of a drilldown.
 
-
 # Table of Contents
 
 - [Usage](#usage)
@@ -29,7 +29,15 @@ import ViewSlider from 'react-view-slider'
 
 // This function renders the view at the given index.
 // At minimum you should pass the key, ref, style, and className props to the returned element.
-const renderView = ({index, key, ref, style, className, active, transitionState}) => (
+const renderView = ({
+  index,
+  key,
+  ref,
+  style,
+  className,
+  active,
+  transitionState,
+}) => (
   <div key={key} ref={ref} style={style} className={className}>
     <h3>View {index}</h3>
     <p>I am {active ? 'active' : 'inactive'}</p>
@@ -42,10 +50,10 @@ const renderView = ({index, key, ref, style, className, active, transitionState}
 
 ReactDOM.render(
   <ViewSlider
-      renderView={renderView}
-      numViews={3}
-      activeView={0}
-      animateHeight
+    renderView={renderView}
+    numViews={3}
+    activeView={0}
+    animateHeight
   />,
   document.getElementById('root')
 )
@@ -55,24 +63,25 @@ ReactDOM.render(
 
 ##### `renderView: (props: ViewProps) => React.Element<any>` **(required)**
 
-This function renders each view.  `ViewSlider` will call it with the following `props`:
-* `index: number` - the index of the view (starting at 0)
-* `key: number` - the key you should pass to the returned element
-* `ref: (c: HTMLElement) => any` - the ref you should pass to the returned element
-* `style: Object` - the style you should pass to the returned element
-* `active: boolean` - whether the view should currently be showing
-* `transitionState: 'in' | 'out' | 'entering' | 'leaving'` - the view's transition state
+This function renders each view. `ViewSlider` will call it with the following `props`:
+
+- `index: number` - the index of the view (starting at 0)
+- `key: number` - the key you should pass to the returned element
+- `ref: (c: HTMLElement) => any` - the ref you should pass to the returned element
+- `style: Object` - the style you should pass to the returned element
+- `active: boolean` - whether the view should currently be showing
+- `transitionState: 'in' | 'out' | 'entering' | 'leaving'` - the view's transition state
 
 At minimum you should pass the `key`, `ref`, `style`, and `className` props to the returned element.
 
 ##### `numViews: number` **(required)**
 
-The number of views present.  `ViewSlider` will only render all views when transitioning; when idle, it will
+The number of views present. `ViewSlider` will only render all views when transitioning; when idle, it will
 only render the active view.
 
 ##### `activeView: number` **(required)**
 
-The index of the view that should be showing.  Whenever you change this, `ViewSlider` will animate a horizontal slide
+The index of the view that should be showing. Whenever you change this, `ViewSlider` will animate a horizontal slide
 transition to the view at the new index.
 
 ##### `keepViewsMounted: boolean` (default: `false`)
@@ -133,12 +142,12 @@ import ViewSlider from 'react-view-slider/lib/withTransitionContext'
 ```
 
 This works exactly like `ViewSlider` except that it renders its views within a `TransitionContext` component from
-`react-transition-context` with the given `transitionState`.  This is useful for doing things like focusing an `<input>`
+`react-transition-context` with the given `transitionState`. This is useful for doing things like focusing an `<input>`
 element after one of the views has transitioned in.
 
 ## `SimpleViewSlider`
 
-This is a wrapper for `ViewSlider` that takes a single child element.  It renders the `ViewSlider` with the child's key
+This is a wrapper for `ViewSlider` that takes a single child element. It renders the `ViewSlider` with the child's key
 (converted to a number) as the `activeView` and caches past child elements by key.
 
 ### Example
@@ -148,24 +157,19 @@ import SimpleViewSlider from 'react-view-slider/lib/simple'
 
 ReactDOM.render(
   <SimpleViewSlider>
-    <div key={0}>
-      This is view 0
-    </div>
+    <div key={0}>This is view 0</div>
   </SimpleViewSlider>,
   document.getElementById('root')
 )
 
 // Rendering a child with a different key will trigger the transition.
 ReactDOM.render(
   <SimpleViewSlider>
-    <div key={1}>
-      This is view 1
-    </div>
+    <div key={1}>This is view 1</div>
   </SimpleViewSlider>,
   document.getElementById('root')
 )
 ```
 
 If you want to use `SimpleViewSlider` with `react-transition-context`,
 use `react-view-slider/lib/simpleWithTransitionContext`.
-