[WEB-5027] fix: replace lodash package with lodash-es (#7856)

* fix: replace lodash pacakge with lodash-es

* fix: lint errors

* fix: import fixes

apps/admin/app/(all)/(dashboard)/authentication/github/form.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useState } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import Link from "next/link";
 import { useForm } from "react-hook-form";
 // plane internal packages

apps/admin/app/(all)/(dashboard)/authentication/gitlab/form.tsx

@@ -1,5 +1,5 @@
 import { FC, useState } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import Link from "next/link";
 import { useForm } from "react-hook-form";
 // plane internal packages

apps/admin/app/(all)/(dashboard)/authentication/google/form.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { FC, useState } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import Link from "next/link";
 import { useForm } from "react-hook-form";
 // plane internal packages

apps/admin/core/store/instance.store.ts

@@ -1,4 +1,4 @@
-import set from "lodash/set";
+import { set } from "lodash-es";
 import { observable, action, computed, makeObservable, runInAction } from "mobx";
 // plane internal packages
 import { EInstanceStatus, TInstanceStatus } from "@plane/constants";

apps/admin/core/store/workspace.store.ts

@@ -1,4 +1,4 @@
-import set from "lodash/set";
+import { set } from "lodash-es";
 import { action, observable, runInAction, makeObservable, computed } from "mobx";
 // plane imports
 import { InstanceWorkspaceService } from "@plane/services";

apps/admin/package.json

@@ -27,7 +27,7 @@
     "@plane/utils": "workspace:*",
     "autoprefixer": "10.4.14",
     "axios": "catalog:",
-    "lodash": "catalog:",
+    "lodash-es": "catalog:",
     "lucide-react": "catalog:",
     "mobx": "catalog:",
     "mobx-react": "catalog:",
@@ -45,7 +45,7 @@
     "@plane/eslint-config": "workspace:*",
     "@plane/tailwind-config": "workspace:*",
     "@plane/typescript-config": "workspace:*",
-    "@types/lodash": "catalog:",
+    "@types/lodash-es": "catalog:",
     "@types/node": "18.16.1",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",

apps/live/package.json

@@ -36,7 +36,6 @@
     "express-ws": "^5.0.2",
     "helmet": "^7.1.0",
     "ioredis": "^5.4.1",
-    "lodash": "catalog:",
     "morgan": "1.10.1",
     "pino-http": "^10.3.0",
     "pino-pretty": "^11.2.2",

apps/space/core/components/issues/filters/applied-filters/root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useCallback } from "react";
-import cloneDeep from "lodash/cloneDeep";
+import { cloneDeep } from "lodash-es";
 import { observer } from "mobx-react";
 import { useRouter } from "next/navigation";
 // hooks

apps/space/core/components/issues/filters/root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useCallback } from "react";
-import cloneDeep from "lodash/cloneDeep";
+import { cloneDeep } from "lodash-es";
 import { observer } from "mobx-react";
 import { useRouter } from "next/navigation";
 // constants

apps/space/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useCallback, useMemo, useRef } from "react";
-import debounce from "lodash/debounce";
+import { debounce } from "lodash-es";
 import { observer } from "mobx-react";
 // types
 import { IIssueDisplayProperties } from "@plane/types";

apps/space/core/components/issues/issue-layouts/kanban/default.tsx

@@ -1,5 +1,5 @@
 import { MutableRefObject } from "react";
