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/ce/components/active-cycles/workspace-active-cycles-upgrade.tsx

@@ -9,9 +9,9 @@ import { MARKETING_PRICING_PAGE_LINK } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { ContentWrapper, getButtonStyling } from "@plane/ui";
 // components
+import { cn } from "@plane/utils";
 import { ProIcon } from "@/components/common";
 // helper
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useUser } from "@/hooks/store";
 

web/ce/components/command-palette/helpers.tsx

@@ -12,7 +12,7 @@ import {
 // ui
 import { ContrastIcon, DiceIcon } from "@plane/ui";
 // helpers
-import { generateWorkItemLink } from "@/helpers/issue.helper";
+import { generateWorkItemLink } from "@plane/utils";
 // plane web components
 import { IssueIdentifier } from "@/plane-web/components/issues";
 

web/ce/components/comments/comment-block.tsx

@@ -4,9 +4,9 @@ import { observer } from "mobx-react";
 import { useTranslation } from "@plane/i18n";
 import { TIssueComment } from "@plane/types";
 import { Avatar, Tooltip } from "@plane/ui";
-import { calculateTimeAgo, cn, getFileURL, renderFormattedDate } from "@plane/utils";
+import { calculateTimeAgo, cn, getFileURL, renderFormattedDate, renderFormattedTime } from "@plane/utils";
 // hooks
-import { renderFormattedTime } from "@/helpers/date-time.helper";
+//
 import { useMember } from "@/hooks/store";
 
 type TCommentBlock = {

web/ce/components/cycles/analytics-sidebar/base.tsx

@@ -6,10 +6,10 @@ import { useTranslation } from "@plane/i18n";
 import { TCycleEstimateType } from "@plane/types";
 import { Loader } from "@plane/ui";
 // components
+import { getDate } from "@plane/utils";
 import ProgressChart from "@/components/core/sidebar/progress-chart";
 import { EstimateTypeDropdown, validateCycleSnapshot } from "@/components/cycles";
 // helpers
-import { getDate } from "@/helpers/date-time.helper";
 // hooks
 import { useCycle } from "@/hooks/store";
 

web/ce/components/gantt-chart/dependency/blockDraggables/left-draggable.tsx

@@ -1,5 +1,5 @@
 import { RefObject } from "react";
-import { IGanttBlock } from "@/components/gantt-chart";
+import type { IGanttBlock } from "@plane/types";
 
 type LeftDependencyDraggableProps = {
   block: IGanttBlock;

web/ce/components/gantt-chart/dependency/blockDraggables/right-draggable.tsx

@@ -1,5 +1,5 @@
 import { RefObject } from "react";
-import { IGanttBlock } from "@/components/gantt-chart";
+import type { IGanttBlock } from "@plane/types";
 
 type RightDependencyDraggableProps = {
   block: IGanttBlock;

web/ce/components/global/product-updates-header.tsx

@@ -2,7 +2,7 @@ import { observer } from "mobx-react";
 import Image from "next/image";
 import { useTranslation } from "@plane/i18n";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // assets
 import PlaneLogo from "@/public/plane-logos/blue-without-text.png";
 // package.json

web/ce/components/issues/header.tsx

@@ -4,8 +4,8 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // icons
 import { Circle, ExternalLink } from "lucide-react";
+import { EIssuesStoreType, EUserPermissions, EUserPermissionsLevel, SPACE_BASE_PATH, SPACE_BASE_URL } from "@plane/constants";
 // plane constants
-import { EIssuesStoreType, EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 // ui
 import { Breadcrumbs, Button, LayersIcon, Tooltip, Header } from "@plane/ui";
@@ -14,7 +14,6 @@ import { BreadcrumbLink, CountChip } from "@/components/common";
 // constants
 import HeaderFilters from "@/components/issues/filters";
 // helpers
-import { SPACE_BASE_PATH, SPACE_BASE_URL } from "@/helpers/common.helper";
 // hooks
 import { useEventTracker, useProject, useCommandPalette, useUserPermissions } from "@/hooks/store";
 import { useIssues } from "@/hooks/store/use-issues";

web/ce/components/issues/issue-details/issue-identifier.tsx

@@ -5,7 +5,7 @@ import { IIssueDisplayProperties } from "@plane/types";
 // ui
 import { setToast, TOAST_TYPE, Tooltip } from "@plane/ui";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // hooks
 import { useIssueDetail, useProject } from "@/hooks/store";
 

web/ce/components/pages/editor/ai/ask-pi-menu.tsx

@@ -3,9 +3,9 @@ import { CircleArrowUp, CornerDownRight, RefreshCcw, Sparkles } from "lucide-rea
 // ui
 import { Tooltip } from "@plane/ui";
 // components
+import { cn } from "@plane/utils";
 import { RichTextReadOnlyEditor } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // hooks
 import { useWorkspace } from "@/hooks/store";
 

web/ce/components/pages/editor/ai/menu.tsx

@@ -7,9 +7,9 @@ import { EditorRefApi } from "@plane/editor";
 // plane ui
 import { Tooltip } from "@plane/ui";
 // components
+import { cn } from "@plane/utils";
 import { RichTextReadOnlyEditor } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 // plane web constants
 import { AI_EDITOR_TASKS, LOADING_TEXTS } from "@/plane-web/constants/ai";
 // plane web services

web/ce/components/pages/editor/embed/issue-embed-upgrade-card.tsx

@@ -1,9 +1,9 @@
 // plane ui
 import { getButtonStyling } from "@plane/ui";
 // components
+import { cn } from "@plane/utils";
 import { ProIcon } from "@/components/common";
 // helpers
-import { cn } from "@/helpers/common.helper";
 
 export const IssueEmbedUpgradeCard: React.FC<any> = (props) => (
   <div

web/ce/components/preferences/theme-switcher.tsx

@@ -3,16 +3,16 @@
 import { useEffect, useState, useCallback } from "react";
 import { observer } from "mobx-react";
 import { useTheme } from "next-themes";
+// plane imports
 import { I_THEME_OPTION, THEME_OPTIONS } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { IUserTheme } from "@plane/types";
 import { setPromiseToast } from "@plane/ui";
-
+import { applyTheme, unsetCustomCssVariables } from "@plane/utils";
 // components
 import { CustomThemeSelector, ThemeSwitch } from "@/components/core";
 // helpers
 import { PreferencesSection } from "@/components/preferences/section";
-import { applyTheme, unsetCustomCssVariables } from "@/helpers/theme.helper";
 // hooks
 import { useUserProfile } from "@/hooks/store";
 

web/ce/components/projects/create/attributes.tsx

@@ -7,10 +7,10 @@ import { IProject } from "@plane/types";
 // ui
 import { CustomSelect } from "@plane/ui";
 // components
+import { getTabIndex } from "@plane/utils";
 import { MemberDropdown } from "@/components/dropdowns";
 import { ProjectNetworkIcon } from "@/components/project";
 // helpers
-import { getTabIndex } from "@/helpers/tab-indices.helper";
 
 type Props = {
   isMobile?: boolean;

web/ce/components/projects/mobile-header.tsx

@@ -9,10 +9,10 @@ import { useTranslation } from "@plane/i18n";
 // types
 import { TProjectFilters } from "@plane/types";
 // hooks
+import { calculateTotalFilters } from "@plane/utils";
 import { FiltersDropdown } from "@/components/issues/issue-layouts";
 import { ProjectFiltersSelection, ProjectOrderByDropdown } from "@/components/project/dropdowns";
 // helpers
-import { calculateTotalFilters } from "@/helpers/filter.helper";
 // hooks
 import { useMember, useProjectFilter } from "@/hooks/store";
 

web/ce/components/workspace/edition-badge.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { observer } from "mobx-react";
+// ui
 import packageJson from "package.json";
-// plane imports
 import { useTranslation } from "@plane/i18n";
 import { Button, Tooltip } from "@plane/ui";
 // hooks

web/ce/components/workspace/sidebar/app-search.tsx

@@ -3,7 +3,7 @@ import { Search } from "lucide-react";
 // plane imports
 import { useTranslation } from "@plane/i18n";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // hooks
 import { useAppTheme, useCommandPalette } from "@/hooks/store";
 

web/ce/components/workspace/upgrade-badge.tsx

@@ -1,7 +1,7 @@
 import { FC } from "react";
 // helpers
 import { useTranslation } from "@plane/i18n";
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 
 type TUpgradeBadge = {
   className?: string;

web/ce/constants/estimates.ts

@@ -1,136 +0,0 @@
-// types
-import { TEstimateSystems } from "@plane/types";
-
-export const MAX_ESTIMATE_POINT_INPUT_LENGTH = 20;
-
-export enum EEstimateSystem {
-  POINTS = "points",
-  CATEGORIES = "categories",
-  TIME = "time",
-}
-
-export enum EEstimateUpdateStages {
-  CREATE = "create",
-  EDIT = "edit",
-  SWITCH = "switch",
-}
-
-export const estimateCount = {
-  min: 2,
-  max: 6,
-};
-
-export const ESTIMATE_SYSTEMS: TEstimateSystems = {
-  points: {
-    name: "Points",
-    i18n_name: "project_settings.estimates.systems.points.label",
-    templates: {
-      fibonacci: {
-        title: "Fibonacci",
-        i18n_title: "project_settings.estimates.systems.points.fibonacci",
-        values: [
-          { id: undefined, key: 1, value: "1" },
-          { id: undefined, key: 2, value: "2" },
-          { id: undefined, key: 3, value: "3" },
-          { id: undefined, key: 4, value: "5" },
-          { id: undefined, key: 5, value: "8" },
-          { id: undefined, key: 6, value: "13" },
-        ],
-      },
-      linear: {
-        title: "Linear",
-        i18n_title: "project_settings.estimates.systems.points.linear",
-        values: [
-          { id: undefined, key: 1, value: "1" },
-          { id: undefined, key: 2, value: "2" },
-          { id: undefined, key: 3, value: "3" },
-          { id: undefined, key: 4, value: "4" },
-          { id: undefined, key: 5, value: "5" },
-          { id: undefined, key: 6, value: "6" },
-        ],
-      },
-      squares: {
-        title: "Squares",
-        i18n_title: "project_settings.estimates.systems.points.squares",
-        values: [
-          { id: undefined, key: 1, value: "1" },
-          { id: undefined, key: 2, value: "4" },
-          { id: undefined, key: 3, value: "9" },
-          { id: undefined, key: 4, value: "16" },
-          { id: undefined, key: 5, value: "25" },
-          { id: undefined, key: 6, value: "36" },
-        ],
-      },
-      custom: {
-        title: "Custom",
-        i18n_title: "project_settings.estimates.systems.points.custom",
-        values: [
-          { id: undefined, key: 1, value: "1" },
-          { id: undefined, key: 2, value: "2" },
-        ],
-        hide: true,
-      },
-    },
-    is_available: true,
-    is_ee: false,
-  },
-  categories: {
-    name: "Categories",
-    i18n_name: "project_settings.estimates.systems.categories.label",
-    templates: {
-      t_shirt_sizes: {
-        title: "T-Shirt Sizes",
-        i18n_title: "project_settings.estimates.systems.categories.t_shirt_sizes",
-        values: [
-          { id: undefined, key: 1, value: "XS" },
-          { id: undefined, key: 2, value: "S" },
-          { id: undefined, key: 3, value: "M" },
-          { id: undefined, key: 4, value: "L" },
-          { id: undefined, key: 5, value: "XL" },
-          { id: undefined, key: 6, value: "XXL" },
-        ],
-      },
-      easy_to_hard: {
-        title: "Easy to hard",
-        i18n_title: "project_settings.estimates.systems.categories.easy_to_hard",
-        values: [
-          { id: undefined, key: 1, value: "Easy" },
-          { id: undefined, key: 2, value: "Medium" },
-          { id: undefined, key: 3, value: "Hard" },
-          { id: undefined, key: 4, value: "Very Hard" },
-        ],
-      },
-      custom: {
-        title: "Custom",
-        i18n_title: "project_settings.estimates.systems.categories.custom",
-        values: [
-          { id: undefined, key: 1, value: "Easy" },
-          { id: undefined, key: 2, value: "Hard" },
-        ],
-        hide: true,
-      },
-    },
-    is_available: true,
-    is_ee: false,
-  },
-  time: {
-    name: "Time",
-    i18n_name: "project_settings.estimates.systems.time.label",
-    templates: {
-      hours: {
-        title: "Hours",
-        i18n_title: "project_settings.estimates.systems.time.hours",
-        values: [
-          { id: undefined, key: 1, value: "1" },
-          { id: undefined, key: 2, value: "2" },
-          { id: undefined, key: 3, value: "3" },
-          { id: undefined, key: 4, value: "4" },
-          { id: undefined, key: 5, value: "5" },
-          { id: undefined, key: 6, value: "6" },
-        ],
-      },
-    },
-    is_available: true,
-    is_ee: true,
-  },
-};

web/ce/constants/index.ts

@@ -1,5 +1,4 @@
 export * from "./ai";
-export * from "./estimates";
 export * from "./gantt-chart";
 export * from "./project";
 export * from "./sidebar-favorites";

web/ce/services/project/estimate.service.ts

@@ -1,9 +1,9 @@
 /* eslint-disable no-useless-catch */
 
 // types
+import { API_BASE_URL } from "@plane/constants";
 import { IEstimate, IEstimateFormData, IEstimatePoint } from "@plane/types";
 // helpers
-import { API_BASE_URL } from "@/helpers/common.helper";
 // services
 import { APIService } from "@/services/api.service";
 

web/ce/services/project/view.service.ts

@@ -1,6 +1,5 @@
-import { EViewAccess } from "@plane/constants";
+import { EViewAccess, API_BASE_URL } from "@plane/constants";
 import { TPublishViewSettings } from "@plane/types";
-import { API_BASE_URL } from "@/helpers/common.helper";
 import { ViewService as CoreViewService } from "@/services/view.service";
 
 export class ViewService extends CoreViewService {

web/ce/services/workspace.service.ts

@@ -1,5 +1,4 @@
-import { EViewAccess } from "@plane/constants";
-import { API_BASE_URL } from "@/helpers/common.helper";
+import { EViewAccess, API_BASE_URL } from "@plane/constants";
 import { WorkspaceService as CoreWorkspaceService } from "@/services/workspace.service";
 
 export class WorkspaceService extends CoreWorkspaceService {

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

@@ -3,7 +3,8 @@ import set from "lodash/set";
 import { action, makeObservable, observable, runInAction } from "mobx";
 import { computedFn } from "mobx-utils";
 // components
-import { ChartDataType, IBlockUpdateDependencyData, IGanttBlock, TGanttViews } from "@/components/gantt-chart";
+import type { ChartDataType, IBlockUpdateDependencyData, IGanttBlock, TGanttViews } from "@plane/types";
+import { renderFormattedPayloadDate } from "@plane/utils";
 import { currentViewDataWithView } from "@/components/gantt-chart/data";
 import {
   getDateFromPositionOnGantt,
@@ -11,7 +12,6 @@ import {
   getPositionFromDate,
 } from "@/components/gantt-chart/views/helpers";
 // helpers
-import { renderFormattedPayloadDate } from "@/helpers/date-time.helper";
 // store
 import { RootStore } from "@/plane-web/store/root.store";