chore(deps): incremental update dependencies flagged by renovate

- Upgraded wait-on from 5.3.0 -> 7.2.0. Affects cypress testing.
- Upgraded typescript from 4.9.5 -> 5.3.3. Affects build script.
- Upgraded @typescript-eslint/eslint-plugin from 5.62.0 -> 6.19.1. Affects lint-js.
- Upgraded @typescript-eslint/parser from 5.62.0 -> 6.19.1. Affects lint-js.
- Upgraded ts-jest from 27.1.5 -> 29.1.2. Affects tests.
- Upgraded stylelint from 15.11.0 -> 16.2.0. Affects lint-style.
- Upgraded stylelint-config-recommended-scss from 5.0.2 -> 14.0.0. Affects lint-style.
- Upgraded stylelint-order from 5.0.0 -> 6.0.4. Affects lint-style.
- Upgraded stylelint from 2.0.0 -> 5.0.0. Affects lint-style.
- Upgraded prettier from 2.8.8 -> 3.2.4. Affects lint-js.
- Upgraded eslint-config-prettier from 8.10.0 -> 9.1.0. Affects lint-js.
- Upgraded eslint-plugin-prettier from 4.2.1 -> 5.1.3. Affects lint-js.
- use node lts in test github workflow

Signed-off-by: Mason Hu <[email protected]>

.eslintrc.js

@@ -14,7 +14,7 @@ module.exports = {
     sourceType: "module",
   },
   rules: {
-    "prettier/prettier": "error",
+    "prettier/prettier": ["error", { "trailingComma": "es5" }],
     "react/forbid-component-props": [
       "error",
       {

.github/workflows/test.yaml

@@ -16,7 +16,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: "lts/*"
 
       - name: Install dependencies
         run: yarn install

.stylelintrc.json

@@ -21,7 +21,7 @@
     "scss/at-rule-no-unknown": true,
 
     "scss/at-extend-no-missing-placeholder": true,
-    "scss/at-import-no-partial-leading-underscore": true,
+    "scss/load-no-partial-leading-underscore": true,
     "scss/at-import-partial-extension": "never",
 
     "order/properties-alphabetical-order": true,

package.json

@@ -41,8 +41,8 @@
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "14.1.2",
     "@testing-library/user-event": "14.5.2",
-    "@typescript-eslint/eslint-plugin": "5.62.0",
-    "@typescript-eslint/parser": "5.62.0",
+    "@typescript-eslint/eslint-plugin": "6.19.1",
+    "@typescript-eslint/parser": "6.19.1",
     "babel-jest": "27.5.1",
     "babel-loader": "9.1.3",
     "babel-plugin-module-resolver": "5.0.0",
@@ -52,37 +52,37 @@
     "cypress": "12.17.4",
     "deepmerge": "4.3.1",
     "eslint": "8.56.0",
-    "eslint-config-prettier": "8.10.0",
+    "eslint-config-prettier": "9.1.0",
     "eslint-config-react-app": "7.0.1",
     "eslint-plugin-cypress": "2.15.1",
     "eslint-plugin-flowtype": "8.0.3",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jsx-a11y": "6.8.0",
-    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-storybook": "0.6.15",
     "eslint-plugin-testing-library": "5.11.1",
     "jest": "27.5.1",
     "npm-package-json-lint": "5.4.2",
-    "prettier": "2.8.8",
+    "prettier": "3.2.4",
     "react": "18.2.0",
     "react-docgen-typescript-loader": "3.7.2",
     "react-dom": "18.2.0",
     "sass": "1.69.7",
     "sass-loader": "10.5.1",
     "storybook": "7.6.7",
     "style-loader": "3.3.3",
-    "stylelint": "15.11.0",
+    "stylelint": "16.2.0",
     "stylelint-config-prettier": "9.0.5",
-    "stylelint-config-recommended-scss": "5.0.2",
-    "stylelint-order": "5.0.0",
-    "stylelint-prettier": "2.0.0",
-    "ts-jest": "27.1.5",
+    "stylelint-config-recommended-scss": "14.0.0",
+    "stylelint-order": "6.0.4",
+    "stylelint-prettier": "5.0.0",
+    "ts-jest": "29.1.2",
     "tsc-alias": "1.8.8",
-    "typescript": "4.9.5",
+    "typescript": "5.3.3",
     "vanilla-framework": "4.6.0",
-    "wait-on": "5.3.0",
+    "wait-on": "7.2.0",
     "webpack": "5.89.0"
   },
   "dependencies": {

src/hooks/useWindowFitment.test.ts

@@ -75,7 +75,7 @@ describe("useWindowFitment", () => {
         left: 20,
         top: 20,
         width: 10,
-      } as DOMRect);
+      }) as DOMRect;
     renderHook(() => useWindowFitment(targetNode, referenceNode, callback));
     expect(callback).toHaveBeenCalledWith({
       fromTop: {
@@ -128,7 +128,7 @@ describe("useWindowFitment", () => {
         left: 5,
         top: 5,
         width: 20,
-      } as DOMRect);
+      }) as DOMRect;
     global.innerHeight = 10;
     global.innerWidth = 10;
     renderHook(() => useWindowFitment(targetNode, referenceNode, callback));

src/types/react-table-config.d.ts

@@ -13,7 +13,7 @@ declare module "react-table" {
     extends UseSortByOptions<D> {}
 
   export interface TableState<
-    D extends Record<string, unknown> = Record<string, unknown>
+    D extends Record<string, unknown> = Record<string, unknown>,
   > extends UseSortByState<D> {}
 
   export interface UseTableColumnOptions<D extends Record<string, unknown>>
@@ -23,7 +23,7 @@ declare module "react-table" {
   }
 
   export interface ColumnInstance<
-    D extends Record<string, unknown> = Record<string, unknown>
+    D extends Record<string, unknown> = Record<string, unknown>,
   > extends UseFiltersColumnProps<D>,
       UseSortByColumnProps<D> {}
 }