-import isNil from "lodash/isNil";
+import { isNil } from "lodash-es";
 import { observer } from "mobx-react";
 // types
 import {

apps/space/core/components/issues/issue-layouts/utils.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import isNil from "lodash/isNil";
+import { isNil } from "lodash-es";
 import { ContrastIcon } from "lucide-react";
 // types
 import { EIconSize, ISSUE_PRIORITIES } from "@plane/constants";

apps/space/core/store/helpers/base-issues.store.ts

@@ -1,8 +1,4 @@
-import concat from "lodash/concat";
-import get from "lodash/get";
-import set from "lodash/set";
-import uniq from "lodash/uniq";
-import update from "lodash/update";
+import { concat, get, set, uniq, update } from "lodash-es";
 import { action, makeObservable, observable, runInAction } from "mobx";
 import { computedFn } from "mobx-utils";
 // plane imports

apps/space/core/store/instance.store.ts

@@ -1,4 +1,4 @@
-import set from "lodash/set";
+import { set } from "lodash-es";
 import { observable, action, makeObservable, runInAction } from "mobx";
 // plane imports
 import { InstanceService } from "@plane/services";

apps/space/core/store/issue-detail.store.ts

@@ -1,5 +1,4 @@
-import isEmpty from "lodash/isEmpty";
-import set from "lodash/set";
+import { isEmpty, set } from "lodash-es";
 import { makeObservable, observable, action, runInAction } from "mobx";
 import { computedFn } from "mobx-utils";
 import { v4 as uuidv4 } from "uuid";

apps/space/core/store/issue-filters.store.ts

@@ -1,6 +1,4 @@
-import cloneDeep from "lodash/cloneDeep";
-import isEqual from "lodash/isEqual";
-import set from "lodash/set";
+import { cloneDeep, isEqual, set } from "lodash-es";
 import { action, makeObservable, observable, runInAction } from "mobx";
 import { computedFn } from "mobx-utils";
 // plane internal

apps/space/core/store/label.store.ts

@@ -1,4 +1,4 @@
-import set from "lodash/set";
+import { set } from "lodash-es";
 import { action, computed, makeObservable, observable, runInAction } from "mobx";
 // plane imports
 import { SitesLabelService } from "@plane/services";

apps/space/core/store/members.store.ts

@@ -1,4 +1,4 @@
-import set from "lodash/set";
+import { set } from "lodash-es";
 import { action, computed, makeObservable, observable, runInAction } from "mobx";
 // plane imports
 import { SitesMemberService } from "@plane/services";

apps/space/core/store/module.store.ts

@@ -1,4 +1,4 @@
-import set from "lodash/set";
+import { set } from "lodash-es";
 import { action, computed, makeObservable, observable, runInAction } from "mobx";
 // plane imports
 import { SitesModuleService } from "@plane/services";

apps/space/core/store/profile.store.ts

@@ -1,4 +1,4 @@
-import set from "lodash/set";
+import { set } from "lodash-es";
 import { action, makeObservable, observable, runInAction } from "mobx";
 // plane imports
 import { UserService } from "@plane/services";

apps/space/core/store/publish/publish_list.store.ts

@@ -1,4 +1,4 @@
-import set from "lodash/set";
+import { set } from "lodash-es";
 import { makeObservable, observable, runInAction, action } from "mobx";
 // plane imports
 import { SitesProjectPublishService } from "@plane/services";

apps/space/core/store/state.store.ts

@@ -1,4 +1,4 @@
-import clone from "lodash/clone";
+import { clone } from "lodash-es";
 import { action, computed, makeObservable, observable, runInAction } from "mobx";
 // plane imports
 import { SitesStateService } from "@plane/services";

apps/space/core/store/user.store.ts

@@ -1,5 +1,5 @@
 import { AxiosError } from "axios";
-import set from "lodash/set";
+import { set } from "lodash-es";
 import { action, computed, makeObservable, observable, runInAction } from "mobx";
 // plane imports
 import { UserService } from "@plane/services";

apps/space/helpers/date-time.helper.ts

@@ -1,5 +1,5 @@
 import { format, isValid } from "date-fns";
-import isNumber from "lodash/isNumber";
+import { isNumber } from "lodash-es";
 
 export const timeAgo = (time: any) => {
   switch (typeof time) {

apps/space/package.json

@@ -33,7 +33,7 @@
     "date-fns": "^4.1.0",
     "dompurify": "^3.0.11",
     "dotenv": "^16.3.1",
-    "lodash": "catalog:",
+    "lodash-es": "catalog:",
     "lowlight": "^2.9.0",
     "lucide-react": "catalog:",
     "mobx": "catalog:",
@@ -56,7 +56,7 @@
     "@plane/eslint-config": "workspace:*",
     "@plane/tailwind-config": "workspace:*",
     "@plane/typescript-config": "workspace:*",
-    "@types/lodash": "catalog:",
+    "@types/lodash-es": "catalog:",
     "@types/node": "18.14.1",
     "@types/nprogress": "^0.2.0",
     "@types/react": "catalog:",

apps/web/app/(all)/[workspaceSlug]/(projects)/sidebar.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 // plane helpers
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";

apps/web/ce/store/estimates/estimate.ts

@@ -1,8 +1,4 @@
-/* eslint-disable no-useless-catch */
-
-import orderBy from "lodash/orderBy";
-import set from "lodash/set";
-// import unset from "lodash/unset";
+import { orderBy, set } from "lodash-es";
 import { action, computed, makeObservable, observable, runInAction } from "mobx";
 import { computedFn } from "mobx-utils";
 // types
@@ -140,19 +136,15 @@ export class Estimate implements IEstimate {
     projectId: string,
     payload: Partial<IEstimatePointType>
   ): Promise<IEstimatePointType | undefined> => {
-    try {
-      if (!this.id || !payload) return;
+    if (!this.id || !payload) return;
 
-      const estimatePoint = await estimateService.createEstimatePoint(workspaceSlug, projectId, this.id, payload);
-      if (estimatePoint) {
-        runInAction(() => {
-          if (estimatePoint.id) {
-            set(this.estimatePoints, [estimatePoint.id], new EstimatePoint(this.store, this.data, estimatePoint));
-          }
-        });
-      }
-    } catch (error) {
-      throw error;
+    const estimatePoint = await estimateService.createEstimatePoint(workspaceSlug, projectId, this.id, payload);
+    if (estimatePoint) {
+      runInAction(() => {
+        if (estimatePoint.id) {
+          set(this.estimatePoints, [estimatePoint.id], new EstimatePoint(this.store, this.data, estimatePoint));
+        }
+      });
     }
   };
 }

apps/web/ce/store/issue/issue-details/activity.store.ts

@@ -1,10 +1,4 @@
-/* eslint-disable no-useless-catch */
-
-import concat from "lodash/concat";
-import orderBy from "lodash/orderBy";
-import set from "lodash/set";
-import uniq from "lodash/uniq";
-import update from "lodash/update";
+import { concat, orderBy, set, uniq, update } from "lodash-es";
 import { action, makeObservable, observable, runInAction } from "mobx";
 import { computedFn } from "mobx-utils";
 // plane package imports

apps/web/ce/store/timeline/base-timeline.store.ts

@@ -1,5 +1,4 @@
-import isEqual from "lodash/isEqual";
-import set from "lodash/set";
+import { isEqual, set } from "lodash-es";
 import { action, makeObservable, observable, runInAction } from "mobx";
 import { computedFn } from "mobx-utils";
 // components

apps/web/core/components/common/filters/created-by.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 // ui
 import { Avatar, Loader } from "@plane/ui";

apps/web/core/components/core/modals/existing-issues-list-modal.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import React, { useEffect, useState } from "react";
-import { filter } from "lodash";
 import { Rocket, Search, X } from "lucide-react";
 import { Combobox, Dialog, Transition } from "@headlessui/react";
 // i18n

apps/web/core/components/cycles/active-cycle/cycle-stats.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, Fragment, useCallback, useRef, useState } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 import { CalendarCheck } from "lucide-react";
 // headless ui

apps/web/core/components/cycles/analytics-sidebar/issue-progress.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useMemo } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 import { useSearchParams } from "next/navigation";
 import { ChevronUp, ChevronDown } from "lucide-react";

apps/web/core/components/cycles/analytics-sidebar/sidebar-details.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { FC } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 import { LayersIcon, SquareUser, Users } from "lucide-react";
 // plane types

apps/web/core/components/cycles/list/cycles-list-item.tsx

@@ -1,6 +1,5 @@
 "use client";
 import { FC, MouseEvent, useRef } from "react";
-import isEmpty from "lodash/isEmpty";
 import { observer } from "mobx-react";
 import { usePathname, useSearchParams } from "next/navigation";
 import { Check } from "lucide-react";

apps/web/core/components/exporter/export-form.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { intersection } from "lodash";
+import { intersection } from "lodash-es";
 import { Controller, useForm } from "react-hook-form";
 import {
   EUserPermissions,

apps/web/core/components/exporter/export-modal.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState } from "react";
-import intersection from "lodash/intersection";
+import { intersection } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { Dialog, Transition } from "@headlessui/react";

apps/web/core/components/gantt-chart/views/month-view.ts

@@ -1,7 +1,7 @@
-import cloneDeep from "lodash/cloneDeep";
-import uniqBy from "lodash/uniqBy";
-//
+import { cloneDeep, uniqBy } from "lodash-es";
+// plane imports
 import type { ChartDataType } from "@plane/types";
+// local imports
 import { months } from "../data";
 import { getNumberOfDaysBetweenTwoDates, getNumberOfDaysInMonth } from "./helpers";
 import { getWeeksBetweenTwoDates, IWeekBlock } from "./week-view";

apps/web/core/components/home/widgets/loaders/home-loader.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import range from "lodash/range";
+import { range } from "lodash-es";
 // ui
 import { Loader } from "@plane/ui";
 

apps/web/core/components/home/widgets/loaders/quick-links.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import range from "lodash/range";
+import { range } from "lodash-es";
 // ui
 import { Loader } from "@plane/ui";
 

apps/web/core/components/home/widgets/loaders/recent-activity.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import range from "lodash/range";
+import { range } from "lodash-es";
 // ui
 import { Loader } from "@plane/ui";
 

apps/web/core/components/inbox/inbox-filter/filters/date.tsx

@@ -1,6 +1,5 @@
 import { FC, useState } from "react";
-import concat from "lodash/concat";
-import uniq from "lodash/uniq";
+import { concat, uniq } from "lodash-es";
 import { observer } from "mobx-react";
 import { PAST_DURATION_FILTER_OPTIONS } from "@plane/constants";
 import { TInboxIssueFilterDateKeys } from "@plane/types";

apps/web/core/components/inbox/inbox-filter/filters/members.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 // plane types
 import { TInboxIssueFilterMemberKeys } from "@plane/types";

apps/web/core/components/issues/description-input.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useCallback, useEffect, useRef, useState } from "react";
-import debounce from "lodash/debounce";
+import { debounce } from "lodash-es";
 import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";
 // plane imports

