Merge pull request #13 from rpearce/build-update

build overhaul

Author: rpearce

.eslintignore

@@ -1,4 +1,3 @@
 coverage/
 docs/
-node_modules/
-src/
+dist/

.eslintrc

@@ -0,0 +1,39 @@
+module.exports = {
+  env: {
+    browser: true,
+    es6: true,
+    jest: true,
+    node: true
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:prettier/recommended',
+    'plugin:react/recommended'
+  ],
+  parserOptions: {
+    ecmaVersion: 2019,
+    sourceType: 'module'
+  },
+  plugins: [
+    'jsx-a11y',
+    'react',
+    'react-hooks'
+  ],
+  rules: {
+    'indent': ['error', 2, { 'SwitchCase': 1 }],
+    'jsx-quotes': ['error', 'prefer-double'],
+    'jsx-a11y/no-onchange': 0,
+    'no-trailing-spaces': 'error',
+    'object-curly-spacing': ['error', 'always'],
+    'quotes': ['error', 'single', { 'allowTemplateLiterals': true }],
+    'react-hooks/exhaustive-deps': 'warn',
+    'react-hooks/rules-of-hooks': 'error',
+    'semi': ['error', 'never']
+  },
+  settings: {
+    react: {
+      version: '16'
+    }
+  }
+}

.eslintrc.js

@@ -60,5 +60,5 @@ typings/
 # next.js build output
 .next
 
-src/
+dist/
 *.tmp

.gitignore

@@ -0,0 +1,4 @@
+module.exports = {
+  semi: false,
+  singleQuote: true
+}

.prettierrc.js

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - "11"
+  - "12"
 cache: yarn
 after_success:
   - npm run coverage

.travis.yml

@@ -1,6 +1,6 @@
 # react-button-a11y
 [![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors)
-[![npm version](https://img.shields.io/npm/v/react-button-a11y.svg)](https://www.npmjs.com/package/react-button-a11y) [![npm downloads](https://img.shields.io/npm/dt/react-button-a11y.svg)](https://www.npmjs.com/package/react-button-a11y) [![Build Status](https://travis-ci.org/rpearce/react-button-a11y.svg?branch=master)](https://travis-ci.org/rpearce/react-button-a11y) [![Coverage Status](https://coveralls.io/repos/github/rpearce/react-button-a11y/badge.svg?branch=master)](https://coveralls.io/github/rpearce/react-button-a11y?branch=master) [![Maintainability](https://api.codeclimate.com/v1/badges/8e4debef4b9f0e8acd6e/maintainability)](https://codeclimate.com/github/rpearce/react-button-a11y/maintainability)
+[![npm version](https://img.shields.io/npm/v/react-button-a11y.svg)](https://www.npmjs.com/package/react-button-a11y) [![npm downloads](https://img.shields.io/npm/dm/react-button-a11y.svg)](https://www.npmjs.com/package/react-button-a11y) [![Build Status](https://travis-ci.org/rpearce/react-button-a11y.svg?branch=master)](https://travis-ci.org/rpearce/react-button-a11y) [![Coverage Status](https://coveralls.io/repos/github/rpearce/react-button-a11y/badge.svg?branch=master)](https://coveralls.io/github/rpearce/react-button-a11y?branch=master) [![Maintainability](https://api.codeclimate.com/v1/badges/8e4debef4b9f0e8acd6e/maintainability)](https://codeclimate.com/github/rpearce/react-button-a11y/maintainability)
 
 Make non-button elements accessible in React. This component applies the
 following to an element that wants to be a "button":

README.md

@@ -1,6 +1,6 @@
 import React, { createRef } from 'react'
-import { fireEvent, render } from 'react-testing-library'
-import 'jest-dom/extend-expect'
+import { fireEvent, render } from '@testing-library/react'
+import '@testing-library/jest-dom/extend-expect'
 
 import ButtonA11y from '../source'
 
@@ -25,10 +25,7 @@ test('renders with aria-label, handles click', () => {
 test('renders with children, handles click', () => {
   const onClick = jest.fn()
   const { getByText } = render(
-    <ButtonA11y
-      className="mock-className"
-      onClick={onClick}
-    >
+    <ButtonA11y className="mock-className" onClick={onClick}>
       Click Me
     </ButtonA11y>
   )
@@ -44,10 +41,7 @@ test('renders with children, handles click', () => {
 test('renders with button role and tabIndex 0', () => {
   const onClick = jest.fn()
   const { getByText } = render(
-    <ButtonA11y
-      className="mock-className"
-      onClick={onClick}
-    >
+    <ButtonA11y className="mock-className" onClick={onClick}>
       Click Me
     </ButtonA11y>
   )
@@ -226,11 +220,7 @@ test('only calls onKeyDown when random keyCode', () => {
 test('does not break when onKeyDown not passed', () => {
   const onClick = jest.fn()
   const { getByText } = render(
-    <ButtonA11y
-      className="mock-className"
-      onClick={onClick}
-      type=""
-    >
+    <ButtonA11y className="mock-className" onClick={onClick} type="">
       Click Me
     </ButtonA11y>
   )
@@ -246,11 +236,7 @@ test('does not break when onKeyDown not passed', () => {
 test('does not break when onClick not passed', () => {
   const onKeyDown = jest.fn()
   const { getByText } = render(
-    <ButtonA11y
-      className="mock-className"
-      onKeyDown={onKeyDown}
-      type=""
-    >
+    <ButtonA11y className="mock-className" onKeyDown={onKeyDown} type="">
       Click Me
     </ButtonA11y>
   )
@@ -265,11 +251,7 @@ test('does not break when onClick not passed', () => {
 
 test('renders as div element', () => {
   const { container, getByText } = render(
-    <ButtonA11y
-      className="mock-className"
-      element="div"
-      onClick={jest.fn()}
-    >
+    <ButtonA11y className="mock-className" element="div" onClick={jest.fn()}>
       Click Me
     </ButtonA11y>
   )
@@ -281,11 +263,7 @@ test('renders as div element', () => {
 test('forwards a ref', () => {
   const ref = createRef()
   render(
-    <ButtonA11y
-      className="mock-className"
-      onClick={jest.fn()}
-      ref={ref}
-    >
+    <ButtonA11y className="mock-className" onClick={jest.fn()} ref={ref}>
       Click Me
     </ButtonA11y>
   )
@@ -302,9 +280,7 @@ test('errors when no children & no aria-label', () => {
         onClick={jest.fn()}
       />
     )
-  }).toThrow(
-    'react-button-a11y: `aria-label` required for accessibility'
-  )
+  }).toThrow('react-button-a11y: `aria-label` required for accessibility')
 })
 
 // This is allowed but is unwise for accessibility

__tests__/index.js

@@ -1,7 +1,4 @@
-const presets = [
-  '@babel/preset-env',
-  '@babel/preset-react'
-]
+const presets = ['@babel/preset-env', '@babel/preset-react']
 
 module.exports = {
   presets