v1.4.0

Author: ooade

__tests__/index.tsx

@@ -11,14 +11,14 @@ describe('ClickAway Listener', () => {
 		);
 		expect(container.firstElementChild.tagName).toBe('DIV');
 	});
-	
+
 	it('should be able to get rendered as a specified element', () => {
-		const { container } = render(
+		const { getByText } = render(
 			<ClickAwayListener as="article" onClickAway={() => null}>
 				Hello Article
 			</ClickAwayListener>
 		);
-		expect(container.firstElementChild.tagName).toBe('ARTICLE');
+		expect(getByText(/Hello Article/).nodeName).toBe('ARTICLE');
 	});
 
 	it('should take in props to be used like every other elements', () => {

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-click-away-listener",
-	"version": "1.3.0",
+	"version": "1.4.0",
 	"description": "A simple click away listener built with React Hooks",
 	"main": "dist/react-click-away-listener.js",
 	"module": "dist/react-click-away-listener.es.js",
@@ -29,6 +29,7 @@
 		"@babel/preset-env": "^7.3.1",
 		"@babel/preset-react": "^7.0.0",
 		"@babel/preset-typescript": "^7.10.4",
+		"@rollup/plugin-babel": "^5.2.0",
 		"@testing-library/react": "^9.3.1",
 		"@types/jest": "^24.0.21",
 		"@types/react": "^16.9.11",
@@ -50,8 +51,7 @@
 		"react-dom": "^16.11.0",
 		"rimraf": "^3.0.2",
 		"rollup": "^1.26.3",
-		"rollup-plugin-babel": "^4.3.3",
-		"rollup-plugin-terser": "^5.1.2",
+		"rollup-plugin-terser": "^7.0.0",
 		"typescript": "^3.6.4"
 	},
 	"peerDependencies": {

rollup.config.js

@@ -1,5 +1,5 @@
 import fs from 'fs';
-import babel from 'rollup-plugin-babel';
+import babel from '@rollup/plugin-babel';
 import { terser } from 'rollup-plugin-terser';
 
 const pkg = JSON.parse(
@@ -13,6 +13,7 @@ export default {
 	plugins: [
 		babel({
 			extensions,
+			babelHelpers: 'bundled',
 			exclude: 'node_modules/**'
 		}),
 		terser()

src/index.tsx

@@ -11,11 +11,10 @@ interface Props extends React.HTMLAttributes<HTMLElement> {
 }
 
 const ClickAwayListener: FunctionComponent<Props> = ({
+	as = 'div',
 	onClickAway,
 	mouseEvent = 'click',
 	touchEvent = 'touchend',
-	children,
-	as = 'div',
 	...props
 }) => {
 	let node = useRef<HTMLElement>(null);
@@ -38,7 +37,7 @@ const ClickAwayListener: FunctionComponent<Props> = ({
 		};
 	}, [mouseEvent, onClickAway, touchEvent]);
 
-	return React.createElement(as, { ref: node, ...props }, children);
+	return React.createElement(as, { ref: node, ...props });
 };
 
 export default ClickAwayListener;

tsconfig.json

@@ -1,6 +1,6 @@
 {
 	"compilerOptions": {
-		"target": "es5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */,
+		"target": "esnext" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */,
 		"module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
 		"jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
 		"skipLibCheck": true,