Merge pull request #76 from sparksuite/fix-import-issue-in-published-package

Fix import issue in published package

Author: WesCossick

.gitignore

@@ -2,3 +2,5 @@ coverage/
 dist/
 node_modules/
 .DS_Store
+yarn-debug.log*
+yarn-error.log*

demo/.gitignore

@@ -7,6 +7,7 @@
 
 # testing
 /coverage
+package-*.tgz
 
 # production
 /build

demo/package.json

@@ -12,14 +12,17 @@
 		"@types/react-dom": "^16.9.0",
 		"prettier": "^1.19.1",
 		"react": "^16.12.0",
+		"react-accessible-dropdown-menu-hook": "link:..",
 		"react-dom": "^16.12.0",
 		"react-scripts": "3.3.0",
 		"typescript": "~3.7.2"
 	},
 	"scripts": {
-		"postinstall": "yarn --cwd ../ link && yarn link react-accessible-dropdown-menu-hook",
 		"start": "react-scripts start",
 		"build": "react-scripts build",
+		"pretest": "RANDOM_STRING=$(LC_ALL=C tr -dc 'A-Za-z0-9' </dev/urandom | head -c 32 ; echo) && yarn remove react-accessible-dropdown-menu-hook && yarn --cwd ../ pack --filename package-$RANDOM_STRING.tgz && yarn add file:./package-$RANDOM_STRING.tgz && rm package-$RANDOM_STRING.tgz",
+		"test": "react-scripts test",
+		"posttest": "yarn remove react-accessible-dropdown-menu-hook && yarn add link:../",
 		"lint": "eslint --ext .ts,.js,.tsx . && prettier --check '**/*.{ts,js,tsx,css,html,json}'",
 		"format": "eslint --fix --ext .ts,.js,.tsx . && prettier --write '**/*.{ts,js,tsx,css,html,json}'"
 	},

demo/src/app.test.tsx

@@ -0,0 +1,10 @@
+// Imports
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './app';
+
+// Tests
+it('renders', () => {
+	const div = document.createElement('div');
+	ReactDOM.render(<App />, div);
+});

demo/yarn.lock

@@ -8252,6 +8252,10 @@ raw-body@2.4.0:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+"react-accessible-dropdown-menu-hook@link:..":
+  version "0.0.0"
+  uid ""
+
 react-app-polyfill@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/react-app-polyfill/-/react-app-polyfill-1.0.5.tgz#59c7377a0b9ed25692eeaca7ad9b12ef2d064709"

package.json

@@ -1,15 +1,15 @@
 {
 	"name": "react-accessible-dropdown-menu-hook",
-	"version": "2.0.0",
+	"version": "2.0.1",
 	"description": "A simple Hook for creating fully accessible dropdown menus in React",
 	"main": "dist/use-dropdown-menu.js",
 	"types": "dist/use-dropdown-menu.d.ts",
 	"files": [
 		"dist/"
 	],
 	"scripts": {
-		"dev": "yarn install --frozen-lockfile && yarn --cwd ./demo install --frozen-lockfile && yarn --cwd ./demo/node_modules/react link && yarn link react",
-		"test": "yarn compile && yarn --cwd ./demo build && jest",
+		"dev": "yarn --cwd ./demo install --frozen-lockfile && yarn install --frozen-lockfile",
+		"test": "yarn compile && yarn --cwd ./demo build && yarn --cwd ./demo test --watchAll=false && jest",
 		"lint": "eslint --ext .ts,.js,.tsx . && prettier --check '**/*.{ts,js,tsx,json}'",
 		"format": "eslint --fix --ext .ts,.js,.tsx . && prettier --write '**/*.{ts,js,tsx,json}'",
 		"clean": "rm -rf coverage/ dist/ node_modules/ demo/node_modules/",
@@ -65,6 +65,7 @@
 		"jest-puppeteer": "^4.3.0",
 		"prettier": "^1.19.1",
 		"puppeteer": "^2.0.0",
+		"react": "link:./demo/node_modules/react",
 		"react-dom": "^16.12.0",
 		"react-test-renderer": "^16.12.0",
 		"typescript": "^3.7.3"

tsconfig.json

@@ -11,7 +11,7 @@
 		"sourceMap": true,
 		"strict": true,
 		"strictNullChecks": true,
-		"target": "es6"
+		"target": "es5"
 	},
 	"include": ["src/**/*"]
 }