Update everything

Author: scriptex

.gitignore

@@ -16,3 +16,6 @@ node_modules/
 .Trashes
 ehthumbs.db
 Thumbs.db
+
+# Build directory
+/dist

.npmignore

@@ -38,4 +38,3 @@ webpack.config.js
 # Prettier
 .prettierrc
 .prettierignore
-

README.md

@@ -40,17 +40,15 @@ const items = news.map(({ date, title, content }) => ({
 	content: <p>{content}</p>
 }));
 
-export const MyComponent = () => (
-	<Accordion items={news} duration={300} multiple={true} />
-);
+export const MyComponent = () => <Accordion items={news} duration={300} multiple={true} />;
 ```
 
 ## Props
 
 1. items: Array of objects with the following properties:
 
-   - title [Required] - React Node
-   - content [Required] - React Node
+    - title [Required] - React Node
+    - content [Required] - React Node
 
 2. Duration [Required] - Number (Duration of the toggling transition)
 

__tests__/__snapshots__/accordion.test.tsx.snap

@@ -1,7 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Accordion should render no items 1`] = `""`;
-
 exports[`Accordion should render properly 1`] = `
 Array [
   <div

__tests__/accordion.test.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as renderer from 'react-test-renderer';
 
-import { default as Accordion } from '../dist/accordion';
+import { default as Accordion } from '../src/accordion';
 
 const mock = [
 	{
@@ -28,25 +28,13 @@ describe('Accordion', () => {
 	}));
 
 	it('should render properly', () => {
-		const tree = renderer
-			.create(<Accordion items={items} duration={300} multiple={true} />)
-			.toJSON();
+		const tree = renderer.create(<Accordion items={items} duration={300} multiple={true} />).toJSON();
 
 		expect(tree).toMatchSnapshot();
 	});
 
 	it('should render properly', () => {
-		const tree = renderer
-			.create(<Accordion items={[]} duration={0} multiple={false} />)
-			.toJSON();
-
-		expect(tree).toMatchSnapshot();
-	});
-
-	it('should render no items', () => {
-		const tree = renderer
-			.create(<Accordion items={undefined} duration={500} multiple={true} />)
-			.toJSON();
+		const tree = renderer.create(<Accordion items={[]} duration={0} multiple={false} />).toJSON();
 
 		expect(tree).toMatchSnapshot();
 	});

dist/accordion.js

@@ -1,59 +1,59 @@
 {
-  "name": "react-accordion-ts",
-  "version": "0.1.0",
-  "description": "A ReactJS Accordion component",
-  "main": "dist/index.js",
-  "style": "src/panel.css",
-  "scripts": {
-    "clear": "rm -rf dist",
-    "start": "tsc -w",
-    "build": "yarn clear && tsc --build tsconfig.json",
-    "test": "jest",
-    "lint": "tslint -c tslint.json --project tsconfig.json",
-    "prepare": "yarn lint && yarn build && yarn test"
-  },
-  "keywords": [
-    "React",
-    "Accordion",
-    "Typescript",
-    "Widget"
-  ],
-  "author": "Atanas Atanasov <scriptex.bg@gmail.com> (https://atanas.info)",
-  "repository": "https://github.com/scriptex/react-ion",
-  "bugs": {
-    "url": "https://github.com/scriptex/react-ion/issues",
-    "email": "scriptex.bg@gmail.com"
-  },
-  "license": "MIT",
-  "dependencies": {
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2"
-  },
-  "peerDependencies": {
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2"
-  },
-  "devDependencies": {
-    "@types/jest": "23.3.10",
-    "@types/react": "16.4.16",
-    "@types/react-dom": "16.0.11",
-    "@types/react-test-renderer": "16.0.3",
-    "jest": "23.6.0",
-    "react-test-renderer": "16.6.3",
-    "ts-jest": "22.4.6",
-    "tslint": "5.11.0",
-    "tslint-react": "3.6.0",
-    "typescript": "3.2.1"
-  },
-  "jest": {
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js"
-    ],
-    "transform": {
-      "\\.(ts|tsx)$": "<rootDir>/node_modules/ts-jest/preprocessor.js"
-    },
-    "testRegex": "/__tests__/.*\\.(ts|tsx|js)$"
-  }
+	"name": "react-accordion-ts",
+	"version": "0.1.1",
+	"description": "A ReactJS Accordion component",
+	"main": "dist/index.js",
+	"style": "src/panel.css",
+	"scripts": {
+		"clear": "rm -rf dist",
+		"start": "tsc -w",
+		"build": "yarn clear && tsc --build tsconfig.json",
+		"test": "jest",
+		"lint": "tslint -c tslint.json --project tsconfig.json",
+		"prepare": "yarn lint && yarn build && yarn test"
+	},
+	"keywords": [
+		"React",
+		"Accordion",
+		"Typescript",
+		"Widget"
+	],
+	"author": "Atanas Atanasov <scriptex.bg@gmail.com> (https://atanas.info)",
+	"repository": "https://github.com/scriptex/react-ion",
+	"bugs": {
+		"url": "https://github.com/scriptex/react-ion/issues",
+		"email": "scriptex.bg@gmail.com"
+	},
+	"license": "MIT",
+	"dependencies": {
+		"react": "16.6.3",
+		"react-dom": "16.6.3"
+	},
+	"peerDependencies": {
+		"react": "16.5.2",
+		"react-dom": "16.5.2"
+	},
+	"devDependencies": {
+		"@types/jest": "23.3.10",
+		"@types/react": "16.7.10",
+		"@types/react-dom": "16.0.11",
+		"@types/react-test-renderer": "16.0.3",
+		"jest": "23.6.0",
+		"react-test-renderer": "16.6.3",
+		"ts-jest": "23.10.5",
+		"tslint": "5.11.0",
+		"tslint-react": "3.6.0",
+		"typescript": "3.2.1"
+	},
+	"jest": {
+		"moduleFileExtensions": [
+			"ts",
+			"tsx",
+			"js"
+		],
+		"transform": {
+			"\\.(ts|tsx)$": "<rootDir>/node_modules/ts-jest/preprocessor.js"
+		},
+		"testRegex": "/__tests__/.*\\.(ts|tsx|js)$"
+	}
 }

dist/accordion.js.map

@@ -25,6 +25,7 @@ class Accordion extends React.Component<Props> {
 		super(props);
 	}
 
+	// prettier-ignore
 	public activatePanel = (index: number): void => {
 		if (!this.props.multiple) {
 			this.setState((prev: AccordionState) => ({
@@ -39,20 +40,20 @@ class Accordion extends React.Component<Props> {
 
 		return Array.isArray(items) && items.length
 			? items.map(({ title, content }, index) => (
-				<div className="accordion" role="tablist">
-					<Panel
-						key={index}
-						title={title}
-						index={index}
-						duration={duration}
-						multiple={multiple}
-						activeTab={activeTab}
-						activatePanel={this.activatePanel}
-					>
-						{content}
-					</Panel>
-				</div>
-			))
+					<div className="accordion" role="tablist">
+						<Panel
+							key={index}
+							title={title}
+							index={index}
+							duration={duration}
+							multiple={multiple}
+							activeTab={activeTab}
+							activatePanel={this.activatePanel}
+						>
+							{content}
+						</Panel>
+					</div>
+			  ))
 			: '';
 	}
 }

dist/panel.js

@@ -1,24 +1,24 @@
 .panel__head {
-    padding: 0;
-    border: 0;
+	padding: 0;
+	border: 0;
 	cursor: pointer;
 	background-color: transparent;
-    appearance: none;
-    -moz-appearance: none;
-    -webkit-appearance: none;
+	appearance: none;
+	-moz-appearance: none;
+	-webkit-appearance: none;
 }
 
 .panel__body {
-    overflow: hidden;
-    -webkit-overflow-scrolling: touch;
-    transition: height 0.35s ease-in-out;
+	overflow: hidden;
+	-webkit-overflow-scrolling: touch;
+	transition: height 0.35s ease-in-out;
 }
 
 .panel__content {
-    opacity: 0;
-    transition: opacity 0.35s ease-in-out;
+	opacity: 0;
+	transition: opacity 0.35s ease-in-out;
 }
 
 .panel[aria-expanded='true'] .panel__content {
-    opacity: 1;
+	opacity: 1;
 }

dist/panel.js.map

@@ -33,22 +33,14 @@ class Panel extends React.Component<Props> {
 	public componentDidMount(): void {
 		setTimeout(() => {
 			const el = findDOMNode(this);
-			const height = (el as ExtendedElement).querySelector('.panel__body')
-				.scrollHeight;
+			const height = (el as ExtendedElement).querySelector('.panel__body').scrollHeight;
 
 			this.setState({ height });
 		}, this.props.duration || 300);
 	}
 
 	public render(): React.ReactNode {
-		const {
-			index,
-			title,
-			multiple,
-			children,
-			activeTab,
-			activatePanel
-		} = this.props;
+		const { index, title, multiple, children, activeTab, activatePanel } = this.props;
 
 		const isActive = multiple ? this.state.isActive : activeTab === index;
 
@@ -62,9 +54,7 @@ class Panel extends React.Component<Props> {
 					role="tab"
 					className="panel__head"
 					onClick={_ => {
-						multiple
-							? this.setState({ isActive: !this.state.isActive })
-							: activatePanel(index);
+						multiple ? this.setState({ isActive: !this.state.isActive }) : activatePanel(index);
 					}}
 				>
 					{title}