chore(devdeps): update oxlint monorepo to v1.14.0 (#5423)

* chore(devdeps): update oxlint monorepo to v1.14.0

* fix: upgrade

* fix: test and linter

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Matthias <[email protected]>

Author: renovate[bot]

.oxlintrc.json

@@ -55,7 +55,8 @@
         "import/no-anonymous-default-export": "off",
         "import/no-unassigned-import": "off",
         "jsx_a11y/label-has-associated-control": "off",
-        "vitest/prefer-lowercase-title": "error"
+        "vitest/prefer-lowercase-title": "error",
+        "no-console": "off"
       }
     }
   ],
@@ -107,7 +108,7 @@
     "@typescript-eslint/no-unsafe-declaration-merging": "error",
     "@typescript-eslint/no-var-requires": "error",
     "@typescript-eslint/prefer-as-const": "error",
-    "@typescript/no-unsafe-member-access": "error",
+    "@typescript-eslint/no-unsafe-member-access": "error",
     "@typescript-eslint/prefer-enum-initializers": "off",
     "@typescript-eslint/prefer-for-of": "error",
     "@typescript-eslint/prefer-function-type": "off",
@@ -357,7 +358,12 @@
     "unicorn/require-number-to-fixed-digits-argument": "error",
     "unicorn/switch-case-braces": "error",
     "unicorn/text-encoding-identifier-case": "error",