apps/web/core/components/issues/issue-detail-widgets/sub-issues/display-filters.tsx

@@ -1,5 +1,5 @@
 import { FC, useMemo } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 import { SlidersHorizontal } from "lucide-react";
 // plane imports

apps/web/core/components/issues/issue-detail-widgets/sub-issues/title-actions.tsx

@@ -1,5 +1,5 @@
 import { FC, useCallback } from "react";
-import cloneDeep from "lodash/cloneDeep";
+import { cloneDeep } from "lodash-es";
 import { observer } from "mobx-react";
 import {
   EIssueFilterType,

apps/web/core/components/issues/issue-detail/module-select.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import xor from "lodash/xor";
+import { xor } from "lodash-es";
 import { observer } from "mobx-react";
 import { useTranslation } from "@plane/i18n";
 // hooks

apps/web/core/components/issues/issue-detail/subscription.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useState } from "react";
-import isNil from "lodash/isNil";
+import { isNil } from "lodash-es";
 import { observer } from "mobx-react";
 import { Bell, BellOff } from "lucide-react";
 // plane-i18n

apps/web/core/components/issues/issue-layouts/empty-states/cycle.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // plane imports

apps/web/core/components/issues/issue-layouts/filters/header/display-filters/display-filters-selection.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 import {
   IIssueDisplayFilterOptions,

apps/web/core/components/issues/issue-layouts/filters/header/filters/assignee.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 // plane ui
 import { Avatar, Loader } from "@plane/ui";

apps/web/core/components/issues/issue-layouts/filters/header/filters/created-by.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 // plane ui
 import { Avatar, Loader } from "@plane/ui";

apps/web/core/components/issues/issue-layouts/filters/header/filters/cycle.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { CycleGroupIcon } from "@plane/propel/icons";

apps/web/core/components/issues/issue-layouts/filters/header/filters/labels.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 import { IIssueLabel } from "@plane/types";
 // components

apps/web/core/components/issues/issue-layouts/filters/header/filters/mentions.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 // plane ui
 import { Loader, Avatar } from "@plane/ui";

apps/web/core/components/issues/issue-layouts/filters/header/filters/module.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // components

apps/web/core/components/issues/issue-layouts/filters/header/filters/project.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 // ui
 import { Loader } from "@plane/ui";

apps/web/core/components/issues/issue-layouts/filters/header/filters/state.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 import { EIconSize } from "@plane/constants";
 import { StateGroupIcon } from "@plane/propel/icons";

apps/web/core/components/issues/issue-layouts/properties/all-properties.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useCallback, useMemo, SyntheticEvent } from "react";
-import xor from "lodash/xor";
+import { xor } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // icons

