Migrate to 10up Toolkit

.babelrc

@@ -1,8 +1,6 @@
 {
   "presets": [
-    "@babel/preset-env",
-    "@babel/preset-react",
-    "@wordpress/default"
+    "@10up/babel-preset-default"
   ],
   "plugins": [
     "@babel/plugin-proposal-class-properties"

.eslintrc.js

@@ -0,0 +1,28 @@
+const defaultEslintrc = require('10up-toolkit/config/.eslintrc');
+
+module.exports = {
+	...defaultEslintrc,
+	extends: '@10up/eslint-config',
+	plugins: ['react'],
+	globals: {
+		wp: true,
+		jQuery: true,
+	},
+	rules: {
+		'react/jsx-uses-react': 'error',
+		'react/jsx-uses-vars': 'error',
+		'no-console': [1],
+		'no-alert': [1],
+		camelcase: [1],
+		'no-debugger': [1],
+		'no-unused-vars': [1],
+		'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
+		'no-plusplus': [0],
+		'import/prefer-default-export': [0],
+		'no-lonely-if': [0],
+		'func-names': [0],
+	},
+	env: {
+		browser: true,
+	},
+};

.stylelintrc

@@ -0,0 +1,11 @@
+{
+  "extends": [
+    "@10up/stylelint-config"
+  ],
+  "rules": {
+    "sh-waqar/declaration-use-variable": null,
+    "font-family-no-missing-generic-family-keyword": null,
+    "declaration-property-unit-allowed-list": null
+  }
+
+}

assets/css/autosuggest.css

@@ -2,27 +2,31 @@
 	position: relative;
 
 	& .ep-autosuggest {
+		background: #fff;
+		border: 1px solid #ccc;
+		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 		display: none;
-		background: white;
 		position: absolute;
-		border: 1px solid #ccc;
-		box-shadow: 0 2px 4px rgba( 0, 0, 0, .2 );
 
 		width: 100%;
 		z-index: 200;
+
 		& > ul {
-			margin: 0 !important;
 			list-style: none;
+			margin: 0 !important;
+
 			& > li {
 				font-family: sans-serif;
+
 				& > a.autosuggest-link {
-					display: block;
 					color: #000;
-					padding: 2px 10px;
 					cursor: pointer;
+					display: block;
+					padding: 2px 10px;
+
 					&:hover,
 					&:active {
-						background-color: #EEEEEE;
+						background-color: #eee;
 						text-decoration: none;
 					}
 				}
@@ -31,7 +35,7 @@
 	}
 
 	& .selected {
-		background-color: #EEE;
+		background-color: #eee;
 		text-decoration: none;
 	}
 }