chore(deps-dev): bump @typescript-eslint/parser from 8.0.0 to 8.1.0 (#…

…259)

* chore(deps-dev): bump @typescript-eslint/parser from 8.0.0 to 8.1.0

Bumps [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser) from 8.0.0 to 8.1.0.
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.1.0/packages/parser)

---
updated-dependencies:
- dependency-name: "@typescript-eslint/parser"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* updates

* update version

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Varun Villait <vvillait88@yahoo.com>

.eslintrc.js

@@ -11,6 +11,9 @@ module.exports = {
   plugins: [
     'react',
     'unused-imports',
+    '@typescript-eslint',
+    'simple-import-sort',
+    'typescript-sort-keys',
   ],
   parserOptions: {
     project: './tsconfig.json',
@@ -22,5 +25,18 @@ module.exports = {
     'jsx-a11y/mouse-events-have-key-events': 'off',
     'jsx-a11y/no-static-element-interactions': 'off',
     'react/no-array-index-key': 'off',
+    'max-len': 'off',
+    'simple-import-sort/imports': 'error',
+    'simple-import-sort/exports': 'error',
+    'object-curly-newline': 'off',
+    'typescript-sort-keys/interface': ['error', 'asc', {
+      caseSensitive: false,
+      natural: true,
+      requiredFirst: false,
+    }],
+    'typescript-sort-keys/string-enum': ['error', 'asc', {
+      caseSensitive: false,
+      natural: true,
+    }],
   },
 };

.github/dependabot.yml

@@ -5,5 +5,7 @@ updates:
     schedule:
       interval: "weekly"
     ignore:
+      - dependency-name: "@typescript-eslint/eslint-plugin"
+      - dependency-name: "@typescript-eslint/parser"
       - dependency-name: "eslint"
       - dependency-name: "eslint-plugin-unused-imports"

.ncurc.json

@@ -2,6 +2,8 @@
     "interactive": true,
     "packageManager": "yarn",
     "reject": [
+        "@typescript-eslint/eslint-plugin",
+        "@typescript-eslint/parser",
         "eslint",
         "eslint-plugin-unused-imports"
     ],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdl-react-autocomplete",
-  "version": "1.1.22",
+  "version": "1.2.0",
   "description": "A react component for the People Data Labs Autocomplete API",
   "source": "src/index.ts",
   "module": "dist/index.mjs",
@@ -43,15 +43,17 @@
     "@parcel/transformer-typescript-types": "^2.12.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
+    "@typescript-eslint/parser": "7.18.0",
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.9.0",
     "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-typescript-sort-keys": "^3.2.0",
     "eslint-plugin-unused-imports": "^3.2.0",
     "parcel": "^2.12.0",
     "typescript": "^5.5.4"

src/Autocomplete.tsx

@@ -1,21 +1,22 @@
 // eslint-disable-next-line import/no-unresolved
-import React, { useState, useEffect, useRef } from 'react';
 import './index.css';
 
+import React, { useEffect, useRef, useState } from 'react';
+
 interface AutocompleteProps {
+  apiKey: string,
   field: string,
-  size?: number,
   onTermSelected: (term: string) => void,
-  apiKey: string,
   placeholder: string,
+  size?: number,
   titlecase?: boolean,
 }
 
 function Autocomplete({
   field, size, onTermSelected, apiKey, placeholder, titlecase,
 }: AutocompleteProps) {
   const [searchTerm, setSearchTerm] = useState('');
-  const [searchResults, setSearchResults] = useState < { name: string, count: number }[] >([]);
+  const [searchResults, setSearchResults] = useState < { count: number, name: string }[] >([]);
   const [focus, setFocus] = useState(false);
   const [errorMessage, setErrorMessage] = useState('');
   const [isLoading, setIsLoading] = useState(false);

src/index.ts

@@ -1,4 +1,5 @@
-import Autocomplete from './Autocomplete';
 import './index.css';
 
+import Autocomplete from './Autocomplete';
+
 export default Autocomplete;