apps/web/core/components/issues/issue-layouts/quick-action-dropdowns/all-issue.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import omit from "lodash/omit";
+import { omit } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // plane imports

apps/web/core/components/issues/issue-layouts/quick-action-dropdowns/cycle-issue.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import omit from "lodash/omit";
+import { omit } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // plane imports

apps/web/core/components/issues/issue-layouts/quick-action-dropdowns/issue-detail.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import omit from "lodash/omit";
+import { omit } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams, usePathname } from "next/navigation";
 // plane imports

apps/web/core/components/issues/issue-layouts/quick-action-dropdowns/module-issue.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import omit from "lodash/omit";
+import { omit } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // plane imports

apps/web/core/components/issues/issue-layouts/quick-action-dropdowns/project-issue.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import omit from "lodash/omit";
+import { omit } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // plane imports

apps/web/core/components/issues/issue-layouts/roots/cycle-layout-root.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import useSWR from "swr";

apps/web/core/components/issues/issue-layouts/spreadsheet/columns/module-column.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from "react";
-import xor from "lodash/xor";
+import { xor } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // types

apps/web/core/components/issues/issue-layouts/utils.tsx

@@ -2,11 +2,7 @@
 
 import { CSSProperties, FC } from "react";
 import { extractInstruction } from "@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item";
