chore: Upgrade ESLint config

Author: NiGhTTraX

.eslintignore

@@ -1,3 +1,3 @@
 module.exports = {
-  singleQuote: true
+  singleQuote: true,
 };

.eslintrc.js

@@ -0,0 +1,5 @@
+import { nighttraxReact } from '@nighttrax/eslint-config-tsx';
+
+export default nighttraxReact([
+  { ignores: ['**/*.d.ts', '**/tests/coverage/**/*'] },
+]);

.prettierrc.js

@@ -10,7 +10,7 @@
     "version:force": "pnpm run version --force-publish",
     "pub:git": "pnpm run build && lerna publish from-git && pnpm run clean",
     "pub:pkg": "pnpm run build && lerna publish from-package && pnpm run clean",
-    "lint": "eslint --ext ts,tsx,js .",
+    "lint": "eslint .",
     "test": "pnpm run -r test",
     "ts-node": "ts-node -O '{\"target\": \"es6\"}'",
     "selenium": "pnpm exec ts-node packages/selenium/src/bin/index.ts start --port 4444 --retries 30",
@@ -21,12 +21,14 @@
     "@commitlint/config-conventional": "~19.1.0",
     "@commitlint/config-lerna-scopes": "~19.0.0",
     "@commitlint/cli": "~19.2.0",
-    "@nighttrax/eslint-config-tsx": "~12.0.0-alpha.0",
-    "eslint": "~8.57.0",
+    "@nighttrax/eslint-config-tsx": "~12.0.1",
+    "eslint": "~9.34.0",
+    "prettier": "~3.6.2",
     "lerna": "~6.6.0",
     "@types/jest": "~29.5.0",
     "@types/node": "~20.12.0",
     "ts-node": "~10.9.0",
     "typescript": "~5.4.0"
-  }
+  },
+  "packageManager": "pnpm@10.14.0+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748"
 }

eslint.config.mjs

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
 const { pathExistsSync } = require('fs-extra');
 const path = require('path');
 const { pathsToModuleNameMapper } = require('ts-jest');
@@ -6,12 +7,12 @@ const ts = require('typescript');
 const configName = ts.findConfigFile(process.cwd(), ts.sys.fileExists);
 const { config: configContent } = ts.readConfigFile(
   configName,
-  ts.sys.readFile
+  ts.sys.readFile,
 );
 const { options: compilerOptions } = ts.parseJsonConfigFileContent(
   configContent,
   ts.sys,
-  path.dirname(configName)
+  path.dirname(configName),
 );
 
 // Will be tried in order and the first one that exists will be used.
@@ -22,7 +23,7 @@ const setupTestsFilePaths = [
 ];
 
 const setupTestsFile = setupTestsFilePaths.find((filePath) =>
-  pathExistsSync(filePath)
+  pathExistsSync(filePath),
 );
 
 module.exports = {

package.json

@@ -1 +1,2 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
 require('whatwg-fetch');

packages/jest-config/src/jest.config.js

@@ -1,5 +1,7 @@
-import { EventType, fireEvent } from '@testing-library/react/pure';
-import { getDOMElement, Selector } from './find';
+import type { EventType } from '@testing-library/react/pure';
+import { fireEvent } from '@testing-library/react/pure';
+import type { Selector } from './find';
+import { getDOMElement } from './find';
 
 export type FireObject = {
   [E in EventType]: (selector: Selector, options?: object) => void;
@@ -25,7 +27,7 @@ export const $fireEvent: FireObject = Object.keys(fireEvent).reduce(
 
     return acc;
   },
-  {} as FireObject
+  {} as FireObject,
 );
 
 /**
@@ -81,7 +83,7 @@ export function $change(selector: Selector, value: string) {
 export function $keyDown(
   selector: Selector,
   key: string,
-  keyCode: number = key.charCodeAt(0)
+  keyCode: number = key.charCodeAt(0),
 ) {
   fireEvent.keyDown(getDOMElement(selector), {
     key,

packages/jest-config/src/polyfills.js

@@ -32,7 +32,7 @@ export type Selector = string | HTMLElement | JQuery;
  */
 export function $getByTestId(
   id: string,
-  container: Selector = getJQueryContainer()
+  container: Selector = getJQueryContainer(),
 ): JQuery {
   return $(getByTestId(getDOMElement(container), id, {}));
 }
@@ -57,7 +57,7 @@ export function $getByTestId(
  */
 export function $getAllByTestId(
   id: string,
-  container: Selector = getJQueryContainer()
+  container: Selector = getJQueryContainer(),
 ): JQuery {
   return $(getAllByTestId(getDOMElement(container), id, {}));
 }
@@ -82,18 +82,18 @@ export function $getAllByTestId(
  * $render(<button data-test="submit">Click me</button>);
  * $getAllByTestId('submit').length === 1
  */
-export function $queryByTestId(
+export const $queryByTestId = (
   id: string,
-  container: Selector = getJQueryContainer()
-): JQuery | null {
+  container: Selector = getJQueryContainer(),
+): JQuery | null => {
   const elements = queryByTestId(getDOMElement(container), id, {});
 
   if (!elements) {
     return null;
   }
 
   return $(elements);
-}
+};
 
 /**
  * Find an element in the currently rendered component that contains the given text.
@@ -129,7 +129,7 @@ export function $getByText(matches: RegExp, container?: Selector): JQuery;
 
 export function $getByText(
   match: string | RegExp,
-  container: Selector = getJQueryContainer()
+  container: Selector = getJQueryContainer(),
 ): JQuery {
   return $(getByText(getDOMElement(container), match, { exact: false }));
 }
@@ -152,7 +152,7 @@ export function $getByText(
  */
 export function $queryByText(
   contains: string,
-  container?: Selector
+  container?: Selector,
 ): JQuery | null;
 
 /**
@@ -173,12 +173,13 @@ export function $queryByText(
  */
 export function $queryByText(
   matches: RegExp,
-  container?: Selector
+  container?: Selector,
 ): JQuery | null;
 
+// eslint-disable-next-line react/function-component-definition
 export function $queryByText(
   match: string | RegExp,
-  container: Selector = getJQueryContainer()
+  container: Selector = getJQueryContainer(),
 ): JQuery | null {
   const element = queryByText(getDOMElement(container), match, {
     exact: false,
@@ -226,7 +227,7 @@ ${prettyDOM()}`);
  */
 export function $find(
   selector: Selector,
-  container: Selector = getJQueryContainer()
+  container: Selector = getJQueryContainer(),
 ): JQuery {
   return $(getDOMElement(container)).find(selector);
 }
@@ -238,10 +239,8 @@ export function getDOMElement(selector: Selector): HTMLElement {
   let element: HTMLElement;
 
   if (typeof selector === 'string') {
-    // eslint-disable-next-line prefer-destructuring
     element = getJQueryContainer().find(selector)[0];
   } else {
-    // eslint-disable-next-line prefer-destructuring
     element = $(selector)[0];
   }
 
@@ -269,7 +268,7 @@ export function getDOMElement(selector: Selector): HTMLElement {
  */
 export function $prettyDOM(
   selector: Selector = getJQueryContainer(),
-  maxLength?: number
+  maxLength?: number,
 ): string {
   return (
     prettyDOM(getDOMElement(selector), maxLength) ||

packages/react/src/events.ts

@@ -1,6 +1,6 @@
 import { render as rtlRender } from '@testing-library/react/pure';
 import $ from 'jquery';
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import { act } from 'react-dom/test-utils';
 
 let componentContainer: HTMLDivElement;