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

[WEB-4724] feat: migrate tooltips from blueprintjs to base-ui (#7646)

Browse source 
* feat: add card component to propel package and update tooltip imports

* refactor: remove @plane/ui dependency and update tooltip imports to use local card component

* fix: lint

* refactor: update import from @plane/ui to @plane/utils in command component

* chore: removed blueprintjs/core and blueprintjs/popover2 dependencies

* chore: updated tooltip instances across platform and performed related code refactoring

* chore: code refactor

* chore: code refactor

* fix: lint and build error

* chore: code refactor

* chore: code refactor

* chore: code refactor

* chore: code refactor

* fix: format issue

* fix: build fix

---------

Co-authored-by: Jayash Tripathy <76092296+JayashTripathy@users.noreply.github.com>
This commit is contained in:
Anmol Singh Bhatia 2025-09-02 18:19:56 +05:30 • committed by GitHub
parent 569b2fba83
commit 26b48bfcf0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
146 changed files with 325 additions and 426 deletions
Download patch file Download diff file Expand all files Collapse all files

3
apps/admin/app/(all)/(dashboard)/sidebar-help-section.tsx
View file

@ -7,7 +7,8 @@ import { ExternalLink, FileText, HelpCircle, MoveLeft } from "lucide-react";
import { Transition } from "@headlessui/react"; import { Transition } from "@headlessui/react";
// plane internal packages // plane internal packages
import { WEB_BASE_URL } from "@plane/constants"; import { WEB_BASE_URL } from "@plane/constants";
import { DiscordIcon, GithubIcon, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { DiscordIcon, GithubIcon } from "@plane/ui";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// hooks // hooks
import { useTheme } from "@/hooks/store"; import { useTheme } from "@/hooks/store";

3
apps/admin/app/(all)/(dashboard)/sidebar-menu.tsx
View file

@ -5,7 +5,8 @@ import Link from "next/link";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
import { Image, BrainCog, Cog, Lock, Mail } from "lucide-react"; import { Image, BrainCog, Cog, Lock, Mail } from "lucide-react";
// plane internal packages // plane internal packages
import { Tooltip, WorkspaceIcon } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { WorkspaceIcon } from "@plane/ui";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// hooks // hooks
import { useTheme } from "@/hooks/store"; import { useTheme } from "@/hooks/store";

2
apps/admin/core/components/common/breadcrumb-link.tsx
View file

@ -1,7 +1,7 @@
"use client"; "use client";
import Link from "next/link"; import Link from "next/link";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
type Props = { type Props = {
label?: string; label?: string;

2
apps/admin/core/components/workspace/list-item.tsx
View file

@ -2,7 +2,7 @@ import { observer } from "mobx-react";
import { ExternalLink } from "lucide-react"; import { ExternalLink } from "lucide-react";
// plane internal packages // plane internal packages
import { WEB_BASE_URL } from "@plane/constants"; import { WEB_BASE_URL } from "@plane/constants";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { getFileURL } from "@plane/utils"; import { getFileURL } from "@plane/utils";
// hooks // hooks
import { useWorkspace } from "@/hooks/store"; import { useWorkspace } from "@/hooks/store";

3
apps/space/core/components/editor/toolbar.tsx
View file

@ -3,7 +3,8 @@
import React, { useEffect, useState, useCallback } from "react"; import React, { useEffect, useState, useCallback } from "react";
// plane imports // plane imports
import { TOOLBAR_ITEMS, type ToolbarMenuItem, type EditorRefApi } from "@plane/editor"; import { TOOLBAR_ITEMS, type ToolbarMenuItem, type EditorRefApi } from "@plane/editor";
import { Button, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { Button } from "@plane/ui";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
type Props = { type Props = {

2
apps/space/core/components/issues/issue-layouts/kanban/block.tsx
View file

@ -5,9 +5,9 @@ import { observer } from "mobx-react";
import Link from "next/link"; import Link from "next/link";
import { useParams, useSearchParams } from "next/navigation"; import { useParams, useSearchParams } from "next/navigation";
// plane types // plane types
import { Tooltip } from "@plane/propel/tooltip";
import { IIssueDisplayProperties } from "@plane/types"; import { IIssueDisplayProperties } from "@plane/types";
// plane ui // plane ui
import { Tooltip } from "@plane/ui";
// plane utils // plane utils
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// components // components

4
apps/space/core/components/issues/issue-layouts/list/block.tsx
View file

@ -5,9 +5,9 @@ import { observer } from "mobx-react";
import Link from "next/link"; import Link from "next/link";
import { useParams, useSearchParams } from "next/navigation"; import { useParams, useSearchParams } from "next/navigation";
// plane types // plane types
import { Tooltip } from "@plane/propel/tooltip";
import { IIssueDisplayProperties } from "@plane/types"; import { IIssueDisplayProperties } from "@plane/types";
// plane ui // plane ui
import { Tooltip } from "@plane/ui";
// plane utils // plane utils
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// helpers // helpers
@ -75,7 +75,7 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
onClick={handleIssuePeekOverview} onClick={handleIssuePeekOverview}
className="w-full truncate cursor-pointer text-sm text-custom-text-100" className="w-full truncate cursor-pointer text-sm text-custom-text-100"
> >
<Tooltip tooltipContent={issue.name} position="top-left"> <Tooltip tooltipContent={issue.name} position="top-start">
<p className="truncate">{issue.name}</p> <p className="truncate">{issue.name}</p>
</Tooltip> </Tooltip>
</Link> </Link>

2
apps/space/core/components/issues/issue-layouts/properties/all-properties.tsx
View file

@ -3,8 +3,8 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { Layers, Link, Paperclip } from "lucide-react"; import { Layers, Link, Paperclip } from "lucide-react";
// plane imports // plane imports
import { Tooltip } from "@plane/propel/tooltip";
import type { IIssueDisplayProperties } from "@plane/types"; import type { IIssueDisplayProperties } from "@plane/types";
import { Tooltip } from "@plane/ui";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// components // components
import { WithDisplayPropertiesHOC } from "@/components/issues/issue-layouts/with-display-properties-HOC"; import { WithDisplayPropertiesHOC } from "@/components/issues/issue-layouts/with-display-properties-HOC";

3
apps/space/core/components/issues/issue-layouts/properties/cycle.tsx
View file

@ -2,7 +2,8 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// plane ui // plane ui
import { ContrastIcon, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { ContrastIcon } from "@plane/ui";
// plane utils // plane utils
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
//hooks //hooks

2
apps/space/core/components/issues/issue-layouts/properties/due-date.tsx
View file

@ -2,7 +2,7 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { CalendarCheck2 } from "lucide-react"; import { CalendarCheck2 } from "lucide-react";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// helpers // helpers
import { renderFormattedDate } from "@/helpers/date-time.helper"; import { renderFormattedDate } from "@/helpers/date-time.helper";

2
apps/space/core/components/issues/issue-layouts/properties/labels.tsx
View file

@ -3,7 +3,7 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { Tags } from "lucide-react"; import { Tags } from "lucide-react";
// plane imports // plane imports
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
// hooks // hooks
import { useLabel } from "@/hooks/store/use-label"; import { useLabel } from "@/hooks/store/use-label";

3
apps/space/core/components/issues/issue-layouts/properties/modules.tsx
View file

@ -2,7 +2,8 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// plane ui // plane ui
import { DiceIcon, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { DiceIcon } from "@plane/ui";
// plane utils // plane utils
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// hooks // hooks

3
apps/space/core/components/issues/issue-layouts/properties/priority.tsx
View file

@ -3,8 +3,9 @@
import { SignalHigh } from "lucide-react"; import { SignalHigh } from "lucide-react";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
// types // types
import { Tooltip } from "@plane/propel/tooltip";
import { TIssuePriorities } from "@plane/types"; import { TIssuePriorities } from "@plane/types";
import { PriorityIcon, Tooltip } from "@plane/ui"; import { PriorityIcon } from "@plane/ui";
// constants // constants
import { cn, getIssuePriorityFilters } from "@plane/utils"; import { cn, getIssuePriorityFilters } from "@plane/utils";

3
apps/space/core/components/issues/issue-layouts/properties/state.tsx
View file

@ -2,7 +2,8 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// plane ui // plane ui
import { StateGroupIcon, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { StateGroupIcon } from "@plane/ui";
// plane utils // plane utils
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
//hooks //hooks

2
apps/space/core/components/issues/navbar/layout-selection.tsx
View file

@ -7,7 +7,7 @@ import { useRouter, useSearchParams } from "next/navigation";
import { SITES_ISSUE_LAYOUTS } from "@plane/constants"; import { SITES_ISSUE_LAYOUTS } from "@plane/constants";
// plane i18n // plane i18n
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
// helpers // helpers
import { queryParamGenerator } from "@/helpers/query-param-generator"; import { queryParamGenerator } from "@/helpers/query-param-generator";
// hooks // hooks

2
apps/space/core/components/issues/peek-overview/comment/comment-reactions.tsx
View file

@ -3,7 +3,7 @@
import React from "react"; import React from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { usePathname, useRouter, useSearchParams } from "next/navigation"; import { usePathname, useRouter, useSearchParams } from "next/navigation";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
// plane imports // plane imports
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// ui // ui

2
apps/space/core/components/issues/reactions/issue-emoji-reactions.tsx
View file

@ -3,7 +3,7 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { usePathname, useRouter, useSearchParams } from "next/navigation"; import { usePathname, useRouter, useSearchParams } from "next/navigation";
// lib // lib
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { ReactionSelector } from "@/components/ui"; import { ReactionSelector } from "@/components/ui";
// helpers // helpers
import { groupReactions, renderEmoji } from "@/helpers/emoji.helper"; import { groupReactions, renderEmoji } from "@/helpers/emoji.helper";

2
apps/space/core/components/issues/reactions/issue-vote-reactions.tsx
View file

@ -4,7 +4,7 @@ import { useState } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { usePathname, useRouter, useSearchParams } from "next/navigation"; import { usePathname, useRouter, useSearchParams } from "next/navigation";
// plane imports // plane imports
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// helpers // helpers
import { queryParamGenerator } from "@/helpers/query-param-generator"; import { queryParamGenerator } from "@/helpers/query-param-generator";

2
apps/space/package.json
View file

@ -15,8 +15,6 @@
"fix:format": "prettier --write \"**/*.{ts,tsx,md,json,css,scss}\"" "fix:format": "prettier --write \"**/*.{ts,tsx,md,json,css,scss}\""
}, },
"dependencies": { "dependencies": {
"@blueprintjs/core": "^4.16.3",
"@blueprintjs/popover2": "^1.13.3",
"@emotion/react": "^11.11.1", "@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0", "@emotion/styled": "^11.11.0",
"@headlessui/react": "^1.7.13", "@headlessui/react": "^1.7.13",

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

@ -7,7 +7,8 @@ import { useParams } from "next/navigation";
import { Plus, Search } from "lucide-react"; import { Plus, Search } from "lucide-react";
import { EUserPermissions, EUserPermissionsLevel, PROJECT_TRACKER_ELEMENTS } from "@plane/constants"; import { EUserPermissions, EUserPermissionsLevel, PROJECT_TRACKER_ELEMENTS } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { setToast, TOAST_TYPE, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { setToast, TOAST_TYPE } from "@plane/ui";
import { copyUrlToClipboard, orderJoinedProjects } from "@plane/utils"; import { copyUrlToClipboard, orderJoinedProjects } from "@plane/utils";
// components // components
import { CreateProjectModal } from "@/components/project/create-project-modal"; import { CreateProjectModal } from "@/components/project/create-project-modal";

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

@ -3,9 +3,10 @@
import { FC } from "react"; import { FC } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
import { Tooltip } from "@plane/propel/tooltip";
import { EIssuesStoreType } from "@plane/types"; import { EIssuesStoreType } from "@plane/types";
// ui // ui
import { ArchiveIcon, Breadcrumbs, Tooltip, Header, ContrastIcon, DiceIcon, LayersIcon } from "@plane/ui"; import { ArchiveIcon, Breadcrumbs, Header, ContrastIcon, DiceIcon, LayersIcon } from "@plane/ui";
// components // components
import { BreadcrumbLink } from "@/components/common/breadcrumb-link"; import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
// hooks // hooks

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

@ -16,6 +16,7 @@ import {
} from "@plane/constants"; } from "@plane/constants";
import { usePlatformOS } from "@plane/hooks"; import { usePlatformOS } from "@plane/hooks";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { import {
EIssuesStoreType, EIssuesStoreType,
ICustomSearchSelectOption, ICustomSearchSelectOption,
@ -24,7 +25,7 @@ import {
IIssueFilterOptions, IIssueFilterOptions,
EIssueLayoutTypes, EIssueLayoutTypes,
} from "@plane/types"; } from "@plane/types";
import { Breadcrumbs, Button, ContrastIcon, BreadcrumbNavigationSearchDropdown, Header, Tooltip } from "@plane/ui"; import { Breadcrumbs, Button, ContrastIcon, BreadcrumbNavigationSearchDropdown, Header } from "@plane/ui";
import { cn, isIssueFilterActive } from "@plane/utils"; import { cn, isIssueFilterActive } from "@plane/utils";
// components // components
import { WorkItemsModal } from "@/components/analytics/work-items/modal"; import { WorkItemsModal } from "@/components/analytics/work-items/modal";

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

@ -14,6 +14,7 @@ import {
EProjectFeatureKey, EProjectFeatureKey,
WORK_ITEM_TRACKER_ELEMENTS, WORK_ITEM_TRACKER_ELEMENTS,
} from "@plane/constants"; } from "@plane/constants";
import { Tooltip } from "@plane/propel/tooltip";
import { import {
EIssuesStoreType, EIssuesStoreType,
ICustomSearchSelectOption, ICustomSearchSelectOption,
@ -22,7 +23,7 @@ import {
IIssueFilterOptions, IIssueFilterOptions,
EIssueLayoutTypes, EIssueLayoutTypes,
} from "@plane/types"; } from "@plane/types";
import { Breadcrumbs, Button, DiceIcon, Header, BreadcrumbNavigationSearchDropdown, Tooltip } from "@plane/ui"; import { Breadcrumbs, Button, DiceIcon, Header, BreadcrumbNavigationSearchDropdown } from "@plane/ui";
import { cn, isIssueFilterActive } from "@plane/utils"; import { cn, isIssueFilterActive } from "@plane/utils";
// components // components
import { WorkItemsModal } from "@/components/analytics/work-items/modal"; import { WorkItemsModal } from "@/components/analytics/work-items/modal";

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

@ -14,6 +14,7 @@ import {
WORK_ITEM_TRACKER_ELEMENTS, WORK_ITEM_TRACKER_ELEMENTS,
} from "@plane/constants"; } from "@plane/constants";
// types // types
import { Tooltip } from "@plane/propel/tooltip";
import { import {
EIssuesStoreType, EIssuesStoreType,
EViewAccess, EViewAccess,
@ -24,7 +25,7 @@ import {
EIssueLayoutTypes, EIssueLayoutTypes,
} from "@plane/types"; } from "@plane/types";
// ui // ui
import { Breadcrumbs, Button, Tooltip, Header, BreadcrumbNavigationSearchDropdown } from "@plane/ui"; import { Breadcrumbs, Button, Header, BreadcrumbNavigationSearchDropdown } from "@plane/ui";
// components // components
import { isIssueFilterActive } from "@plane/utils"; import { isIssueFilterActive } from "@plane/utils";
import { SwitcherIcon, SwitcherLabel } from "@/components/common/switcher-label"; import { SwitcherIcon, SwitcherLabel } from "@/components/common/switcher-label";

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

@ -21,7 +21,8 @@ import {
import { PROFILE_ACTION_LINKS } from "@plane/constants"; import { PROFILE_ACTION_LINKS } from "@plane/constants";
import { useOutsideClickDetector } from "@plane/hooks"; import { useOutsideClickDetector } from "@plane/hooks";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { TOAST_TYPE, Tooltip, setToast } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { TOAST_TYPE, setToast } from "@plane/ui";
import { cn, getFileURL } from "@plane/utils"; import { cn, getFileURL } from "@plane/utils";
// components // components
import { SidebarNavItem } from "@/components/sidebar/sidebar-navigation"; import { SidebarNavItem } from "@/components/sidebar/sidebar-navigation";

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

@ -2,8 +2,9 @@ import { FC, ReactNode, useRef } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// plane imports // plane imports
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { TIssueComment } from "@plane/types"; import { TIssueComment } from "@plane/types";
import { Avatar, Tooltip } from "@plane/ui"; import { Avatar } from "@plane/ui";
import { calculateTimeAgo, cn, getFileURL, renderFormattedDate, renderFormattedTime } from "@plane/utils"; import { calculateTimeAgo, cn, getFileURL, renderFormattedDate, renderFormattedTime } from "@plane/utils";
// hooks // hooks
import { useMember } from "@/hooks/store/use-member"; import { useMember } from "@/hooks/store/use-member";

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

@ -2,7 +2,7 @@ import { FC } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { Pen, Trash } from "lucide-react"; import { Pen, Trash } from "lucide-react";
import { PROJECT_SETTINGS_TRACKER_ELEMENTS } from "@plane/constants"; import { PROJECT_SETTINGS_TRACKER_ELEMENTS } from "@plane/constants";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
// components // components
import { ProIcon } from "@/components/common/pro-icon"; import { ProIcon } from "@/components/common/pro-icon";

3
apps/web/ce/components/issues/header.tsx
View file

@ -14,8 +14,9 @@ import {
EProjectFeatureKey, EProjectFeatureKey,
} from "@plane/constants"; } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { EIssuesStoreType } from "@plane/types"; import { EIssuesStoreType } from "@plane/types";
import { Breadcrumbs, Button, Tooltip, Header } from "@plane/ui"; import { Breadcrumbs, Button, Header } from "@plane/ui";
// components // components
import { CountChip } from "@/components/common/count-chip"; import { CountChip } from "@/components/common/count-chip";
// constants // constants

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

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

2
apps/web/ce/components/pages/editor/ai/ask-pi-menu.tsx
View file

@ -1,7 +1,7 @@
import { useState } from "react"; import { useState } from "react";
import { CircleArrowUp, CornerDownRight, RefreshCcw, Sparkles } from "lucide-react"; import { CircleArrowUp, CornerDownRight, RefreshCcw, Sparkles } from "lucide-react";
// ui // ui
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
// components // components
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
import { RichTextEditor } from "@/components/editor/rich-text"; import { RichTextEditor } from "@/components/editor/rich-text";

2
apps/web/ce/components/pages/editor/ai/menu.tsx
View file

@ -5,7 +5,7 @@ import { ChevronRight, CornerDownRight, LucideIcon, RefreshCcw, Sparkles, Triang
// plane editor // plane editor
import type { EditorRefApi } from "@plane/editor"; import type { EditorRefApi } from "@plane/editor";
// plane ui // plane ui
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
// components // components
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
import { RichTextEditor } from "@/components/editor/rich-text"; import { RichTextEditor } from "@/components/editor/rich-text";

2
apps/web/ce/components/pages/header/lock-control.tsx
View file

@ -5,7 +5,7 @@ import { observer } from "mobx-react";
import { LockKeyhole, LockKeyholeOpen } from "lucide-react"; import { LockKeyhole, LockKeyholeOpen } from "lucide-react";
// plane imports // plane imports
import { PROJECT_PAGE_TRACKER_ELEMENTS } from "@plane/constants"; import { PROJECT_PAGE_TRACKER_ELEMENTS } from "@plane/constants";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
// helpers // helpers
import { captureClick } from "@/helpers/event-tracker.helper"; import { captureClick } from "@/helpers/event-tracker.helper";
// hooks // hooks

3
apps/web/ce/components/workspace/edition-badge.tsx
View file

@ -2,7 +2,8 @@ import { useState } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// ui // ui
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Button, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { Button } from "@plane/ui";
// hooks // hooks
import { usePlatformOS } from "@/hooks/use-platform-os"; import { usePlatformOS } from "@/hooks/use-platform-os";
import packageJson from "package.json"; import packageJson from "package.json";

5
apps/web/ce/components/workspace/sidebar/extended-sidebar-item.tsx
View file

@ -9,7 +9,8 @@ import { Pin, PinOff } from "lucide-react";
// plane imports // plane imports
import { EUserPermissionsLevel, IWorkspaceSidebarNavigationItem } from "@plane/constants"; import { EUserPermissionsLevel, IWorkspaceSidebarNavigationItem } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { DragHandle, DropIndicator, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { DragHandle, DropIndicator } from "@plane/ui";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// components // components
import { SidebarNavItem } from "@/components/sidebar/sidebar-navigation"; import { SidebarNavItem } from "@/components/sidebar/sidebar-navigation";
@ -165,7 +166,7 @@ export const ExtendedSidebarItem: FC<TExtendedSidebarItemProps> = observer((prop
<Tooltip <Tooltip
// isMobile={isMobile} // isMobile={isMobile}
tooltipContent={t("drag_to_rearrange")} tooltipContent={t("drag_to_rearrange")}
position="top-right" position="top-end"
disabled={isDragging} disabled={isDragging}
> >
<button <button

3
apps/web/core/components/api-token/modal/generated-token-details.tsx
View file

@ -2,9 +2,10 @@
import { Copy } from "lucide-react"; import { Copy } from "lucide-react";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { IApiToken } from "@plane/types"; import { IApiToken } from "@plane/types";
// ui // ui
import { Button, Tooltip, TOAST_TYPE, setToast } from "@plane/ui"; import { Button, TOAST_TYPE, setToast } from "@plane/ui";
import { renderFormattedDate, renderFormattedTime, copyTextToClipboard } from "@plane/utils"; import { renderFormattedDate, renderFormattedTime, copyTextToClipboard } from "@plane/utils";
// helpers // helpers
// types // types

2
apps/web/core/components/api-token/token-list-item.tsx
View file

@ -4,8 +4,8 @@ import { useState } from "react";
import { XCircle } from "lucide-react"; import { XCircle } from "lucide-react";
// plane imports // plane imports
import { PROFILE_SETTINGS_TRACKER_ELEMENTS } from "@plane/constants"; import { PROFILE_SETTINGS_TRACKER_ELEMENTS } from "@plane/constants";
import { Tooltip } from "@plane/propel/tooltip";
import { IApiToken } from "@plane/types"; import { IApiToken } from "@plane/types";
import { Tooltip } from "@plane/ui";
import { renderFormattedDate, calculateTimeAgo, renderFormattedTime } from "@plane/utils"; import { renderFormattedDate, calculateTimeAgo, renderFormattedTime } from "@plane/utils";
// components // components
import { DeleteApiTokenModal } from "@/components/api-token/delete-token-modal"; import { DeleteApiTokenModal } from "@/components/api-token/delete-token-modal";

2
apps/web/core/components/comments/comment-reaction.tsx
View file

@ -3,8 +3,8 @@
import { FC } from "react"; import { FC } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// plane imports // plane imports
import { Tooltip } from "@plane/propel/tooltip";
import { TCommentsOperations, TIssueComment } from "@plane/types"; import { TCommentsOperations, TIssueComment } from "@plane/types";
import { Tooltip } from "@plane/ui";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// helpers // helpers
import { renderEmoji } from "@/helpers/emoji.helper"; import { renderEmoji } from "@/helpers/emoji.helper";

2
apps/web/core/components/common/access-field.tsx
View file

@ -1,7 +1,7 @@
import { LucideIcon } from "lucide-react"; import { LucideIcon } from "lucide-react";
// plane ui // plane ui
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
// plane utils // plane utils
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";

2
apps/web/core/components/common/activity/activity-block.tsx
View file

@ -3,9 +3,9 @@
import { FC, ReactNode } from "react"; import { FC, ReactNode } from "react";
import { Network } from "lucide-react"; import { Network } from "lucide-react";
// types // types
import { Tooltip } from "@plane/propel/tooltip";
import { TWorkspaceBaseActivity } from "@plane/types"; import { TWorkspaceBaseActivity } from "@plane/types";
// ui // ui
import { Tooltip } from "@plane/ui";
// helpers // helpers
import { renderFormattedTime, renderFormattedDate, calculateTimeAgo } from "@plane/utils"; import { renderFormattedTime, renderFormattedDate, calculateTimeAgo } from "@plane/utils";
// hooks // hooks

3
apps/web/core/components/core/activity.tsx
View file

@ -20,8 +20,9 @@ import {
MessageSquareIcon, MessageSquareIcon,
UsersIcon, UsersIcon,
} from "lucide-react"; } from "lucide-react";
import { Tooltip } from "@plane/propel/tooltip";
import { IIssueActivity } from "@plane/types"; import { IIssueActivity } from "@plane/types";
import { Tooltip, BlockedIcon, BlockerIcon, RelatedIcon, LayersIcon, DiceIcon, Intake, EpicIcon } from "@plane/ui"; import { BlockedIcon, BlockerIcon, RelatedIcon, LayersIcon, DiceIcon, Intake, EpicIcon } from "@plane/ui";
import { renderFormattedDate, generateWorkItemLink, capitalizeFirstLetter } from "@plane/utils"; import { renderFormattedDate, generateWorkItemLink, capitalizeFirstLetter } from "@plane/utils";
// helpers // helpers
import { useLabel } from "@/hooks/store/use-label"; import { useLabel } from "@/hooks/store/use-label";

2
apps/web/core/components/core/description-versions/modal.tsx
View file

@ -4,6 +4,7 @@ import { ChevronLeft, ChevronRight, Copy } from "lucide-react";
// plane imports // plane imports
import type { EditorRefApi } from "@plane/editor"; import type { EditorRefApi } from "@plane/editor";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { TDescriptionVersion } from "@plane/types"; import { TDescriptionVersion } from "@plane/types";
import { import {
Avatar, Avatar,
@ -15,7 +16,6 @@ import {
ModalCore, ModalCore,
setToast, setToast,
TOAST_TYPE, TOAST_TYPE,
Tooltip,
} from "@plane/ui"; } from "@plane/ui";
import { calculateTimeAgo, cn, copyTextToClipboard, getFileURL } from "@plane/utils"; import { calculateTimeAgo, cn, copyTextToClipboard, getFileURL } from "@plane/utils";
// components // components

3
apps/web/core/components/core/list/list-item.tsx
View file

@ -1,7 +1,8 @@
"use client"; "use client";
import React, { FC } from "react"; import React, { FC } from "react";
// ui // ui
import { ControlLink, Row, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { ControlLink, Row } from "@plane/ui";
// helpers // helpers
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// hooks // hooks

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

@ -7,9 +7,10 @@ import { Combobox, Dialog, Transition } from "@headlessui/react";
// i18n // i18n
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
// types // types
import { Tooltip } from "@plane/propel/tooltip";
import { ISearchIssueResponse, TProjectIssuesSearchParams } from "@plane/types"; import { ISearchIssueResponse, TProjectIssuesSearchParams } from "@plane/types";
// ui // ui
import { Button, Loader, ToggleSwitch, Tooltip, TOAST_TYPE, setToast } from "@plane/ui"; import { Button, Loader, ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui";
import { generateWorkItemLink, getTabIndex } from "@plane/utils"; import { generateWorkItemLink, getTabIndex } from "@plane/utils";
// helpers // helpers
// hooks // hooks

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

@ -8,9 +8,10 @@ import { CalendarCheck } from "lucide-react";
import { Tab } from "@headlessui/react"; import { Tab } from "@headlessui/react";
// plane imports // plane imports
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { EIssuesStoreType, ICycle, IIssueFilterOptions } from "@plane/types"; import { EIssuesStoreType, ICycle, IIssueFilterOptions } from "@plane/types";
// ui // ui
import { Tooltip, Loader, PriorityIcon, Avatar } from "@plane/ui"; import { Loader, PriorityIcon, Avatar } from "@plane/ui";
import { cn, renderFormattedDate, renderFormattedDateWithoutYear, getFileURL } from "@plane/utils"; import { cn, renderFormattedDate, renderFormattedDateWithoutYear, getFileURL } from "@plane/utils";
// components // components
import { SingleProgressStats } from "@/components/core/sidebar/single-progress-stats"; import { SingleProgressStats } from "@/components/core/sidebar/single-progress-stats";
@ -193,7 +194,7 @@ export const ActiveCycleStats: FC<ActiveCycleStatsProps> = observer((props) => {
projectId={projectId} projectId={projectId}
textContainerClassName="text-xs text-custom-text-200" textContainerClassName="text-xs text-custom-text-200"
/> />
<Tooltip position="top-left" tooltipHeading="Title" tooltipContent={issue.name}> <Tooltip position="top-start" tooltipHeading="Title" tooltipContent={issue.name}>
<span className="text-[0.825rem] text-custom-text-100 truncate">{issue.name}</span> <span className="text-[0.825rem] text-custom-text-100 truncate">{issue.name}</span>
</Tooltip> </Tooltip>
</div> </div>

3
apps/web/core/components/cycles/list/cycle-list-item-action.tsx
View file

@ -15,8 +15,9 @@ import {
} from "@plane/constants"; } from "@plane/constants";
import { useLocalStorage } from "@plane/hooks"; import { useLocalStorage } from "@plane/hooks";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { ICycle, TCycleGroups } from "@plane/types"; import { ICycle, TCycleGroups } from "@plane/types";
import { Avatar, AvatarGroup, FavoriteStar, LayersIcon, Tooltip, TransferIcon, setPromiseToast } from "@plane/ui"; import { Avatar, AvatarGroup, FavoriteStar, LayersIcon, TransferIcon, setPromiseToast } from "@plane/ui";
import { getDate, getFileURL, generateQueryParams } from "@plane/utils"; import { getDate, getFileURL, generateQueryParams } from "@plane/utils";
// components // components
import { DateRangeDropdown } from "@/components/dropdowns/date-range"; import { DateRangeDropdown } from "@/components/dropdowns/date-range";

14
apps/web/core/components/dropdowns/buttons.tsx
View file

@ -1,7 +1,7 @@
"use client"; "use client";
import React from "react";
// helpers // helpers
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// types // types
import { usePlatformOS } from "@/hooks/use-platform-os"; import { usePlatformOS } from "@/hooks/use-platform-os";
@ -12,7 +12,7 @@ export type DropdownButtonProps = {
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
isActive: boolean; isActive: boolean;
tooltipContent: string | React.ReactNode; tooltipContent?: string | React.ReactNode | null;
tooltipHeading: string; tooltipHeading: string;
showTooltip: boolean; showTooltip: boolean;
variant: TButtonVariants; variant: TButtonVariants;
@ -23,7 +23,7 @@ type ButtonProps = {
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
isActive: boolean; isActive: boolean;
tooltipContent: string | React.ReactNode; tooltipContent?: string | React.ReactNode | null;
tooltipHeading: string; tooltipHeading: string;
showTooltip: boolean; showTooltip: boolean;
renderToolTipByDefault?: boolean; renderToolTipByDefault?: boolean;
@ -67,7 +67,7 @@ const BorderButton: React.FC<ButtonProps> = (props) => {
return ( return (
<Tooltip <Tooltip
tooltipHeading={tooltipHeading} tooltipHeading={tooltipHeading}
tooltipContent={tooltipContent} tooltipContent={<>{tooltipContent}</>}
disabled={!showTooltip} disabled={!showTooltip}
isMobile={isMobile} isMobile={isMobile}
renderByDefault={renderToolTipByDefault} renderByDefault={renderToolTipByDefault}
@ -91,7 +91,7 @@ const BackgroundButton: React.FC<ButtonProps> = (props) => {
return ( return (
<Tooltip <Tooltip
tooltipHeading={tooltipHeading} tooltipHeading={tooltipHeading}
tooltipContent={tooltipContent} tooltipContent={<>{tooltipContent}</>}
disabled={!showTooltip} disabled={!showTooltip}
isMobile={isMobile} isMobile={isMobile}
renderByDefault={renderToolTipByDefault} renderByDefault={renderToolTipByDefault}
@ -114,7 +114,7 @@ const TransparentButton: React.FC<ButtonProps> = (props) => {
return ( return (
<Tooltip <Tooltip
tooltipHeading={tooltipHeading} tooltipHeading={tooltipHeading}
tooltipContent={tooltipContent} tooltipContent={<>{tooltipContent}</>}
disabled={!showTooltip} disabled={!showTooltip}
isMobile={isMobile} isMobile={isMobile}
renderByDefault={renderToolTipByDefault} renderByDefault={renderToolTipByDefault}

16
apps/web/core/components/dropdowns/date-range.tsx
View file

@ -165,13 +165,15 @@ export const DateRangeDropdown: React.FC<Props> = observer((props) => {
isActive={isOpen} isActive={isOpen}
tooltipHeading={customTooltipHeading ?? t("project_cycles.date_range")} tooltipHeading={customTooltipHeading ?? t("project_cycles.date_range")}
tooltipContent={ tooltipContent={
customTooltipContent ?? ( <>
<> {customTooltipContent ?? (
{dateRange.from ? renderFormattedDate(dateRange.from) : ""} <>
{dateRange.from && dateRange.to ? " - " : ""} {dateRange.from ? renderFormattedDate(dateRange.from) : ""}
{dateRange.to ? renderFormattedDate(dateRange.to) : ""} {dateRange.from && dateRange.to ? " - " : ""}
</> {dateRange.to ? renderFormattedDate(dateRange.to) : ""}
) </>
)}
</>
} }
showTooltip={showTooltip} showTooltip={showTooltip}
variant={buttonVariant} variant={buttonVariant}

3
apps/web/core/components/dropdowns/module/button-content.tsx
View file

@ -2,7 +2,8 @@
import { ChevronDown, X } from "lucide-react"; import { ChevronDown, X } from "lucide-react";
// plane imports // plane imports
import { DiceIcon, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { DiceIcon } from "@plane/ui";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// hooks // hooks
import { useModule } from "@/hooks/store/use-module"; import { useModule } from "@/hooks/store/use-module";

3
apps/web/core/components/dropdowns/priority.tsx
View file

@ -8,9 +8,10 @@ import { Combobox } from "@headlessui/react";
import { ISSUE_PRIORITIES } from "@plane/constants"; import { ISSUE_PRIORITIES } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
// types // types
import { Tooltip } from "@plane/propel/tooltip";
import { TIssuePriorities } from "@plane/types"; import { TIssuePriorities } from "@plane/types";
// ui // ui
import { ComboDropDown, PriorityIcon, Tooltip } from "@plane/ui"; import { ComboDropDown, PriorityIcon } from "@plane/ui";
// helpers // helpers
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// hooks // hooks

3
apps/web/core/components/editor/lite-text/toolbar.tsx
View file

@ -8,7 +8,8 @@ import type { EditorRefApi } from "@plane/editor";
// i18n // i18n
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
// ui // ui
import { Button, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { Button } from "@plane/ui";
// constants // constants
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
import { TOOLBAR_ITEMS, ToolbarMenuItem } from "@/constants/editor"; import { TOOLBAR_ITEMS, ToolbarMenuItem } from "@/constants/editor";

2
apps/web/core/components/editor/sticky-editor/toolbar.tsx
View file

@ -6,8 +6,8 @@ import { Palette, Trash2 } from "lucide-react";
import type { EditorRefApi } from "@plane/editor"; import type { EditorRefApi } from "@plane/editor";
// ui // ui
import { useOutsideClickDetector } from "@plane/hooks"; import { useOutsideClickDetector } from "@plane/hooks";
import { Tooltip } from "@plane/propel/tooltip";
import { TSticky } from "@plane/types"; import { TSticky } from "@plane/types";
import { Tooltip } from "@plane/ui";
// constants // constants
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
import { TOOLBAR_ITEMS, ToolbarMenuItem } from "@/constants/editor"; import { TOOLBAR_ITEMS, ToolbarMenuItem } from "@/constants/editor";

2
apps/web/core/components/estimates/create/stage-one.tsx
View file

@ -5,8 +5,8 @@ import { Info } from "lucide-react";
// plane imports // plane imports
import { EEstimateSystem, ESTIMATE_SYSTEMS } from "@plane/constants"; import { EEstimateSystem, ESTIMATE_SYSTEMS } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { TEstimateSystemKeys } from "@plane/types"; import { TEstimateSystemKeys } from "@plane/types";
import { Tooltip } from "@plane/ui";
// components // components
import { convertMinutesToHoursMinutesString } from "@plane/utils"; import { convertMinutesToHoursMinutesString } from "@plane/utils";
// plane web imports // plane web imports

3
apps/web/core/components/estimates/points/create.tsx
View file

@ -5,8 +5,9 @@ import { observer } from "mobx-react";
import { Check, Info, X } from "lucide-react"; import { Check, Info, X } from "lucide-react";
import { EEstimateSystem, MAX_ESTIMATE_POINT_INPUT_LENGTH } from "@plane/constants"; import { EEstimateSystem, MAX_ESTIMATE_POINT_INPUT_LENGTH } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { TEstimatePointsObject, TEstimateSystemKeys, TEstimateTypeErrorObject } from "@plane/types"; import { TEstimatePointsObject, TEstimateSystemKeys, TEstimateTypeErrorObject } from "@plane/types";
import { Spinner, TOAST_TYPE, Tooltip, setToast } from "@plane/ui"; import { Spinner, TOAST_TYPE, setToast } from "@plane/ui";
import { cn, isEstimatePointValuesRepeated } from "@plane/utils"; import { cn, isEstimatePointValuesRepeated } from "@plane/utils";
import { EstimateInputRoot } from "@/components/estimates/inputs/root"; import { EstimateInputRoot } from "@/components/estimates/inputs/root";
// helpers // helpers

3
apps/web/core/components/estimates/points/update.tsx
View file

@ -5,8 +5,9 @@ import { observer } from "mobx-react";
import { Check, Info, X } from "lucide-react"; import { Check, Info, X } from "lucide-react";
import { EEstimateSystem, MAX_ESTIMATE_POINT_INPUT_LENGTH } from "@plane/constants"; import { EEstimateSystem, MAX_ESTIMATE_POINT_INPUT_LENGTH } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { TEstimatePointsObject, TEstimateSystemKeys, TEstimateTypeErrorObject } from "@plane/types"; import { TEstimatePointsObject, TEstimateSystemKeys, TEstimateTypeErrorObject } from "@plane/types";
import { Spinner, TOAST_TYPE, Tooltip, setToast } from "@plane/ui"; import { Spinner, TOAST_TYPE, setToast } from "@plane/ui";
import { cn, isEstimatePointValuesRepeated } from "@plane/utils"; import { cn, isEstimatePointValuesRepeated } from "@plane/utils";
import { EstimateInputRoot } from "@/components/estimates/inputs/root"; import { EstimateInputRoot } from "@/components/estimates/inputs/root";
// helpers // helpers

2
apps/web/core/components/gantt-chart/helpers/add-block.tsx
View file

@ -5,8 +5,8 @@ import { addDays } from "date-fns";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { Plus } from "lucide-react"; import { Plus } from "lucide-react";
// ui // ui
import { Tooltip } from "@plane/propel/tooltip";
import type { IBlockUpdateData, IGanttBlock } from "@plane/types"; import type { IBlockUpdateData, IGanttBlock } from "@plane/types";
import { Tooltip } from "@plane/ui";
// helpers // helpers
import { renderFormattedDate, renderFormattedPayloadDate } from "@plane/utils"; import { renderFormattedDate, renderFormattedPayloadDate } from "@plane/utils";
// hooks // hooks

3
apps/web/core/components/home/widgets/recents/issue.tsx
View file

@ -1,8 +1,9 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// plane types // plane types
import { Tooltip } from "@plane/propel/tooltip";
import { EIssueServiceType, TActivityEntityData, TIssueEntityData } from "@plane/types"; import { EIssueServiceType, TActivityEntityData, TIssueEntityData } from "@plane/types";
// plane ui // plane ui
import { LayersIcon, PriorityIcon, StateGroupIcon, Tooltip } from "@plane/ui"; import { LayersIcon, PriorityIcon, StateGroupIcon } from "@plane/ui";
import { calculateTimeAgo, generateWorkItemLink } from "@plane/utils"; import { calculateTimeAgo, generateWorkItemLink } from "@plane/utils";
// components // components
import { ListItem } from "@/components/core/list"; import { ListItem } from "@/components/core/list";

2
apps/web/core/components/icons/locked-component.tsx
View file

@ -1,5 +1,5 @@
import { Lock } from "lucide-react"; import { Lock } from "lucide-react";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
export const LockedComponent = (props: { toolTipContent?: string }) => { export const LockedComponent = (props: { toolTipContent?: string }) => {
const { toolTipContent } = props; const { toolTipContent } = props;

3
apps/web/core/components/inbox/content/issue-properties.tsx
View file

@ -3,8 +3,9 @@
import React from "react"; import React from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { CalendarCheck2, CopyPlus, Signal, Tag, Users } from "lucide-react"; import { CalendarCheck2, CopyPlus, Signal, Tag, Users } from "lucide-react";
import { Tooltip } from "@plane/propel/tooltip";
import { TInboxDuplicateIssueDetails, TIssue } from "@plane/types"; import { TInboxDuplicateIssueDetails, TIssue } from "@plane/types";
import { ControlLink, DoubleCircleIcon, Tooltip } from "@plane/ui"; import { ControlLink, DoubleCircleIcon } from "@plane/ui";
import { getDate, renderFormattedPayloadDate, generateWorkItemLink } from "@plane/utils"; import { getDate, renderFormattedPayloadDate, generateWorkItemLink } from "@plane/utils";
// components // components
import { DateDropdown } from "@/components/dropdowns/date"; import { DateDropdown } from "@/components/dropdowns/date";

3
apps/web/core/components/inbox/sidebar/inbox-list-item.tsx
View file

@ -5,7 +5,8 @@ import { observer } from "mobx-react";
import Link from "next/link"; import Link from "next/link";
import { useSearchParams } from "next/navigation"; import { useSearchParams } from "next/navigation";
// plane imports // plane imports
import { Tooltip, PriorityIcon, Row, Avatar } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { PriorityIcon, Row, Avatar } from "@plane/ui";
import { cn, renderFormattedDate, getFileURL } from "@plane/utils"; import { cn, renderFormattedDate, getFileURL } from "@plane/utils";
// components // components
import { ButtonAvatars } from "@/components/dropdowns/member/avatar"; import { ButtonAvatars } from "@/components/dropdowns/member/avatar";

3
apps/web/core/components/integration/single-integration-card.tsx
View file

@ -7,9 +7,10 @@ import { useParams } from "next/navigation";
import useSWR, { mutate } from "swr"; import useSWR, { mutate } from "swr";
import { CheckCircle } from "lucide-react"; import { CheckCircle } from "lucide-react";
import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
import { Tooltip } from "@plane/propel/tooltip";
import { IAppIntegration, IWorkspaceIntegration } from "@plane/types"; import { IAppIntegration, IWorkspaceIntegration } from "@plane/types";
// ui // ui
import { Button, Loader, Tooltip, TOAST_TYPE, setToast } from "@plane/ui"; import { Button, Loader, TOAST_TYPE, setToast } from "@plane/ui";
// constants // constants
import { WORKSPACE_INTEGRATIONS } from "@/constants/fetch-keys"; import { WORKSPACE_INTEGRATIONS } from "@/constants/fetch-keys";
// hooks // hooks

2
apps/web/core/components/issues/attachment/attachment-detail.tsx
View file

@ -5,7 +5,7 @@ import { observer } from "mobx-react";
import Link from "next/link"; import Link from "next/link";
import { AlertCircle, X } from "lucide-react"; import { AlertCircle, X } from "lucide-react";
// ui // ui
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { import {
convertBytesToSize, convertBytesToSize,
getFileExtension, getFileExtension,

3
apps/web/core/components/issues/attachment/attachment-list-item.tsx
View file

@ -4,9 +4,10 @@ import { FC } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { Trash } from "lucide-react"; import { Trash } from "lucide-react";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { EIssueServiceType, TIssueServiceType } from "@plane/types"; import { EIssueServiceType, TIssueServiceType } from "@plane/types";
// ui // ui
import { CustomMenu, Tooltip } from "@plane/ui"; import { CustomMenu } from "@plane/ui";
import { convertBytesToSize, getFileExtension, getFileName, getFileURL, renderFormattedDate } from "@plane/utils"; import { convertBytesToSize, getFileExtension, getFileName, getFileURL, renderFormattedDate } from "@plane/utils";
// components // components
// //

3
apps/web/core/components/issues/attachment/attachment-list-upload-item.tsx
View file

@ -2,7 +2,8 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// ui // ui
import { CircularProgressIndicator, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { CircularProgressIndicator } from "@plane/ui";
// components // components
import { getFileExtension } from "@plane/utils"; import { getFileExtension } from "@plane/utils";
import { getFileIcon } from "@/components/icons"; import { getFileIcon } from "@/components/icons";

3
apps/web/core/components/issues/attachment/attachment-upload-details.tsx
View file

@ -1,7 +1,8 @@
"use client"; "use client";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { CircularProgressIndicator, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { CircularProgressIndicator } from "@plane/ui";
import { getFileExtension, truncateText } from "@plane/utils"; import { getFileExtension, truncateText } from "@plane/utils";
// ui // ui
// icons // icons

3
apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-item.tsx
View file

@ -4,8 +4,9 @@ import { observer } from "mobx-react";
import { ChevronRight, X, Pencil, Trash, Link as LinkIcon, Loader } from "lucide-react"; import { ChevronRight, X, Pencil, Trash, Link as LinkIcon, Loader } from "lucide-react";
// plane imports // plane imports
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { EIssueServiceType, EIssuesStoreType, TIssue, TIssueServiceType, TSubIssueOperations } from "@plane/types"; import { EIssueServiceType, EIssuesStoreType, TIssue, TIssueServiceType, TSubIssueOperations } from "@plane/types";
import { ControlLink, CustomMenu, Tooltip } from "@plane/ui"; import { ControlLink, CustomMenu } from "@plane/ui";
import { cn, generateWorkItemLink } from "@plane/utils"; import { cn, generateWorkItemLink } from "@plane/utils";
// helpers // helpers
import { useSubIssueOperations } from "@/components/issues/issue-detail-widgets/sub-issues/helper"; import { useSubIssueOperations } from "@/components/issues/issue-detail-widgets/sub-issues/helper";

2
apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/helpers/activity-block.tsx
View file

@ -3,7 +3,7 @@
import { FC, ReactNode } from "react"; import { FC, ReactNode } from "react";
import { Network } from "lucide-react"; import { Network } from "lucide-react";
// plane imports // plane imports
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { renderFormattedTime, renderFormattedDate, calculateTimeAgo } from "@plane/utils"; import { renderFormattedTime, renderFormattedDate, calculateTimeAgo } from "@plane/utils";
import { useIssueDetail } from "@/hooks/store/use-issue-detail"; import { useIssueDetail } from "@/hooks/store/use-issue-detail";
import { usePlatformOS } from "@/hooks/use-platform-os"; import { usePlatformOS } from "@/hooks/use-platform-os";

2
apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/helpers/issue-link.tsx
View file

@ -2,7 +2,7 @@
import { FC } from "react"; import { FC } from "react";
// hooks // hooks
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { generateWorkItemLink } from "@plane/utils"; import { generateWorkItemLink } from "@plane/utils";
import { useIssueDetail } from "@/hooks/store/use-issue-detail"; import { useIssueDetail } from "@/hooks/store/use-issue-detail";
import { usePlatformOS } from "@/hooks/use-platform-os"; import { usePlatformOS } from "@/hooks/use-platform-os";

2
apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/label-activity-chip.tsx
View file

@ -1,5 +1,5 @@
import { FC } from "react"; import { FC } from "react";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
type TIssueLabelPill = { name?: string; color?: string }; type TIssueLabelPill = { name?: string; color?: string };

3
apps/web/core/components/issues/issue-detail/issue-detail-quick-actions.tsx
View file

@ -6,8 +6,9 @@ import { LinkIcon } from "lucide-react";
// plane imports // plane imports
import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { EIssuesStoreType } from "@plane/types"; import { EIssuesStoreType } from "@plane/types";
import { TOAST_TYPE, Tooltip, setToast } from "@plane/ui"; import { TOAST_TYPE, setToast } from "@plane/ui";
import { generateWorkItemLink, copyTextToClipboard } from "@plane/utils"; import { generateWorkItemLink, copyTextToClipboard } from "@plane/utils";
// helpers // helpers
import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";

3
apps/web/core/components/issues/issue-detail/links/link-detail.tsx
View file

@ -4,7 +4,8 @@ import { FC } from "react";
// hooks // hooks
// ui // ui
import { Pencil, Trash2, ExternalLink } from "lucide-react"; import { Pencil, Trash2, ExternalLink } from "lucide-react";
import { Tooltip, TOAST_TYPE, setToast } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { TOAST_TYPE, setToast } from "@plane/ui";
import { getIconForLink, copyTextToClipboard, calculateTimeAgo } from "@plane/utils"; import { getIconForLink, copyTextToClipboard, calculateTimeAgo } from "@plane/utils";
// icons // icons
// types // types

3
apps/web/core/components/issues/issue-detail/links/link-item.tsx
View file

@ -4,9 +4,10 @@ import { FC } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { Pencil, Trash2, Copy, Link } from "lucide-react"; import { Pencil, Trash2, Copy, Link } from "lucide-react";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { EIssueServiceType, TIssueServiceType } from "@plane/types"; import { EIssueServiceType, TIssueServiceType } from "@plane/types";
// ui // ui
import { Tooltip, TOAST_TYPE, setToast, CustomMenu } from "@plane/ui"; import { TOAST_TYPE, setToast, CustomMenu } from "@plane/ui";
import { calculateTimeAgo, copyTextToClipboard } from "@plane/utils"; import { calculateTimeAgo, copyTextToClipboard } from "@plane/utils";
// helpers // helpers
// hooks // hooks

2
apps/web/core/components/issues/issue-detail/parent-select.tsx
View file

@ -6,7 +6,7 @@ import Link from "next/link";
import { Pencil, X } from "lucide-react"; import { Pencil, X } from "lucide-react";
// plane imports // plane imports
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// hooks // hooks
import { useIssueDetail } from "@/hooks/store/use-issue-detail"; import { useIssueDetail } from "@/hooks/store/use-issue-detail";

3
apps/web/core/components/issues/issue-detail/reactions/issue-comment.tsx
View file

@ -2,9 +2,10 @@
import { FC, useMemo } from "react"; import { FC, useMemo } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { Tooltip } from "@plane/propel/tooltip";
import { IUser } from "@plane/types"; import { IUser } from "@plane/types";
// components // components
import { TOAST_TYPE, Tooltip, setToast } from "@plane/ui"; import { TOAST_TYPE, setToast } from "@plane/ui";
import { cn, formatTextList } from "@plane/utils"; import { cn, formatTextList } from "@plane/utils";
// helper // helper
import { renderEmoji } from "@/helpers/emoji.helper"; import { renderEmoji } from "@/helpers/emoji.helper";

3
apps/web/core/components/issues/issue-detail/reactions/issue.tsx
View file

@ -2,10 +2,11 @@
import { FC, useMemo } from "react"; import { FC, useMemo } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { Tooltip } from "@plane/propel/tooltip";
import { IUser } from "@plane/types"; import { IUser } from "@plane/types";
// hooks // hooks
// ui // ui
import { TOAST_TYPE, Tooltip, setToast } from "@plane/ui"; import { TOAST_TYPE, setToast } from "@plane/ui";
import { cn, formatTextList } from "@plane/utils"; import { cn, formatTextList } from "@plane/utils";
// helpers // helpers
import { renderEmoji } from "@/helpers/emoji.helper"; import { renderEmoji } from "@/helpers/emoji.helper";

3
apps/web/core/components/issues/issue-detail/relation-select.tsx
View file

@ -5,8 +5,9 @@ import { observer } from "mobx-react";
import Link from "next/link"; import Link from "next/link";
import { Pencil, X } from "lucide-react"; import { Pencil, X } from "lucide-react";
// Plane // Plane
import { Tooltip } from "@plane/propel/tooltip";
import { ISearchIssueResponse } from "@plane/types"; import { ISearchIssueResponse } from "@plane/types";
import { Tooltip, TOAST_TYPE, setToast } from "@plane/ui"; import { TOAST_TYPE, setToast } from "@plane/ui";
import { cn, generateWorkItemLink } from "@plane/utils"; import { cn, generateWorkItemLink } from "@plane/utils";
// components // components
import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal"; import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal";

3
apps/web/core/components/issues/issue-layouts/calendar/issue-block.tsx
View file

@ -8,9 +8,10 @@ import { MoreHorizontal } from "lucide-react";
// plane helpers // plane helpers
import { useOutsideClickDetector } from "@plane/hooks"; import { useOutsideClickDetector } from "@plane/hooks";
// types // types
import { Tooltip } from "@plane/propel/tooltip";
import { TIssue } from "@plane/types"; import { TIssue } from "@plane/types";
// ui // ui
import { Tooltip, ControlLink } from "@plane/ui"; import { ControlLink } from "@plane/ui";
import { cn, generateWorkItemLink } from "@plane/utils"; import { cn, generateWorkItemLink } from "@plane/utils";
// helpers // helpers
// hooks // hooks

2
apps/web/core/components/issues/issue-layouts/filters/header/layout-selection.tsx
View file

@ -4,9 +4,9 @@ import React from "react";
// plane constants // plane constants
import { ISSUE_LAYOUTS } from "@plane/constants"; import { ISSUE_LAYOUTS } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { EIssueLayoutTypes } from "@plane/types"; import { EIssueLayoutTypes } from "@plane/types";
// ui // ui
import { Tooltip } from "@plane/ui";
// types // types
import { IssueLayoutIcon } from "@/components/issues/issue-layouts/layout-icon"; import { IssueLayoutIcon } from "@/components/issues/issue-layouts/layout-icon";
import { usePlatformOS } from "@/hooks/use-platform-os"; import { usePlatformOS } from "@/hooks/use-platform-os";

5
apps/web/core/components/issues/issue-layouts/gantt/blocks.tsx
View file

@ -3,7 +3,8 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
// ui // ui
import { Tooltip, ControlLink } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { ControlLink } from "@plane/ui";
import { findTotalDaysInRange, generateWorkItemLink } from "@plane/utils"; import { findTotalDaysInRange, generateWorkItemLink } from "@plane/utils";
// components // components
import { SIDEBAR_WIDTH } from "@/components/gantt-chart/constants"; import { SIDEBAR_WIDTH } from "@/components/gantt-chart/constants";
@ -62,7 +63,7 @@ export const IssueGanttBlock: React.FC<Props> = observer((props) => {
<div>{message}</div> <div>{message}</div>
</div> </div>
} }
position="top-left" position="top-start"
disabled={!message} disabled={!message}
> >
<div <div

3
apps/web/core/components/issues/issue-layouts/kanban/block.tsx
View file

@ -9,9 +9,10 @@ import { useParams } from "next/navigation";
import { MoreHorizontal } from "lucide-react"; import { MoreHorizontal } from "lucide-react";
import { useOutsideClickDetector } from "@plane/hooks"; import { useOutsideClickDetector } from "@plane/hooks";
// types // types
import { Tooltip } from "@plane/propel/tooltip";
import { EIssueServiceType, TIssue, IIssueDisplayProperties, IIssueMap } from "@plane/types"; import { EIssueServiceType, TIssue, IIssueDisplayProperties, IIssueMap } from "@plane/types";
// ui // ui
import { ControlLink, DropIndicator, TOAST_TYPE, Tooltip, setToast } from "@plane/ui"; import { ControlLink, DropIndicator, TOAST_TYPE, setToast } from "@plane/ui";
import { cn, generateWorkItemLink } from "@plane/utils"; import { cn, generateWorkItemLink } from "@plane/utils";
// components // components
import RenderIfVisible from "@/components/core/render-if-visible-HOC"; import RenderIfVisible from "@/components/core/render-if-visible-HOC";

5
apps/web/core/components/issues/issue-layouts/list/block.tsx
View file

@ -7,9 +7,10 @@ import { observer } from "mobx-react";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
import { ChevronRight } from "lucide-react"; import { ChevronRight } from "lucide-react";
// types // types
import { Tooltip } from "@plane/propel/tooltip";
import { EIssueServiceType, TIssue, IIssueDisplayProperties, TIssueMap } from "@plane/types"; import { EIssueServiceType, TIssue, IIssueDisplayProperties, TIssueMap } from "@plane/types";
// ui // ui
import { Spinner, Tooltip, ControlLink, setToast, TOAST_TYPE, Row } from "@plane/ui"; import { Spinner, ControlLink, setToast, TOAST_TYPE, Row } from "@plane/ui";
import { cn, generateWorkItemLink } from "@plane/utils"; import { cn, generateWorkItemLink } from "@plane/utils";
// components // components
import { MultipleSelectEntityAction } from "@/components/core/multiple-select"; import { MultipleSelectEntityAction } from "@/components/core/multiple-select";
@ -264,7 +265,7 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
<Tooltip <Tooltip
tooltipContent={issue.name} tooltipContent={issue.name}
isMobile={isMobile} isMobile={isMobile}
position="top-left" position="top-start"
disabled={isCurrentBlockDragging} disabled={isCurrentBlockDragging}
renderByDefault={false} renderByDefault={false}
> >

6
apps/web/core/components/issues/issue-layouts/list/list-view-types.d.ts vendored
View file

@ -1,4 +1,4 @@
import { Placement } from "@popperjs/core"; import { TPlacement } from "@plane/propel/utils/placement";
import { TIssue } from "@plane/types"; import { TIssue } from "@plane/types";
export interface IQuickActionProps { export interface IQuickActionProps {
@ -13,7 +13,7 @@ export interface IQuickActionProps {
customActionButton?: React.ReactElement; customActionButton?: React.ReactElement;
portalElement?: HTMLDivElement | null; portalElement?: HTMLDivElement | null;
readOnly?: boolean; readOnly?: boolean;
placements?: Placement; placements?: TPlacement;
} }
export type TRenderQuickActions = ({ export type TRenderQuickActions = ({
@ -26,6 +26,6 @@ export type TRenderQuickActions = ({
issue: TIssue; issue: TIssue;
parentRef: React.RefObject<HTMLElement>; parentRef: React.RefObject<HTMLElement>;
customActionButton?: React.ReactElement; customActionButton?: React.ReactElement;
placement?: Placement; placement?: TPlacement;
portalElement?: HTMLDivElement | null; portalElement?: HTMLDivElement | null;
}) => React.ReactNode; }) => React.ReactNode;

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

@ -10,9 +10,9 @@ import { CalendarCheck2, CalendarClock, Layers, Link, Paperclip } from "lucide-r
import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants";
// i18n // i18n
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { TIssue, IIssueDisplayProperties, TIssuePriorities } from "@plane/types"; import { TIssue, IIssueDisplayProperties, TIssuePriorities } from "@plane/types";
// ui // ui
import { Tooltip } from "@plane/ui";
import { import {
cn, cn,
getDate, getDate,

2
apps/web/core/components/issues/issue-layouts/properties/labels.tsx
View file

@ -9,9 +9,9 @@ import { useOutsideClickDetector } from "@plane/hooks";
// i18n // i18n
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
// types // types
import { Tooltip } from "@plane/propel/tooltip";
import { IIssueLabel } from "@plane/types"; import { IIssueLabel } from "@plane/types";
// ui // ui
import { Tooltip } from "@plane/ui";
// hooks // hooks
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
import { useLabel } from "@/hooks/store/use-label"; import { useLabel } from "@/hooks/store/use-label";

3
apps/web/core/components/issues/issue-layouts/spreadsheet/issue-row.tsx
View file

@ -8,9 +8,10 @@ import { SPREADSHEET_SELECT_GROUP } from "@plane/constants";
// plane helpers // plane helpers
import { useOutsideClickDetector } from "@plane/hooks"; import { useOutsideClickDetector } from "@plane/hooks";
// types // types
import { Tooltip } from "@plane/propel/tooltip";
import { EIssueServiceType, IIssueDisplayProperties, TIssue } from "@plane/types"; import { EIssueServiceType, IIssueDisplayProperties, TIssue } from "@plane/types";
// ui // ui
import { ControlLink, Row, Tooltip } from "@plane/ui"; import { ControlLink, Row } from "@plane/ui";
import { cn, generateWorkItemLink } from "@plane/utils"; import { cn, generateWorkItemLink } from "@plane/utils";
// components // components
import { MultipleSelectEntityAction } from "@/components/core/multiple-select"; import { MultipleSelectEntityAction } from "@/components/core/multiple-select";

2
apps/web/core/components/issues/label.tsx
View file

@ -2,7 +2,7 @@
import React from "react"; import React from "react";
// components // components
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { usePlatformOS } from "@/hooks/use-platform-os"; import { usePlatformOS } from "@/hooks/use-platform-os";
type Props = { type Props = {
labelDetails: any[]; labelDetails: any[];

2
apps/web/core/components/issues/peek-overview/error.tsx
View file

@ -2,7 +2,7 @@
import { FC } from "react"; import { FC } from "react";
import { MoveRight } from "lucide-react"; import { MoveRight } from "lucide-react";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
// components // components
import { EmptyState } from "@/components/common/empty-state"; import { EmptyState } from "@/components/common/empty-state";
// hooks // hooks

11
apps/web/core/components/issues/peek-overview/header.tsx
View file

@ -7,16 +7,9 @@ import { Link2, MoveDiagonal, MoveRight } from "lucide-react";
// plane imports // plane imports
import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { EIssuesStoreType, TNameDescriptionLoader } from "@plane/types"; import { EIssuesStoreType, TNameDescriptionLoader } from "@plane/types";
import { import { CenterPanelIcon, CustomSelect, FullScreenPanelIcon, SidePanelIcon, TOAST_TYPE, setToast } from "@plane/ui";
CenterPanelIcon,
CustomSelect,
FullScreenPanelIcon,
SidePanelIcon,
TOAST_TYPE,
Tooltip,
setToast,
} from "@plane/ui";
import { copyUrlToClipboard, generateWorkItemLink } from "@plane/utils"; import { copyUrlToClipboard, generateWorkItemLink } from "@plane/utils";
// helpers // helpers
import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";

3
apps/web/core/components/issues/peek-overview/loader.tsx
View file

@ -2,7 +2,8 @@
import { FC } from "react"; import { FC } from "react";
import { MoveRight } from "lucide-react"; import { MoveRight } from "lucide-react";
import { Loader, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { Loader } from "@plane/ui";
// hooks // hooks
import { usePlatformOS } from "@/hooks/use-platform-os"; import { usePlatformOS } from "@/hooks/use-platform-os";

3
apps/web/core/components/issues/relations/issue-list-item.tsx
View file

@ -5,8 +5,9 @@ import { observer } from "mobx-react";
import { X, Pencil, Trash, Link as LinkIcon } from "lucide-react"; import { X, Pencil, Trash, Link as LinkIcon } from "lucide-react";
// plane imports // plane imports
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { EIssueServiceType, TIssue, TIssueServiceType } from "@plane/types"; import { EIssueServiceType, TIssue, TIssueServiceType } from "@plane/types";
import { ControlLink, CustomMenu, Tooltip } from "@plane/ui"; import { ControlLink, CustomMenu } from "@plane/ui";
import { generateWorkItemLink } from "@plane/utils"; import { generateWorkItemLink } from "@plane/utils";
// hooks // hooks
import { useIssueDetail } from "@/hooks/store/use-issue-detail"; import { useIssueDetail } from "@/hooks/store/use-issue-detail";

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

@ -4,8 +4,9 @@ import { omit } from "lodash";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { Copy, Pencil, SquareStackIcon, Trash2 } from "lucide-react"; import { Copy, Pencil, SquareStackIcon, Trash2 } from "lucide-react";
// plane utils // plane utils
import { Tooltip } from "@plane/propel/tooltip";
import { EIssuesStoreType, TWorkspaceDraftIssue } from "@plane/types"; import { EIssuesStoreType, TWorkspaceDraftIssue } from "@plane/types";
import { Row, TContextMenuItem, Tooltip } from "@plane/ui"; import { Row, TContextMenuItem } from "@plane/ui";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// hooks // hooks
import { useAppTheme } from "@/hooks/store/use-app-theme"; import { useAppTheme } from "@/hooks/store/use-app-theme";
@ -152,7 +153,7 @@ export const DraftIssueBlock: FC<Props> = observer((props) => {
<div className="size-4 grid place-items-center flex-shrink-0" /> <div className="size-4 grid place-items-center flex-shrink-0" />
</div> </div>
<Tooltip tooltipContent={issue.name} position="top-left" renderByDefault={false}> <Tooltip tooltipContent={issue.name} position="top-start" renderByDefault={false}>
<p className="w-full truncate cursor-pointer text-sm text-custom-text-100">{issue.name}</p> <p className="w-full truncate cursor-pointer text-sm text-custom-text-100">{issue.name}</p>
</Tooltip> </Tooltip>
</div> </div>

5
apps/web/core/components/modules/gantt-chart/blocks.tsx
View file

@ -5,7 +5,8 @@ import Link from "next/link";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
// ui // ui
import { MODULE_STATUS } from "@plane/constants"; import { MODULE_STATUS } from "@plane/constants";
import { Tooltip, ModuleStatusIcon } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { ModuleStatusIcon } from "@plane/ui";
// components // components
import { SIDEBAR_WIDTH } from "@/components/gantt-chart/constants"; import { SIDEBAR_WIDTH } from "@/components/gantt-chart/constants";
import { getBlockViewDetails } from "@/components/issues/issue-layouts/utils"; import { getBlockViewDetails } from "@/components/issues/issue-layouts/utils";
@ -45,7 +46,7 @@ export const ModuleGanttBlock: React.FC<Props> = observer((props) => {
<div>{message}</div> <div>{message}</div>
</div> </div>
} }
position="top-left" position="top-start"
> >
<div <div
className="relative flex h-full w-full cursor-pointer items-center rounded" className="relative flex h-full w-full cursor-pointer items-center rounded"

3
apps/web/core/components/modules/links/list-item.tsx
View file

@ -2,9 +2,10 @@ import { observer } from "mobx-react";
import { Copy, Pencil, Trash2 } from "lucide-react"; import { Copy, Pencil, Trash2 } from "lucide-react";
// plane types // plane types
import { MODULE_TRACKER_ELEMENTS } from "@plane/constants"; import { MODULE_TRACKER_ELEMENTS } from "@plane/constants";
import { Tooltip } from "@plane/propel/tooltip";
import { ILinkDetails } from "@plane/types"; import { ILinkDetails } from "@plane/types";
// plane ui // plane ui
import { setToast, TOAST_TYPE, Tooltip } from "@plane/ui"; import { setToast, TOAST_TYPE } from "@plane/ui";
import { getIconForLink, copyTextToClipboard, calculateTimeAgo } from "@plane/utils"; import { getIconForLink, copyTextToClipboard, calculateTimeAgo } from "@plane/utils";
// helpers // helpers
// //

2
apps/web/core/components/modules/module-card-item.tsx
View file

@ -16,6 +16,7 @@ import {
MODULE_TRACKER_ELEMENTS, MODULE_TRACKER_ELEMENTS,
} from "@plane/constants"; } from "@plane/constants";
import { useLocalStorage } from "@plane/hooks"; import { useLocalStorage } from "@plane/hooks";
import { Tooltip } from "@plane/propel/tooltip";
import { IModule } from "@plane/types"; import { IModule } from "@plane/types";
import { import {
Card, Card,
@ -23,7 +24,6 @@ import {
LayersIcon, LayersIcon,
LinearProgressIndicator, LinearProgressIndicator,
TOAST_TYPE, TOAST_TYPE,
Tooltip,
setPromiseToast, setPromiseToast,
setToast, setToast,
} from "@plane/ui"; } from "@plane/ui";

3
apps/web/core/components/modules/module-list-item-action.tsx
View file

@ -16,9 +16,10 @@ import {
} from "@plane/constants"; } from "@plane/constants";
import { useLocalStorage } from "@plane/hooks"; import { useLocalStorage } from "@plane/hooks";
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { IModule } from "@plane/types"; import { IModule } from "@plane/types";
// ui // ui
import { FavoriteStar, TOAST_TYPE, Tooltip, setPromiseToast, setToast } from "@plane/ui"; import { FavoriteStar, TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui";
// components // components
import { renderFormattedPayloadDate, getDate } from "@plane/utils"; import { renderFormattedPayloadDate, getDate } from "@plane/utils";
import { DateRangeDropdown } from "@/components/dropdowns/date-range"; import { DateRangeDropdown } from "@/components/dropdowns/date-range";

2
apps/web/core/components/modules/module-view-header.tsx
View file

@ -9,9 +9,9 @@ import { MODULE_VIEW_LAYOUTS } from "@plane/constants";
import { useOutsideClickDetector } from "@plane/hooks"; import { useOutsideClickDetector } from "@plane/hooks";
// types // types
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/propel/tooltip";
import { TModuleFilters } from "@plane/types"; import { TModuleFilters } from "@plane/types";
// ui // ui
import { Tooltip } from "@plane/ui";
import { cn, calculateTotalFilters } from "@plane/utils"; import { cn, calculateTotalFilters } from "@plane/utils";
// plane utils // plane utils
// components // components

5
apps/web/core/components/onboarding/header.tsx
View file

@ -4,8 +4,9 @@ import { FC } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { ChevronLeft } from "lucide-react"; import { ChevronLeft } from "lucide-react";
// plane imports // plane imports
import { Tooltip } from "@plane/propel/tooltip";
import { EOnboardingSteps, TOnboardingStep } from "@plane/types"; import { EOnboardingSteps, TOnboardingStep } from "@plane/types";
import { PlaneLockup, Tooltip } from "@plane/ui"; import { PlaneLockup } from "@plane/ui";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// hooks // hooks
import { useUser } from "@/hooks/store/user"; import { useUser } from "@/hooks/store/user";
@ -62,7 +63,7 @@ export const OnboardingHeader: FC<OnboardingHeaderProps> = observer((props) => {
return ( return (
<div className="flex flex-col gap-4 sticky top-0 z-10"> <div className="flex flex-col gap-4 sticky top-0 z-10">
<div className="h-1.5 rounded-t-lg w-full bg-custom-background-100 overflow-hidden cursor-pointer"> <div className="h-1.5 rounded-t-lg w-full bg-custom-background-100 overflow-hidden cursor-pointer">
<Tooltip tooltipContent={`${currentStepNumber}/${totalSteps}`} position="bottom-right"> <Tooltip tooltipContent={`${currentStepNumber}/${totalSteps}`} position="bottom-end">
<div <div
className="h-full bg-custom-primary-100 transition-all duration-700 ease-out" className="h-full bg-custom-primary-100 transition-all duration-700 ease-out"
style={{ width: `${(currentStepNumber / totalSteps) * 100}%` }} style={{ width: `${(currentStepNumber / totalSteps) * 100}%` }}

2
apps/web/core/components/pages/editor/toolbar/root.tsx
View file

@ -2,7 +2,7 @@ import { observer } from "mobx-react";
import { PanelRight } from "lucide-react"; import { PanelRight } from "lucide-react";
// plane imports // plane imports
import { useTranslation } from "@plane/i18n"; import { useTranslation } from "@plane/i18n";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// components // components
import { PageToolbar } from "@/components/pages/editor/toolbar"; import { PageToolbar } from "@/components/pages/editor/toolbar";

3
apps/web/core/components/pages/editor/toolbar/toolbar.tsx
View file

@ -4,7 +4,8 @@ import React, { useEffect, useState, useCallback } from "react";
import { Check, ChevronDown } from "lucide-react"; import { Check, ChevronDown } from "lucide-react";
// plane imports // plane imports
import type { EditorRefApi } from "@plane/editor"; import type { EditorRefApi } from "@plane/editor";
import { CustomMenu, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { CustomMenu } from "@plane/ui";
import { cn } from "@plane/utils"; import { cn } from "@plane/utils";
// constants // constants
import { TOOLBAR_ITEMS, TYPOGRAPHY_ITEMS, ToolbarMenuItem } from "@/constants/editor"; import { TOOLBAR_ITEMS, TYPOGRAPHY_ITEMS, ToolbarMenuItem } from "@/constants/editor";

2
apps/web/core/components/pages/header/offline-badge.tsx
View file

@ -1,6 +1,6 @@
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// plane imports // plane imports
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
// hooks // hooks
import useOnlineStatus from "@/hooks/use-online-status"; import useOnlineStatus from "@/hooks/use-online-status";
// store // store

3
apps/web/core/components/pages/list/block-item-action.tsx
View file

@ -5,7 +5,8 @@ import { observer } from "mobx-react";
import { Earth, Info, Lock, Minus } from "lucide-react"; import { Earth, Info, Lock, Minus } from "lucide-react";
// plane imports // plane imports
import { PROJECT_PAGE_TRACKER_ELEMENTS } from "@plane/constants"; import { PROJECT_PAGE_TRACKER_ELEMENTS } from "@plane/constants";
import { Avatar, FavoriteStar, Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/propel/tooltip";
import { Avatar, FavoriteStar } from "@plane/ui";
import { renderFormattedDate, getFileURL } from "@plane/utils"; import { renderFormattedDate, getFileURL } from "@plane/utils";
// helpers // helpers
import { captureClick } from "@/helpers/event-tracker.helper"; import { captureClick } from "@/helpers/event-tracker.helper";

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