-import clone from "lodash/clone";
-import concat from "lodash/concat";
-import isNil from "lodash/isNil";
-import pull from "lodash/pull";
-import uniq from "lodash/uniq";
+import { clone, isNil, pull, uniq, concat } from "lodash-es";
 import scrollIntoView from "smooth-scroll-into-view-if-needed";
 import { ContrastIcon } from "lucide-react";
 // plane types

apps/web/core/components/issues/issue-modal/draft-issue-layout.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState } from "react";
-import isEmpty from "lodash/isEmpty";
+import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants";

apps/web/core/components/issues/workspace-draft/draft-issue-block.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { FC, useRef, useState } from "react";
-import { omit } from "lodash";
+import { omit } from "lodash-es";
 import { observer } from "mobx-react";
 import { Copy, Pencil, SquareStackIcon, Trash2 } from "lucide-react";
 // plane utils

apps/web/core/components/issues/workspace-draft/loader.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC } from "react";
-import range from "lodash/range";
+import { range } from "lodash-es";
 // components
 import { ListLoaderItemRow } from "@/components/ui/loader/layouts/list-layout-loader";
 

apps/web/core/components/modules/dropdowns/filters/lead.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 // plane ui
 import { Avatar, Loader } from "@plane/ui";

apps/web/core/components/modules/dropdowns/filters/members.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 // plane ui
 import { Avatar, Loader } from "@plane/ui";

apps/web/core/components/pages/loaders/page-loader.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import range from "lodash/range";
+import { range } from "lodash-es";
 import { Loader } from "@plane/ui";
 
 export const PageLoader: React.FC = (props) => {

apps/web/core/components/project/dropdowns/filters/lead.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 // plane ui
 import { Avatar, Loader } from "@plane/ui";

apps/web/core/components/project/dropdowns/filters/members.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "lodash-es";
 import { observer } from "mobx-react";
 // plane ui
 import { Avatar, Loader } from "@plane/ui";

apps/web/core/components/project/multi-select-modal.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useRef, useState } from "react";
-import xor from "lodash/xor";
+import { xor } from "lodash-es";
 import { observer } from "mobx-react";
 import { Search, X } from "lucide-react";
 import { Combobox } from "@headlessui/react";

apps/web/core/components/settings/project/sidebar/nav-item-children.tsx

@@ -1,4 +1,4 @@
-import { range } from "lodash";
+import { range } from "lodash-es";
 import { observer } from "mobx-react";
 import Link from "next/link";
 import { usePathname, useParams } from "next/navigation";

apps/web/core/components/stickies/modal/search.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FC, useCallback, useRef, useState } from "react";
-import { debounce } from "lodash";
+import { debounce } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { Search, X } from "lucide-react";

apps/web/core/components/stickies/sticky/root.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useState } from "react";
-import { debounce } from "lodash";
+import { debounce } from "lodash-es";
 import { observer } from "mobx-react";
 import { Minimize2 } from "lucide-react";
 // plane types

