binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-5134] refactor: update web ESLint configuration and refactor imports to use type imports (#7957)

Browse source 
* [WEB-5134] refactor: update `web` ESLint configuration and refactor imports to use type imports

- Enhanced ESLint configuration by adding new rules for import consistency and type imports.
- Refactored multiple files to replace regular imports with type imports for better clarity and performance.
- Ensured consistent use of type imports across the application to align with TypeScript best practices.

* refactor: standardize type imports across components

- Updated multiple files to replace regular imports with type imports for improved clarity and consistency.
- Ensured adherence to TypeScript best practices in the rich filters and issue layouts components.
This commit is contained in:
Prateek Shourya 2025-10-14 16:45:07 +05:30 • committed by GitHub
parent 4168127803
commit 9cfde896b3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1080 changed files with 2589 additions and 2082 deletions
Download patch file Download diff file Expand all files Collapse all files

14
apps/web/.eslintrc.js
View file

@ -1,4 +1,18 @@
module.exports = {
root: true,
extends: ["@plane/eslint-config/next.js"],
rules: {
"no-duplicate-imports": "off",
"import/no-duplicates": ["error", { "prefer-inline": false }],
"import/consistent-type-specifier-style": ["error", "prefer-top-level"],
"@typescript-eslint/no-import-type-side-effects": "error",
"@typescript-eslint/consistent-type-imports": [
"error",
{
prefer: "type-imports",
fixStyle: "separate-type-imports",
disallowTypeAnnotations: false,
},
],
},
};

3
apps/web/app/(all)/[workspaceSlug]/(projects)/_sidebar.tsx
View file

@ -1,5 +1,6 @@
"use client";
import { FC, useState } from "react";
import type { FC } from "react";
import { useState } from "react";
import { observer } from "mobx-react";
// plane imports
import { SIDEBAR_WIDTH } from "@plane/constants";

3
apps/web/app/(all)/[workspaceSlug]/(projects)/analytics/[tabId]/page.tsx
View file

@ -6,7 +6,8 @@ import { useRouter } from "next/navigation";
// plane package imports
import { EUserPermissions, EUserPermissionsLevel, PROJECT_TRACKER_ELEMENTS } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { type TabItem, Tabs } from "@plane/ui";
import { Tabs } from "@plane/ui";
import type { TabItem } from "@plane/ui";
// components
import AnalyticsFilterActions from "@/components/analytics/analytics-filter-actions";
import { PageHead } from "@/components/core/page-title";

2
apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx
View file

@ -17,7 +17,7 @@ import { SidebarProjectsListItem } from "@/components/workspace/sidebar/projects
import { useAppTheme } from "@/hooks/store/use-app-theme";
import { useProject } from "@/hooks/store/use-project";
import { useUserPermissions } from "@/hooks/store/user";
import { TProject } from "@/plane-web/types";
import type { TProject } from "@/plane-web/types";
import { ExtendedSidebarWrapper } from "./extended-sidebar-wrapper";
export const ExtendedProjectSidebar = observer(() => {

3
apps/web/app/(all)/[workspaceSlug]/(projects)/extended-sidebar-wrapper.tsx
View file

@ -1,6 +1,7 @@
"use client";
import React, { FC } from "react";
import type { FC } from "react";
import React from "react";
import { observer } from "mobx-react";
// plane imports
import { EXTENDED_SIDEBAR_WIDTH, SIDEBAR_WIDTH } from "@plane/constants";

2
apps/web/app/(all)/[workspaceSlug]/(projects)/extended-sidebar.tsx
View file

@ -5,7 +5,7 @@ import { observer } from "mobx-react";
import { useParams } from "next/navigation";
// plane imports
import { WORKSPACE_SIDEBAR_DYNAMIC_NAVIGATION_ITEMS_LINKS } from "@plane/constants";
import { EUserWorkspaceRoles } from "@plane/types";
import type { EUserWorkspaceRoles } from "@plane/types";
// hooks
import { useAppTheme } from "@/hooks/store/use-app-theme";
import { useWorkspace } from "@/hooks/store/use-workspace";

4
apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/header.tsx
View file

@ -1,14 +1,14 @@
"use client";
// ui
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
import { useParams, useRouter } from "next/navigation";
import { ChevronDown, PanelRight } from "lucide-react";
import { PROFILE_VIEWER_TAB, PROFILE_ADMINS_TAB, EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { YourWorkIcon } from "@plane/propel/icons";
import { IUserProfileProjectSegregation } from "@plane/types";
import type { IUserProfileProjectSegregation } from "@plane/types";
import { Breadcrumbs, Header, CustomMenu } from "@plane/ui";
import { cn } from "@plane/utils";
// components

4
apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx
View file

@ -10,13 +10,13 @@ import { EIssueFilterType, ISSUE_LAYOUTS, ISSUE_DISPLAY_FILTERS_BY_PAGE } from "
// plane i18n
import { useTranslation } from "@plane/i18n";
// types
import {
EIssuesStoreType,
import type {
IIssueDisplayFilterOptions,
IIssueDisplayProperties,
TIssueLayouts,
EIssueLayoutTypes,
} from "@plane/types";
import { EIssuesStoreType } from "@plane/types";
// ui
import { CustomMenu } from "@plane/ui";
// components

2
apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/page.tsx
View file

@ -5,7 +5,7 @@ import useSWR from "swr";
// plane imports
import { GROUP_CHOICES } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { IUserStateDistribution, TStateGroups } from "@plane/types";
import type { IUserStateDistribution, TStateGroups } from "@plane/types";
import { ContentWrapper } from "@plane/ui";
// components
import { PageHead } from "@/components/core/page-title";

2
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
import { useParams } from "next/navigation";
import { ArchiveIcon, CycleIcon, ModuleIcon, WorkItemsIcon } from "@plane/propel/icons";

9
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/header.tsx
View file

@ -19,13 +19,8 @@ import { useTranslation } from "@plane/i18n";
import { Button } from "@plane/propel/button";
import { CycleIcon } from "@plane/propel/icons";
import { Tooltip } from "@plane/propel/tooltip";
import {
EIssuesStoreType,
ICustomSearchSelectOption,
IIssueDisplayFilterOptions,
IIssueDisplayProperties,
EIssueLayoutTypes,
} from "@plane/types";
import type { ICustomSearchSelectOption, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "@plane/types";
import { EIssuesStoreType, EIssueLayoutTypes } from "@plane/types";
import { Breadcrumbs, BreadcrumbNavigationSearchDropdown, Header } from "@plane/ui";
import { cn } from "@plane/utils";
// components

3
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/mobile-header.tsx
View file

@ -7,7 +7,8 @@ import { Calendar, ChevronDown, Kanban, List } from "lucide-react";
// plane imports
import { EIssueFilterType, ISSUE_LAYOUTS, ISSUE_DISPLAY_FILTERS_BY_PAGE } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { EIssuesStoreType, IIssueDisplayFilterOptions, IIssueDisplayProperties, EIssueLayoutTypes } from "@plane/types";
import type { IIssueDisplayFilterOptions, IIssueDisplayProperties, EIssueLayoutTypes } from "@plane/types";
import { EIssuesStoreType } from "@plane/types";
import { CustomMenu } from "@plane/ui";
// components
import { WorkItemsModal } from "@/components/analytics/work-items/modal";

2
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
import { useParams } from "next/navigation";
// ui

5
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/mobile-header.tsx
View file

@ -2,9 +2,10 @@
import { observer } from "mobx-react";
// ui
import { GanttChartSquare, LayoutGrid, List, type LucideIcon } from "lucide-react";
import { GanttChartSquare, LayoutGrid, List } from "lucide-react";
import type { LucideIcon } from "lucide-react";
// plane package imports
import { TCycleLayoutOptions } from "@plane/types";
import type { TCycleLayoutOptions } from "@plane/types";
import { CustomMenu } from "@plane/ui";
// hooks
import { useCycleFilter } from "@/hooks/store/use-cycle-filter";

3
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/page.tsx
View file

@ -6,7 +6,8 @@ import { useParams } from "next/navigation";
// plane imports
import { EUserPermissionsLevel, CYCLE_TRACKER_ELEMENTS } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { EUserProjectRoles, TCycleFilters } from "@plane/types";
import type { TCycleFilters } from "@plane/types";
import { EUserProjectRoles } from "@plane/types";
// components
import { Header, EHeaderVariant } from "@plane/ui";
import { calculateTotalFilters } from "@plane/utils";

3
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/mobile-header.tsx
View file

@ -7,7 +7,8 @@ import { ChevronDown } from "lucide-react";
// plane imports
import { EIssueFilterType, ISSUE_DISPLAY_FILTERS_BY_PAGE } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { EIssuesStoreType, IIssueDisplayFilterOptions, IIssueDisplayProperties, EIssueLayoutTypes } from "@plane/types";
import type { IIssueDisplayFilterOptions, IIssueDisplayProperties } from "@plane/types";
import { EIssuesStoreType, EIssueLayoutTypes } from "@plane/types";
// components
import { WorkItemsModal } from "@/components/analytics/work-items/modal";
import {

9
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/header.tsx
View file

@ -17,13 +17,8 @@ import {
import { Button } from "@plane/propel/button";
import { ModuleIcon } from "@plane/propel/icons";
import { Tooltip } from "@plane/propel/tooltip";
import {
EIssuesStoreType,
ICustomSearchSelectOption,
IIssueDisplayFilterOptions,
IIssueDisplayProperties,
EIssueLayoutTypes,
} from "@plane/types";
import type { ICustomSearchSelectOption, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "@plane/types";
import { EIssuesStoreType, EIssueLayoutTypes } from "@plane/types";
import { Breadcrumbs, Header, BreadcrumbNavigationSearchDropdown } from "@plane/ui";
import { cn } from "@plane/utils";
// components

3
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/mobile-header.tsx
View file

@ -8,7 +8,8 @@ import { Calendar, ChevronDown, Kanban, List } from "lucide-react";
// plane imports
import { EIssueFilterType, ISSUE_LAYOUTS, ISSUE_DISPLAY_FILTERS_BY_PAGE } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { EIssuesStoreType, IIssueDisplayFilterOptions, IIssueDisplayProperties, EIssueLayoutTypes } from "@plane/types";
import type { IIssueDisplayFilterOptions, IIssueDisplayProperties, EIssueLayoutTypes } from "@plane/types";
import { EIssuesStoreType } from "@plane/types";
import { CustomMenu } from "@plane/ui";
// components
import { WorkItemsModal } from "@/components/analytics/work-items/modal";

3
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/page.tsx
View file

@ -6,7 +6,8 @@ import { useParams } from "next/navigation";
// types
import { EUserPermissionsLevel } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { EUserProjectRoles, TModuleFilters } from "@plane/types";
import type { TModuleFilters } from "@plane/types";
import { EUserProjectRoles } from "@plane/types";
// components
import { calculateTotalFilters } from "@plane/utils";
import { PageHead } from "@/components/core/page-title";

6
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx
View file

@ -7,7 +7,8 @@ import { useParams } from "next/navigation";
import useSWR from "swr";
// plane types
import { getButtonStyling } from "@plane/propel/button";
import { EFileAssetType, TSearchEntityRequestPayload, TWebhookConnectionQueryParams } from "@plane/types";
import type { TSearchEntityRequestPayload, TWebhookConnectionQueryParams } from "@plane/types";
import { EFileAssetType } from "@plane/types";
// plane ui
// plane utils
import { cn } from "@plane/utils";
@ -15,7 +16,8 @@ import { cn } from "@plane/utils";
import { LogoSpinner } from "@/components/common/logo-spinner";
import { PageHead } from "@/components/core/page-title";
import { IssuePeekOverview } from "@/components/issues/peek-overview";
import { PageRoot, TPageRootConfig, TPageRootHandlers } from "@/components/pages/editor/page-root";
import type { TPageRootConfig, TPageRootHandlers } from "@/components/pages/editor/page-root";
import { PageRoot } from "@/components/pages/editor/page-root";
// hooks
import { useEditorConfig } from "@/hooks/editor";
import { useEditorAsset } from "@/hooks/store/use-editor-asset";

2
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/header.tsx
View file

@ -4,7 +4,7 @@ import { useParams } from "next/navigation";
import { EProjectFeatureKey } from "@plane/constants";
import { PageIcon } from "@plane/propel/icons";
// types
import { ICustomSearchSelectOption } from "@plane/types";
import type { ICustomSearchSelectOption } from "@plane/types";
// ui
import { Breadcrumbs, Header, BreadcrumbNavigationSearchDropdown } from "@plane/ui";
// components

2
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(list)/header.tsx
View file

@ -13,7 +13,7 @@ import {
// plane types
import { Button } from "@plane/propel/button";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import { TPage } from "@plane/types";
import type { TPage } from "@plane/types";
// plane ui
import { Breadcrumbs, Header } from "@plane/ui";
// helpers

2
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(list)/layout.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { ReactNode } from "react";
import type { ReactNode } from "react";
// components
import { AppHeader } from "@/components/core/app-header";
import { ContentWrapper } from "@/components/core/content-wrapper";

3
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(list)/page.tsx
View file

@ -5,7 +5,8 @@ import { useParams, useSearchParams } from "next/navigation";
// plane imports
import { EUserPermissionsLevel } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { EUserProjectRoles, TPageNavigationTabs } from "@plane/types";
import type { TPageNavigationTabs } from "@plane/types";
import { EUserProjectRoles } from "@plane/types";
// components
import { PageHead } from "@/components/core/page-title";
import { DetailedEmptyState } from "@/components/empty-state/detailed-empty-state-root";

10
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(detail)/[viewId]/header.tsx
View file

@ -17,14 +17,8 @@ import {
import { Button } from "@plane/propel/button";
import { ViewsIcon } from "@plane/propel/icons";
import { Tooltip } from "@plane/propel/tooltip";
import {
EIssuesStoreType,
EViewAccess,
ICustomSearchSelectOption,
IIssueDisplayFilterOptions,
IIssueDisplayProperties,
EIssueLayoutTypes,
} from "@plane/types";
import type { ICustomSearchSelectOption, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "@plane/types";
import { EIssuesStoreType, EViewAccess, EIssueLayoutTypes } from "@plane/types";
// ui
import { Breadcrumbs, Header, BreadcrumbNavigationSearchDropdown } from "@plane/ui";
// components

3
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(list)/page.tsx
View file

@ -6,7 +6,8 @@ import { useParams } from "next/navigation";
// components
import { EUserPermissionsLevel } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { EUserProjectRoles, EViewAccess, TViewFilterProps } from "@plane/types";
import type { EViewAccess, TViewFilterProps } from "@plane/types";
import { EUserProjectRoles } from "@plane/types";
import { Header, EHeaderVariant } from "@plane/ui";
import { calculateTotalFilters } from "@plane/utils";
import { PageHead } from "@/components/core/page-title";

2
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/archives/layout.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { ReactNode } from "react";
import type { ReactNode } from "react";
// components
import { AppHeader } from "@/components/core/app-header";
import { ContentWrapper } from "@/components/core/content-wrapper";

2
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/layout.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { ReactNode } from "react";
import type { ReactNode } from "react";
import { useParams } from "next/navigation";
// plane web layouts
import { ProjectAuthWrapper } from "@/plane-web/layouts/project-wrapper";

2
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(list)/layout.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { ReactNode } from "react";
import type { ReactNode } from "react";
// components
import { AppHeader } from "@/components/core/app-header";
import { ContentWrapper } from "@/components/core/content-wrapper";

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

@ -1,4 +1,4 @@
import { FC } from "react";
import type { FC } from "react";
import { isEmpty } from "lodash-es";
import { observer } from "mobx-react";
// plane helpers

9
apps/web/app/(all)/[workspaceSlug]/(projects)/workspace-views/header.tsx
View file

@ -13,13 +13,8 @@ import {
import { useTranslation } from "@plane/i18n";
import { Button } from "@plane/propel/button";
import { ViewsIcon } from "@plane/propel/icons";
import {
EIssuesStoreType,
IIssueDisplayFilterOptions,
IIssueDisplayProperties,
ICustomSearchSelectOption,
EIssueLayoutTypes,
} from "@plane/types";
import type { IIssueDisplayFilterOptions, IIssueDisplayProperties, ICustomSearchSelectOption } from "@plane/types";
import { EIssuesStoreType, EIssueLayoutTypes } from "@plane/types";
import { Breadcrumbs, Header, BreadcrumbNavigationSearchDropdown } from "@plane/ui";
// components
import { BreadcrumbLink } from "@/components/common/breadcrumb-link";

4
apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/layout.tsx
View file

@ -1,11 +1,11 @@
"use client";
import { FC, ReactNode } from "react";
import type { FC, ReactNode } from "react";
import { observer } from "mobx-react";
import { usePathname } from "next/navigation";
// constants
import { WORKSPACE_SETTINGS_ACCESS } from "@plane/constants";
import { EUserWorkspaceRoles } from "@plane/types";
import type { EUserWorkspaceRoles } from "@plane/types";
// components
import { NotAuthorizedView } from "@/components/auth-screens/not-authorized-view";
import { getWorkspaceActivePath, pathnameToAccessKey } from "@/components/settings/helper";

2
apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/members/page.tsx
View file

@ -14,7 +14,7 @@ import {
import { useTranslation } from "@plane/i18n";
import { Button } from "@plane/propel/button";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import { IWorkspaceBulkInviteFormData } from "@plane/types";
import type { IWorkspaceBulkInviteFormData } from "@plane/types";
import { cn } from "@plane/utils";
// components
import { NotAuthorizedView } from "@/components/auth-screens/not-authorized-view";

2
apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/sidebar.tsx
View file

@ -7,7 +7,7 @@ import {
EUserPermissions,
WORKSPACE_SETTINGS_CATEGORY,
} from "@plane/constants";
import { EUserWorkspaceRoles } from "@plane/types";
import type { EUserWorkspaceRoles } from "@plane/types";
import { SettingsSidebar } from "@/components/settings/sidebar";
import { useUserPermissions } from "@/hooks/store/user";
import { shouldRenderSettingLink } from "@/plane-web/helpers/workspace.helper";

2
apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/webhooks/[webhookId]/page.tsx
View file

@ -6,7 +6,7 @@ import { useParams } from "next/navigation";
import useSWR from "swr";
import { EUserPermissions, EUserPermissionsLevel, WORKSPACE_SETTINGS_TRACKER_EVENTS } from "@plane/constants";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import { IWebhook } from "@plane/types";
import type { IWebhook } from "@plane/types";
// ui
// components
import { LogoSpinner } from "@/components/common/logo-spinner";

2
apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/layout.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { ReactNode } from "react";
import type { ReactNode } from "react";
import { observer } from "mobx-react";
import { usePathname } from "next/navigation";
// components

3
apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/security/page.tsx
View file

@ -15,7 +15,8 @@ import { getPasswordStrength } from "@plane/utils";
import { PageHead } from "@/components/core/page-title";
import { ProfileSettingContentHeader } from "@/components/profile/profile-setting-content-header";
// helpers
import { authErrorHandler, type EAuthenticationErrorCodes } from "@/helpers/authentication.helper";
import { authErrorHandler } from "@/helpers/authentication.helper";
import type { EAuthenticationErrorCodes } from "@/helpers/authentication.helper";
// hooks
import { useUser } from "@/hooks/store/user";
// services

2
apps/web/app/(all)/[workspaceSlug]/(settings)/settings/projects/[projectId]/automations/page.tsx
View file

@ -6,7 +6,7 @@ import { useParams } from "next/navigation";
import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import { IProject } from "@plane/types";
import type { IProject } from "@plane/types";
// ui
// components
import { NotAuthorizedView } from "@/components/auth-screens/not-authorized-view";

3
apps/web/app/(all)/[workspaceSlug]/(settings)/settings/projects/layout.tsx
View file

@ -1,6 +1,7 @@
"use client";
import { ReactNode, useEffect } from "react";
import type { ReactNode } from "react";
import { useEffect } from "react";
import { observer } from "mobx-react";
import { useParams, usePathname } from "next/navigation";
// components

2
apps/web/app/(all)/accounts/forgot-password/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata } from "next";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Forgot Password - Plane",

2
apps/web/app/(all)/accounts/reset-password/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata } from "next";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Reset Password - Plane",

2
apps/web/app/(all)/accounts/set-password/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata } from "next";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Set Password - Plane",

2
apps/web/app/(all)/create-workspace/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata } from "next";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Create Workspace",

2
apps/web/app/(all)/create-workspace/page.tsx
View file

@ -8,7 +8,7 @@ import Link from "next/link";
import { useTranslation } from "@plane/i18n";
import { Button, getButtonStyling } from "@plane/propel/button";
import { PlaneLogo } from "@plane/propel/icons";
import { IWorkspace } from "@plane/types";
import type { IWorkspace } from "@plane/types";
// components
import { CreateWorkspaceForm } from "@/components/workspace/create-workspace-form";
// hooks

2
apps/web/app/(all)/invitations/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata } from "next";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Invitations",

2
apps/web/app/(all)/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata, Viewport } from "next";
import type { Metadata, Viewport } from "next";
import { PreloadResources } from "./layout.preload";

2
apps/web/app/(all)/onboarding/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata } from "next";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Onboarding",

5
apps/web/app/(all)/profile/appearance/page.tsx
View file

@ -4,10 +4,11 @@ import { useEffect, useState } from "react";
import { observer } from "mobx-react";
import { useTheme } from "next-themes";
// plane imports
import { I_THEME_OPTION, THEME_OPTIONS } from "@plane/constants";
import type { I_THEME_OPTION } from "@plane/constants";
import { THEME_OPTIONS } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { setPromiseToast } from "@plane/propel/toast";
import { IUserTheme } from "@plane/types";
import type { IUserTheme } from "@plane/types";
// components
import { applyTheme, unsetCustomCssVariables } from "@plane/utils";
import { LogoSpinner } from "@/components/common/logo-spinner";

2
apps/web/app/(all)/profile/layout.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { ReactNode } from "react";
import type { ReactNode } from "react";
// components
import { CommandPalette } from "@/components/command-palette";
// wrappers

3
apps/web/app/(all)/profile/security/page.tsx
View file

@ -16,7 +16,8 @@ import { PageHead } from "@/components/core/page-title";
import { ProfileSettingContentHeader } from "@/components/profile/profile-setting-content-header";
import { ProfileSettingContentWrapper } from "@/components/profile/profile-setting-content-wrapper";
// helpers
import { authErrorHandler, type EAuthenticationErrorCodes } from "@/helpers/authentication.helper";
import { authErrorHandler } from "@/helpers/authentication.helper";
import type { EAuthenticationErrorCodes } from "@/helpers/authentication.helper";
// hooks
import { useUser } from "@/hooks/store/user";
// services

2
apps/web/app/(all)/sign-up/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata } from "next";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Sign up - Plane",

2
apps/web/app/(all)/workspace-invitations/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata } from "next";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Workspace Invitations",

2
apps/web/app/(home)/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata, Viewport } from "next";
import type { Metadata, Viewport } from "next";
export const metadata: Metadata = {
robots: {

2
apps/web/app/layout.tsx
View file

@ -1,4 +1,4 @@
import { Metadata, Viewport } from "next";
import type { Metadata, Viewport } from "next";
import Script from "next/script";
// styles

2
apps/web/app/not-found.tsx
View file

@ -1,7 +1,7 @@
"use client";
import React from "react";
import { Metadata } from "next";
import type { Metadata } from "next";
import Image from "next/image";
import Link from "next/link";
// ui

2
apps/web/app/provider.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { FC, ReactNode } from "react";
import type { FC, ReactNode } from "react";
import { AppProgressProvider as ProgressProvider } from "@bprogress/next";
import dynamic from "next/dynamic";
import { useTheme, ThemeProvider } from "next-themes";

2
apps/web/ce/components/analytics/tabs.tsx
View file

@ -1,4 +1,4 @@
import { AnalyticsTab } from "@plane/types";
import type { AnalyticsTab } from "@plane/types";
import { Overview } from "@/components/analytics/overview";
import { WorkItems } from "@/components/analytics/work-items";

3
apps/web/ce/components/automations/root.tsx
View file

@ -1,6 +1,7 @@
"use client";
import React, { FC } from "react";
import type { FC } from "react";
import React from "react";
export type TCustomAutomationsRootProps = {
projectId: string;

4
apps/web/ce/components/breadcrumbs/common.tsx
View file

@ -1,8 +1,8 @@
"use client";
import { FC } from "react";
import type { FC } from "react";
// plane imports
import { EProjectFeatureKey } from "@plane/constants";
import type { EProjectFeatureKey } from "@plane/constants";
// local components
import { ProjectBreadcrumb } from "./project";
import { ProjectFeatureBreadcrumb } from "./project-feature";

4
apps/web/ce/components/breadcrumbs/project-feature.tsx
View file

@ -1,10 +1,10 @@
"use client";
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
// plane imports
import { EProjectFeatureKey } from "@plane/constants";
import { ISvgIcons } from "@plane/propel/icons";
import type { ISvgIcons } from "@plane/propel/icons";
import { BreadcrumbNavigationDropdown, Breadcrumbs } from "@plane/ui";
// components
import { SwitcherLabel } from "@/components/common/switcher-label";

4
apps/web/ce/components/breadcrumbs/project.tsx
View file

@ -3,7 +3,7 @@
import { observer } from "mobx-react";
import { ProjectIcon } from "@plane/propel/icons";
// plane imports
import { ICustomSearchSelectOption } from "@plane/types";
import type { ICustomSearchSelectOption } from "@plane/types";
import { BreadcrumbNavigationSearchDropdown, Breadcrumbs } from "@plane/ui";
// components
import { Logo } from "@/components/common/logo";
@ -11,7 +11,7 @@ import { SwitcherLabel } from "@/components/common/switcher-label";
// hooks
import { useProject } from "@/hooks/store/use-project";
import { useAppRouter } from "@/hooks/use-app-router";
import { TProject } from "@/plane-web/types";
import type { TProject } from "@/plane-web/types";
type TProjectBreadcrumbProps = {
workspaceSlug: string;

6
apps/web/ce/components/command-palette/helpers.tsx
View file

@ -1,17 +1,15 @@
"use client";
// types
import { LayoutGrid } from "lucide-react";
// plane imports
import { CycleIcon, ModuleIcon, PageIcon, ProjectIcon, ViewsIcon } from "@plane/propel/icons";
import {
import type {
IWorkspaceDefaultSearchResult,
IWorkspaceIssueSearchResult,
IWorkspacePageSearchResult,
IWorkspaceProjectSearchResult,
IWorkspaceSearchResult,
} from "@plane/types";
// ui
// helpers
import { generateWorkItemLink } from "@plane/utils";
// plane web components
import { IssueIdentifier } from "@/plane-web/components/issues/issue-details/issue-identifier";

5
apps/web/ce/components/command-palette/modals/issue-level.tsx
View file

@ -1,8 +1,9 @@
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
import { useParams } from "next/navigation";
// plane imports
import { EIssueServiceType, EIssuesStoreType, TIssue } from "@plane/types";
import type { TIssue } from "@plane/types";
import { EIssueServiceType, EIssuesStoreType } from "@plane/types";
// components
import { BulkDeleteIssuesModal } from "@/components/core/modals/bulk-delete-issues-modal";
import { DeleteIssueModal } from "@/components/issues/delete-issue-modal";

6
apps/web/ce/components/comments/comment-block.tsx
View file

@ -1,8 +1,10 @@
import { FC, ReactNode, useRef } from "react";
import type { FC, ReactNode } from "react";
import { useRef } from "react";
import { observer } from "mobx-react";
// plane imports
import { useTranslation } from "@plane/i18n";
import { EIssueCommentAccessSpecifier, TIssueComment } from "@plane/types";
import type { TIssueComment } from "@plane/types";
import { EIssueCommentAccessSpecifier } from "@plane/types";
import { Avatar, Tooltip } from "@plane/ui";
import { calculateTimeAgo, cn, getFileURL, renderFormattedDate, renderFormattedTime } from "@plane/utils";
// hooks

2
apps/web/ce/components/common/extended-app-header.tsx
View file

@ -1,4 +1,4 @@
import { ReactNode } from "react";
import type { ReactNode } from "react";
import { observer } from "mobx-react";
import { AppSidebarToggleButton } from "@/components/sidebar/sidebar-toggle-button";
import { useAppTheme } from "@/hooks/store/use-app-theme";

2
apps/web/ce/components/common/subscription/subscription-pill.tsx
View file

@ -1,4 +1,4 @@
import { IWorkspace } from "@plane/types";
import type { IWorkspace } from "@plane/types";
type TProps = {
workspace?: IWorkspace;

2
apps/web/ce/components/cycles/active-cycle/root.tsx
View file

@ -17,7 +17,7 @@ import { DetailedEmptyState } from "@/components/empty-state/detailed-empty-stat
// hooks
import { useCycle } from "@/hooks/store/use-cycle";
import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
import { ActiveCycleIssueDetails } from "@/store/issue/cycle";
import type { ActiveCycleIssueDetails } from "@/store/issue/cycle";
interface IActiveCycleDetails {
workspaceSlug: string;

2
apps/web/ce/components/cycles/additional-actions.tsx
View file

@ -1,4 +1,4 @@
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
type Props = {
cycleId: string;

5
apps/web/ce/components/cycles/analytics-sidebar/base.tsx
View file

@ -1,9 +1,10 @@
"use client";
import { FC, Fragment } from "react";
import type { FC } from "react";
import { Fragment } from "react";
import { observer } from "mobx-react";
// plane imports
import { useTranslation } from "@plane/i18n";
import { TCycleEstimateType } from "@plane/types";
import type { TCycleEstimateType } from "@plane/types";
import { Loader } from "@plane/ui";
import { getDate } from "@plane/utils";
// components

3
apps/web/ce/components/cycles/analytics-sidebar/root.tsx
View file

@ -1,5 +1,6 @@
"use client";
import React, { FC } from "react";
import type { FC } from "react";
import React from "react";
// components
import { SidebarChart } from "./base";

3
apps/web/ce/components/de-dupe/de-dupe-button.tsx
View file

@ -1,5 +1,6 @@
"use client";
import React, { FC } from "react";
import type { FC } from "react";
import React from "react";
// local components
type TDeDupeButtonRoot = {

4
apps/web/ce/components/de-dupe/duplicate-modal/root.tsx
View file

@ -1,8 +1,8 @@
"use-client";
import { FC } from "react";
import type { FC } from "react";
// types
import { TDeDupeIssue } from "@plane/types";
import type { TDeDupeIssue } from "@plane/types";
type TDuplicateModalRootProps = {
workspaceSlug: string;

5
apps/web/ce/components/de-dupe/duplicate-popover/root.tsx
View file

@ -1,9 +1,10 @@
"use client";
import React, { FC } from "react";
import type { FC } from "react";
import React from "react";
import { observer } from "mobx-react";
// types
import { TDeDupeIssue } from "@plane/types";
import type { TDeDupeIssue } from "@plane/types";
import type { TIssueOperations } from "@/components/issues/issue-detail";
type TDeDupeIssuePopoverRootProps = {

2
apps/web/ce/components/de-dupe/issue-block/button-label.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { FC } from "react";
import type { FC } from "react";
type TDeDupeIssueButtonLabelProps = {
isOpen: boolean;

5
apps/web/ce/components/epics/epic-modal/modal.tsx
View file

@ -1,6 +1,7 @@
"use client";
import React, { FC } from "react";
import { TIssue } from "@plane/types";
import type { FC } from "react";
import React from "react";
import type { TIssue } from "@plane/types";
export interface EpicModalProps {
data?: Partial<TIssue>;

2
apps/web/ce/components/estimates/estimate-list-item-buttons.tsx
View file

@ -1,4 +1,4 @@
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
import { Pen, Trash } from "lucide-react";
import { PROJECT_SETTINGS_TRACKER_ELEMENTS } from "@plane/constants";

3
apps/web/ce/components/estimates/helper.tsx
View file

@ -1,4 +1,5 @@
import { TEstimateSystemKeys, EEstimateSystem } from "@plane/types";
import type { TEstimateSystemKeys } from "@plane/types";
import { EEstimateSystem } from "@plane/types";
export const isEstimateSystemEnabled = (key: TEstimateSystemKeys) => {
switch (key) {

2
apps/web/ce/components/estimates/inputs/time-input.tsx
View file

@ -1,4 +1,4 @@
import { FC } from "react";
import type { FC } from "react";
export type TEstimateTimeInputProps = {
value?: number;

4
apps/web/ce/components/estimates/points/delete.tsx
View file

@ -1,8 +1,8 @@
"use client";
import { FC } from "react";
import type { FC } from "react";
import { TEstimatePointsObject, TEstimateSystemKeys, TEstimateTypeErrorObject } from "@plane/types";
import type { TEstimatePointsObject, TEstimateSystemKeys, TEstimateTypeErrorObject } from "@plane/types";
export type TEstimatePointDelete = {
workspaceSlug: string;

2
apps/web/ce/components/estimates/update/modal.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
type TUpdateEstimateModal = {

4
apps/web/ce/components/gantt-chart/blocks/block-row-list.tsx
View file

@ -1,11 +1,11 @@
import { FC } from "react";
import type { FC } from "react";
// components
import type { IBlockUpdateData, IGanttBlock } from "@plane/types";
import RenderIfVisible from "@/components/core/render-if-visible-HOC";
// hooks
import { BlockRow } from "@/components/gantt-chart/blocks/block-row";
import { BLOCK_HEIGHT } from "@/components/gantt-chart/constants";
import { TSelectionHelper } from "@/hooks/use-multiple-select";
import type { TSelectionHelper } from "@/hooks/use-multiple-select";
// types
export type GanttChartBlocksProps = {

2
apps/web/ce/components/gantt-chart/blocks/blocks-list.tsx
View file

@ -1,4 +1,4 @@
import { FC } from "react";
import type { FC } from "react";
//
import type { IBlockUpdateDependencyData } from "@plane/types";
import { GanttChartBlock } from "@/components/gantt-chart/blocks/block";

2
apps/web/ce/components/gantt-chart/dependency/blockDraggables/left-draggable.tsx
View file

@ -1,4 +1,4 @@
import { RefObject } from "react";
import type { RefObject } from "react";
import type { IGanttBlock } from "@plane/types";
type LeftDependencyDraggableProps = {

2
apps/web/ce/components/gantt-chart/dependency/blockDraggables/right-draggable.tsx
View file

@ -1,4 +1,4 @@
import { RefObject } from "react";
import type { RefObject } from "react";
import type { IGanttBlock } from "@plane/types";
type RightDependencyDraggableProps = {

2
apps/web/ce/components/gantt-chart/dependency/dependency-paths.tsx
View file

@ -1,4 +1,4 @@
import { FC } from "react";
import type { FC } from "react";
type Props = {
isEpic?: boolean;

2
apps/web/ce/components/inbox/source-pill.tsx
View file

@ -1,4 +1,4 @@
import { EInboxIssueSource } from "@plane/types";
import type { EInboxIssueSource } from "@plane/types";
export type TInboxSourcePill = {
source: EInboxIssueSource;

2
apps/web/ce/components/issues/bulk-operations/root.tsx
View file

@ -3,7 +3,7 @@ import { observer } from "mobx-react";
import { BulkOperationsUpgradeBanner } from "@/components/issues/bulk-operations/upgrade-banner";
// hooks
import { useMultipleSelectStore } from "@/hooks/store/use-multiple-select-store";
import { TSelectionHelper } from "@/hooks/use-multiple-select";
import type { TSelectionHelper } from "@/hooks/use-multiple-select";
type Props = {
className?: string;

2
apps/web/ce/components/issues/filters/issue-types.tsx
View file

@ -1,6 +1,6 @@
"use client";
import React from "react";
import type React from "react";
import { observer } from "mobx-react";
type Props = {

2
apps/web/ce/components/issues/filters/team-project.tsx
View file

@ -1,6 +1,6 @@
"use client";
import React from "react";
import type React from "react";
import { observer } from "mobx-react";
type Props = {

4
apps/web/ce/components/issues/issue-detail-widgets/action-buttons.tsx
View file

@ -1,6 +1,6 @@
import { FC } from "react";
import type { FC } from "react";
// plane types
import { TIssueServiceType, TWorkItemWidgets } from "@plane/types";
import type { TIssueServiceType, TWorkItemWidgets } from "@plane/types";
export type TWorkItemAdditionalWidgetActionButtonsProps = {
disabled: boolean;

4
apps/web/ce/components/issues/issue-detail-widgets/collapsibles.tsx
View file

@ -1,6 +1,6 @@
import { FC } from "react";
import type { FC } from "react";
// plane types
import { TIssueServiceType, TWorkItemWidgets } from "@plane/types";
import type { TIssueServiceType, TWorkItemWidgets } from "@plane/types";
export type TWorkItemAdditionalWidgetCollapsiblesProps = {
disabled: boolean;

4
apps/web/ce/components/issues/issue-detail-widgets/modals.tsx
View file

@ -1,6 +1,6 @@
import { FC } from "react";
import type { FC } from "react";
// plane types
import { TIssueServiceType, TWorkItemWidgets } from "@plane/types";
import type { TIssueServiceType, TWorkItemWidgets } from "@plane/types";
export type TWorkItemAdditionalWidgetModalsProps = {
hideWidgets: TWorkItemWidgets[];

2
apps/web/ce/components/issues/issue-details/additional-activity-root.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
export type TAdditionalActivityRoot = {

3
apps/web/ce/components/issues/issue-details/additional-properties.tsx
View file

@ -1,4 +1,5 @@
import React, { FC } from "react";
import type { FC } from "react";
import React from "react";
// plane imports
export type TWorkItemAdditionalSidebarProperties = {

2
apps/web/ce/components/issues/issue-details/issue-creator.tsx
View file

@ -1,4 +1,4 @@
import { FC } from "react";
import type { FC } from "react";
import Link from "next/link";
// hooks
import { useIssueDetail } from "@/hooks/store/use-issue-detail";

4
apps/web/ce/components/issues/issue-details/issue-identifier.tsx
View file

@ -1,9 +1,9 @@
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
// types
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import { Tooltip } from "@plane/propel/tooltip";
import { IIssueDisplayProperties } from "@plane/types";
import type { IIssueDisplayProperties } from "@plane/types";
// ui
// helpers
import { cn } from "@plane/utils";

2
apps/web/ce/components/issues/issue-details/issue-properties-activity/root.tsx
View file

@ -1,4 +1,4 @@
import { FC } from "react";
import type { FC } from "react";
type TIssueAdditionalPropertiesActivity = {
activityId: string;

2
apps/web/ce/components/issues/issue-details/issue-type-activity.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { FC } from "react";
import type { FC } from "react";
import { observer } from "mobx-react";
export type TIssueTypeActivity = { activityId: string; showIssue?: boolean; ends: "top" | "bottom" | undefined };

5
apps/web/ce/components/issues/issue-layouts/additional-properties.tsx
View file

@ -1,5 +1,6 @@
import React, { FC } from "react";
import { IIssueDisplayProperties, TIssue } from "@plane/types";
import type { FC } from "react";
import React from "react";
import type { IIssueDisplayProperties, TIssue } from "@plane/types";
export type TWorkItemLayoutAdditionalProperties = {
displayProperties: IIssueDisplayProperties;

3
apps/web/ce/components/issues/issue-layouts/issue-stats.tsx
View file

@ -1,6 +1,7 @@
"use client";
import React, { FC } from "react";
import type { FC } from "react";
import React from "react";
type Props = {
issueId: string;

Some files were not shown because too many files have changed in this diff Show more