Merge pull request #427 from purple-technology/fx-1836

PetrHendrych97 · web-flow · commit e2e680a5f7ba · 2025-10-23T15:20:44.000+02:00
FX-1836: remove lodash in favor of es-toolkit
diff --git a/.npmrc b/.npmrc
@@ -1,3 +1,4 @@
+# If updated, update it also in .tool-versions
 use-node-version=22.12.0
 node-version=22.12.0
 engine-strict=false
diff --git a/.tool-versions b/.tool-versions
@@ -1 +1,4 @@
-nodejs 18.12.1
+# Used by "asdf" tool version manager
+# If updated, update it also in .npmrc
+nodejs 22.12.0
+pnpm 9.7.0
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [5.30.1](https://github.com/purple-technology/phoenix-components/compare/v5.30.0...v5.30.1) (2025-10-23)
+
 ## [5.30.0](https://github.com/purple-technology/phoenix-components/compare/v5.29.0...v5.30.0) (2025-10-23)
 
 
diff --git a/README.md b/README.md
@@ -54,7 +54,7 @@ Before merging to master run `npm run release:feature`, this will create a new v
 2. Import `Theme` from Phoenix Components and wrap the app in `<ThemeProvider>` from `styled-components` providing the `Theme` object. If your repository already contains custom `styled-components` theme, merge both themes together. Also, import `<GlobalStyles>` component which provides styles such as default font and sizes, and include it once in your project.
 
 	```typescript
-	import merge from 'lodash/merge'
+	import { merge } from 'es-toolkit'
 	import { ThemeProvider } from 'styled-components'
 	import { GlobalStyles, Theme as PhoenixTheme } from '@purple/phoenix-components'
 	import { Theme } from './CustomAppTheme'
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@purple/phoenix-components",
-	"version": "5.30.0",
+	"version": "5.30.1",
 	"description": "",
 	"main": "dist/bundle.umd.js",
 	"module": "dist/bundle.esm.js",
@@ -54,9 +54,9 @@
 		"@react-hook/previous": "~1.0.1",
 		"@tippyjs/react": "~4.2.6",
 		"countries-and-timezones": "^3.3.0",
+		"es-toolkit": "^1.40.0",
 		"formik": "~2.4.6",
 		"is-mobile": "~3.1.1",
-		"lodash": "~4.17.21",
 		"nanoid": "~3.3.4",
 		"nouislider": "~15.7.2",
 		"react-day-picker": "~8.10.1",
@@ -108,7 +108,6 @@
 		"@testing-library/react": "^14.0.0",
 		"@types/countries-and-timezones": "^3.2.3",
 		"@types/jest": "^27.0.2",
-		"@types/lodash": "^4.14.178",
 		"@types/node": "^20.4.7",
 		"@types/react": "^19.1.8",
 		"@types/react-dom": "^19.1.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/rollup.config.mjs b/rollup.config.mjs
@@ -52,9 +52,6 @@ const common = {
 		'@tippyjs/react',
 		'@tippyjs/react/headless',
 		'countries-and-timezones',
-		'lodash/intersection',
-		'lodash/pick',
-		'lodash/isEqual',
 		'nanoid',
 		'nouislider',
 		'is-mobile',
diff --git a/src/components/List/index.tsx b/src/components/List/index.tsx
@@ -1,4 +1,4 @@
-import pick from 'lodash/pick'
+import { pick } from 'es-toolkit'
 import React, { HTMLAttributes } from 'react'
 
 import { GenericComponentProps } from '../../interfaces/GenericComponentProps'
diff --git a/src/components/common/Slider/useSlider.tsx b/src/components/common/Slider/useSlider.tsx
@@ -1,4 +1,4 @@
-import isEqual from 'lodash/isEqual'
+import { isEqual } from 'es-toolkit'
 import noUiSlider, { API } from 'nouislider'
 import React, { useEffect, useRef } from 'react'
 

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import pick from 'lodash/pick'`
	`1`	`+import { pick } from 'es-toolkit'`
`2`	`2`	`import React, { HTMLAttributes } from 'react'`
`3`	`3`
`4`	`4`	`import { GenericComponentProps } from '../../interfaces/GenericComponentProps'`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import isEqual from 'lodash/isEqual'`
	`1`	`+import { isEqual } from 'es-toolkit'`
`2`	`2`	`import noUiSlider, { API } from 'nouislider'`
`3`	`3`	`import React, { useEffect, useRef } from 'react'`
`4`	`4`