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

space/core/components/account/auth-forms/email.tsx

@@ -9,7 +9,7 @@ import { IEmailCheckData } from "@plane/types";
 // ui
 import { Button, Input, Spinner } from "@plane/ui";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 import { checkEmailValidity } from "@/helpers/string.helper";
 
 type TAuthEmailForm = {

space/core/components/account/helpers/password-strength-meter.tsx

@@ -3,7 +3,7 @@
 import { FC, useMemo } from "react";
 // import { CircleCheck } from "lucide-react";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 import {
   E_PASSWORD_STRENGTH,
   // PASSWORD_CRITERIA,

space/core/components/common/project-logo.tsx

@@ -1,7 +1,7 @@
 // types
 import { TLogoProps } from "@plane/types";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 
 type Props = {
   className?: string;

space/core/components/editor/embeds/mentions/user.tsx

@@ -1,6 +1,6 @@
 import { observer } from "mobx-react";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // hooks
 import { useMember, useUser } from "@/hooks/store";
 

space/core/components/editor/lite-text-editor.tsx

@@ -2,10 +2,10 @@ import React from "react";
 // plane imports
 import { EditorRefApi, ILiteTextEditor, LiteTextEditorWithRef, TFileHandler } from "@plane/editor";
 import { MakeOptional } from "@plane/types";
+import { cn } from "@plane/utils";
 // components
 import { EditorMentionsRoot, IssueCommentToolbar } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 import { getEditorFileHandlers } from "@/helpers/editor.helper";
 import { isCommentEmpty } from "@/helpers/string.helper";
 

space/core/components/editor/lite-text-read-only-editor.tsx

@@ -2,10 +2,10 @@ import React from "react";
 // plane imports
 import { EditorReadOnlyRefApi, ILiteTextReadOnlyEditor, LiteTextReadOnlyEditorWithRef } from "@plane/editor";
 import { MakeOptional } from "@plane/types";
+import { cn } from "@plane/utils";
 // components
 import { EditorMentionsRoot } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 import { getReadOnlyEditorFileHandlers } from "@/helpers/editor.helper";
 // store hooks
 import { useMember } from "@/hooks/store";

space/core/components/editor/rich-text-read-only-editor.tsx

@@ -2,10 +2,10 @@ import React from "react";
 // plane imports
 import { EditorReadOnlyRefApi, IRichTextReadOnlyEditor, RichTextReadOnlyEditorWithRef } from "@plane/editor";
 import { MakeOptional } from "@plane/types";
+import { cn } from "@plane/utils";
 // components
 import { EditorMentionsRoot } from "@/components/editor";
 // helpers
-import { cn } from "@/helpers/common.helper";
 import { getReadOnlyEditorFileHandlers } from "@/helpers/editor.helper";
 // store hooks
 import { useMember } from "@/hooks/store";

space/core/components/editor/toolbar.tsx

@@ -1,12 +1,10 @@
 "use client";
 
 import React, { useEffect, useState, useCallback } from "react";
-// editor
+// plane imports
 import { TOOLBAR_ITEMS, ToolbarMenuItem, EditorRefApi } from "@plane/editor";
-// ui
 import { Button, Tooltip } from "@plane/ui";
-// helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 
 type Props = {
   executeCommand: (item: ToolbarMenuItem) => void;

space/core/components/issues/issue-layouts/kanban/kanban-group.tsx

@@ -11,8 +11,7 @@ import {
   TPaginationData,
   TLoader,
 } from "@plane/types";
-// helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "@plane/utils";
 // hooks
 import { useIntersectionObserver } from "@/hooks/use-intersection-observer";
 //

space/core/components/issues/issue-layouts/properties/due-date.tsx

@@ -3,8 +3,8 @@
 import { observer } from "mobx-react";
 import { CalendarCheck2 } from "lucide-react";
 import { Tooltip } from "@plane/ui";
+import { cn } from "@plane/utils";
 // helpers
-import { cn } from "@/helpers/common.helper";
 import { renderFormattedDate } from "@/helpers/date-time.helper";
 import { shouldHighlightIssueDueDate } from "@/helpers/issue.helper";
 // hooks

space/core/components/issues/navbar/user-avatar.tsx

@@ -11,8 +11,8 @@ import { Popover, Transition } from "@headlessui/react";
 import { API_BASE_URL } from "@plane/constants";
 import { AuthService } from "@plane/services";
 import { Avatar, Button } from "@plane/ui";
+import { getFileURL } from "@plane/utils";
 // helpers
-import { getFileURL } from "@/helpers/file.helper";
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
 import { useUser } from "@/hooks/store";

space/core/components/issues/peek-overview/comment/comment-detail-card.tsx

@@ -6,12 +6,12 @@ import { Menu, Transition } from "@headlessui/react";
 // plane imports
 import { EditorRefApi } from "@plane/editor";
 import { TIssuePublicComment } from "@plane/types";
+import { getFileURL } from "@plane/utils";
 // components
 import { LiteTextEditor, LiteTextReadOnlyEditor } from "@/components/editor";
 import { CommentReactions } from "@/components/issues/peek-overview";
 // helpers
 import { timeAgo } from "@/helpers/date-time.helper";
-import { getFileURL } from "@/helpers/file.helper";
 // hooks
 import { useIssueDetails, usePublish, useUser } from "@/hooks/store";
 import useIsInIframe from "@/hooks/use-is-in-iframe";

space/core/components/issues/peek-overview/comment/comment-reactions.tsx

@@ -4,10 +4,11 @@ import React from "react";
 import { observer } from "mobx-react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { Tooltip } from "@plane/ui";
+// plane imports
+import { cn } from "@plane/utils";
 // ui
 import { ReactionSelector } from "@/components/ui";
 // helpers
-import { cn } from "@/helpers/common.helper";
 import { groupReactions, renderEmoji } from "@/helpers/emoji.helper";
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks

space/core/components/issues/peek-overview/issue-properties.tsx

@@ -3,14 +3,13 @@
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { CalendarCheck2, Signal } from "lucide-react";
+// plane imports
 import { useTranslation } from "@plane/i18n";
-// ui
 import { DoubleCircleIcon, StateGroupIcon, TOAST_TYPE, setToast } from "@plane/ui";
-import { getIssuePriorityFilters } from "@plane/utils";
+import { cn, getIssuePriorityFilters } from "@plane/utils";
 // components
 import { Icon } from "@/components/ui";
 // helpers
-import { cn } from "@/helpers/common.helper";
 import { renderFormattedDate } from "@/helpers/date-time.helper";
 import { shouldHighlightIssueDueDate } from "@/helpers/issue.helper";
 import { copyTextToClipboard, addSpaceIfCamelCase } from "@/helpers/string.helper";

space/core/components/issues/reactions/issue-vote-reactions.tsx

@@ -3,9 +3,10 @@
 import { useState } from "react";
 import { observer } from "mobx-react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
+// plane imports
 import { Tooltip } from "@plane/ui";
+import { cn } from "@plane/utils";
 // helpers
-import { cn } from "@/helpers/common.helper";
 import { queryParamGenerator } from "@/helpers/query-param-generator";
 // hooks
 import { useIssueDetails, useUser } from "@/hooks/store";

space/core/lib/toast-provider.tsx

@@ -1,11 +1,10 @@
 "use client";
 
 import { ReactNode } from "react";
-import { useTheme } from "next-themes"
-// ui
+import { useTheme } from "next-themes";
+// plane imports
 import { Toast } from "@plane/ui";
-// helpers
-import { resolveGeneralTheme } from "@/helpers/common.helper";
+import { resolveGeneralTheme } from "@plane/utils";
 
 export const ToastProvider = ({ children }: { children: ReactNode }) => {
   // themes

space/helpers/editor.helper.ts

@@ -1,9 +1,8 @@
-// plane internal
+// plane imports
 import { MAX_FILE_SIZE } from "@plane/constants";
 import { TFileHandler, TReadOnlyFileHandler } from "@plane/editor";
 import { SitesFileService } from "@plane/services";
-// helpers
-import { getFileURL } from "@/helpers/file.helper";
+import { getFileURL } from "@plane/utils";
 // services
 const sitesFileService = new SitesFileService();