apps/web/core/components/ui/loader/cycle-module-board-loader.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const CycleModuleBoardLayoutLoader = () => (
   <div className="h-full w-full animate-pulse">

apps/web/core/components/ui/loader/cycle-module-list-loader.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const CycleModuleListLayoutLoader = () => (
   <div className="h-full overflow-y-auto animate-pulse">

apps/web/core/components/ui/loader/layouts/calendar-layout-loader.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 import { getRandomInt } from "../utils";
 
 const CalendarDay = () => {

apps/web/core/components/ui/loader/layouts/gantt-layout-loader.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 import { Row } from "@plane/ui";
 import { BLOCK_HEIGHT } from "@/components/gantt-chart/constants";
 import { getRandomLength } from "../utils";

apps/web/core/components/ui/loader/layouts/kanban-layout-loader.tsx

@@ -1,5 +1,5 @@
 import { forwardRef } from "react";
-import range from "lodash/range";
+import { range } from "lodash-es";
 // plane ui
 import { ContentWrapper } from "@plane/ui";
 // plane utils

apps/web/core/components/ui/loader/layouts/list-layout-loader.tsx

@@ -1,5 +1,5 @@
 import { Fragment, forwardRef } from "react";
-import range from "lodash/range";
+import { range } from "lodash-es";
 // plane ui
 import { Row } from "@plane/ui";
 // plane utils

apps/web/core/components/ui/loader/layouts/members-layout-loader.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 export const MembersLayoutLoader = () => (
   <div className="flex gap-5 py-1.5 overflow-x-auto">
     {range(5).map((columnIndex) => (

apps/web/core/components/ui/loader/layouts/project-inbox/inbox-sidebar-loader.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const InboxSidebarLoader = () => (
   <div className="flex flex-col">

apps/web/core/components/ui/loader/layouts/spreadsheet-layout-loader.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 import { Row } from "@plane/ui";
 import { getRandomLength } from "../utils";
 

apps/web/core/components/ui/loader/notification-loader.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const NotificationsLoader = () => (
   <div className="divide-y divide-custom-border-100 animate-pulse overflow-hidden">

apps/web/core/components/ui/loader/pages-loader.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const PagesLoader = () => (
   <div className="flex h-full flex-col space-y-5 overflow-hidden p-6">

apps/web/core/components/ui/loader/projects-loader.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const ProjectsLoader = () => (
   <div className="h-full w-full overflow-y-auto p-8 animate-pulse">

apps/web/core/components/ui/loader/settings/activity.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 import { getRandomLength } from "../utils";
 
 export const ActivitySettingsLoader = () => (

apps/web/core/components/ui/loader/settings/api-token.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 import { useTranslation } from "@plane/i18n";
 export const APITokenSettingsLoader = () => {
   const { t } = useTranslation();

apps/web/core/components/ui/loader/settings/email.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const EmailSettingsLoader = () => (
   <div className="mx-auto mt-8 h-full w-full overflow-y-auto px-6 lg:px-20 pb- animate-pulse">

apps/web/core/components/ui/loader/settings/import-and-export.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const ImportExportSettingsLoader = () => (
   <div className="divide-y-[0.5px] divide-custom-border-200 animate-pulse">

apps/web/core/components/ui/loader/settings/integration.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const IntegrationsSettingsLoader = () => (
   <div className="divide-y-[0.5px] divide-custom-border-100 animate-pulse">

apps/web/core/components/ui/loader/settings/members.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const MembersSettingsLoader = () => (
   <div className="divide-y-[0.5px] divide-custom-border-100">

apps/web/core/components/ui/loader/view-list-loader.tsx

@@ -1,4 +1,4 @@
-import range from "lodash/range";
+import { range } from "lodash-es";
 
 export const ViewListLoader = () => (
   <div className="flex h-full w-full flex-col animate-pulse">

apps/web/core/components/web-hooks/form/secret-key.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, FC } from "react";
-import range from "lodash/range";
+import { range } from "lodash-es";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // icons

apps/web/core/components/work-item-filters/filters-hoc/project-level.tsx

@@ -1,6 +1,5 @@
 import { useCallback, useMemo, useState } from "react";
-import cloneDeep from "lodash/cloneDeep";
-import isEqual from "lodash/isEqual";
+import { isEqual, cloneDeep } from "lodash-es";
 import { observer } from "mobx-react";
 // plane imports
 import { EUserPermissionsLevel, PROJECT_VIEW_TRACKER_EVENTS } from "@plane/constants";