build(deps-dev): bump @typescript-eslint/eslint-plugin from 5.42.1 to…

… 8.6.0 (#2345) * Update nodejs to 22 * Bump eslint-plugin to 8.6.0 * Fix eslint errors --------- Co-authored-by: Jesper Sørensen <[email protected]>
abtion · Sep 18, 2024 · 3dc813d · 3dc813d
1 parent 17991ec
commit 3dc813d
Show file tree

Hide file tree

Showing 8 changed files with 175 additions and 337 deletions.
diff --git a/.tool-versions b/.tool-versions
@@ -1,2 +1,2 @@
 ruby 3.3.4
-nodejs 18.14.1
+nodejs 22.9.0
diff --git a/app/javascript/components/Input/index.tsx b/app/javascript/components/Input/index.tsx
@@ -3,13 +3,10 @@ import classNames from "classnames"
 import { Size } from "~/const/size"
 import "./index.scss"
 
-const InputVariants = ["default", "error"] as const
-export type InputVariant = (typeof InputVariants)[number]
-
 export interface InputProps
   extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
   size?: Size
-  variant?: InputVariant
+  variant?: "default" | "error"
 }
 
 export default function Input(props: InputProps): JSX.Element {

diff --git a/app/javascript/entrypoints/application.ts b/app/javascript/entrypoints/application.ts
@@ -14,7 +14,9 @@ require.context("../components", true, /(?<=\.scss)$/) // Only include scss file
 
 // Add application wide CSS, we do this after the components
 // because we want tailwind classes to override default component styling
+/* eslint-disable @typescript-eslint/no-require-imports */
 require("../application.scss")
+/* eslint-enable @typescript-eslint/no-require-imports */
 
 // Make components available for react_component helper
 const componentsContext = require.context(

diff --git a/app/javascript/util/getContrastColor.js b/app/javascript/util/getContrastColor.js
@@ -1,8 +1,8 @@
 // This file uses js and commonjs to be compatible with tailwind config
 
-/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports */
 const getLuminance = require("./getLuminance")
-/* eslint-enable @typescript-eslint/no-var-requires */
+/* eslint-enable @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports */
 
 // Based on luminance, pick the best suited contrast color (dark/light) to the target color
 module.exports = function getContrastColor(target, dark, light) {

diff --git a/app/javascript/util/getLuminance.js b/app/javascript/util/getLuminance.js
@@ -1,8 +1,8 @@
 // This file uses js and commonjs to be compatible with tailwind config
 
-/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports */
 const colorString = require("color-string")
-/* eslint-enable @typescript-eslint/no-var-requires */
+/* eslint-enable @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports */
 
 // The calculation is based on the following algorithm:
 // https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef

diff --git a/app/javascript/util/prepareColorVariables.js b/app/javascript/util/prepareColorVariables.js
@@ -1,8 +1,8 @@
 // This file uses js and commonjs to be compatible with tailwind config
 
-/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports */
 const getContrastColor = require("./getContrastColor")
-/* eslint-enable @typescript-eslint/no-var-requires */
+/* eslint-enable @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports */
 
 // Prepare colors for usage in tailwind config and as css variables
 module.exports = function prepareColorVariables(jsonColors) {