refactor: move web utils to packages (#7145)

* refactor: move web utils to packages

* fix: build and lint errors

* chore: update drag handle plugin

* chore: update table cell type to fix build errors

* fix: build errors

* chore: sync few changes

* fix: build errors

* chore: minor fixes related to duplicate assets imports

* fix: build errors

* chore: minor changes

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

@@ -12,14 +12,12 @@ import { useTranslation } from "@plane/i18n";
 import { ICycle, IIssueFilterOptions } from "@plane/types";
 // ui
 import { Tooltip, Loader, PriorityIcon, Avatar } from "@plane/ui";
+import { cn, renderFormattedDate, renderFormattedDateWithoutYear, getFileURL } from "@plane/utils";
 // components
 import { SingleProgressStats } from "@/components/core";
 import { StateDropdown } from "@/components/dropdowns";
 import { SimpleEmptyState } from "@/components/empty-state";
 // helpers
-import { cn } from "@/helpers/common.helper";
-import { renderFormattedDate, renderFormattedDateWithoutYear } from "@/helpers/date-time.helper";
-import { getFileURL } from "@/helpers/file.helper";
 // hooks
 import { useIssueDetail, useIssues } from "@/hooks/store";
 import { useIntersectionObserver } from "@/hooks/use-intersection-observer";

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

@@ -11,10 +11,10 @@ import { EIssueFilterType, EIssuesStoreType } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { ICycle, IIssueFilterOptions, TCyclePlotType, TProgressSnapshot } from "@plane/types";
 // components
+import { getDate } from "@plane/utils";
 import { CycleProgressStats } from "@/components/cycles";
 // constants
 // helpers
-import { getDate } from "@/helpers/date-time.helper";
 // hooks
 import { useIssues, useCycle } from "@/hooks/store";
 // plane web components

web/core/components/cycles/analytics-sidebar/progress-stats.tsx

@@ -14,11 +14,10 @@ import {
   TStateGroups,
 } from "@plane/types";
 import { Avatar, StateGroupIcon } from "@plane/ui";
+import { cn, getFileURL } from "@plane/utils";
 // components
 import { SingleProgressStats } from "@/components/core";
 // helpers
-import { cn } from "@/helpers/common.helper";
-import { getFileURL } from "@/helpers/file.helper";
 // hooks
 import { useProjectState } from "@/hooks/store";
 import useLocalStorage from "@/hooks/use-local-storage";

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

@@ -4,16 +4,16 @@ import isEmpty from "lodash/isEmpty";
 import { observer } from "mobx-react";
 import { LayersIcon, SquareUser, Users } from "lucide-react";
 // plane types
+import { EEstimateSystem } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { ICycle } from "@plane/types";
 // plane ui
 import { Avatar, AvatarGroup, TextArea } from "@plane/ui";
 // helpers
-import { getFileURL } from "@/helpers/file.helper";
+import { getFileURL } from "@plane/utils";
 // hooks
 import { useMember, useProjectEstimates } from "@/hooks/store";
 // plane web constants
-import { EEstimateSystem } from "@/plane-web/constants/estimates";
 
 type Props = {
   projectId: string;

web/core/components/cycles/analytics-sidebar/sidebar-header.tsx

@@ -9,18 +9,15 @@ import { CYCLE_STATUS, CYCLE_UPDATED, EUserPermissions, EUserPermissionsLevel }
 import { useTranslation } from "@plane/i18n";
 import { ICycle } from "@plane/types";
 import { setToast, TOAST_TYPE } from "@plane/ui";
+import { getDate, renderFormattedPayloadDate } from "@plane/utils";
 // components
 import { DateRangeDropdown } from "@/components/dropdowns";
-// helpers
-import { renderFormattedPayloadDate, getDate } from "@/helpers/date-time.helper";
 // hooks
 import { useCycle, useEventTracker, useUserPermissions } from "@/hooks/store";
-import { useAppRouter } from "@/hooks/use-app-router";
-// plane web constants
-// services
 import { useTimeZoneConverter } from "@/hooks/use-timezone-converter";
+// services
 import { CycleService } from "@/services/cycle.service";
-// local components
+// local imports
 import { ArchiveCycleModal } from "../archived-cycles";
 import { CycleDeleteModal } from "../delete-modal";
 
@@ -41,15 +38,13 @@ const cycleService = new CycleService();
 
 export const CycleSidebarHeader: FC<Props> = observer((props) => {
   const { workspaceSlug, projectId, cycleDetails, handleClose, isArchived = false } = props;
-  // router
-  const router = useAppRouter();
   // states
   const [archiveCycleModal, setArchiveCycleModal] = useState(false);
   const [cycleDeleteModal, setCycleDeleteModal] = useState(false);
   // hooks
   const { allowPermissions } = useUserPermissions();
-  const { updateCycleDetails, restoreCycle } = useCycle();
-  const { setTrackElement, captureCycleEvent } = useEventTracker();
+  const { updateCycleDetails } = useCycle();
+  const { captureCycleEvent } = useEventTracker();
   const { t } = useTranslation();
   const { renderFormattedDateInUserTimezone, getProjectUTCOffset } = useTimeZoneConverter(projectId);
 

web/core/components/cycles/applied-filters/date.tsx

@@ -2,8 +2,7 @@ import { observer } from "mobx-react";
 import { X } from "lucide-react";
 // helpers
 import { DATE_AFTER_FILTER_OPTIONS } from "@plane/constants";
-import { renderFormattedDate } from "@/helpers/date-time.helper";
-import { capitalizeFirstLetter } from "@/helpers/string.helper";
+import { renderFormattedDate, capitalizeFirstLetter } from "@plane/utils";
 // constants
 
 type Props = {

web/core/components/cycles/applied-filters/root.tsx

@@ -5,8 +5,8 @@ import { useTranslation } from "@plane/i18n";
 import { TCycleFilters } from "@plane/types";
 // hooks
 import { Tag } from "@plane/ui";
+import { replaceUnderscoreIfSnakeCase } from "@plane/utils";
 import { AppliedDateFilters, AppliedStatusFilters } from "@/components/cycles";
-import { replaceUnderscoreIfSnakeCase } from "@/helpers/string.helper";
 import { useUserPermissions } from "@/hooks/store";
 
 // components

web/core/components/cycles/applied-filters/status.tsx

@@ -2,7 +2,7 @@ import { observer } from "mobx-react";
 import { X } from "lucide-react";
 import { CYCLE_STATUS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 
 type Props = {
   handleRemove: (val: string) => void;

web/core/components/cycles/archived-cycles/header.tsx

@@ -7,13 +7,12 @@ import { ListFilter, Search, X } from "lucide-react";
 import { useOutsideClickDetector } from "@plane/hooks";
 // types
 import type { TCycleFilters } from "@plane/types";
+import { cn, calculateTotalFilters } from "@plane/utils";
 // components
 import { ArchiveTabsList } from "@/components/archives";
 import { CycleFiltersSelection } from "@/components/cycles";
 import { FiltersDropdown } from "@/components/issues";
 // helpers
-import { cn } from "@/helpers/common.helper";
-import { calculateTotalFilters } from "@/helpers/filter.helper";
 // hooks
 import { useCycleFilter } from "@/hooks/store";
 

web/core/components/cycles/archived-cycles/root.tsx

@@ -6,11 +6,11 @@ import useSWR from "swr";
 import { useTranslation } from "@plane/i18n";
 import { TCycleFilters } from "@plane/types";
 // components
+import { calculateTotalFilters } from "@plane/utils";
 import { ArchivedCyclesView, CycleAppliedFiltersList } from "@/components/cycles";
 import { DetailedEmptyState } from "@/components/empty-state";
 import { CycleModuleListLayout } from "@/components/ui";
 // helpers
-import { calculateTotalFilters } from "@/helpers/filter.helper";
 // hooks
 import { useCycle, useCycleFilter } from "@/hooks/store";
 import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";

web/core/components/cycles/cycle-peek-overview.tsx

@@ -2,7 +2,7 @@ import React, { useEffect } from "react";
 import { observer } from "mobx-react";
 import { usePathname, useSearchParams } from "next/navigation";
 // hooks
-import { generateQueryParams } from "@/helpers/router.helper";
+import { generateQueryParams } from "@plane/utils";
 import { useCycle } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";
 // components

web/core/components/cycles/cycles-view-header.tsx

@@ -7,12 +7,11 @@ import { useOutsideClickDetector } from "@plane/hooks";
 // types
 import { useTranslation } from "@plane/i18n";
 import { TCycleFilters } from "@plane/types";
+import { cn, calculateTotalFilters } from "@plane/utils";
 // components
 import { CycleFiltersSelection } from "@/components/cycles";
 import { FiltersDropdown } from "@/components/issues";
 // helpers
-import { cn } from "@/helpers/common.helper";
-import { calculateTotalFilters } from "@/helpers/filter.helper";
 // hooks
 import { useCycleFilter } from "@/hooks/store";
 

web/core/components/cycles/dropdowns/filters/end-date.tsx

@@ -3,11 +3,11 @@ import { observer } from "mobx-react";
 // constants
 import { DATE_AFTER_FILTER_OPTIONS } from "@plane/constants";
 // components
+import { isInDateFormat } from "@plane/utils";
 import { DateFilterModal } from "@/components/core";
 import { FilterHeader, FilterOption } from "@/components/issues";
 
 // helpers
-import { isInDateFormat } from "@/helpers/date-time.helper";
 
 type Props = {
   appliedFilters: string[] | null;

web/core/components/cycles/dropdowns/filters/start-date.tsx

@@ -3,11 +3,11 @@ import { observer } from "mobx-react";
 // constants
 import { DATE_AFTER_FILTER_OPTIONS } from "@plane/constants";
 // components
+import { isInDateFormat } from "@plane/utils";
 import { DateFilterModal } from "@/components/core";
 import { FilterHeader, FilterOption } from "@/components/issues";
 
 // helpers
-import { isInDateFormat } from "@/helpers/date-time.helper";
 
 type Props = {
   appliedFilters: string[] | null;

web/core/components/cycles/form.tsx

@@ -9,12 +9,9 @@ import { useTranslation } from "@plane/i18n";
 import { ICycle } from "@plane/types";
 // ui
 import { Button, Input, TextArea } from "@plane/ui";
+import { getDate, renderFormattedPayloadDate, getTabIndex } from "@plane/utils";
 // components
 import { DateRangeDropdown, ProjectDropdown } from "@/components/dropdowns";
-// constants
-// helpers
-import { getDate, renderFormattedPayloadDate } from "@/helpers/date-time.helper";
-import { getTabIndex } from "@/helpers/tab-indices.helper";
 // hooks
 import { useUser } from "@/hooks/store/user/user-user";
 

web/core/components/cycles/list/cycle-list-group-header.tsx

@@ -7,7 +7,7 @@ import { TCycleGroups } from "@plane/types";
 // icons
 import { Row, CycleGroupIcon } from "@plane/ui";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 
 type Props = {
   type: TCycleGroups;

web/core/components/cycles/list/cycle-list-item-action.tsx

@@ -18,15 +18,13 @@ import { useTranslation } from "@plane/i18n";
 import { ICycle, TCycleGroups } from "@plane/types";
 // ui
 import { Avatar, AvatarGroup, FavoriteStar, LayersIcon, Tooltip, TransferIcon, setPromiseToast } from "@plane/ui";
+import { getDate, getFileURL, generateQueryParams } from "@plane/utils";
 // components
 import { CycleQuickActions, TransferIssuesModal } from "@/components/cycles";
 import { DateRangeDropdown } from "@/components/dropdowns";
 import { ButtonAvatars } from "@/components/dropdowns/member/avatar";
 import { MergedDateDisplay } from "@/components/dropdowns/merged-date";
-import { getDate } from "@/helpers/date-time.helper";
-import { getFileURL } from "@/helpers/file.helper";
 // hooks
-import { generateQueryParams } from "@/helpers/router.helper";
 import { useCycle, useEventTracker, useMember, useUserPermissions } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";
 import { usePlatformOS } from "@/hooks/use-platform-os";

web/core/components/cycles/list/cycle-list-project-group-header.tsx

@@ -6,7 +6,7 @@ import { ChevronRight } from "lucide-react";
 // icons
 import { Row, Logo } from "@plane/ui";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 import { useProject } from "@/hooks/store/use-project";
 
 type Props = {

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

@@ -10,11 +10,11 @@ import type { TCycleGroups } from "@plane/types";
 // ui
 import { CircularProgressIndicator } from "@plane/ui";
 // components
+import { generateQueryParams } from "@plane/utils";
 import { ListItem } from "@/components/core/list";
 import { CycleQuickActions } from "@/components/cycles/";
 import { CycleListItemAction } from "@/components/cycles/list";
 // helpers
-import { generateQueryParams } from "@/helpers/router.helper";
 // hooks
 import { useCycle } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";

web/core/components/cycles/quick-actions.tsx

@@ -9,11 +9,10 @@ import { ArchiveRestoreIcon, ExternalLink, LinkIcon, Pencil, Trash2 } from "luci
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { ArchiveIcon, ContextMenu, CustomMenu, TContextMenuItem, TOAST_TYPE, setToast } from "@plane/ui";
-import { copyUrlToClipboard } from "@plane/utils";
+import { copyUrlToClipboard, cn } from "@plane/utils";
 // components
 import { ArchiveCycleModal, CycleCreateUpdateModal, CycleDeleteModal } from "@/components/cycles";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useCycle, useEventTracker, useUserPermissions } from "@/hooks/store";
 import { useAppRouter } from "@/hooks/use-app-router";