refactor: migration to lodash-es from lodash (ES)

jest.config.js

@@ -18,6 +18,7 @@ module.exports = {
     setupFilesAfterEnv: ['<rootDir>/test-utils/setup-tests-after.ts'],
     moduleNameMapper: {
         '\\.(css|less|scss|sass)$': 'jest-transform-css',
+        '^lodash-es$': 'lodash',
     },
     testMatch: ['**/*.test.[jt]s?(x)'],
     testPathIgnorePatterns: ['.visual.'],

package.json

@@ -133,7 +133,7 @@
     "@hello-pangea/dnd": "^18.0.1",
     "@tanstack/react-virtual": "^3.13.9",
     "blueimp-md5": "^2.19.0",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "rc-slider": "^11.1.8",
     "react-transition-group": "^4.4.5",
     "react-virtualized-auto-sizer": "^1.0.26",
@@ -170,7 +170,7 @@
     "@types/blueimp-md5": "^2.18.2",
     "@types/chroma-js": "^3.1.1",
     "@types/jest": "^29.5.14",
-    "@types/lodash": "^4.17.17",
+    "@types/lodash-es": "^4.17.12",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
     "@types/react-transition-group": "^4.4.12",

src/components/ActionsPanel/components/hooks/useDropdownActions.ts

@@ -1,6 +1,6 @@
 'use client';
 
-import groupBy from 'lodash/groupBy';
+import {groupBy} from 'lodash-es';
 
 import type {DropdownMenuItem} from '../../../DropdownMenu';
 import type {ActionsPanelItem} from '../../types';

src/components/Hotkey/parse.ts

@@ -1,5 +1,4 @@
-import capitalize from 'lodash/capitalize';
-import uniqBy from 'lodash/uniqBy';
+import {capitalize, uniqBy} from 'lodash-es';
 
 import type {KeyDefs, KeyParser, PlatformDefs} from './types';
 import {split} from './utils';

src/components/List/List.tsx

@@ -10,8 +10,7 @@ import type {
     DroppableProvided,
 } from '@hello-pangea/dnd';
 import {DragDropContext, Draggable, Droppable} from '@hello-pangea/dnd';
-import isEqual from 'lodash/isEqual';
-import isObject from 'lodash/isObject';
+import {isEqual, isObject} from 'lodash-es';
 import type {Size} from 'react-virtualized-auto-sizer';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import type {VariableSizeListProps} from 'react-window';

src/components/Pagination/utils.ts

@@ -1,4 +1,4 @@
-import uniq from 'lodash/uniq';
+import {uniq} from 'lodash-es';
 
 import type {PaginationSize} from './types';
 

src/components/Select/__stories__/Select.stories.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import {Plus, TrashBin} from '@gravity-ui/icons';
 import type {Decorator, Meta, StoryObj} from '@storybook/react-webpack5';
-import escapeRegExp from 'lodash/escapeRegExp';
+import {escapeRegExp} from 'lodash-es';
 import {useArgs} from 'storybook/preview-api';
 
 import {Select} from '..';

src/components/Table/Table.tsx

@@ -2,8 +2,7 @@
 
 import * as React from 'react';
 
-import get from 'lodash/get';
-import has from 'lodash/has';
+import {get, has} from 'lodash-es';
 
 import type {AriaLabelingProps, QAProps} from '../types';
 import {block} from '../utils/cn';

src/components/Table/__stories__/Adaptive.tsx

@@ -1,5 +1,5 @@
 import type {StoryFn} from '@storybook/react-webpack5';
-import cloneDeep from 'lodash/cloneDeep';
+import {cloneDeep} from 'lodash-es';
 
 import {Table} from '../Table';
 import type {TableProps} from '../Table';

src/components/Table/__stories__/Table.stories.tsx

@@ -2,8 +2,7 @@ import * as React from 'react';
 
 import {CircleChevronDownFill, Pencil} from '@gravity-ui/icons';
 import type {Meta, StoryFn} from '@storybook/react-webpack5';
-import cloneDeep from 'lodash/cloneDeep';
-import isEqual from 'lodash/isEqual';
+import {cloneDeep, isEqual} from 'lodash-es';
 import {action} from 'storybook/actions';
 
 import type {TableAction, TableSettingsData} from '..';

src/components/Table/__stories__/WithTableSettingsCustomActions/WithTableSettingsCustomActions.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import {ArrowRotateLeft} from '@gravity-ui/icons';
-import isEqual from 'lodash/isEqual';
+import {isEqual} from 'lodash-es';
 
 import {Button} from '../../../Button';
 import type {ButtonButtonProps} from '../../../Button';

src/components/Table/hoc/withTableActions/withTableActions.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react';
 
 import {Ellipsis} from '@gravity-ui/icons';
-import memoize from 'lodash/memoize';
+import {memoize} from 'lodash-es';
 
 import {useUniqId} from '../../../../hooks';
 import {useBoolean} from '../../../../hooks/private';

src/components/Table/hoc/withTableCopy/withTableCopy.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 
-import memoize from 'lodash/memoize';
+import {memoize} from 'lodash-es';
 
 import {ClipboardButton} from '../../../ClipboardButton';
 import {block} from '../../../utils/cn';

src/components/Table/hoc/withTableSelection/withTableSelection.tsx

@@ -2,10 +2,7 @@
 
 import * as React from 'react';
 
-import difference from 'lodash/difference';
-import memoize from 'lodash/memoize';
-import union from 'lodash/union';
-import without from 'lodash/without';
+import {difference, memoize, union, without} from 'lodash-es';
 
 import {Checkbox} from '../../../Checkbox';
 import {block} from '../../../utils/cn';

src/components/Table/hoc/withTableSorting/withTableSorting.tsx

@@ -2,8 +2,7 @@
 
 import * as React from 'react';
 
-import get from 'lodash/get';
-import memoize from 'lodash/memoize';
+import {get, memoize} from 'lodash-es';
 
 import {createOnKeyDownHandler} from '../../../../hooks/useActionHandlers/useActionHandlers';
 import {block} from '../../../utils/cn';

src/components/layout/utils/overrideLayoutTheme.ts

@@ -1,4 +1,4 @@
-import merge from 'lodash/merge';
+import {merge} from 'lodash-es';
 
 import type {LayoutTheme, RecursivePartial} from '../types';
 

src/components/legacy/Breadcrumbs/Breadcrumbs.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 
-import throttle from 'lodash/throttle';
+import {throttle} from 'lodash-es';
 
 import type {PopupPlacement} from '../../Popup';
 import type {QAProps} from '../../types';

src/components/useList/hooks/useListFilter.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import debounce from 'lodash/debounce';
+import {debounce} from 'lodash-es';
 
 import type {ListItemType} from '../types';
 import {defaultFilterItems} from '../utils/defaultFilterItems';

src/hooks/private/useElementSize/useElementSize.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 
-import round from 'lodash/round';
-import throttle from 'lodash/throttle';
+import {round, throttle} from 'lodash-es';
 
 const RESIZE_THROTTLE = 16;
 const ROUND_PRECISION = 2;