Snyk upgrades (#3765)

* Typescript upgrade

* Peer deps after typescript upgrade

* Lockfile typescript

* Upgrade @types/node

* Styled components upgrade

* Upgrade testing library react

* Prettier upgrade

* fix: type issue when extending styled-components theme

* fix: adjust useGetLocale to work with the specific order of priority we want

* fix: setup with types for styled-components

* fix: correct eslint disable line

* fix: ignore native select prettier issue for now

* fix:  trigger recalculation of the virtualized content when density changes

* feat: add story to show data grid using virtualization with density change

* chore: remove console log

---------

Co-authored-by: Torleif Halseth <halseth.torleif@gmail.com>

Author: pomfrida

.prettierignore

@@ -2,4 +2,5 @@
 README.md
 packages/eds-icons/src/data.ts
 packages/eds-tokens/build/*
-packages/eds-icons/src/data.ts
+packages/eds-icons/src/data.ts
+packages/eds-core-react/src/components/Select/NativeSelect.tsx

package.json

@@ -53,8 +53,8 @@
     "@babel/runtime": "^7.26.0",
     "@types/jest": "^29.5.14",
     "@types/jest-axe": "^3.5.9",
-    "@typescript-eslint/eslint-plugin": "^8.19.0",
-    "@typescript-eslint/parser": "^8.19.0",
+    "@typescript-eslint/eslint-plugin": "^8.29.1",
+    "@typescript-eslint/parser": "^8.29.1",
     "babel-plugin-styled-components": "^2.1.4",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
@@ -66,8 +66,8 @@
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-testing-library": "^7.1.1",
     "jest-axe": "^9.0.0",
-    "prettier": "3.4.2",
-    "typescript": "^5.7.2"
+    "prettier": "3.5.3",
+    "typescript": "^5.8.2"
   },
   "browserslist": "last 2 Chrome versions, last 2 firefox versions, last 2 safari versions, last 2 edge versions, not dead",
   "packageManager": "pnpm@9.15.0+sha1.8bfdb6d72b4d5fdf87d21d27f2bfbe2b21dd2629"

packages/eds-core-react/package.json

@@ -55,7 +55,7 @@
     "@storybook/react-vite": "^8.4.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "16.1.0",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.5.2",
     "@types/jest": "^29.5.14",
     "@types/ramda": "^0.30.2",
@@ -77,9 +77,9 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-preserve-directives": "^1.1.3",
     "storybook": "^8.4.7",
-    "styled-components": "6.1.13",
+    "styled-components": "6.1.17",
     "tsc-watch": "^6.2.1",
-    "typescript": "^5.7.2"
+    "typescript": "^5.8.2"
   },
   "peerDependencies": {
     "react": ">=16.8",

packages/eds-core-react/src/components/Datepicker/DatePicker.spec.tsx

@@ -32,7 +32,7 @@ describe('DatePicker', () => {
     const Comp = () => {
       const [date, setDate] = useState<Date | null>(new Date(2024, 4, 1))
       return (
-        <I18nProvider locale={'en-US'}>
+        <I18nProvider locale="en-US">
           <button type={'button'} onClick={() => setDate(null)}>
             Reset
           </button>

packages/eds-core-react/src/components/Datepicker/utils/useGetLocale.ts

@@ -1,14 +1,11 @@
 import { useLocale } from 'react-aria'
 
 export const useGetLocale = (locale?: string) => {
-  const { locale: externalLocale } = useLocale()
-  // react-aria defaults to navigator.language if no locale is provided. If these are equal, we override by using the system default locale
-  const defaultLocale =
-    (typeof navigator !== 'undefined' && navigator.language) || 'en-US'
-  const fallbackLocale = new Intl.DateTimeFormat().resolvedOptions().locale
-  return (
-    locale ??
-    (externalLocale === defaultLocale ? undefined : externalLocale) ??
-    fallbackLocale
-  )
+  const { locale: currentLocale } = useLocale()
+  // Priority:
+  // 1. Explicitly passed locale prop
+  // 2. Locale from I18nProvider
+  // 3. Fallback to browser's default
+  const browserLocale = new Intl.DateTimeFormat().resolvedOptions().locale
+  return locale ?? currentLocale ?? browserLocale
 }

packages/eds-core-react/src/components/styled.d.ts

@@ -1,8 +1,9 @@
-// import original module declarations
 import 'styled-components'
-import { ComponentToken } from '@equinor/eds-tokens'
-// and extend them!
+import type { ComponentToken } from '@equinor/eds-tokens'
+
 declare module 'styled-components' {
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-  export interface DefaultTheme extends ComponentToken {}
+  export interface DefaultTheme extends ComponentToken {
+    // You can add any additional theme properties here if needed
+  }
 }

packages/eds-core-react/tsconfig.test.json

@@ -5,8 +5,12 @@
     "noEmit": true,
     "isolatedModules": true,
     "baseUrl": ".",
-    "types": ["@testing-library/jest-dom"]
+    "types": ["@testing-library/jest-dom", "styled-components"]
   },
-  "include": ["src/**/*.test.ts*", "./jest.setup.ts"],
+  "include": [
+    "src/**/*.test.ts*", 
+    "./jest.setup.ts",
+    "src/components/styled.d.ts"  // Make sure styled.d.ts is included for tests
+  ],
   "exclude": ["node_modules", "src/**/*.stories.ts*", "src/stories", "src/test"]
 }

packages/eds-data-grid-react/package.json

@@ -50,10 +50,10 @@
     "@storybook/react-vite": "^8.4.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "16.1.0",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.14",
-    "@types/node": "22.10.5",
+    "@types/node": "^22.13.14",
     "@types/ramda": "^0.30.2",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -71,11 +71,11 @@
     "rollup-plugin-delete": "^2.1.0",
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^8.4.7",
-    "styled-components": "6.1.13",
+    "styled-components": "6.1.17",
     "ts-jest": "29.2.5",
     "ts-node": "10.9.2",
     "tsc-watch": "^6.2.1",
-    "typescript": "~5.7.2"
+    "typescript": "~5.8.2"
   },
   "homepage": "https://eds.equinor.com",
   "repository": {