fix: FIT-628: Remove unnecessary lodash dependencies. (#8276)

Co-authored-by: jombooth <[email protected]>

Author: luarmr

web/apps/labelstudio/src/pages/WebhookPage/WebhookDetail.jsx

@@ -1,6 +1,6 @@
 import { IconCross, IconPlus } from "@humansignal/icons";
 import { Button } from "@humansignal/ui";
-import { cloneDeep } from "lodash";
+import cloneDeep from "lodash/cloneDeep";
 import { useEffect, useState } from "react";
 import { Form, Input, Label, Toggle } from "../../components/Form";
 import { useAPI } from "../../providers/ApiProvider";

web/libs/datamanager/src/components/DataManager/Toolbar/GridWidthButton.jsx

@@ -4,7 +4,7 @@ import { Button, ButtonGroup } from "@humansignal/ui";
 import { Dropdown } from "../../Common/Dropdown/DropdownComponent";
 import { Toggle } from "../../Common/Form";
 import { IconSettings, IconMinus, IconPlus } from "@humansignal/icons";
-import debounce from "lodash.debounce";
+import debounce from "lodash/debounce";
 
 const injector = inject(({ store }) => {
   const view = store?.currentView;

web/libs/editor/package.json

@@ -18,9 +18,6 @@
     "keymaster": "^1.6.2",
     "konva": "^8.1.3",
     "lodash": "4.17.21",
-    "lodash.get": "^4.4.0",
-    "lodash.ismatch": "^4.4.0",
-    "lodash.throttle": "^4.1.1",
     "mobx": "^5.15.4",
     "mobx-react": "^6",
     "mobx-react-lite": "2.2.2",

web/libs/editor/src/common/TextArea/TextArea.tsx

@@ -1,5 +1,5 @@
 import { type FC, type FocusEvent, type MutableRefObject, type RefObject, useCallback, useEffect, useRef } from "react";
-import { debounce } from "lodash";
+import debounce from "lodash/debounce";
 import { cn } from "../../utils/bem";
 import { isMacOS } from "../../utils/utilities";
 

web/libs/editor/src/components/HtxTextBox/HtxTextBox.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { IconEdit, IconTrashAlt, IconCheck } from "@humansignal/icons";
 import { Button, Tooltip, Typography } from "@humansignal/ui";
-import throttle from "lodash.throttle";
+import throttle from "lodash/throttle";
 
 // used for correct auto-height calculation
 const BORDER_WIDTH = 1;

web/libs/editor/src/components/NewTaxonomy/TaxonomySearch.tsx

@@ -11,7 +11,7 @@ import React, {
 import "./TaxonomySearch.scss";
 import { Block } from "../../utils/bem";
 import type { AntTaxonomyItem } from "./NewTaxonomy";
-import { debounce } from "lodash";
+import debounce from "lodash/debounce";
 
 type TaxonomySearchProps = {
   treeData: AntTaxonomyItem[];

web/libs/editor/src/components/Timeline/Seeker.tsx

@@ -1,4 +1,4 @@
-import { clamp } from "lodash";
+import clamp from "lodash/clamp";
 import { type FC, type ReactElement, useCallback, useRef } from "react";
 import { Block, Elem } from "../../utils/bem";
 import type { TimelineMinimapProps } from "./Types";

web/libs/editor/src/components/Timeline/Views/Frames/Frames.tsx

@@ -1,5 +1,5 @@
 import { useResizeObserver } from "@humansignal/core/hooks/useResizeObserver";
-import { clamp } from "lodash";
+import clamp from "lodash/clamp";
 import { type FC, type MouseEvent, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useMemoizedHandlers } from "../../../../hooks/useMemoizedHandlers";
 import { Block, Elem } from "../../../../utils/bem";

web/libs/editor/src/mixins/DrawingTool.js

@@ -1,7 +1,7 @@
 import { types } from "mobx-state-tree";
 
 import Utils from "../utils";
-import throttle from "lodash.throttle";
+import throttle from "lodash/throttle";
 import { MIN_SIZE } from "../tools/Base";
 import { FF_DEV_3391, FF_DEV_3793, isFF } from "../utils/feature-flags";
 import { ff } from "@humansignal/core";

web/libs/editor/src/stores/Annotation/Annotation.js

@@ -1,4 +1,4 @@
-import throttle from "lodash.throttle";
+import throttle from "lodash/throttle";
 import { destroy, detach, flow, getEnv, getParent, getRoot, isAlive, onSnapshot, types } from "mobx-state-tree";
 import { ff } from "@humansignal/core";
 import { errorBuilder } from "../../core/DataValidator/ConfigValidator";