-    "unicorn/throw-new-error": "error"
+    "unicorn/throw-new-error": "error",
+    "arrow-body-style": "off",
+    "typescript/explicit-module-boundary-types": "off",
+    "prefer-destructuring": "off",
+    "import/no-anonymous-default-export": "off",
+    "react/jsx-handler-names": "off"
   },
   "settings": {
     "jsx-a11y": {

.storybook/storybookThemes.ts

@@ -2,7 +2,7 @@ import { create } from 'storybook/theming'
 import lightTheme, { darkTheme } from '../packages/ui/src/theme'
 import logoDark from './assets/logo-dark.png'
 import logoLight from './assets/logo-light.png'
-import lightBrandImage from './assets/scaleway-text-light.png'
+import type lightBrandImage from './assets/scaleway-text-light.png'
 
 enum Base {
   LIGHT = 'light',
@@ -23,53 +23,52 @@ const generateStorybookTheme = ({
   brandImage,
 }: GenerateStorybookThemeProps) =>
   create({
-    base,
-    brandTitle: 'Ultraviolet UI',
-
-    brandUrl,
-    brandImage,
-
-    colorPrimary: theme.colors.primary.backgroundStrong,
-    colorSecondary: theme.colors.primary.backgroundStrong,
-
     // UI
     appBg: theme.colors.neutral.background,
-    appContentBg: theme.colors.neutral.background,
     appBorderColor: theme.colors.neutral.borderWeak,
-
-    // Text colors
-    textColor: theme.colors.neutral.text,
-    textInverseColor: theme.colors.neutral.textStronger,
+    appContentBg: theme.colors.neutral.background,
+    barBg: theme.colors.neutral.backgroundWeak,
+    barSelectedColor: theme.colors.primary.textWeak,
 
     // Toolbar default and active colors
     barTextColor: theme.colors.neutral.textWeak,
-    barSelectedColor: theme.colors.primary.textWeak,
-    barBg: theme.colors.neutral.backgroundWeak,
-
-    buttonBg: theme.colors.neutral.background,
-    buttonBorder: theme.colors.neutral.border,
+    base,
 
     // BIZARRE
     booleanBg: theme.colors.neutral.background,
     booleanSelectedBg: theme.colors.primary.background,
+    brandImage,
+    brandTitle: 'Ultraviolet UI',
+
+    brandUrl,
+
+    buttonBg: theme.colors.neutral.background,
+    buttonBorder: theme.colors.neutral.border,
+
+    colorPrimary: theme.colors.primary.backgroundStrong,
+    colorSecondary: theme.colors.primary.backgroundStrong,
 
     // Form colors
     inputBg: theme.colors.neutral.background,
     inputBorder: theme.colors.neutral.border,
-    inputTextColor: theme.colors.neutral.text,
     inputBorderRadius: 4,
+    inputTextColor: theme.colors.neutral.text,
+
+    // Text colors
+    textColor: theme.colors.neutral.text,
+    textInverseColor: theme.colors.neutral.textStronger,
   })
 
 export const light = generateStorybookTheme({
   base: Base.LIGHT,
-  theme: lightTheme,
-  brandUrl: 'https://github.com/scaleway/ultraviolet',
   brandImage: logoLight,
+  brandUrl: 'https://github.com/scaleway/ultraviolet',
+  theme: lightTheme,
 })
 
 export const dark = generateStorybookTheme({
   base: Base.DARK,
-  theme: darkTheme,
-  brandUrl: 'https://github.com/scaleway/ultraviolet',
   brandImage: logoDark,
+  brandUrl: 'https://github.com/scaleway/ultraviolet',
+  theme: darkTheme,
 })

eslint.config.mjs

@@ -20,6 +20,9 @@ const disableRules = {
   'import/no-unresolved': 'off',
   '@stylistic/no-extra-semi': 'off',
   '@stylistic/brace-style': 'off',
+  '@typescript-eslint/no-unsafe-return': 'off',
+  '@typescript-eslint/no-unsafe-assignment': 'off',
+  '@typescript-eslint/no-unsafe-member-access': 'off',
 
   // to check
   'react/no-unused-prop-types': 'off',
@@ -101,7 +104,7 @@ export default [
       ...config.rules,
       ...disableRules,
       'react/jsx-props-no-spreading': 'warn',
-      '@typescript-eslint/no-unnecessary-condition': 'off',
+      '@typescript-eslint/no-unnecessary-condition': 'off'
     },
   })),
   {

package.json

@@ -148,7 +148,7 @@
     "emoji-toolkit": "9.0.1",
     "esbuild-plugin-browserslist": "1.0.1",
     "eslint": "9.32.0",
-    "eslint-plugin-oxlint": "1.6.0",
+    "eslint-plugin-oxlint": "1.14.0",
     "eslint-plugin-storybook": "9.1.5",
     "eslint-plugin-testing-library": "7.5.3",
     "expect": "30.1.2",
@@ -160,7 +160,7 @@
     "identity-obj-proxy": "3.0.0",
     "jest-axe": "10.0.0",
     "lint-staged": "16.1.6",
-    "oxlint": "1.6.0",
+    "oxlint": "1.14.0",
     "postcss": "8.5.6",
     "publint": "0.3.12",
     "react": "19.1.1",

packages/form/src/components/CheckboxField/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`CheckboxField > should render correctly 1`] = `
+exports[`checkboxField > should render correctly 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;
@@ -282,7 +282,7 @@ exports[`CheckboxField > should render correctly 1`] = `
 </DocumentFragment>
 `;
 
-exports[`CheckboxField > should render correctly checked without value 1`] = `
+exports[`checkboxField > should render correctly checked without value 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;
@@ -565,7 +565,7 @@ exports[`CheckboxField > should render correctly checked without value 1`] = `
 </DocumentFragment>
 `;
 
-exports[`CheckboxField > should render correctly disabled 1`] = `
+exports[`checkboxField > should render correctly disabled 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;
@@ -848,7 +848,7 @@ exports[`CheckboxField > should render correctly disabled 1`] = `
 </DocumentFragment>
 `;
 
-exports[`CheckboxField > should render correctly not checked without value 1`] = `
+exports[`checkboxField > should render correctly not checked without value 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;
@@ -1130,7 +1130,7 @@ exports[`CheckboxField > should render correctly not checked without value 1`] =
 </DocumentFragment>
 `;
 
-exports[`CheckboxField > should render correctly with aria-label 1`] = `
+exports[`checkboxField > should render correctly with aria-label 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;
@@ -1413,7 +1413,7 @@ exports[`CheckboxField > should render correctly with aria-label 1`] = `
 </DocumentFragment>
 `;
 
-exports[`CheckboxField > should render correctly with errors 1`] = `
+exports[`checkboxField > should render correctly with errors 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;
@@ -1797,7 +1797,7 @@ exports[`CheckboxField > should render correctly with errors 1`] = `
 </DocumentFragment>
 `;
 
-exports[`CheckboxField > should trigger events correctly 1`] = `
+exports[`checkboxField > should trigger events correctly 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;

packages/form/src/components/CheckboxField/__tests__/index.test.tsx

@@ -6,7 +6,7 @@ import { describe, expect, test, vi } from 'vitest'
 import { CheckboxField } from '../..'
 import { Form } from '../../Form'
 
-describe('CheckboxField', () => {
+describe('checkboxField', () => {
   test('should render correctly', () => {
     const { asFragment } = renderWithForm(<CheckboxField name="test" />)
     expect(asFragment()).toMatchSnapshot()

packages/form/src/components/CheckboxGroupField/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`CheckboxField > should render correctly checked 1`] = `
+exports[`checkboxField > should render correctly checked 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;
@@ -539,7 +539,7 @@ exports[`CheckboxField > should render correctly checked 1`] = `
 </DocumentFragment>
 `;
 
-exports[`CheckboxField > should trigger events correctly with required prop 1`] = `
+exports[`checkboxField > should trigger events correctly with required prop 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;

packages/form/src/components/CheckboxGroupField/__tests__/index.test.tsx

@@ -4,7 +4,7 @@ import { renderWithForm } from '@utils/test'
 import { describe, expect, test, vi } from 'vitest'
 import { CheckboxGroupField } from '..'
 
-describe('CheckboxField', () => {
+describe('checkboxField', () => {
   test('should render correctly checked', async () => {
     const { asFragment } = renderWithForm(
       <CheckboxGroupField legend="Label" name="Checkbox" onChange={() => {}}>

packages/form/src/components/DateInputField/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`DateInputField > should clear field 1`] = `
+exports[`dateInputField > should clear field 1`] = `
 <DocumentFragment>
   @keyframes animation-0 {
   0% {
@@ -1054,7 +1054,7 @@ exports[`DateInputField > should clear field 1`] = `
 </DocumentFragment>
 `;
 
-exports[`DateInputField > should render correctly 1`] = `
+exports[`dateInputField > should render correctly 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;
@@ -1297,7 +1297,7 @@ exports[`DateInputField > should render correctly 1`] = `
 </DocumentFragment>
 `;
 
-exports[`DateInputField > should render correctly disabled 1`] = `
+exports[`dateInputField > should render correctly disabled 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;
@@ -1541,7 +1541,7 @@ exports[`DateInputField > should render correctly disabled 1`] = `
 </DocumentFragment>
 `;
 
-exports[`DateInputField > should test range 1`] = `
+exports[`dateInputField > should test range 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;
@@ -1786,7 +1786,7 @@ exports[`DateInputField > should test range 1`] = `
 </DocumentFragment>
 `;
 
-exports[`DateInputField > should trigger events 1`] = `
+exports[`dateInputField > should trigger events 1`] = `
 <DocumentFragment>
   .emotion-0 {
   display: contents;

packages/form/src/components/DateInputField/__tests__/index.test.tsx

@@ -4,7 +4,7 @@ import { renderWithForm } from '@utils/test'
 import { describe, expect, test, vi } from 'vitest'
 import { DateInputField } from '..'
 
-describe('DateInputField', () => {
+describe('dateInputField', () => {
   test('should render correctly', () => {
     const { asFragment } = renderWithForm(<DateInputField name="test" />)
     expect(asFragment()).toMatchSnapshot()