From 3cbb60417c05701ea3cd12a224f44b185e957683 Mon Sep 17 00:00:00 2001 From: Vamsi Krishna <46787868+vamsikrishnamathala@users.noreply.github.com> Date: Tue, 7 Oct 2025 23:37:10 +0530 Subject: [PATCH] [WEB-4976]chore: propel toast implementation (#7832) * draft: implementation * chore: migrated toast from @plane/ui to propel package * chore: reverted unwanted changes * fix: lint errors * chore: added dismiss toast to propel toast * fix: build and lint errors * chore: code refactor --------- Co-authored-by: Anmol Singh Bhatia --- apps/admin/app/(all)/(dashboard)/ai/form.tsx | 2 +- .../authentication/github/form.tsx | 3 +- .../authentication/github/page.tsx | 3 +- .../authentication/gitlab/form.tsx | 2 +- .../authentication/gitlab/page.tsx | 3 +- .../authentication/google/form.tsx | 2 +- .../authentication/google/page.tsx | 3 +- .../(all)/(dashboard)/authentication/page.tsx | 3 +- .../(dashboard)/email/email-config-form.tsx | 3 +- .../app/(all)/(dashboard)/email/page.tsx | 3 +- .../app/(all)/(dashboard)/general/form.tsx | 3 +- .../app/(all)/(dashboard)/image/form.tsx | 2 +- .../(dashboard)/workspace/create/form.tsx | 3 +- .../app/(all)/(dashboard)/workspace/page.tsx | 4 +- apps/admin/app/(all)/toast.tsx | 2 +- .../core/components/common/copy-field.tsx | 3 +- apps/admin/styles/globals.css | 42 ++--- .../peek-overview/comment/add-comment.tsx | 2 +- .../issues/peek-overview/header.tsx | 2 +- .../issues/peek-overview/issue-properties.tsx | 2 +- apps/space/core/lib/toast-provider.tsx | 2 +- apps/space/styles/globals.css | 42 ++--- .../(projects)/extended-project-sidebar.tsx | 2 +- .../[projectId]/pages/(list)/header.tsx | 3 +- .../settings/(workspace)/members/page.tsx | 3 +- .../(workspace)/webhooks/[webhookId]/page.tsx | 2 +- .../settings/account/security/page.tsx | 3 +- .../projects/[projectId]/automations/page.tsx | 2 +- apps/web/app/(all)/invitations/page.tsx | 3 +- .../web/app/(all)/profile/appearance/page.tsx | 2 +- apps/web/app/(all)/profile/security/page.tsx | 3 +- apps/web/app/(all)/profile/sidebar.tsx | 2 +- apps/web/app/provider.tsx | 2 +- .../issues/issue-details/issue-identifier.tsx | 2 +- .../issue-details/parent-select-root.tsx | 2 +- .../components/preferences/theme-switcher.tsx | 2 +- .../ce/components/projects/create/root.tsx | 2 +- .../account/auth-forms/forgot-password.tsx | 3 +- .../account/auth-forms/set-password.tsx | 3 +- .../account/deactivate-account-modal.tsx | 2 +- .../api-token/delete-token-modal.tsx | 3 +- .../api-token/modal/create-token-modal.tsx | 3 +- .../core/components/api-token/modal/form.tsx | 3 +- .../modal/generated-token-details.tsx | 2 +- .../actions/issue-actions/actions-list.tsx | 2 +- .../command-palette/actions/theme-actions.tsx | 2 +- .../command-palette/command-palette.tsx | 2 +- .../components/core/image-picker-popover.tsx | 3 +- .../core/modals/bulk-delete-issues-modal.tsx | 3 +- .../modals/existing-issues-list-modal.tsx | 3 +- .../core/modals/gpt-assistant-popover.tsx | 3 +- .../core/modals/user-image-upload-modal.tsx | 3 +- .../modals/workspace-image-upload-modal.tsx | 3 +- .../core/theme/custom-theme-selector.tsx | 3 +- .../analytics-sidebar/sidebar-header.tsx | 2 +- .../cycles/archived-cycles/modal.tsx | 2 +- .../core/components/cycles/delete-modal.tsx | 3 +- .../cycles/list/cycle-list-item-action.tsx | 3 +- apps/web/core/components/cycles/modal.tsx | 3 +- .../core/components/cycles/quick-actions.tsx | 3 +- .../cycles/transfer-issues-modal.tsx | 5 +- .../components/estimates/create/modal.tsx | 3 +- .../components/estimates/delete/modal.tsx | 3 +- .../estimates/estimate-disable-switch.tsx | 3 +- .../components/estimates/points/create.tsx | 3 +- .../components/estimates/points/update.tsx | 3 +- .../core/components/exporter/export-form.tsx | 3 +- .../core/components/exporter/export-modal.tsx | 3 +- .../blockResizables/use-gantt-resizable.ts | 2 +- .../gantt-chart/sidebar/gantt-dnd-HOC.tsx | 3 +- .../home/widgets/links/link-detail.tsx | 3 +- .../home/widgets/links/use-links.tsx | 2 +- .../home/widgets/manage/widget-list.tsx | 2 +- .../inbox/content/inbox-issue-header.tsx | 3 +- .../components/inbox/content/issue-root.tsx | 3 +- .../inbox/modals/create-modal/create-root.tsx | 3 +- .../inbox/modals/delete-issue-modal.tsx | 3 +- .../inbox/modals/select-duplicate.tsx | 3 +- .../integration/delete-import-modal.tsx | 3 +- .../components/integration/github/root.tsx | 2 +- .../integration/single-integration-card.tsx | 3 +- .../components/issues/archive-issue-modal.tsx | 3 +- .../attachment/attachment-item-list.tsx | 2 +- .../components/issues/delete-issue-modal.tsx | 3 +- .../attachments/helper.tsx | 3 +- .../attachments/quick-action-button.tsx | 2 +- .../issue-detail-widget-modals.tsx | 2 +- .../issue-detail-widgets/links/helper.tsx | 2 +- .../issue-detail-widgets/relations/helper.tsx | 2 +- .../issue-detail-widgets/sub-issues/helper.ts | 2 +- .../issue-detail/issue-activity/helper.tsx | 2 +- .../issue-detail-quick-actions.tsx | 2 +- .../issues/issue-detail/label/root.tsx | 2 +- .../issues/issue-detail/links/link-detail.tsx | 2 +- .../issues/issue-detail/links/link-item.tsx | 3 +- .../issues/issue-detail/links/root.tsx | 2 +- .../issue-detail/reactions/issue-comment.tsx | 2 +- .../issues/issue-detail/reactions/issue.tsx | 2 +- .../issues/issue-detail/relation-select.tsx | 2 +- .../components/issues/issue-detail/root.tsx | 2 +- .../issues/issue-detail/subscription.tsx | 3 +- .../calendar/base-calendar-root.tsx | 2 +- .../issue-layouts/calendar/day-tile.tsx | 2 +- .../calendar/quick-add-issue-actions.tsx | 3 +- .../issue-layouts/empty-states/cycle.tsx | 2 +- .../issue-layouts/empty-states/module.tsx | 2 +- .../issue-layouts/gantt/base-gantt-root.tsx | 2 +- .../issues/issue-layouts/kanban/block.tsx | 3 +- .../kanban/headers/group-by-card.tsx | 3 +- .../issue-layouts/kanban/kanban-group.tsx | 2 +- .../issues/issue-layouts/list/block.tsx | 3 +- .../list/headers/group-by-card.tsx | 3 +- .../issues/issue-layouts/list/list-group.tsx | 3 +- .../quick-action-dropdowns/helper.tsx | 3 +- .../issues/issue-layouts/quick-add/root.tsx | 2 +- .../components/issues/issue-modal/base.tsx | 3 +- .../components/description-editor.tsx | 3 +- .../issues/issue-modal/draft-issue-layout.tsx | 2 +- .../components/issues/issue-modal/form.tsx | 3 +- .../issues/peek-overview/header.tsx | 3 +- .../components/issues/peek-overview/root.tsx | 2 +- .../issues/workspace-draft/delete-modal.tsx | 3 +- .../labels/create-update-label-inline.tsx | 3 +- .../components/labels/delete-label-modal.tsx | 5 +- .../modules/analytics-sidebar/root.tsx | 3 +- .../modules/archived-modules/modal.tsx | 2 +- .../modules/delete-module-modal.tsx | 3 +- .../modules/links/create-update-modal.tsx | 3 +- .../components/modules/links/list-item.tsx | 2 +- apps/web/core/components/modules/modal.tsx | 3 +- .../components/modules/module-card-item.tsx | 3 +- .../modules/module-list-item-action.tsx | 3 +- .../core/components/modules/quick-actions.tsx | 3 +- .../onboarding/create-workspace.tsx | 3 +- .../components/onboarding/invite-members.tsx | 5 +- .../components/onboarding/profile-setup.tsx | 3 +- apps/web/core/components/onboarding/root.tsx | 2 +- .../onboarding/steps/profile/root.tsx | 2 +- .../components/onboarding/steps/role/root.tsx | 2 +- .../components/onboarding/steps/team/root.tsx | 8 +- .../onboarding/steps/usecase/root.tsx | 2 +- .../onboarding/steps/workspace/create.tsx | 3 +- .../onboarding/switch-account-modal.tsx | 2 +- .../pages/editor/toolbar/options-dropdown.tsx | 3 +- .../pages/modals/delete-page-modal.tsx | 3 +- .../pages/modals/export-page-modal.tsx | 3 +- .../pages/pages-list-main-content.tsx | 2 +- .../components/pages/version/main-content.tsx | 2 +- apps/web/core/components/profile/form.tsx | 3 +- .../notification/email-notification-form.tsx | 3 +- .../profile/preferences/language-timezone.tsx | 3 +- .../profile/start-of-week-preference.tsx | 3 +- .../project-states/create-update/create.tsx | 2 +- .../project-states/create-update/update.tsx | 2 +- .../project-states/options/delete.tsx | 3 +- .../project-states/state-delete-modal.tsx | 3 +- .../project/delete-project-modal.tsx | 3 +- apps/web/core/components/project/form.tsx | 3 +- .../components/project/integration-card.tsx | 3 +- .../project/leave-project-modal.tsx | 3 +- .../components/project/member-list-item.tsx | 3 +- .../project-settings-member-defaults.tsx | 3 +- .../project/publish-project/modal.tsx | 3 +- .../project/send-project-invitation-modal.tsx | 3 +- .../archive-project/archive-restore-modal.tsx | 2 +- .../project/settings/features-list.tsx | 3 +- .../project/settings/member-columns.tsx | 3 +- .../core/components/stickies/delete-modal.tsx | 3 +- .../stickies/sticky/use-operations.tsx | 3 +- .../components/views/delete-view-modal.tsx | 3 +- apps/web/core/components/views/modal.tsx | 3 +- .../core/components/views/quick-actions.tsx | 3 +- .../web-hooks/create-webhook-modal.tsx | 3 +- .../web-hooks/delete-webhook-modal.tsx | 3 +- .../components/web-hooks/form/secret-key.tsx | 3 +- .../notification-card/options/archive.tsx | 2 +- .../notification-card/options/read.tsx | 2 +- .../notification-card/options/snooze/root.tsx | 2 +- .../workspace/create-workspace-form.tsx | 5 +- .../workspace/delete-workspace-form.tsx | 4 +- .../settings/invitations-list-item.tsx | 3 +- .../workspace/settings/member-columns.tsx | 4 +- .../workspace/settings/members-list-item.tsx | 3 +- .../workspace/settings/workspace-details.tsx | 4 +- .../sidebar/favorites/favorites-menu.tsx | 2 +- .../sidebar/favorites/new-fav-folder.tsx | 3 +- .../workspace/sidebar/projects-list.tsx | 3 +- .../workspace/sidebar/user-menu-root.tsx | 3 +- .../workspace/sidebar/workspace-menu-root.tsx | 3 +- .../views/default-view-quick-action.tsx | 3 +- .../workspace/views/delete-view-modal.tsx | 3 +- .../core/components/workspace/views/modal.tsx | 3 +- .../workspace/views/quick-action.tsx | 3 +- .../hooks/use-collaborative-page-actions.tsx | 3 +- apps/web/core/hooks/use-group-dragndrop.ts | 2 +- apps/web/core/hooks/use-page-operations.ts | 2 +- .../layouts/auth-layout/workspace-wrapper.tsx | 2 +- apps/web/styles/globals.css | 42 ++--- packages/propel/src/toast/toast.tsx | 11 ++ packages/tailwind-config/global.css | 175 +++++++++++++----- 200 files changed, 512 insertions(+), 329 deletions(-) diff --git a/apps/admin/app/(all)/(dashboard)/ai/form.tsx b/apps/admin/app/(all)/(dashboard)/ai/form.tsx index 227067a4a..80e31979f 100644 --- a/apps/admin/app/(all)/(dashboard)/ai/form.tsx +++ b/apps/admin/app/(all)/(dashboard)/ai/form.tsx @@ -3,8 +3,8 @@ import { FC } from "react"; import { useForm } from "react-hook-form"; import { Lightbulb } from "lucide-react"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IFormattedInstanceConfiguration, TInstanceAIConfigurationKeys } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { ControllerInput, TControllerInputFormField } from "@/components/common/controller-input"; // hooks diff --git a/apps/admin/app/(all)/(dashboard)/authentication/github/form.tsx b/apps/admin/app/(all)/(dashboard)/authentication/github/form.tsx index ff328f701..71c93b6e2 100644 --- a/apps/admin/app/(all)/(dashboard)/authentication/github/form.tsx +++ b/apps/admin/app/(all)/(dashboard)/authentication/github/form.tsx @@ -8,8 +8,9 @@ import { Monitor } from "lucide-react"; // plane internal packages import { API_BASE_URL } from "@plane/constants"; import { Button, getButtonStyling } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IFormattedInstanceConfiguration, TInstanceGithubAuthenticationConfigurationKeys } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; + import { cn } from "@plane/utils"; // components import { CodeBlock } from "@/components/common/code-block"; diff --git a/apps/admin/app/(all)/(dashboard)/authentication/github/page.tsx b/apps/admin/app/(all)/(dashboard)/authentication/github/page.tsx index 75cb84e4a..5709ba4ba 100644 --- a/apps/admin/app/(all)/(dashboard)/authentication/github/page.tsx +++ b/apps/admin/app/(all)/(dashboard)/authentication/github/page.tsx @@ -6,7 +6,8 @@ import Image from "next/image"; import { useTheme } from "next-themes"; import useSWR from "swr"; // plane internal packages -import { Loader, ToggleSwitch, setPromiseToast } from "@plane/ui"; +import { setPromiseToast } from "@plane/propel/toast"; +import { Loader, ToggleSwitch } from "@plane/ui"; import { resolveGeneralTheme } from "@plane/utils"; // components import { AuthenticationMethodCard } from "@/components/authentication/authentication-method-card"; diff --git a/apps/admin/app/(all)/(dashboard)/authentication/gitlab/form.tsx b/apps/admin/app/(all)/(dashboard)/authentication/gitlab/form.tsx index d309c40da..ee8949d97 100644 --- a/apps/admin/app/(all)/(dashboard)/authentication/gitlab/form.tsx +++ b/apps/admin/app/(all)/(dashboard)/authentication/gitlab/form.tsx @@ -5,8 +5,8 @@ import { useForm } from "react-hook-form"; // plane internal packages import { API_BASE_URL } from "@plane/constants"; import { Button, getButtonStyling } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IFormattedInstanceConfiguration, TInstanceGitlabAuthenticationConfigurationKeys } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { cn } from "@plane/utils"; // components import { CodeBlock } from "@/components/common/code-block"; diff --git a/apps/admin/app/(all)/(dashboard)/authentication/gitlab/page.tsx b/apps/admin/app/(all)/(dashboard)/authentication/gitlab/page.tsx index f0b464acb..ae85168ae 100644 --- a/apps/admin/app/(all)/(dashboard)/authentication/gitlab/page.tsx +++ b/apps/admin/app/(all)/(dashboard)/authentication/gitlab/page.tsx @@ -4,7 +4,8 @@ import { useState } from "react"; import { observer } from "mobx-react"; import Image from "next/image"; import useSWR from "swr"; -import { Loader, ToggleSwitch, setPromiseToast } from "@plane/ui"; +import { setPromiseToast } from "@plane/propel/toast"; +import { Loader, ToggleSwitch } from "@plane/ui"; // components import { AuthenticationMethodCard } from "@/components/authentication/authentication-method-card"; // hooks diff --git a/apps/admin/app/(all)/(dashboard)/authentication/google/form.tsx b/apps/admin/app/(all)/(dashboard)/authentication/google/form.tsx index 24077e571..dfde992ea 100644 --- a/apps/admin/app/(all)/(dashboard)/authentication/google/form.tsx +++ b/apps/admin/app/(all)/(dashboard)/authentication/google/form.tsx @@ -7,8 +7,8 @@ import { Monitor } from "lucide-react"; // plane internal packages import { API_BASE_URL } from "@plane/constants"; import { Button, getButtonStyling } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IFormattedInstanceConfiguration, TInstanceGoogleAuthenticationConfigurationKeys } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { cn } from "@plane/utils"; // components import { CodeBlock } from "@/components/common/code-block"; diff --git a/apps/admin/app/(all)/(dashboard)/authentication/google/page.tsx b/apps/admin/app/(all)/(dashboard)/authentication/google/page.tsx index 7cf42cb57..d6ca370d4 100644 --- a/apps/admin/app/(all)/(dashboard)/authentication/google/page.tsx +++ b/apps/admin/app/(all)/(dashboard)/authentication/google/page.tsx @@ -4,7 +4,8 @@ import { useState } from "react"; import { observer } from "mobx-react"; import Image from "next/image"; import useSWR from "swr"; -import { Loader, ToggleSwitch, setPromiseToast } from "@plane/ui"; +import { setPromiseToast } from "@plane/propel/toast"; +import { Loader, ToggleSwitch } from "@plane/ui"; // components import { AuthenticationMethodCard } from "@/components/authentication/authentication-method-card"; // hooks diff --git a/apps/admin/app/(all)/(dashboard)/authentication/page.tsx b/apps/admin/app/(all)/(dashboard)/authentication/page.tsx index 279ff396a..024874d00 100644 --- a/apps/admin/app/(all)/(dashboard)/authentication/page.tsx +++ b/apps/admin/app/(all)/(dashboard)/authentication/page.tsx @@ -4,8 +4,9 @@ import { useState } from "react"; import { observer } from "mobx-react"; import useSWR from "swr"; // plane internal packages +import { setPromiseToast } from "@plane/propel/toast"; import { TInstanceConfigurationKeys } from "@plane/types"; -import { Loader, ToggleSwitch, setPromiseToast } from "@plane/ui"; +import { Loader, ToggleSwitch } from "@plane/ui"; import { cn } from "@plane/utils"; // hooks import { useInstance } from "@/hooks/store"; diff --git a/apps/admin/app/(all)/(dashboard)/email/email-config-form.tsx b/apps/admin/app/(all)/(dashboard)/email/email-config-form.tsx index 78bdf2078..beca83cb5 100644 --- a/apps/admin/app/(all)/(dashboard)/email/email-config-form.tsx +++ b/apps/admin/app/(all)/(dashboard)/email/email-config-form.tsx @@ -4,9 +4,10 @@ import React, { FC, useMemo, useState } from "react"; import { useForm } from "react-hook-form"; // types import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IFormattedInstanceConfiguration, TInstanceEmailConfigurationKeys } from "@plane/types"; // ui -import { CustomSelect, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomSelect } from "@plane/ui"; // components import { ControllerInput, TControllerInputFormField } from "@/components/common/controller-input"; // hooks diff --git a/apps/admin/app/(all)/(dashboard)/email/page.tsx b/apps/admin/app/(all)/(dashboard)/email/page.tsx index 792bafe35..a509f6d28 100644 --- a/apps/admin/app/(all)/(dashboard)/email/page.tsx +++ b/apps/admin/app/(all)/(dashboard)/email/page.tsx @@ -3,7 +3,8 @@ import { useEffect, useState } from "react"; import { observer } from "mobx-react"; import useSWR from "swr"; -import { Loader, setToast, TOAST_TYPE, ToggleSwitch } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Loader, ToggleSwitch } from "@plane/ui"; // hooks import { useInstance } from "@/hooks/store"; // components diff --git a/apps/admin/app/(all)/(dashboard)/general/form.tsx b/apps/admin/app/(all)/(dashboard)/general/form.tsx index 836f1f019..d9ef1c2d7 100644 --- a/apps/admin/app/(all)/(dashboard)/general/form.tsx +++ b/apps/admin/app/(all)/(dashboard)/general/form.tsx @@ -5,9 +5,10 @@ import { Controller, useForm } from "react-hook-form"; import { Telescope } from "lucide-react"; // types import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IInstance, IInstanceAdmin } from "@plane/types"; // ui -import { Input, TOAST_TYPE, ToggleSwitch, setToast } from "@plane/ui"; +import { Input, ToggleSwitch } from "@plane/ui"; // components import { ControllerInput } from "@/components/common/controller-input"; import { useInstance } from "@/hooks/store"; diff --git a/apps/admin/app/(all)/(dashboard)/image/form.tsx b/apps/admin/app/(all)/(dashboard)/image/form.tsx index 4bc01101f..4e63962b9 100644 --- a/apps/admin/app/(all)/(dashboard)/image/form.tsx +++ b/apps/admin/app/(all)/(dashboard)/image/form.tsx @@ -2,8 +2,8 @@ import { FC } from "react"; import { useForm } from "react-hook-form"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IFormattedInstanceConfiguration, TInstanceImageConfigurationKeys } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { ControllerInput } from "@/components/common/controller-input"; // hooks diff --git a/apps/admin/app/(all)/(dashboard)/workspace/create/form.tsx b/apps/admin/app/(all)/(dashboard)/workspace/create/form.tsx index b459bb42b..c2c82484d 100644 --- a/apps/admin/app/(all)/(dashboard)/workspace/create/form.tsx +++ b/apps/admin/app/(all)/(dashboard)/workspace/create/form.tsx @@ -5,10 +5,11 @@ import { Controller, useForm } from "react-hook-form"; // plane imports import { WEB_BASE_URL, ORGANIZATION_SIZE, RESTRICTED_URLS } from "@plane/constants"; import { Button, getButtonStyling } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { InstanceWorkspaceService } from "@plane/services"; import { IWorkspace } from "@plane/types"; // components -import { CustomSelect, Input, setToast, TOAST_TYPE } from "@plane/ui"; +import { CustomSelect, Input } from "@plane/ui"; // hooks import { useWorkspace } from "@/hooks/store"; diff --git a/apps/admin/app/(all)/(dashboard)/workspace/page.tsx b/apps/admin/app/(all)/(dashboard)/workspace/page.tsx index 984587882..344edfa2e 100644 --- a/apps/admin/app/(all)/(dashboard)/workspace/page.tsx +++ b/apps/admin/app/(all)/(dashboard)/workspace/page.tsx @@ -7,8 +7,10 @@ import useSWR from "swr"; import { Loader as LoaderIcon } from "lucide-react"; // types import { Button, getButtonStyling } from "@plane/propel/button"; +import { setPromiseToast } from "@plane/propel/toast"; import { TInstanceConfigurationKeys } from "@plane/types"; -import { Loader, setPromiseToast, ToggleSwitch } from "@plane/ui"; +import { Loader, ToggleSwitch } from "@plane/ui"; + import { cn } from "@plane/utils"; // components import { WorkspaceListItem } from "@/components/workspace/list-item"; diff --git a/apps/admin/app/(all)/toast.tsx b/apps/admin/app/(all)/toast.tsx index 7d7938a9b..9cd1c46a1 100644 --- a/apps/admin/app/(all)/toast.tsx +++ b/apps/admin/app/(all)/toast.tsx @@ -1,7 +1,7 @@ "use client"; import { useTheme } from "next-themes"; -import { Toast } from "@plane/ui"; +import { Toast } from "@plane/propel/toast"; import { resolveGeneralTheme } from "@plane/utils"; export const ToastWithTheme = () => { diff --git a/apps/admin/core/components/common/copy-field.tsx b/apps/admin/core/components/common/copy-field.tsx index 80cbacc4e..4f4f71753 100644 --- a/apps/admin/core/components/common/copy-field.tsx +++ b/apps/admin/core/components/common/copy-field.tsx @@ -4,8 +4,7 @@ import React from "react"; // ui import { Copy } from "lucide-react"; import { Button } from "@plane/propel/button"; -import { TOAST_TYPE, setToast } from "@plane/ui"; -// icons +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; type Props = { label: string; diff --git a/apps/admin/styles/globals.css b/apps/admin/styles/globals.css index 737015d26..86a0b8518 100644 --- a/apps/admin/styles/globals.css +++ b/apps/admin/styles/globals.css @@ -111,6 +111,27 @@ --color-sidebar-shadow-2xl: var(--color-shadow-2xl); --color-sidebar-shadow-3xl: var(--color-shadow-3xl); --color-sidebar-shadow-4xl: var(--color-shadow-4xl); + + /* toast theme */ + --color-toast-success-text: 178, 221, 181; + --color-toast-error-text: 206, 44, 49; + --color-toast-warning-text: 255, 186, 24; + --color-toast-info-text: 141, 164, 239; + --color-toast-loading-text: 255, 255, 255; + --color-toast-secondary-text: 185, 187, 198; + --color-toast-tertiary-text: 139, 141, 152; + + --color-toast-success-background: 46, 46, 46; + --color-toast-error-background: 46, 46, 46; + --color-toast-warning-background: 46, 46, 46; + --color-toast-info-background: 46, 46, 46; + --color-toast-loading-background: 46, 46, 46; + + --color-toast-success-border: 42, 126, 59; + --color-toast-error-border: 100, 23, 35; + --color-toast-warning-border: 79, 52, 34; + --color-toast-info-border: 58, 91, 199; + --color-toast-loading-border: 96, 100, 108; } [data-theme="light"], @@ -221,27 +242,6 @@ --color-border-200: 38, 38, 38; /* subtle border- 2 */ --color-border-300: 46, 46, 46; /* strong border- 1 */ --color-border-400: 58, 58, 58; /* strong border- 2 */ - - /* toast theme */ - --color-toast-success-text: 178, 221, 181; - --color-toast-error-text: 206, 44, 49; - --color-toast-warning-text: 255, 186, 24; - --color-toast-info-text: 141, 164, 239; - --color-toast-loading-text: 255, 255, 255; - --color-toast-secondary-text: 185, 187, 198; - --color-toast-tertiary-text: 139, 141, 152; - - --color-toast-success-background: 46, 46, 46; - --color-toast-error-background: 46, 46, 46; - --color-toast-warning-background: 46, 46, 46; - --color-toast-info-background: 46, 46, 46; - --color-toast-loading-background: 46, 46, 46; - - --color-toast-success-border: 42, 126, 59; - --color-toast-error-border: 100, 23, 35; - --color-toast-warning-border: 79, 52, 34; - --color-toast-info-border: 58, 91, 199; - --color-toast-loading-border: 96, 100, 108; } [data-theme="dark-contrast"] { diff --git a/apps/space/core/components/issues/peek-overview/comment/add-comment.tsx b/apps/space/core/components/issues/peek-overview/comment/add-comment.tsx index 3ab42144a..6afbb67ac 100644 --- a/apps/space/core/components/issues/peek-overview/comment/add-comment.tsx +++ b/apps/space/core/components/issues/peek-overview/comment/add-comment.tsx @@ -5,9 +5,9 @@ import { observer } from "mobx-react"; import { useForm, Controller } from "react-hook-form"; // plane imports import { EditorRefApi } from "@plane/editor"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { SitesFileService } from "@plane/services"; import { TIssuePublicComment } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // editor components import { LiteTextEditor } from "@/components/editor/lite-text-editor"; // hooks diff --git a/apps/space/core/components/issues/peek-overview/header.tsx b/apps/space/core/components/issues/peek-overview/header.tsx index 4791f1749..690611263 100644 --- a/apps/space/core/components/issues/peek-overview/header.tsx +++ b/apps/space/core/components/issues/peek-overview/header.tsx @@ -6,7 +6,7 @@ import { Link2, MoveRight } from "lucide-react"; import { Listbox, Transition } from "@headlessui/react"; // ui import { CenterPanelIcon, FullScreenPanelIcon, SidePanelIcon } from "@plane/propel/icons"; -import { setToast, TOAST_TYPE } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // helpers import { copyTextToClipboard } from "@/helpers/string.helper"; // hooks diff --git a/apps/space/core/components/issues/peek-overview/issue-properties.tsx b/apps/space/core/components/issues/peek-overview/issue-properties.tsx index 3bee765ca..a43f6ff74 100644 --- a/apps/space/core/components/issues/peek-overview/issue-properties.tsx +++ b/apps/space/core/components/issues/peek-overview/issue-properties.tsx @@ -6,7 +6,7 @@ import { CalendarCheck2, Signal } from "lucide-react"; // plane imports import { useTranslation } from "@plane/i18n"; import { DoubleCircleIcon, StateGroupIcon } from "@plane/propel/icons"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { cn, getIssuePriorityFilters } from "@plane/utils"; // components import { Icon } from "@/components/ui"; diff --git a/apps/space/core/lib/toast-provider.tsx b/apps/space/core/lib/toast-provider.tsx index 20a37c3e9..e85a30a00 100644 --- a/apps/space/core/lib/toast-provider.tsx +++ b/apps/space/core/lib/toast-provider.tsx @@ -3,7 +3,7 @@ import { ReactNode } from "react"; import { useTheme } from "next-themes"; // plane imports -import { Toast } from "@plane/ui"; +import { Toast } from "@plane/propel/toast"; import { resolveGeneralTheme } from "@plane/utils"; export const ToastProvider = ({ children }: { children: ReactNode }) => { diff --git a/apps/space/styles/globals.css b/apps/space/styles/globals.css index 870f137e4..5f2e91ed2 100644 --- a/apps/space/styles/globals.css +++ b/apps/space/styles/globals.css @@ -100,6 +100,27 @@ --color-sidebar-shadow-2xl: var(--color-shadow-2xl); --color-sidebar-shadow-3xl: var(--color-shadow-3xl); --color-sidebar-shadow-4xl: var(--color-shadow-4xl); + + /* toast theme */ + --color-toast-success-text: 178, 221, 181; + --color-toast-error-text: 206, 44, 49; + --color-toast-warning-text: 255, 186, 24; + --color-toast-info-text: 141, 164, 239; + --color-toast-loading-text: 255, 255, 255; + --color-toast-secondary-text: 185, 187, 198; + --color-toast-tertiary-text: 139, 141, 152; + + --color-toast-success-background: 46, 46, 46; + --color-toast-error-background: 46, 46, 46; + --color-toast-warning-background: 46, 46, 46; + --color-toast-info-background: 46, 46, 46; + --color-toast-loading-background: 46, 46, 46; + + --color-toast-success-border: 42, 126, 59; + --color-toast-error-border: 100, 23, 35; + --color-toast-warning-border: 79, 52, 34; + --color-toast-info-border: 58, 91, 199; + --color-toast-loading-border: 96, 100, 108; } [data-theme="light"], @@ -253,27 +274,6 @@ --color-onboarding-border-300: 34, 35, 38, 0.5; --color-onboarding-shadow-sm: 0px 4px 20px 0px rgba(39, 44, 56, 0.1); - - /* toast theme */ - --color-toast-success-text: 178, 221, 181; - --color-toast-error-text: 206, 44, 49; - --color-toast-warning-text: 255, 186, 24; - --color-toast-info-text: 141, 164, 239; - --color-toast-loading-text: 255, 255, 255; - --color-toast-secondary-text: 185, 187, 198; - --color-toast-tertiary-text: 139, 141, 152; - - --color-toast-success-background: 46, 46, 46; - --color-toast-error-background: 46, 46, 46; - --color-toast-warning-background: 46, 46, 46; - --color-toast-info-background: 46, 46, 46; - --color-toast-loading-background: 46, 46, 46; - - --color-toast-success-border: 42, 126, 59; - --color-toast-error-border: 100, 23, 35; - --color-toast-warning-border: 79, 52, 34; - --color-toast-info-border: 58, 91, 199; - --color-toast-loading-border: 96, 100, 108; } [data-theme="dark-contrast"] { diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx index de71b5e95..a995bc99e 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx @@ -7,8 +7,8 @@ import { useParams } from "next/navigation"; import { Plus, Search } from "lucide-react"; import { EUserPermissions, EUserPermissionsLevel, PROJECT_TRACKER_ELEMENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; -import { setToast, TOAST_TYPE } from "@plane/ui"; import { copyUrlToClipboard, orderJoinedProjects } from "@plane/utils"; // components import { CreateProjectModal } from "@/components/project/create-project-modal"; diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(list)/header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(list)/header.tsx index 0240acf92..086a5ce31 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(list)/header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(list)/header.tsx @@ -12,9 +12,10 @@ import { } from "@plane/constants"; // plane types import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TPage } from "@plane/types"; // plane ui -import { Breadcrumbs, Header, setToast, TOAST_TYPE } from "@plane/ui"; +import { Breadcrumbs, Header } from "@plane/ui"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; // hooks diff --git a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/members/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/members/page.tsx index 86c8940ac..892d85056 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/members/page.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/members/page.tsx @@ -13,9 +13,8 @@ import { } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IWorkspaceBulkInviteFormData } from "@plane/types"; -// ui -import { TOAST_TYPE, setToast } from "@plane/ui"; import { cn } from "@plane/utils"; // components import { NotAuthorizedView } from "@/components/auth-screens/not-authorized-view"; diff --git a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/webhooks/[webhookId]/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/webhooks/[webhookId]/page.tsx index 0bf1acdc9..38d7571df 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/webhooks/[webhookId]/page.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/(workspace)/webhooks/[webhookId]/page.tsx @@ -5,9 +5,9 @@ import { observer } from "mobx-react"; 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"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { LogoSpinner } from "@/components/common/logo-spinner"; import { PageHead } from "@/components/core/page-title"; diff --git a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/security/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/security/page.tsx index 82ffcd283..179559eae 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/security/page.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/account/security/page.tsx @@ -8,7 +8,8 @@ import { Eye, EyeOff } from "lucide-react"; import { E_PASSWORD_STRENGTH } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { Input, PasswordStrengthIndicator, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Input, PasswordStrengthIndicator } from "@plane/ui"; import { getPasswordStrength } from "@plane/utils"; // components import { PageHead } from "@/components/core/page-title"; diff --git a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/projects/[projectId]/automations/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/projects/[projectId]/automations/page.tsx index b2eb7127c..e9c15bf72 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/projects/[projectId]/automations/page.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(settings)/settings/projects/[projectId]/automations/page.tsx @@ -5,9 +5,9 @@ import { observer } from "mobx-react"; 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"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { NotAuthorizedView } from "@/components/auth-screens/not-authorized-view"; import { AutoArchiveAutomation, AutoCloseAutomation } from "@/components/automation"; diff --git a/apps/web/app/(all)/invitations/page.tsx b/apps/web/app/(all)/invitations/page.tsx index 5aa4fd3d9..080322ba8 100644 --- a/apps/web/app/(all)/invitations/page.tsx +++ b/apps/web/app/(all)/invitations/page.tsx @@ -12,9 +12,8 @@ import { useTranslation } from "@plane/i18n"; // types import { Button } from "@plane/propel/button"; import { PlaneLogo } from "@plane/propel/icons"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { IWorkspaceMemberInvitation } from "@plane/types"; -// ui -import { TOAST_TYPE, setToast } from "@plane/ui"; import { truncateText } from "@plane/utils"; // components import { EmptyState } from "@/components/common/empty-state"; diff --git a/apps/web/app/(all)/profile/appearance/page.tsx b/apps/web/app/(all)/profile/appearance/page.tsx index 679ea2292..0fb15d9a9 100644 --- a/apps/web/app/(all)/profile/appearance/page.tsx +++ b/apps/web/app/(all)/profile/appearance/page.tsx @@ -6,8 +6,8 @@ import { useTheme } from "next-themes"; // plane imports import { I_THEME_OPTION, THEME_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { setPromiseToast } from "@plane/propel/toast"; import { IUserTheme } from "@plane/types"; -import { setPromiseToast } from "@plane/ui"; // components import { applyTheme, unsetCustomCssVariables } from "@plane/utils"; import { LogoSpinner } from "@/components/common/logo-spinner"; diff --git a/apps/web/app/(all)/profile/security/page.tsx b/apps/web/app/(all)/profile/security/page.tsx index 5787209b0..9bd3e72ee 100644 --- a/apps/web/app/(all)/profile/security/page.tsx +++ b/apps/web/app/(all)/profile/security/page.tsx @@ -8,7 +8,8 @@ import { Eye, EyeOff } from "lucide-react"; import { E_PASSWORD_STRENGTH } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { Input, PasswordStrengthIndicator, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Input, PasswordStrengthIndicator } from "@plane/ui"; // components import { getPasswordStrength } from "@plane/utils"; import { PageHead } from "@/components/core/page-title"; diff --git a/apps/web/app/(all)/profile/sidebar.tsx b/apps/web/app/(all)/profile/sidebar.tsx index 6d4c8ce36..acf25bb18 100644 --- a/apps/web/app/(all)/profile/sidebar.tsx +++ b/apps/web/app/(all)/profile/sidebar.tsx @@ -21,8 +21,8 @@ import { import { PROFILE_ACTION_LINKS } from "@plane/constants"; import { useOutsideClickDetector } from "@plane/hooks"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { cn, getFileURL } from "@plane/utils"; // components import { SidebarNavItem } from "@/components/sidebar/sidebar-navigation"; diff --git a/apps/web/app/provider.tsx b/apps/web/app/provider.tsx index d7fbfd3b0..4237a23e1 100644 --- a/apps/web/app/provider.tsx +++ b/apps/web/app/provider.tsx @@ -8,7 +8,7 @@ import { SWRConfig } from "swr"; // Plane Imports import { WEB_SWR_CONFIG } from "@plane/constants"; import { TranslationProvider } from "@plane/i18n"; -import { Toast } from "@plane/ui"; +import { Toast } from "@plane/propel/toast"; //helpers import { resolveGeneralTheme } from "@plane/utils"; // polyfills diff --git a/apps/web/ce/components/issues/issue-details/issue-identifier.tsx b/apps/web/ce/components/issues/issue-details/issue-identifier.tsx index c69704c9e..b85e16536 100644 --- a/apps/web/ce/components/issues/issue-details/issue-identifier.tsx +++ b/apps/web/ce/components/issues/issue-details/issue-identifier.tsx @@ -1,10 +1,10 @@ import { 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"; // ui -import { setToast, TOAST_TYPE } from "@plane/ui"; // helpers import { cn } from "@plane/utils"; // hooks diff --git a/apps/web/ce/components/issues/issue-details/parent-select-root.tsx b/apps/web/ce/components/issues/issue-details/parent-select-root.tsx index 3582d053f..54ae11689 100644 --- a/apps/web/ce/components/issues/issue-details/parent-select-root.tsx +++ b/apps/web/ce/components/issues/issue-details/parent-select-root.tsx @@ -4,7 +4,7 @@ import React from "react"; import { observer } from "mobx-react"; // plane imports import { useTranslation } from "@plane/i18n"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // components import type { TIssueOperations } from "@/components/issues/issue-detail"; import { IssueParentSelect } from "@/components/issues/issue-detail/parent-select"; diff --git a/apps/web/ce/components/preferences/theme-switcher.tsx b/apps/web/ce/components/preferences/theme-switcher.tsx index c9f005ee3..773c58993 100644 --- a/apps/web/ce/components/preferences/theme-switcher.tsx +++ b/apps/web/ce/components/preferences/theme-switcher.tsx @@ -6,8 +6,8 @@ import { useTheme } from "next-themes"; // plane imports import { I_THEME_OPTION, THEME_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { setPromiseToast } from "@plane/propel/toast"; import { IUserTheme } from "@plane/types"; -import { setPromiseToast } from "@plane/ui"; import { applyTheme, unsetCustomCssVariables } from "@plane/utils"; // components import { CustomThemeSelector } from "@/components/core/theme/custom-theme-selector"; diff --git a/apps/web/ce/components/projects/create/root.tsx b/apps/web/ce/components/projects/create/root.tsx index d0c53dfab..06105458a 100644 --- a/apps/web/ce/components/projects/create/root.tsx +++ b/apps/web/ce/components/projects/create/root.tsx @@ -6,7 +6,7 @@ import { FormProvider, useForm } from "react-hook-form"; import { DEFAULT_PROJECT_FORM_VALUES, PROJECT_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; // ui -import { setToast, TOAST_TYPE } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // constants import ProjectCommonAttributes from "@/components/project/create/common-attributes"; import ProjectCreateHeader from "@/components/project/create/header"; diff --git a/apps/web/core/components/account/auth-forms/forgot-password.tsx b/apps/web/core/components/account/auth-forms/forgot-password.tsx index 06cc24b3a..018ff9514 100644 --- a/apps/web/core/components/account/auth-forms/forgot-password.tsx +++ b/apps/web/core/components/account/auth-forms/forgot-password.tsx @@ -10,7 +10,8 @@ import { CircleCheck } from "lucide-react"; import { AUTH_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button, getButtonStyling } from "@plane/propel/button"; -import { Input, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Input } from "@plane/ui"; import { cn, checkEmailValidity } from "@plane/utils"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/account/auth-forms/set-password.tsx b/apps/web/core/components/account/auth-forms/set-password.tsx index 5939b6f19..c06eec076 100644 --- a/apps/web/core/components/account/auth-forms/set-password.tsx +++ b/apps/web/core/components/account/auth-forms/set-password.tsx @@ -9,7 +9,8 @@ import { Eye, EyeOff } from "lucide-react"; import { AUTH_TRACKER_ELEMENTS, AUTH_TRACKER_EVENTS, E_PASSWORD_STRENGTH } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { Input, PasswordStrengthIndicator, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Input, PasswordStrengthIndicator } from "@plane/ui"; // components import { getPasswordStrength } from "@plane/utils"; // helpers diff --git a/apps/web/core/components/account/deactivate-account-modal.tsx b/apps/web/core/components/account/deactivate-account-modal.tsx index 3a4b8c668..548434ddc 100644 --- a/apps/web/core/components/account/deactivate-account-modal.tsx +++ b/apps/web/core/components/account/deactivate-account-modal.tsx @@ -7,7 +7,7 @@ import { PROFILE_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; // ui import { Button } from "@plane/propel/button"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useUser } from "@/hooks/store/user"; diff --git a/apps/web/core/components/api-token/delete-token-modal.tsx b/apps/web/core/components/api-token/delete-token-modal.tsx index f139a2783..2bac04bdb 100644 --- a/apps/web/core/components/api-token/delete-token-modal.tsx +++ b/apps/web/core/components/api-token/delete-token-modal.tsx @@ -5,10 +5,11 @@ import { mutate } from "swr"; // types import { PROFILE_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { APITokenService } from "@plane/services"; import { IApiToken } from "@plane/types"; // ui -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; // fetch-keys import { API_TOKENS_LIST } from "@/constants/fetch-keys"; import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/api-token/modal/create-token-modal.tsx b/apps/web/core/components/api-token/modal/create-token-modal.tsx index af04b31c2..46075cb8f 100644 --- a/apps/web/core/components/api-token/modal/create-token-modal.tsx +++ b/apps/web/core/components/api-token/modal/create-token-modal.tsx @@ -4,9 +4,10 @@ import React, { useState } from "react"; import { mutate } from "swr"; // plane imports import { PROFILE_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { APITokenService } from "@plane/services"; import { IApiToken } from "@plane/types"; -import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; import { renderFormattedDate, csvDownload } from "@plane/utils"; // constants import { API_TOKENS_LIST } from "@/constants/fetch-keys"; diff --git a/apps/web/core/components/api-token/modal/form.tsx b/apps/web/core/components/api-token/modal/form.tsx index 3770aec5a..84fda20fa 100644 --- a/apps/web/core/components/api-token/modal/form.tsx +++ b/apps/web/core/components/api-token/modal/form.tsx @@ -7,9 +7,10 @@ import { Calendar } from "lucide-react"; // types import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IApiToken } from "@plane/types"; // ui -import { CustomSelect, Input, TextArea, ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomSelect, Input, TextArea, ToggleSwitch } from "@plane/ui"; import { cn, renderFormattedDate, renderFormattedTime } from "@plane/utils"; // components import { DateDropdown } from "@/components/dropdowns/date"; diff --git a/apps/web/core/components/api-token/modal/generated-token-details.tsx b/apps/web/core/components/api-token/modal/generated-token-details.tsx index 3996b7382..36124315e 100644 --- a/apps/web/core/components/api-token/modal/generated-token-details.tsx +++ b/apps/web/core/components/api-token/modal/generated-token-details.tsx @@ -3,10 +3,10 @@ import { Copy } from "lucide-react"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IApiToken } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; import { renderFormattedDate, renderFormattedTime, copyTextToClipboard } from "@plane/utils"; // helpers // types diff --git a/apps/web/core/components/command-palette/actions/issue-actions/actions-list.tsx b/apps/web/core/components/command-palette/actions/issue-actions/actions-list.tsx index 7b75fc1bd..5fa053fa7 100644 --- a/apps/web/core/components/command-palette/actions/issue-actions/actions-list.tsx +++ b/apps/web/core/components/command-palette/actions/issue-actions/actions-list.tsx @@ -5,9 +5,9 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { LinkIcon, Signal, Trash2, UserMinus2, UserPlus2, Users } from "lucide-react"; import { DoubleCircleIcon } from "@plane/propel/icons"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssueServiceType, TIssue } from "@plane/types"; // hooks -import { TOAST_TYPE, setToast } from "@plane/ui"; // helpers import { copyTextToClipboard } from "@plane/utils"; // hooks diff --git a/apps/web/core/components/command-palette/actions/theme-actions.tsx b/apps/web/core/components/command-palette/actions/theme-actions.tsx index 108deba2c..697ffda17 100644 --- a/apps/web/core/components/command-palette/actions/theme-actions.tsx +++ b/apps/web/core/components/command-palette/actions/theme-actions.tsx @@ -8,7 +8,7 @@ import { Settings } from "lucide-react"; // plane imports import { THEME_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // hooks import { useUserProfile } from "@/hooks/store/user"; diff --git a/apps/web/core/components/command-palette/command-palette.tsx b/apps/web/core/components/command-palette/command-palette.tsx index 7b326b91f..a458f01c2 100644 --- a/apps/web/core/components/command-palette/command-palette.tsx +++ b/apps/web/core/components/command-palette/command-palette.tsx @@ -6,7 +6,7 @@ import { useParams } from "next/navigation"; import useSWR from "swr"; // ui import { COMMAND_PALETTE_TRACKER_ELEMENTS, EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // components import { copyTextToClipboard } from "@plane/utils"; import { CommandModal, ShortcutsModal } from "@/components/command-palette"; diff --git a/apps/web/core/components/core/image-picker-popover.tsx b/apps/web/core/components/core/image-picker-popover.tsx index 301b9befb..3c008525e 100644 --- a/apps/web/core/components/core/image-picker-popover.tsx +++ b/apps/web/core/components/core/image-picker-popover.tsx @@ -12,8 +12,9 @@ import { Tab, Popover } from "@headlessui/react"; import { ACCEPTED_COVER_IMAGE_MIME_TYPES_FOR_REACT_DROPZONE, MAX_FILE_SIZE } from "@plane/constants"; import { useOutsideClickDetector } from "@plane/hooks"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EFileAssetType } from "@plane/types"; -import { Input, Loader, TOAST_TYPE, setToast } from "@plane/ui"; +import { Input, Loader } from "@plane/ui"; // helpers import { getFileURL } from "@plane/utils"; // hooks diff --git a/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx b/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx index 64c34a2e5..d78f89e87 100644 --- a/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx +++ b/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx @@ -9,8 +9,9 @@ import { Combobox, Dialog, Transition } from "@headlessui/react"; // plane imports import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, ISearchIssueResponse, IUser } from "@plane/types"; -import { Loader, TOAST_TYPE, setToast } from "@plane/ui"; +import { Loader } from "@plane/ui"; // components import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root"; // hooks diff --git a/apps/web/core/components/core/modals/existing-issues-list-modal.tsx b/apps/web/core/components/core/modals/existing-issues-list-modal.tsx index 8dc7c173e..f215ff7f2 100644 --- a/apps/web/core/components/core/modals/existing-issues-list-modal.tsx +++ b/apps/web/core/components/core/modals/existing-issues-list-modal.tsx @@ -7,10 +7,11 @@ import { Combobox, Dialog, Transition } from "@headlessui/react"; import { useTranslation } from "@plane/i18n"; // types import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { ISearchIssueResponse, TProjectIssuesSearchParams } from "@plane/types"; // ui -import { Loader, ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui"; +import { Loader, ToggleSwitch } from "@plane/ui"; import { generateWorkItemLink, getTabIndex } from "@plane/utils"; // helpers // hooks diff --git a/apps/web/core/components/core/modals/gpt-assistant-popover.tsx b/apps/web/core/components/core/modals/gpt-assistant-popover.tsx index 5ee202d94..a1a513b0f 100644 --- a/apps/web/core/components/core/modals/gpt-assistant-popover.tsx +++ b/apps/web/core/components/core/modals/gpt-assistant-popover.tsx @@ -9,7 +9,8 @@ import { Popover, Transition } from "@headlessui/react"; // plane imports import type { EditorRefApi } from "@plane/editor"; import { Button } from "@plane/propel/button"; -import { Input, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Input } from "@plane/ui"; // components import { RichTextEditor } from "@/components/editor/rich-text"; // services diff --git a/apps/web/core/components/core/modals/user-image-upload-modal.tsx b/apps/web/core/components/core/modals/user-image-upload-modal.tsx index ebe826926..cade52096 100644 --- a/apps/web/core/components/core/modals/user-image-upload-modal.tsx +++ b/apps/web/core/components/core/modals/user-image-upload-modal.tsx @@ -8,10 +8,9 @@ import { Transition, Dialog } from "@headlessui/react"; // plane imports import { ACCEPTED_AVATAR_IMAGE_MIME_TYPES_FOR_REACT_DROPZONE, MAX_FILE_SIZE } from "@plane/constants"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EFileAssetType } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { getAssetIdFromUrl, getFileURL, checkURLValidity } from "@plane/utils"; -// helpers // services import { FileService } from "@/services/file.service"; const fileService = new FileService(); diff --git a/apps/web/core/components/core/modals/workspace-image-upload-modal.tsx b/apps/web/core/components/core/modals/workspace-image-upload-modal.tsx index b2dd9d881..496319f75 100644 --- a/apps/web/core/components/core/modals/workspace-image-upload-modal.tsx +++ b/apps/web/core/components/core/modals/workspace-image-upload-modal.tsx @@ -8,10 +8,9 @@ import { Transition, Dialog } from "@headlessui/react"; // plane imports import { ACCEPTED_AVATAR_IMAGE_MIME_TYPES_FOR_REACT_DROPZONE, MAX_FILE_SIZE } from "@plane/constants"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EFileAssetType } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { getAssetIdFromUrl, getFileURL, checkURLValidity } from "@plane/utils"; -// helpers // hooks import { useWorkspace } from "@/hooks/store/use-workspace"; // services diff --git a/apps/web/core/components/core/theme/custom-theme-selector.tsx b/apps/web/core/components/core/theme/custom-theme-selector.tsx index f285e5425..ca5f376ce 100644 --- a/apps/web/core/components/core/theme/custom-theme-selector.tsx +++ b/apps/web/core/components/core/theme/custom-theme-selector.tsx @@ -7,9 +7,10 @@ import { Controller, useForm } from "react-hook-form"; import { PROFILE_SETTINGS_TRACKER_ELEMENTS, PROFILE_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { setPromiseToast } from "@plane/propel/toast"; import { IUserTheme } from "@plane/types"; // ui -import { InputColorPicker, setPromiseToast } from "@plane/ui"; +import { InputColorPicker } from "@plane/ui"; // hooks import { captureElementAndEvent } from "@/helpers/event-tracker.helper"; import { useUserProfile } from "@/hooks/store/user"; diff --git a/apps/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx b/apps/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx index 21aaa1ade..41aae0cba 100644 --- a/apps/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx +++ b/apps/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx @@ -13,8 +13,8 @@ import { CYCLE_TRACKER_ELEMENTS, } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { ICycle } from "@plane/types"; -import { setToast, TOAST_TYPE } from "@plane/ui"; import { getDate, renderFormattedPayloadDate } from "@plane/utils"; // components import { DateRangeDropdown } from "@/components/dropdowns/date-range"; diff --git a/apps/web/core/components/cycles/archived-cycles/modal.tsx b/apps/web/core/components/cycles/archived-cycles/modal.tsx index 9d089d8cb..3f83ad540 100644 --- a/apps/web/core/components/cycles/archived-cycles/modal.tsx +++ b/apps/web/core/components/cycles/archived-cycles/modal.tsx @@ -5,7 +5,7 @@ import { Dialog, Transition } from "@headlessui/react"; // ui import { CYCLE_TRACKER_EVENTS } from "@plane/constants"; import { Button } from "@plane/propel/button"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useCycle } from "@/hooks/store/use-cycle"; diff --git a/apps/web/core/components/cycles/delete-modal.tsx b/apps/web/core/components/cycles/delete-modal.tsx index 4d0e8447f..099bdba05 100644 --- a/apps/web/core/components/cycles/delete-modal.tsx +++ b/apps/web/core/components/cycles/delete-modal.tsx @@ -6,9 +6,10 @@ import { useParams, useSearchParams } from "next/navigation"; // types import { PROJECT_ERROR_MESSAGES, CYCLE_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { ICycle } from "@plane/types"; // ui -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; // hooks diff --git a/apps/web/core/components/cycles/list/cycle-list-item-action.tsx b/apps/web/core/components/cycles/list/cycle-list-item-action.tsx index 457854a3b..697e7dbd7 100644 --- a/apps/web/core/components/cycles/list/cycle-list-item-action.tsx +++ b/apps/web/core/components/cycles/list/cycle-list-item-action.tsx @@ -16,9 +16,10 @@ import { import { useLocalStorage } from "@plane/hooks"; import { useTranslation } from "@plane/i18n"; import { LayersIcon, TransferIcon } from "@plane/propel/icons"; +import { setPromiseToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { ICycle, TCycleGroups } from "@plane/types"; -import { Avatar, AvatarGroup, FavoriteStar, setPromiseToast } from "@plane/ui"; +import { Avatar, AvatarGroup, FavoriteStar } from "@plane/ui"; import { getDate, getFileURL, generateQueryParams } from "@plane/utils"; // components import { DateRangeDropdown } from "@/components/dropdowns/date-range"; diff --git a/apps/web/core/components/cycles/modal.tsx b/apps/web/core/components/cycles/modal.tsx index b0fecdbed..4a6d3cbe2 100644 --- a/apps/web/core/components/cycles/modal.tsx +++ b/apps/web/core/components/cycles/modal.tsx @@ -3,9 +3,10 @@ import React, { useEffect, useState } from "react"; import { mutate } from "swr"; // types import { CYCLE_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { CycleDateCheckData, ICycle, TCycleTabOptions } from "@plane/types"; // ui -import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // hooks import { renderFormattedPayloadDate } from "@plane/utils"; import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/cycles/quick-actions.tsx b/apps/web/core/components/cycles/quick-actions.tsx index 6f3234e02..3d0a59a69 100644 --- a/apps/web/core/components/cycles/quick-actions.tsx +++ b/apps/web/core/components/cycles/quick-actions.tsx @@ -14,7 +14,8 @@ import { } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { ArchiveIcon } from "@plane/propel/icons"; -import { ContextMenu, CustomMenu, TContextMenuItem, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { ContextMenu, CustomMenu, TContextMenuItem } from "@plane/ui"; import { copyUrlToClipboard, cn } from "@plane/utils"; // helpers // hooks diff --git a/apps/web/core/components/cycles/transfer-issues-modal.tsx b/apps/web/core/components/cycles/transfer-issues-modal.tsx index e3a322eec..e9fad38f2 100644 --- a/apps/web/core/components/cycles/transfer-issues-modal.tsx +++ b/apps/web/core/components/cycles/transfer-issues-modal.tsx @@ -6,11 +6,8 @@ import { useParams } from "next/navigation"; import { AlertCircle, Search, X } from "lucide-react"; import { Dialog, Transition } from "@headlessui/react"; import { ContrastIcon, TransferIcon } from "@plane/propel/icons"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType } from "@plane/types"; -// hooks -// ui -//icons -import { TOAST_TYPE, setToast } from "@plane/ui"; import { useCycle } from "@/hooks/store/use-cycle"; import { useIssues } from "@/hooks/store/use-issues"; //icons diff --git a/apps/web/core/components/estimates/create/modal.tsx b/apps/web/core/components/estimates/create/modal.tsx index f72f0ae64..a5020b86f 100644 --- a/apps/web/core/components/estimates/create/modal.tsx +++ b/apps/web/core/components/estimates/create/modal.tsx @@ -7,8 +7,9 @@ import { ChevronLeft } from "lucide-react"; import { EEstimateSystem, ESTIMATE_SYSTEMS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IEstimateFormData, TEstimateSystemKeys, TEstimatePointsObject, TEstimateTypeError } from "@plane/types"; -import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // hooks import { useProjectEstimates } from "@/hooks/store/estimates"; // local imports diff --git a/apps/web/core/components/estimates/delete/modal.tsx b/apps/web/core/components/estimates/delete/modal.tsx index 22d13ffa0..2ee730ce6 100644 --- a/apps/web/core/components/estimates/delete/modal.tsx +++ b/apps/web/core/components/estimates/delete/modal.tsx @@ -5,7 +5,8 @@ import { observer } from "mobx-react"; // ui import { PROJECT_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; import { Button } from "@plane/propel/button"; -import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useProjectEstimates } from "@/hooks/store/estimates"; diff --git a/apps/web/core/components/estimates/estimate-disable-switch.tsx b/apps/web/core/components/estimates/estimate-disable-switch.tsx index 9a951e02c..db234ae0a 100644 --- a/apps/web/core/components/estimates/estimate-disable-switch.tsx +++ b/apps/web/core/components/estimates/estimate-disable-switch.tsx @@ -4,7 +4,8 @@ import { FC } from "react"; import { observer } from "mobx-react"; import { PROJECT_SETTINGS_TRACKER_ELEMENTS, PROJECT_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { TOAST_TYPE, ToggleSwitch, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { ToggleSwitch } from "@plane/ui"; // hooks import { captureElementAndEvent } from "@/helpers/event-tracker.helper"; import { useProjectEstimates } from "@/hooks/store/estimates"; diff --git a/apps/web/core/components/estimates/points/create.tsx b/apps/web/core/components/estimates/points/create.tsx index 695e1b09a..ce36b2f08 100644 --- a/apps/web/core/components/estimates/points/create.tsx +++ b/apps/web/core/components/estimates/points/create.tsx @@ -5,9 +5,10 @@ import { observer } from "mobx-react"; import { Check, Info, X } from "lucide-react"; import { EEstimateSystem, MAX_ESTIMATE_POINT_INPUT_LENGTH } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { TEstimatePointsObject, TEstimateSystemKeys, TEstimateTypeErrorObject } from "@plane/types"; -import { Spinner, TOAST_TYPE, setToast } from "@plane/ui"; +import { Spinner } from "@plane/ui"; import { cn, isEstimatePointValuesRepeated } from "@plane/utils"; import { EstimateInputRoot } from "@/components/estimates/inputs/root"; // helpers diff --git a/apps/web/core/components/estimates/points/update.tsx b/apps/web/core/components/estimates/points/update.tsx index d36a57e1f..295a1cf83 100644 --- a/apps/web/core/components/estimates/points/update.tsx +++ b/apps/web/core/components/estimates/points/update.tsx @@ -5,9 +5,10 @@ import { observer } from "mobx-react"; import { Check, Info, X } from "lucide-react"; import { EEstimateSystem, MAX_ESTIMATE_POINT_INPUT_LENGTH } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { TEstimatePointsObject, TEstimateSystemKeys, TEstimateTypeErrorObject } from "@plane/types"; -import { Spinner, TOAST_TYPE, setToast } from "@plane/ui"; +import { Spinner } from "@plane/ui"; import { cn, isEstimatePointValuesRepeated } from "@plane/utils"; import { EstimateInputRoot } from "@/components/estimates/inputs/root"; // helpers diff --git a/apps/web/core/components/exporter/export-form.tsx b/apps/web/core/components/exporter/export-form.tsx index 04179f85d..1005a81e7 100644 --- a/apps/web/core/components/exporter/export-form.tsx +++ b/apps/web/core/components/exporter/export-form.tsx @@ -10,7 +10,8 @@ import { } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { CustomSearchSelect, CustomSelect, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { CustomSearchSelect, CustomSelect } from "@plane/ui"; import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useProject } from "@/hooks/store/use-project"; import { useUser, useUserPermissions } from "@/hooks/store/user"; diff --git a/apps/web/core/components/exporter/export-modal.tsx b/apps/web/core/components/exporter/export-modal.tsx index 982ea29fe..f6d91503c 100644 --- a/apps/web/core/components/exporter/export-modal.tsx +++ b/apps/web/core/components/exporter/export-modal.tsx @@ -8,9 +8,10 @@ import { Dialog, Transition } from "@headlessui/react"; // types import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IUser, IImporterService } from "@plane/types"; // ui -import { CustomSearchSelect, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomSearchSelect } from "@plane/ui"; // hooks import { useProject } from "@/hooks/store/use-project"; import { useUser } from "@/hooks/store/user"; diff --git a/apps/web/core/components/gantt-chart/helpers/blockResizables/use-gantt-resizable.ts b/apps/web/core/components/gantt-chart/helpers/blockResizables/use-gantt-resizable.ts index b96e58390..2a6814ff3 100644 --- a/apps/web/core/components/gantt-chart/helpers/blockResizables/use-gantt-resizable.ts +++ b/apps/web/core/components/gantt-chart/helpers/blockResizables/use-gantt-resizable.ts @@ -1,7 +1,7 @@ import { useRef, useState } from "react"; // Plane +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { IBlockUpdateDependencyData, IGanttBlock } from "@plane/types"; -import { setToast, TOAST_TYPE } from "@plane/ui"; // hooks import { useTimeLineChartStore } from "@/hooks/use-timeline-chart"; // diff --git a/apps/web/core/components/gantt-chart/sidebar/gantt-dnd-HOC.tsx b/apps/web/core/components/gantt-chart/sidebar/gantt-dnd-HOC.tsx index 5f1a8f8b8..a83c07850 100644 --- a/apps/web/core/components/gantt-chart/sidebar/gantt-dnd-HOC.tsx +++ b/apps/web/core/components/gantt-chart/sidebar/gantt-dnd-HOC.tsx @@ -6,7 +6,8 @@ import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-d import { attachInstruction, extractInstruction } from "@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item"; import { observer } from "mobx-react"; import { useOutsideClickDetector } from "@plane/hooks"; -import { DropIndicator, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { DropIndicator } from "@plane/ui"; import { HIGHLIGHT_WITH_LINE, highlightIssueOnDrop } from "@/components/issues/issue-layouts/utils"; type Props = { diff --git a/apps/web/core/components/home/widgets/links/link-detail.tsx b/apps/web/core/components/home/widgets/links/link-detail.tsx index 3461dcc87..0df41e5d9 100644 --- a/apps/web/core/components/home/widgets/links/link-detail.tsx +++ b/apps/web/core/components/home/widgets/links/link-detail.tsx @@ -4,7 +4,8 @@ import { FC, useCallback, useMemo } from "react"; import { observer } from "mobx-react"; import { Pencil, ExternalLink, Link, Trash2 } from "lucide-react"; import { useTranslation } from "@plane/i18n"; -import { TOAST_TYPE, setToast, TContextMenuItem, LinkItemBlock } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { TContextMenuItem, LinkItemBlock } from "@plane/ui"; // plane utils import { copyTextToClipboard } from "@plane/utils"; // hooks diff --git a/apps/web/core/components/home/widgets/links/use-links.tsx b/apps/web/core/components/home/widgets/links/use-links.tsx index 2f2a9c78f..a3afcb826 100644 --- a/apps/web/core/components/home/widgets/links/use-links.tsx +++ b/apps/web/core/components/home/widgets/links/use-links.tsx @@ -1,7 +1,7 @@ import { useMemo } from "react"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TProjectLink } from "@plane/types"; -import { setToast, TOAST_TYPE } from "@plane/ui"; import { useHome } from "@/hooks/store/use-home"; export type TLinkOperations = { diff --git a/apps/web/core/components/home/widgets/manage/widget-list.tsx b/apps/web/core/components/home/widgets/manage/widget-list.tsx index ff7db11c2..a9449eb49 100644 --- a/apps/web/core/components/home/widgets/manage/widget-list.tsx +++ b/apps/web/core/components/home/widgets/manage/widget-list.tsx @@ -5,7 +5,7 @@ import { } from "@atlaskit/pragmatic-drag-and-drop/dist/types/internal-types"; import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; -import { setToast, TOAST_TYPE } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { useHome } from "@/hooks/store/use-home"; import { WidgetItem } from "./widget-item"; import { getInstructionFromPayload, TargetData } from "./widget.helpers"; diff --git a/apps/web/core/components/inbox/content/inbox-issue-header.tsx b/apps/web/core/components/inbox/content/inbox-issue-header.tsx index a565a542f..30ffe55c5 100644 --- a/apps/web/core/components/inbox/content/inbox-issue-header.tsx +++ b/apps/web/core/components/inbox/content/inbox-issue-header.tsx @@ -19,8 +19,9 @@ import { import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EInboxIssueStatus, TNameDescriptionLoader } from "@plane/types"; -import { ControlLink, CustomMenu, Row, TOAST_TYPE, setToast } from "@plane/ui"; +import { ControlLink, CustomMenu, Row } from "@plane/ui"; import { copyUrlToClipboard, findHowManyDaysLeft, generateWorkItemLink } from "@plane/utils"; // components import { CreateUpdateIssueModal } from "@/components/issues/issue-modal/modal"; diff --git a/apps/web/core/components/inbox/content/issue-root.tsx b/apps/web/core/components/inbox/content/issue-root.tsx index 390aed13a..74b77985f 100644 --- a/apps/web/core/components/inbox/content/issue-root.tsx +++ b/apps/web/core/components/inbox/content/issue-root.tsx @@ -5,8 +5,9 @@ import { observer } from "mobx-react"; // plane imports import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import type { EditorRefApi } from "@plane/editor"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EInboxIssueSource, TIssue, TNameDescriptionLoader } from "@plane/types"; -import { Loader, TOAST_TYPE, setToast } from "@plane/ui"; +import { Loader } from "@plane/ui"; import { getTextContent } from "@plane/utils"; // components import { DescriptionVersionsRoot } from "@/components/core/description-versions"; diff --git a/apps/web/core/components/inbox/modals/create-modal/create-root.tsx b/apps/web/core/components/inbox/modals/create-modal/create-root.tsx index df04cb533..52f7acf7b 100644 --- a/apps/web/core/components/inbox/modals/create-modal/create-root.tsx +++ b/apps/web/core/components/inbox/modals/create-modal/create-root.tsx @@ -7,8 +7,9 @@ import { ETabIndices, WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import type { EditorRefApi } from "@plane/editor"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TIssue } from "@plane/types"; -import { ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui"; +import { ToggleSwitch } from "@plane/ui"; import { renderFormattedPayloadDate, getTabIndex } from "@plane/utils"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/inbox/modals/delete-issue-modal.tsx b/apps/web/core/components/inbox/modals/delete-issue-modal.tsx index b2fd74e83..0b3538fd0 100644 --- a/apps/web/core/components/inbox/modals/delete-issue-modal.tsx +++ b/apps/web/core/components/inbox/modals/delete-issue-modal.tsx @@ -3,9 +3,10 @@ import { observer } from "mobx-react"; // types import { PROJECT_ERROR_MESSAGES } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { TIssue } from "@plane/types"; // ui -import { AlertModalCore, setToast, TOAST_TYPE } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; // constants // hooks import { useProject } from "@/hooks/store/use-project"; diff --git a/apps/web/core/components/inbox/modals/select-duplicate.tsx b/apps/web/core/components/inbox/modals/select-duplicate.tsx index 040d0f5c1..fa9aa4982 100644 --- a/apps/web/core/components/inbox/modals/select-duplicate.tsx +++ b/apps/web/core/components/inbox/modals/select-duplicate.tsx @@ -6,8 +6,9 @@ import { Search } from "lucide-react"; import { Combobox, Dialog, Transition } from "@headlessui/react"; // plane imports import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { ISearchIssueResponse } from "@plane/types"; -import { Loader, TOAST_TYPE, setToast } from "@plane/ui"; +import { Loader } from "@plane/ui"; // components import { SimpleEmptyState } from "@/components/empty-state/simple-empty-state-root"; // hooks diff --git a/apps/web/core/components/integration/delete-import-modal.tsx b/apps/web/core/components/integration/delete-import-modal.tsx index 8d78a9914..9fa269701 100644 --- a/apps/web/core/components/integration/delete-import-modal.tsx +++ b/apps/web/core/components/integration/delete-import-modal.tsx @@ -11,8 +11,9 @@ import { AlertTriangle } from "lucide-react"; import { Dialog, Transition } from "@headlessui/react"; // services import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IUser, IImporterService } from "@plane/types"; -import { Input, TOAST_TYPE, setToast } from "@plane/ui"; +import { Input } from "@plane/ui"; import { IMPORTER_SERVICES_LIST } from "@/constants/fetch-keys"; import { IntegrationService } from "@/services/integrations/integration.service"; // ui diff --git a/apps/web/core/components/integration/github/root.tsx b/apps/web/core/components/integration/github/root.tsx index 53df6c11f..3f58b2118 100644 --- a/apps/web/core/components/integration/github/root.tsx +++ b/apps/web/core/components/integration/github/root.tsx @@ -8,9 +8,9 @@ import { useForm } from "react-hook-form"; import useSWR, { mutate } from "swr"; import { ArrowLeft, Check, List, Settings, UploadCloud, Users } from "lucide-react"; // types +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IGithubRepoCollaborator, IGithubServiceImportFormData } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { GithubImportConfigure, diff --git a/apps/web/core/components/integration/single-integration-card.tsx b/apps/web/core/components/integration/single-integration-card.tsx index 79795ef01..705006858 100644 --- a/apps/web/core/components/integration/single-integration-card.tsx +++ b/apps/web/core/components/integration/single-integration-card.tsx @@ -8,10 +8,11 @@ import useSWR, { mutate } from "swr"; import { CheckCircle } from "lucide-react"; import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IAppIntegration, IWorkspaceIntegration } from "@plane/types"; // ui -import { Loader, TOAST_TYPE, setToast } from "@plane/ui"; +import { Loader } from "@plane/ui"; // constants import { WORKSPACE_INTEGRATIONS } from "@/constants/fetch-keys"; // hooks diff --git a/apps/web/core/components/issues/archive-issue-modal.tsx b/apps/web/core/components/issues/archive-issue-modal.tsx index 0fb8b02fb..3514bb712 100644 --- a/apps/web/core/components/issues/archive-issue-modal.tsx +++ b/apps/web/core/components/issues/archive-issue-modal.tsx @@ -6,9 +6,8 @@ import { Dialog, Transition } from "@headlessui/react"; import { useTranslation } from "@plane/i18n"; // types import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TDeDupeIssue, TIssue } from "@plane/types"; -// ui -import { TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useIssues } from "@/hooks/store/use-issues"; import { useProject } from "@/hooks/store/use-project"; diff --git a/apps/web/core/components/issues/attachment/attachment-item-list.tsx b/apps/web/core/components/issues/attachment/attachment-item-list.tsx index d10f9fa36..a12db0030 100644 --- a/apps/web/core/components/issues/attachment/attachment-item-list.tsx +++ b/apps/web/core/components/issues/attachment/attachment-item-list.tsx @@ -3,9 +3,9 @@ import { observer } from "mobx-react"; import { FileRejection, useDropzone } from "react-dropzone"; import { UploadCloud } from "lucide-react"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssueServiceType, TIssueServiceType } from "@plane/types"; // hooks -import { TOAST_TYPE, setToast } from "@plane/ui"; import { useIssueDetail } from "@/hooks/store/use-issue-detail"; // plane web hooks import { useFileSize } from "@/plane-web/hooks/use-file-size"; diff --git a/apps/web/core/components/issues/delete-issue-modal.tsx b/apps/web/core/components/issues/delete-issue-modal.tsx index 7fc2aa2b9..7cf807f68 100644 --- a/apps/web/core/components/issues/delete-issue-modal.tsx +++ b/apps/web/core/components/issues/delete-issue-modal.tsx @@ -6,9 +6,10 @@ import { useParams } from "next/navigation"; // types import { PROJECT_ERROR_MESSAGES, EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TDeDupeIssue, TIssue } from "@plane/types"; // ui -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; // constants // hooks import { useIssues } from "@/hooks/store/use-issues"; diff --git a/apps/web/core/components/issues/issue-detail-widgets/attachments/helper.tsx b/apps/web/core/components/issues/issue-detail-widgets/attachments/helper.tsx index 29fc7f0b6..5410d1d75 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/attachments/helper.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/attachments/helper.tsx @@ -1,9 +1,8 @@ "use client"; import { useMemo } from "react"; import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; +import { setPromiseToast, TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssueServiceType, TIssueServiceType } from "@plane/types"; -// plane ui -import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useIssueDetail } from "@/hooks/store/use-issue-detail"; diff --git a/apps/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx b/apps/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx index 9d308defb..e9edb5642 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx @@ -5,8 +5,8 @@ import { observer } from "mobx-react"; import { FileRejection, useDropzone } from "react-dropzone"; import { Plus } from "lucide-react"; // plane imports +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TIssueServiceType } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useIssueDetail } from "@/hooks/store/use-issue-detail"; // plane web hooks diff --git a/apps/web/core/components/issues/issue-detail-widgets/issue-detail-widget-modals.tsx b/apps/web/core/components/issues/issue-detail-widgets/issue-detail-widget-modals.tsx index 31b21e45f..a25eaf107 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/issue-detail-widget-modals.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/issue-detail-widget-modals.tsx @@ -1,7 +1,7 @@ import React, { FC } from "react"; import { observer } from "mobx-react"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { ISearchIssueResponse, TIssue, TIssueServiceType, TWorkItemWidgets } from "@plane/types"; -import { setToast, TOAST_TYPE } from "@plane/ui"; // components import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal"; // hooks diff --git a/apps/web/core/components/issues/issue-detail-widgets/links/helper.tsx b/apps/web/core/components/issues/issue-detail-widgets/links/helper.tsx index 76bbb5c2b..27a6513d4 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/links/helper.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/links/helper.tsx @@ -2,8 +2,8 @@ import { useMemo } from "react"; // plane imports import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TIssueLink, TIssueServiceType } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useIssueDetail } from "@/hooks/store/use-issue-detail"; // local imports diff --git a/apps/web/core/components/issues/issue-detail-widgets/relations/helper.tsx b/apps/web/core/components/issues/issue-detail-widgets/relations/helper.tsx index 91ed4bb66..a7fc8bdaf 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/relations/helper.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/relations/helper.tsx @@ -3,8 +3,8 @@ import { useMemo } from "react"; // plane imports import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssueServiceType, TIssue, TIssueServiceType } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { copyUrlToClipboard } from "@plane/utils"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/helper.ts b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/helper.ts index 0f4f8fdd5..685753e36 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/helper.ts +++ b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/helper.ts @@ -5,8 +5,8 @@ import { useParams } from "next/navigation"; // plane imports import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssueServiceType, TIssueServiceType, TSubIssueOperations } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { copyUrlToClipboard } from "@plane/utils"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/issues/issue-detail/issue-activity/helper.tsx b/apps/web/core/components/issues/issue-detail/issue-activity/helper.tsx index fc249f623..412acd344 100644 --- a/apps/web/core/components/issues/issue-detail/issue-activity/helper.tsx +++ b/apps/web/core/components/issues/issue-detail/issue-activity/helper.tsx @@ -1,7 +1,7 @@ import { useMemo } from "react"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EFileAssetType, type TCommentsOperations } from "@plane/types"; -import { setToast, TOAST_TYPE } from "@plane/ui"; import { copyUrlToClipboard, formatTextList, generateWorkItemLink } from "@plane/utils"; import { useEditorAsset } from "@/hooks/store/use-editor-asset"; import { useIssueDetail } from "@/hooks/store/use-issue-detail"; diff --git a/apps/web/core/components/issues/issue-detail/issue-detail-quick-actions.tsx b/apps/web/core/components/issues/issue-detail/issue-detail-quick-actions.tsx index a4269bb7d..62cf0c22b 100644 --- a/apps/web/core/components/issues/issue-detail/issue-detail-quick-actions.tsx +++ b/apps/web/core/components/issues/issue-detail/issue-detail-quick-actions.tsx @@ -6,9 +6,9 @@ import { LinkIcon } from "lucide-react"; // plane imports import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { EIssuesStoreType } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { generateWorkItemLink, copyTextToClipboard } from "@plane/utils"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/issues/issue-detail/label/root.tsx b/apps/web/core/components/issues/issue-detail/label/root.tsx index 74ba0d864..8f1b8c992 100644 --- a/apps/web/core/components/issues/issue-detail/label/root.tsx +++ b/apps/web/core/components/issues/issue-detail/label/root.tsx @@ -3,9 +3,9 @@ import { FC, useMemo } from "react"; import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssueServiceType, IIssueLabel, TIssue, TIssueServiceType } from "@plane/types"; // components -import { TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useIssueDetail } from "@/hooks/store/use-issue-detail"; import { useLabel } from "@/hooks/store/use-label"; diff --git a/apps/web/core/components/issues/issue-detail/links/link-detail.tsx b/apps/web/core/components/issues/issue-detail/links/link-detail.tsx index 6dfc77201..907120330 100644 --- a/apps/web/core/components/issues/issue-detail/links/link-detail.tsx +++ b/apps/web/core/components/issues/issue-detail/links/link-detail.tsx @@ -4,8 +4,8 @@ import { FC } from "react"; // hooks // ui import { Pencil, Trash2, ExternalLink } from "lucide-react"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { getIconForLink, copyTextToClipboard, calculateTimeAgo } from "@plane/utils"; // icons // types diff --git a/apps/web/core/components/issues/issue-detail/links/link-item.tsx b/apps/web/core/components/issues/issue-detail/links/link-item.tsx index d9e8d43f3..50ce5ee4c 100644 --- a/apps/web/core/components/issues/issue-detail/links/link-item.tsx +++ b/apps/web/core/components/issues/issue-detail/links/link-item.tsx @@ -4,10 +4,11 @@ import { FC } from "react"; import { observer } from "mobx-react"; import { Pencil, Trash2, Copy, Link } from "lucide-react"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { EIssueServiceType, TIssueServiceType } from "@plane/types"; // ui -import { TOAST_TYPE, setToast, CustomMenu } from "@plane/ui"; +import { CustomMenu } from "@plane/ui"; import { calculateTimeAgo, copyTextToClipboard } from "@plane/utils"; // helpers // hooks diff --git a/apps/web/core/components/issues/issue-detail/links/root.tsx b/apps/web/core/components/issues/issue-detail/links/root.tsx index 6087f4c3b..9e2e04bd8 100644 --- a/apps/web/core/components/issues/issue-detail/links/root.tsx +++ b/apps/web/core/components/issues/issue-detail/links/root.tsx @@ -3,8 +3,8 @@ import { FC, useCallback, useMemo, useState } from "react"; import { Plus } from "lucide-react"; // plane imports +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssueServiceType, TIssueLink } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useIssueDetail } from "@/hooks/store/use-issue-detail"; // local imports diff --git a/apps/web/core/components/issues/issue-detail/reactions/issue-comment.tsx b/apps/web/core/components/issues/issue-detail/reactions/issue-comment.tsx index 911b4fe8a..e1ef51c0c 100644 --- a/apps/web/core/components/issues/issue-detail/reactions/issue-comment.tsx +++ b/apps/web/core/components/issues/issue-detail/reactions/issue-comment.tsx @@ -2,10 +2,10 @@ import { FC, useMemo } from "react"; import { observer } from "mobx-react"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IUser } from "@plane/types"; // components -import { TOAST_TYPE, setToast } from "@plane/ui"; import { cn, formatTextList } from "@plane/utils"; // helper import { renderEmoji } from "@/helpers/emoji.helper"; diff --git a/apps/web/core/components/issues/issue-detail/reactions/issue.tsx b/apps/web/core/components/issues/issue-detail/reactions/issue.tsx index ff5ae3099..f9448c793 100644 --- a/apps/web/core/components/issues/issue-detail/reactions/issue.tsx +++ b/apps/web/core/components/issues/issue-detail/reactions/issue.tsx @@ -2,11 +2,11 @@ import { FC, useMemo } from "react"; import { observer } from "mobx-react"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IUser } from "@plane/types"; // hooks // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; import { cn, formatTextList } from "@plane/utils"; // helpers import { renderEmoji } from "@/helpers/emoji.helper"; diff --git a/apps/web/core/components/issues/issue-detail/relation-select.tsx b/apps/web/core/components/issues/issue-detail/relation-select.tsx index 3bcc6221d..5cda4e60c 100644 --- a/apps/web/core/components/issues/issue-detail/relation-select.tsx +++ b/apps/web/core/components/issues/issue-detail/relation-select.tsx @@ -5,9 +5,9 @@ import { observer } from "mobx-react"; import Link from "next/link"; import { Pencil, X } from "lucide-react"; // Plane +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { ISearchIssueResponse } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { cn, generateWorkItemLink } from "@plane/utils"; // components import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal"; diff --git a/apps/web/core/components/issues/issue-detail/root.tsx b/apps/web/core/components/issues/issue-detail/root.tsx index ff6e9a45f..a9ca5930a 100644 --- a/apps/web/core/components/issues/issue-detail/root.tsx +++ b/apps/web/core/components/issues/issue-detail/root.tsx @@ -5,8 +5,8 @@ import { observer } from "mobx-react"; // plane imports import { EUserPermissions, EUserPermissionsLevel, WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, TIssue } from "@plane/types"; -import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui"; // components import { EmptyState } from "@/components/common/empty-state"; // hooks diff --git a/apps/web/core/components/issues/issue-detail/subscription.tsx b/apps/web/core/components/issues/issue-detail/subscription.tsx index 016261f57..79ed2c1cb 100644 --- a/apps/web/core/components/issues/issue-detail/subscription.tsx +++ b/apps/web/core/components/issues/issue-detail/subscription.tsx @@ -9,8 +9,9 @@ import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; // UI import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssueServiceType } from "@plane/types"; -import { Loader, TOAST_TYPE, setToast } from "@plane/ui"; +import { Loader } from "@plane/ui"; // hooks import { useIssueDetail } from "@/hooks/store/use-issue-detail"; import { useUserPermissions } from "@/hooks/store/user"; diff --git a/apps/web/core/components/issues/issue-layouts/calendar/base-calendar-root.tsx b/apps/web/core/components/issues/issue-layouts/calendar/base-calendar-root.tsx index 1b4012c2a..d55c31dc9 100644 --- a/apps/web/core/components/issues/issue-layouts/calendar/base-calendar-root.tsx +++ b/apps/web/core/components/issues/issue-layouts/calendar/base-calendar-root.tsx @@ -5,8 +5,8 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // plane imports import { EIssueGroupByToServerOptions, EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, TGroupedIssues } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useCalendarView } from "@/hooks/store/use-calendar-view"; import { useIssues } from "@/hooks/store/use-issues"; diff --git a/apps/web/core/components/issues/issue-layouts/calendar/day-tile.tsx b/apps/web/core/components/issues/issue-layouts/calendar/day-tile.tsx index 83429b490..968122a1c 100644 --- a/apps/web/core/components/issues/issue-layouts/calendar/day-tile.tsx +++ b/apps/web/core/components/issues/issue-layouts/calendar/day-tile.tsx @@ -5,10 +5,10 @@ import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine"; import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter"; import { differenceInCalendarDays } from "date-fns/differenceInCalendarDays"; import { observer } from "mobx-react"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TGroupedIssues, TIssue, TIssueMap, TPaginationData, ICalendarDate } from "@plane/types"; // types // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { cn, renderFormattedPayloadDate } from "@plane/utils"; import { highlightIssueOnDrop } from "@/components/issues/issue-layouts/utils"; diff --git a/apps/web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx b/apps/web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx index 0b1f78caf..3e86f10e6 100644 --- a/apps/web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx +++ b/apps/web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx @@ -7,8 +7,9 @@ import { useParams } from "next/navigation"; import { PlusIcon } from "lucide-react"; // plane imports import { useTranslation } from "@plane/i18n"; +import { setPromiseToast } from "@plane/propel/toast"; import { ISearchIssueResponse, TIssue, EIssueLayoutTypes } from "@plane/types"; -import { CustomMenu, setPromiseToast } from "@plane/ui"; +import { CustomMenu } from "@plane/ui"; import { cn } from "@plane/utils"; // components import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal"; diff --git a/apps/web/core/components/issues/issue-layouts/empty-states/cycle.tsx b/apps/web/core/components/issues/issue-layouts/empty-states/cycle.tsx index 011170546..8c5ffd41a 100644 --- a/apps/web/core/components/issues/issue-layouts/empty-states/cycle.tsx +++ b/apps/web/core/components/issues/issue-layouts/empty-states/cycle.tsx @@ -7,8 +7,8 @@ import { useParams } from "next/navigation"; // plane imports import { EUserPermissionsLevel, WORK_ITEM_TRACKER_ELEMENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, EUserProjectRoles, ISearchIssueResponse } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal"; import { DetailedEmptyState } from "@/components/empty-state/detailed-empty-state-root"; diff --git a/apps/web/core/components/issues/issue-layouts/empty-states/module.tsx b/apps/web/core/components/issues/issue-layouts/empty-states/module.tsx index 69c224f9f..0f6da4513 100644 --- a/apps/web/core/components/issues/issue-layouts/empty-states/module.tsx +++ b/apps/web/core/components/issues/issue-layouts/empty-states/module.tsx @@ -6,8 +6,8 @@ import { useParams } from "next/navigation"; // plane imports import { EUserPermissionsLevel, WORK_ITEM_TRACKER_ELEMENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, EUserProjectRoles, ISearchIssueResponse } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal"; import { DetailedEmptyState } from "@/components/empty-state/detailed-empty-state-root"; diff --git a/apps/web/core/components/issues/issue-layouts/gantt/base-gantt-root.tsx b/apps/web/core/components/issues/issue-layouts/gantt/base-gantt-root.tsx index 4d9293873..e27e0f72b 100644 --- a/apps/web/core/components/issues/issue-layouts/gantt/base-gantt-root.tsx +++ b/apps/web/core/components/issues/issue-layouts/gantt/base-gantt-root.tsx @@ -4,8 +4,8 @@ import { useParams } from "next/navigation"; // plane imports import { ALL_ISSUES, EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, IBlockUpdateData, TIssue, EIssueLayoutTypes } from "@plane/types"; -import { setToast, TOAST_TYPE } from "@plane/ui"; import { renderFormattedPayloadDate } from "@plane/utils"; // components import { ETimeLineTypeType, TimeLineTypeContext } from "@/components/gantt-chart/contexts"; diff --git a/apps/web/core/components/issues/issue-layouts/kanban/block.tsx b/apps/web/core/components/issues/issue-layouts/kanban/block.tsx index 5f191812c..b1d51dd3c 100644 --- a/apps/web/core/components/issues/issue-layouts/kanban/block.tsx +++ b/apps/web/core/components/issues/issue-layouts/kanban/block.tsx @@ -9,10 +9,11 @@ import { useParams } from "next/navigation"; import { MoreHorizontal } from "lucide-react"; import { useOutsideClickDetector } from "@plane/hooks"; // types +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { EIssueServiceType, TIssue, IIssueDisplayProperties, IIssueMap } from "@plane/types"; // ui -import { ControlLink, DropIndicator, TOAST_TYPE, setToast } from "@plane/ui"; +import { ControlLink, DropIndicator } from "@plane/ui"; import { cn, generateWorkItemLink } from "@plane/utils"; // components import RenderIfVisible from "@/components/core/render-if-visible-HOC"; diff --git a/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx b/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx index dc389a715..999b32526 100644 --- a/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx +++ b/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx @@ -6,9 +6,10 @@ import { useParams } from "next/navigation"; // lucide icons import { Minimize2, Maximize2, Circle, Plus } from "lucide-react"; import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TIssue, ISearchIssueResponse, TIssueKanbanFilters, TIssueGroupByOptions } from "@plane/types"; // ui -import { CustomMenu, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomMenu } from "@plane/ui"; // components import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal"; import { CreateUpdateIssueModal } from "@/components/issues/issue-modal/modal"; diff --git a/apps/web/core/components/issues/issue-layouts/kanban/kanban-group.tsx b/apps/web/core/components/issues/issue-layouts/kanban/kanban-group.tsx index 1b6450722..0c7998280 100644 --- a/apps/web/core/components/issues/issue-layouts/kanban/kanban-group.tsx +++ b/apps/web/core/components/issues/issue-layouts/kanban/kanban-group.tsx @@ -10,6 +10,7 @@ import { DRAG_ALLOWED_GROUPS } from "@plane/constants"; // i18n import { useTranslation } from "@plane/i18n"; //types +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TGroupedIssues, TIssue, @@ -20,7 +21,6 @@ import { TIssueOrderByOptions, EIssueLayoutTypes, } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { cn } from "@plane/utils"; import { highlightIssueOnDrop } from "@/components/issues/issue-layouts/utils"; import { KanbanIssueBlockLoader } from "@/components/ui/loader/layouts/kanban-layout-loader"; diff --git a/apps/web/core/components/issues/issue-layouts/list/block.tsx b/apps/web/core/components/issues/issue-layouts/list/block.tsx index 0451b82c0..1cb44c10a 100644 --- a/apps/web/core/components/issues/issue-layouts/list/block.tsx +++ b/apps/web/core/components/issues/issue-layouts/list/block.tsx @@ -7,10 +7,11 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { ChevronRight } from "lucide-react"; // types +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { EIssueServiceType, TIssue, IIssueDisplayProperties, TIssueMap } from "@plane/types"; // ui -import { Spinner, ControlLink, setToast, TOAST_TYPE, Row } from "@plane/ui"; +import { Spinner, ControlLink, Row } from "@plane/ui"; import { cn, generateWorkItemLink } from "@plane/utils"; // components import { MultipleSelectEntityAction } from "@/components/core/multiple-select"; diff --git a/apps/web/core/components/issues/issue-layouts/list/headers/group-by-card.tsx b/apps/web/core/components/issues/issue-layouts/list/headers/group-by-card.tsx index 60aabe585..7cf4555c8 100644 --- a/apps/web/core/components/issues/issue-layouts/list/headers/group-by-card.tsx +++ b/apps/web/core/components/issues/issue-layouts/list/headers/group-by-card.tsx @@ -6,9 +6,10 @@ import { useParams } from "next/navigation"; import { CircleDashed, Plus } from "lucide-react"; // types import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TIssue, ISearchIssueResponse, TIssueGroupByOptions } from "@plane/types"; // ui -import { CustomMenu, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomMenu } from "@plane/ui"; // components import { cn } from "@plane/utils"; import { ExistingIssuesListModal } from "@/components/core/modals/existing-issues-list-modal"; diff --git a/apps/web/core/components/issues/issue-layouts/list/list-group.tsx b/apps/web/core/components/issues/issue-layouts/list/list-group.tsx index 073eec27c..0800a7d81 100644 --- a/apps/web/core/components/issues/issue-layouts/list/list-group.tsx +++ b/apps/web/core/components/issues/issue-layouts/list/list-group.tsx @@ -7,6 +7,7 @@ import { observer } from "mobx-react"; // plane imports import { DRAG_ALLOWED_GROUPS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IGroupByColumn, TIssueMap, @@ -17,7 +18,7 @@ import { TIssueKanbanFilters, EIssueLayoutTypes, } from "@plane/types"; -import { Row, setToast, TOAST_TYPE } from "@plane/ui"; +import { Row } from "@plane/ui"; import { cn } from "@plane/utils"; // components import { ListLoaderItemRow } from "@/components/ui/loader/layouts/list-layout-loader"; diff --git a/apps/web/core/components/issues/issue-layouts/quick-action-dropdowns/helper.tsx b/apps/web/core/components/issues/issue-layouts/quick-action-dropdowns/helper.tsx index 32e114e6e..003e3d20c 100644 --- a/apps/web/core/components/issues/issue-layouts/quick-action-dropdowns/helper.tsx +++ b/apps/web/core/components/issues/issue-layouts/quick-action-dropdowns/helper.tsx @@ -3,8 +3,9 @@ import { Copy, ExternalLink, Link, Pencil, Trash2, XCircle, ArchiveRestoreIcon } // plane imports import { useTranslation } from "@plane/i18n"; import { ArchiveIcon } from "@plane/propel/icons"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, TIssue } from "@plane/types"; -import { TContextMenuItem, TOAST_TYPE, setToast } from "@plane/ui"; +import { TContextMenuItem } from "@plane/ui"; import { copyUrlToClipboard, generateWorkItemLink } from "@plane/utils"; // types import { createCopyMenuWithDuplication } from "@/plane-web/components/issues/issue-layouts/quick-action-dropdowns"; diff --git a/apps/web/core/components/issues/issue-layouts/quick-add/root.tsx b/apps/web/core/components/issues/issue-layouts/quick-add/root.tsx index bda83937f..933c9db56 100644 --- a/apps/web/core/components/issues/issue-layouts/quick-add/root.tsx +++ b/apps/web/core/components/issues/issue-layouts/quick-add/root.tsx @@ -8,8 +8,8 @@ import { PlusIcon } from "lucide-react"; // plane imports import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { setPromiseToast } from "@plane/propel/toast"; import { IProject, TIssue, EIssueLayoutTypes } from "@plane/types"; -import { setPromiseToast } from "@plane/ui"; import { cn, createIssuePayload } from "@plane/utils"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/issues/issue-modal/base.tsx b/apps/web/core/components/issues/issue-modal/base.tsx index 7a00bc178..8f8ed9e43 100644 --- a/apps/web/core/components/issues/issue-modal/base.tsx +++ b/apps/web/core/components/issues/issue-modal/base.tsx @@ -6,8 +6,9 @@ import { useParams } from "next/navigation"; import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; // Plane imports import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, TBaseIssue, TIssue } from "@plane/types"; -import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useIssueModal } from "@/hooks/context/use-issue-modal"; diff --git a/apps/web/core/components/issues/issue-modal/components/description-editor.tsx b/apps/web/core/components/issues/issue-modal/components/description-editor.tsx index b808f6c54..08ea615f3 100644 --- a/apps/web/core/components/issues/issue-modal/components/description-editor.tsx +++ b/apps/web/core/components/issues/issue-modal/components/description-editor.tsx @@ -8,8 +8,9 @@ import { Sparkle } from "lucide-react"; import { ETabIndices } from "@plane/constants"; import type { EditorRefApi } from "@plane/editor"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EFileAssetType, TIssue } from "@plane/types"; -import { Loader, setToast, TOAST_TYPE } from "@plane/ui"; +import { Loader } from "@plane/ui"; import { getDescriptionPlaceholderI18n, getTabIndex } from "@plane/utils"; // components import { GptAssistantPopover } from "@/components/core/modals/gpt-assistant-popover"; diff --git a/apps/web/core/components/issues/issue-modal/draft-issue-layout.tsx b/apps/web/core/components/issues/issue-modal/draft-issue-layout.tsx index 5c9111b44..dc6ca1e23 100644 --- a/apps/web/core/components/issues/issue-modal/draft-issue-layout.tsx +++ b/apps/web/core/components/issues/issue-modal/draft-issue-layout.tsx @@ -7,9 +7,9 @@ import { useParams } from "next/navigation"; import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; // types +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { TIssue } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { isEmptyHtmlString } from "@plane/utils"; // helpers diff --git a/apps/web/core/components/issues/issue-modal/form.tsx b/apps/web/core/components/issues/issue-modal/form.tsx index 04595785e..37f3e441a 100644 --- a/apps/web/core/components/issues/issue-modal/form.tsx +++ b/apps/web/core/components/issues/issue-modal/form.tsx @@ -10,9 +10,10 @@ import type { EditorRefApi } from "@plane/editor"; // i18n import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, TIssue, TWorkspaceDraftIssue } from "@plane/types"; // hooks -import { ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui"; +import { ToggleSwitch } from "@plane/ui"; import { convertWorkItemDataToSearchResponse, getUpdateFormDataForReset, diff --git a/apps/web/core/components/issues/peek-overview/header.tsx b/apps/web/core/components/issues/peek-overview/header.tsx index 99c79ced4..94bf394b0 100644 --- a/apps/web/core/components/issues/peek-overview/header.tsx +++ b/apps/web/core/components/issues/peek-overview/header.tsx @@ -8,9 +8,10 @@ import { Link2, MoveDiagonal, MoveRight } from "lucide-react"; import { WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { CenterPanelIcon, FullScreenPanelIcon, SidePanelIcon } from "@plane/propel/icons"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { EIssuesStoreType, TNameDescriptionLoader } from "@plane/types"; -import { CustomSelect, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomSelect } from "@plane/ui"; import { copyUrlToClipboard, generateWorkItemLink } from "@plane/utils"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/issues/peek-overview/root.tsx b/apps/web/core/components/issues/peek-overview/root.tsx index 926b5430c..2ed26fcad 100644 --- a/apps/web/core/components/issues/peek-overview/root.tsx +++ b/apps/web/core/components/issues/peek-overview/root.tsx @@ -6,8 +6,8 @@ import { usePathname } from "next/navigation"; // Plane imports import { EUserPermissions, EUserPermissionsLevel, WORK_ITEM_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/propel/toast"; import { EIssueServiceType, EIssuesStoreType, IWorkItemPeekOverview, TIssue } from "@plane/types"; -import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useIssueDetail } from "@/hooks/store/use-issue-detail"; diff --git a/apps/web/core/components/issues/workspace-draft/delete-modal.tsx b/apps/web/core/components/issues/workspace-draft/delete-modal.tsx index f48b51465..90db8b5b0 100644 --- a/apps/web/core/components/issues/workspace-draft/delete-modal.tsx +++ b/apps/web/core/components/issues/workspace-draft/delete-modal.tsx @@ -4,9 +4,10 @@ import { useEffect, useState } from "react"; // types import { PROJECT_ERROR_MESSAGES, EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TWorkspaceDraftIssue } from "@plane/types"; // ui -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; // constants // hooks import { useIssues } from "@/hooks/store/use-issues"; diff --git a/apps/web/core/components/labels/create-update-label-inline.tsx b/apps/web/core/components/labels/create-update-label-inline.tsx index 05092e8bb..947a5b51b 100644 --- a/apps/web/core/components/labels/create-update-label-inline.tsx +++ b/apps/web/core/components/labels/create-update-label-inline.tsx @@ -9,8 +9,9 @@ import { Popover, Transition } from "@headlessui/react"; import { getRandomLabelColor, LABEL_COLOR_OPTIONS, PROJECT_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IIssueLabel } from "@plane/types"; -import { Input, TOAST_TYPE, setToast } from "@plane/ui"; +import { Input } from "@plane/ui"; import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; export type TLabelOperationsCallbacks = { diff --git a/apps/web/core/components/labels/delete-label-modal.tsx b/apps/web/core/components/labels/delete-label-modal.tsx index 09efd9256..49a104eb3 100644 --- a/apps/web/core/components/labels/delete-label-modal.tsx +++ b/apps/web/core/components/labels/delete-label-modal.tsx @@ -4,10 +4,11 @@ import React, { useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // types -import { PROJECT_SETTINGS_TRACKER_ELEMENTS, PROJECT_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; +import { PROJECT_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { IIssueLabel } from "@plane/types"; // ui -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useLabel } from "@/hooks/store/use-label"; diff --git a/apps/web/core/components/modules/analytics-sidebar/root.tsx b/apps/web/core/components/modules/analytics-sidebar/root.tsx index ab402b97f..9f12af925 100644 --- a/apps/web/core/components/modules/analytics-sidebar/root.tsx +++ b/apps/web/core/components/modules/analytics-sidebar/root.tsx @@ -17,9 +17,10 @@ import { // plane types import { useTranslation } from "@plane/i18n"; import { LayersIcon, ModuleStatusIcon } from "@plane/propel/icons"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { ILinkDetails, IModule, ModuleLink } from "@plane/types"; // plane ui -import { Loader, CustomSelect, TOAST_TYPE, setToast, TextArea } from "@plane/ui"; +import { Loader, CustomSelect, TextArea } from "@plane/ui"; // components // helpers import { getDate, renderFormattedPayloadDate } from "@plane/utils"; diff --git a/apps/web/core/components/modules/archived-modules/modal.tsx b/apps/web/core/components/modules/archived-modules/modal.tsx index c00cd747f..340b44979 100644 --- a/apps/web/core/components/modules/archived-modules/modal.tsx +++ b/apps/web/core/components/modules/archived-modules/modal.tsx @@ -4,7 +4,7 @@ import { useState, Fragment } from "react"; import { Dialog, Transition } from "@headlessui/react"; // ui import { Button } from "@plane/propel/button"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // hooks import { useModule } from "@/hooks/store/use-module"; import { useAppRouter } from "@/hooks/use-app-router"; diff --git a/apps/web/core/components/modules/delete-module-modal.tsx b/apps/web/core/components/modules/delete-module-modal.tsx index c046da875..67be03b34 100644 --- a/apps/web/core/components/modules/delete-module-modal.tsx +++ b/apps/web/core/components/modules/delete-module-modal.tsx @@ -6,9 +6,10 @@ import { useParams } from "next/navigation"; // types import { MODULE_TRACKER_EVENTS, PROJECT_ERROR_MESSAGES } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { IModule } from "@plane/types"; // ui -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; // constants // helpers import { captureSuccess, captureError } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/modules/links/create-update-modal.tsx b/apps/web/core/components/modules/links/create-update-modal.tsx index 81794b5df..0279f150e 100644 --- a/apps/web/core/components/modules/links/create-update-modal.tsx +++ b/apps/web/core/components/modules/links/create-update-modal.tsx @@ -4,9 +4,10 @@ import { FC, useEffect } from "react"; import { Controller, useForm } from "react-hook-form"; // plane types import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { ILinkDetails, ModuleLink } from "@plane/types"; // plane ui -import { Input, ModalCore, setToast, TOAST_TYPE } from "@plane/ui"; +import { Input, ModalCore } from "@plane/ui"; type Props = { createLink: (formData: ModuleLink) => Promise; diff --git a/apps/web/core/components/modules/links/list-item.tsx b/apps/web/core/components/modules/links/list-item.tsx index 8912f43d7..3090c8062 100644 --- a/apps/web/core/components/modules/links/list-item.tsx +++ b/apps/web/core/components/modules/links/list-item.tsx @@ -2,10 +2,10 @@ import { observer } from "mobx-react"; import { Copy, Pencil, Trash2 } from "lucide-react"; // plane types import { MODULE_TRACKER_ELEMENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { ILinkDetails } from "@plane/types"; // plane ui -import { setToast, TOAST_TYPE } from "@plane/ui"; import { getIconForLink, copyTextToClipboard, calculateTimeAgo } from "@plane/utils"; // helpers // diff --git a/apps/web/core/components/modules/modal.tsx b/apps/web/core/components/modules/modal.tsx index 0b301098a..d344f472e 100644 --- a/apps/web/core/components/modules/modal.tsx +++ b/apps/web/core/components/modules/modal.tsx @@ -5,9 +5,10 @@ import { observer } from "mobx-react"; import { useForm } from "react-hook-form"; // types import { MODULE_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { IModule } from "@plane/types"; // ui -import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // components import { ModuleForm } from "@/components/modules"; // constants diff --git a/apps/web/core/components/modules/module-card-item.tsx b/apps/web/core/components/modules/module-card-item.tsx index 39bed0337..012ad089e 100644 --- a/apps/web/core/components/modules/module-card-item.tsx +++ b/apps/web/core/components/modules/module-card-item.tsx @@ -17,9 +17,10 @@ import { } from "@plane/constants"; import { useLocalStorage } from "@plane/hooks"; import { LayersIcon } from "@plane/propel/icons"; +import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IModule } from "@plane/types"; -import { Card, FavoriteStar, LinearProgressIndicator, TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui"; +import { Card, FavoriteStar, LinearProgressIndicator } from "@plane/ui"; import { getDate, renderFormattedPayloadDate, generateQueryParams } from "@plane/utils"; // components import { DateRangeDropdown } from "@/components/dropdowns/date-range"; diff --git a/apps/web/core/components/modules/module-list-item-action.tsx b/apps/web/core/components/modules/module-list-item-action.tsx index 1d6a246f5..e0a98fbec 100644 --- a/apps/web/core/components/modules/module-list-item-action.tsx +++ b/apps/web/core/components/modules/module-list-item-action.tsx @@ -16,10 +16,11 @@ import { } from "@plane/constants"; import { useLocalStorage } from "@plane/hooks"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IModule } from "@plane/types"; // ui -import { FavoriteStar, TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui"; +import { FavoriteStar } from "@plane/ui"; // components import { renderFormattedPayloadDate, getDate } from "@plane/utils"; import { DateRangeDropdown } from "@/components/dropdowns/date-range"; diff --git a/apps/web/core/components/modules/quick-actions.tsx b/apps/web/core/components/modules/quick-actions.tsx index d36f2e3c1..cc320511b 100644 --- a/apps/web/core/components/modules/quick-actions.tsx +++ b/apps/web/core/components/modules/quick-actions.tsx @@ -15,7 +15,8 @@ import { import { useTranslation } from "@plane/i18n"; // ui import { ArchiveIcon } from "@plane/propel/icons"; -import { ContextMenu, CustomMenu, TContextMenuItem, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { ContextMenu, CustomMenu, TContextMenuItem } from "@plane/ui"; import { copyUrlToClipboard, cn } from "@plane/utils"; // components import { ArchiveModuleModal, CreateUpdateModuleModal, DeleteModuleModal } from "@/components/modules"; diff --git a/apps/web/core/components/onboarding/create-workspace.tsx b/apps/web/core/components/onboarding/create-workspace.tsx index 46ddd6e07..a7db34bbf 100644 --- a/apps/web/core/components/onboarding/create-workspace.tsx +++ b/apps/web/core/components/onboarding/create-workspace.tsx @@ -13,9 +13,10 @@ import { // types import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IUser, IWorkspace, TOnboardingSteps } from "@plane/types"; // ui -import { CustomSelect, Input, Spinner, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomSelect, Input, Spinner } from "@plane/ui"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useWorkspace } from "@/hooks/store/use-workspace"; diff --git a/apps/web/core/components/onboarding/invite-members.tsx b/apps/web/core/components/onboarding/invite-members.tsx index 12a0c0522..9db4aed98 100644 --- a/apps/web/core/components/onboarding/invite-members.tsx +++ b/apps/web/core/components/onboarding/invite-members.tsx @@ -22,12 +22,11 @@ import { ROLE, ROLE_DETAILS, EUserPermissions, MEMBER_TRACKER_EVENTS, MEMBER_TRA import { useTranslation } from "@plane/i18n"; // types import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IUser, IWorkspace } from "@plane/types"; // ui -import { Input, Spinner, TOAST_TYPE, setToast } from "@plane/ui"; -// constants +import { Input, Spinner } from "@plane/ui"; // helpers -// hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; // services import { WorkspaceService } from "@/plane-web/services"; diff --git a/apps/web/core/components/onboarding/profile-setup.tsx b/apps/web/core/components/onboarding/profile-setup.tsx index ed9b79d3c..a3d091caf 100644 --- a/apps/web/core/components/onboarding/profile-setup.tsx +++ b/apps/web/core/components/onboarding/profile-setup.tsx @@ -13,9 +13,10 @@ import { // types import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IUser, TUserProfile, TOnboardingSteps } from "@plane/types"; // ui -import { Input, PasswordStrengthIndicator, Spinner, TOAST_TYPE, setToast } from "@plane/ui"; +import { Input, PasswordStrengthIndicator, Spinner } from "@plane/ui"; // components import { getFileURL, getPasswordStrength } from "@plane/utils"; import { UserImageUploadModal } from "@/components/core/modals/user-image-upload-modal"; diff --git a/apps/web/core/components/onboarding/root.tsx b/apps/web/core/components/onboarding/root.tsx index 0aa968720..a530ce3b9 100644 --- a/apps/web/core/components/onboarding/root.tsx +++ b/apps/web/core/components/onboarding/root.tsx @@ -4,6 +4,7 @@ import { FC, useCallback, useEffect, useState } from "react"; import { observer } from "mobx-react"; // plane imports import { USER_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EOnboardingSteps, IWorkspaceMemberInvitation, @@ -11,7 +12,6 @@ import { TOnboardingSteps, TUserProfile, } from "@plane/types"; -import { setToast, TOAST_TYPE } from "@plane/ui"; // helpers import { captureSuccess } from "@/helpers/event-tracker.helper"; // hooks diff --git a/apps/web/core/components/onboarding/steps/profile/root.tsx b/apps/web/core/components/onboarding/steps/profile/root.tsx index cb9484d46..672e8aa8d 100644 --- a/apps/web/core/components/onboarding/steps/profile/root.tsx +++ b/apps/web/core/components/onboarding/steps/profile/root.tsx @@ -7,8 +7,8 @@ import { ImageIcon } from "lucide-react"; // plane imports import { E_PASSWORD_STRENGTH, ONBOARDING_TRACKER_ELEMENTS, USER_TRACKER_EVENTS } from "@plane/constants"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EOnboardingSteps, IUser } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { cn, getFileURL, getPasswordStrength } from "@plane/utils"; // components import { UserImageUploadModal } from "@/components/core/modals/user-image-upload-modal"; diff --git a/apps/web/core/components/onboarding/steps/role/root.tsx b/apps/web/core/components/onboarding/steps/role/root.tsx index 973efa3aa..02242dc7b 100644 --- a/apps/web/core/components/onboarding/steps/role/root.tsx +++ b/apps/web/core/components/onboarding/steps/role/root.tsx @@ -7,8 +7,8 @@ import { Box, Check, PenTool, Rocket, Monitor, RefreshCw, Layers } from "lucide- // plane imports import { ONBOARDING_TRACKER_ELEMENTS, USER_TRACKER_EVENTS } from "@plane/constants"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EOnboardingSteps, TUserProfile } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // helpers import { captureError, captureSuccess, captureView } from "@/helpers/event-tracker.helper"; // hooks diff --git a/apps/web/core/components/onboarding/steps/team/root.tsx b/apps/web/core/components/onboarding/steps/team/root.tsx index 72e367c79..a5b411a17 100644 --- a/apps/web/core/components/onboarding/steps/team/root.tsx +++ b/apps/web/core/components/onboarding/steps/team/root.tsx @@ -20,18 +20,18 @@ import { Listbox } from "@headlessui/react"; // plane imports import { ROLE, ROLE_DETAILS, EUserPermissions, MEMBER_TRACKER_EVENTS, MEMBER_TRACKER_ELEMENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -// types import { Button } from "@plane/propel/button"; -import { EOnboardingSteps, IWorkspace } from "@plane/types"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +// types +import { EOnboardingSteps } from "@plane/types"; // ui -import { Input, Spinner, TOAST_TYPE, setToast } from "@plane/ui"; +import { Input, Spinner } from "@plane/ui"; // constants // helpers // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useWorkspace } from "@/hooks/store/use-workspace"; -import { useUser, useUserProfile } from "@/hooks/store/user"; // services import { WorkspaceService } from "@/plane-web/services"; // components diff --git a/apps/web/core/components/onboarding/steps/usecase/root.tsx b/apps/web/core/components/onboarding/steps/usecase/root.tsx index fff97a63d..f0646897b 100644 --- a/apps/web/core/components/onboarding/steps/usecase/root.tsx +++ b/apps/web/core/components/onboarding/steps/usecase/root.tsx @@ -7,8 +7,8 @@ import { Check } from "lucide-react"; // plane imports import { ONBOARDING_TRACKER_ELEMENTS, USER_TRACKER_EVENTS, USE_CASES } from "@plane/constants"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EOnboardingSteps, TUserProfile } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { cn } from "@plane/utils"; // helpers import { captureError, captureSuccess, captureView } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/onboarding/steps/workspace/create.tsx b/apps/web/core/components/onboarding/steps/workspace/create.tsx index fe16f0910..cec82bd01 100644 --- a/apps/web/core/components/onboarding/steps/workspace/create.tsx +++ b/apps/web/core/components/onboarding/steps/workspace/create.tsx @@ -13,8 +13,9 @@ import { } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IUser, IWorkspace } from "@plane/types"; -import { Spinner, TOAST_TYPE, setToast } from "@plane/ui"; +import { Spinner } from "@plane/ui"; import { cn } from "@plane/utils"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/onboarding/switch-account-modal.tsx b/apps/web/core/components/onboarding/switch-account-modal.tsx index db4aa8cd5..180e2aff2 100644 --- a/apps/web/core/components/onboarding/switch-account-modal.tsx +++ b/apps/web/core/components/onboarding/switch-account-modal.tsx @@ -7,7 +7,7 @@ import { ArrowRightLeft } from "lucide-react"; import { Dialog, Transition } from "@headlessui/react"; // ui import { Button } from "@plane/propel/button"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // hooks import { useUser } from "@/hooks/store/user"; import { useAppRouter } from "@/hooks/use-app-router"; diff --git a/apps/web/core/components/pages/editor/toolbar/options-dropdown.tsx b/apps/web/core/components/pages/editor/toolbar/options-dropdown.tsx index b388395d0..f95faae98 100644 --- a/apps/web/core/components/pages/editor/toolbar/options-dropdown.tsx +++ b/apps/web/core/components/pages/editor/toolbar/options-dropdown.tsx @@ -4,7 +4,8 @@ import { useMemo, useState } from "react"; import { observer } from "mobx-react"; import { ArrowUpToLine, Clipboard, History } from "lucide-react"; // plane imports -import { TContextMenuItem, TOAST_TYPE, ToggleSwitch, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { TContextMenuItem, ToggleSwitch } from "@plane/ui"; import { copyTextToClipboard } from "@plane/utils"; // hooks import { useAppRouter } from "@/hooks/use-app-router"; diff --git a/apps/web/core/components/pages/modals/delete-page-modal.tsx b/apps/web/core/components/pages/modals/delete-page-modal.tsx index d35103672..8e03a7df9 100644 --- a/apps/web/core/components/pages/modals/delete-page-modal.tsx +++ b/apps/web/core/components/pages/modals/delete-page-modal.tsx @@ -5,7 +5,8 @@ import { observer } from "mobx-react"; // ui import { useParams } from "next/navigation"; import { PROJECT_PAGE_TRACKER_EVENTS } from "@plane/constants"; -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { AlertModalCore } from "@plane/ui"; // constants // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/pages/modals/export-page-modal.tsx b/apps/web/core/components/pages/modals/export-page-modal.tsx index ad7c87f87..99687851f 100644 --- a/apps/web/core/components/pages/modals/export-page-modal.tsx +++ b/apps/web/core/components/pages/modals/export-page-modal.tsx @@ -7,7 +7,8 @@ import { Controller, useForm } from "react-hook-form"; import type { EditorRefApi } from "@plane/editor"; // plane ui import { Button } from "@plane/propel/button"; -import { CustomSelect, EModalPosition, EModalWidth, ModalCore, setToast, TOAST_TYPE } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { CustomSelect, EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // components import { PDFDocument } from "@/components/editor/pdf"; // hooks diff --git a/apps/web/core/components/pages/pages-list-main-content.tsx b/apps/web/core/components/pages/pages-list-main-content.tsx index 60bd45f53..ad992ab25 100644 --- a/apps/web/core/components/pages/pages-list-main-content.tsx +++ b/apps/web/core/components/pages/pages-list-main-content.tsx @@ -11,9 +11,9 @@ import { PROJECT_PAGE_TRACKER_EVENTS, } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EUserProjectRoles, TPage, TPageNavigationTabs } from "@plane/types"; // components -import { setToast, TOAST_TYPE } from "@plane/ui"; import { DetailedEmptyState } from "@/components/empty-state/detailed-empty-state-root"; import { PageLoader } from "@/components/pages/loaders/page-loader"; import { captureClick, captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/pages/version/main-content.tsx b/apps/web/core/components/pages/version/main-content.tsx index 2a43be42e..e7af0a38b 100644 --- a/apps/web/core/components/pages/version/main-content.tsx +++ b/apps/web/core/components/pages/version/main-content.tsx @@ -4,8 +4,8 @@ import useSWR from "swr"; import { EyeIcon, TriangleAlert } from "lucide-react"; // plane imports import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TPageVersion } from "@plane/types"; -import { setToast, TOAST_TYPE } from "@plane/ui"; import { renderFormattedDate, renderFormattedTime } from "@plane/utils"; // helpers import { EPageStoreType } from "@/plane-web/hooks/store"; diff --git a/apps/web/core/components/profile/form.tsx b/apps/web/core/components/profile/form.tsx index 8a92ca1c2..e6c041d3a 100644 --- a/apps/web/core/components/profile/form.tsx +++ b/apps/web/core/components/profile/form.tsx @@ -9,8 +9,9 @@ import { Disclosure, Transition } from "@headlessui/react"; import { PROFILE_SETTINGS_TRACKER_ELEMENTS, PROFILE_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button, getButtonStyling } from "@plane/propel/button"; +import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/propel/toast"; import type { IUser, TUserProfile } from "@plane/types"; -import { Input, TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui"; +import { Input } from "@plane/ui"; import { cn, getFileURL } from "@plane/utils"; // components import { DeactivateAccountModal } from "@/components/account/deactivate-account-modal"; diff --git a/apps/web/core/components/profile/notification/email-notification-form.tsx b/apps/web/core/components/profile/notification/email-notification-form.tsx index d0ec45ae5..f01b9f07f 100644 --- a/apps/web/core/components/profile/notification/email-notification-form.tsx +++ b/apps/web/core/components/profile/notification/email-notification-form.tsx @@ -4,9 +4,10 @@ import React, { FC, useEffect } from "react"; import { Controller, useForm } from "react-hook-form"; import { PROFILE_SETTINGS_TRACKER_ELEMENTS, PROFILE_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IUserEmailNotificationSettings } from "@plane/types"; // ui -import { ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui"; +import { ToggleSwitch } from "@plane/ui"; // services import { captureClick, captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { UserService } from "@/services/user.service"; diff --git a/apps/web/core/components/profile/preferences/language-timezone.tsx b/apps/web/core/components/profile/preferences/language-timezone.tsx index 7ce1ce067..438f446ca 100644 --- a/apps/web/core/components/profile/preferences/language-timezone.tsx +++ b/apps/web/core/components/profile/preferences/language-timezone.tsx @@ -1,7 +1,8 @@ import { observer } from "mobx-react"; import { PROFILE_SETTINGS_TRACKER_ELEMENTS, PROFILE_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; import { SUPPORTED_LANGUAGES, useTranslation } from "@plane/i18n"; -import { CustomSelect, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { CustomSelect } from "@plane/ui"; import { TimezoneSelect } from "@/components/global"; import { captureElementAndEvent } from "@/helpers/event-tracker.helper"; import { useUser, useUserProfile } from "@/hooks/store/user"; diff --git a/apps/web/core/components/profile/start-of-week-preference.tsx b/apps/web/core/components/profile/start-of-week-preference.tsx index 53b7ad4ed..ef17e5493 100644 --- a/apps/web/core/components/profile/start-of-week-preference.tsx +++ b/apps/web/core/components/profile/start-of-week-preference.tsx @@ -8,8 +8,9 @@ import { PROFILE_SETTINGS_TRACKER_EVENTS, START_OF_THE_WEEK_OPTIONS, } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EStartOfTheWeek } from "@plane/types"; -import { CustomSelect, setToast, TOAST_TYPE } from "@plane/ui"; +import { CustomSelect } from "@plane/ui"; // hooks import { captureElementAndEvent } from "@/helpers/event-tracker.helper"; import { useUserProfile } from "@/hooks/store/user"; diff --git a/apps/web/core/components/project-states/create-update/create.tsx b/apps/web/core/components/project-states/create-update/create.tsx index 25972f7c0..35af52f2c 100644 --- a/apps/web/core/components/project-states/create-update/create.tsx +++ b/apps/web/core/components/project-states/create-update/create.tsx @@ -3,8 +3,8 @@ import { FC, useState } from "react"; import { observer } from "mobx-react"; import { STATE_TRACKER_EVENTS, STATE_GROUPS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IState, TStateGroups, TStateOperationsCallbacks } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { StateForm } from "@/components/project-states"; // hooks diff --git a/apps/web/core/components/project-states/create-update/update.tsx b/apps/web/core/components/project-states/create-update/update.tsx index b242f900c..e4d1a8f0b 100644 --- a/apps/web/core/components/project-states/create-update/update.tsx +++ b/apps/web/core/components/project-states/create-update/update.tsx @@ -3,8 +3,8 @@ import { FC, useState } from "react"; import { observer } from "mobx-react"; import { STATE_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IState, TStateOperationsCallbacks } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { StateForm } from "@/components/project-states"; // hooks diff --git a/apps/web/core/components/project-states/options/delete.tsx b/apps/web/core/components/project-states/options/delete.tsx index 5bf104c18..400e6361d 100644 --- a/apps/web/core/components/project-states/options/delete.tsx +++ b/apps/web/core/components/project-states/options/delete.tsx @@ -5,9 +5,10 @@ import { observer } from "mobx-react"; import { Loader, X } from "lucide-react"; // plane imports import { STATE_TRACKER_EVENTS, STATE_TRACKER_ELEMENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IState, TStateOperationsCallbacks } from "@plane/types"; -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; import { cn } from "@plane/utils"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/project-states/state-delete-modal.tsx b/apps/web/core/components/project-states/state-delete-modal.tsx index 65ff9256a..bcb0ec5f5 100644 --- a/apps/web/core/components/project-states/state-delete-modal.tsx +++ b/apps/web/core/components/project-states/state-delete-modal.tsx @@ -5,9 +5,10 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // types import { STATE_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { IState } from "@plane/types"; // ui -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; // constants // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/project/delete-project-modal.tsx b/apps/web/core/components/project/delete-project-modal.tsx index d76caef53..15b02a2b2 100644 --- a/apps/web/core/components/project/delete-project-modal.tsx +++ b/apps/web/core/components/project/delete-project-modal.tsx @@ -8,9 +8,10 @@ import { Dialog, Transition } from "@headlessui/react"; // types import { PROJECT_TRACKER_EVENTS } from "@plane/constants"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { IProject } from "@plane/types"; // ui -import { Input, TOAST_TYPE, setToast } from "@plane/ui"; +import { Input } from "@plane/ui"; // constants // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/project/form.tsx b/apps/web/core/components/project/form.tsx index aa250e987..52c4fd611 100644 --- a/apps/web/core/components/project/form.tsx +++ b/apps/web/core/components/project/form.tsx @@ -8,9 +8,10 @@ import { useTranslation } from "@plane/i18n"; // plane imports import { Button } from "@plane/propel/button"; import { EmojiPicker } from "@plane/propel/emoji-icon-picker"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IProject, IWorkspace } from "@plane/types"; -import { CustomSelect, Input, TextArea, TOAST_TYPE, setToast, EmojiIconPickerTypes } from "@plane/ui"; +import { CustomSelect, Input, TextArea, EmojiIconPickerTypes } from "@plane/ui"; import { renderFormattedDate, getFileURL } from "@plane/utils"; // components import { Logo } from "@/components/common/logo"; diff --git a/apps/web/core/components/project/integration-card.tsx b/apps/web/core/components/project/integration-card.tsx index b324d854b..a066a49bb 100644 --- a/apps/web/core/components/project/integration-card.tsx +++ b/apps/web/core/components/project/integration-card.tsx @@ -4,9 +4,8 @@ import React from "react"; import Image from "next/image"; import { useParams } from "next/navigation"; import useSWR, { mutate } from "swr"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IWorkspaceIntegration } from "@plane/types"; -// ui -import { TOAST_TYPE, setToast } from "@plane/ui"; // components import { SelectRepository, SelectChannel } from "@/components/integration"; // constants diff --git a/apps/web/core/components/project/leave-project-modal.tsx b/apps/web/core/components/project/leave-project-modal.tsx index d396d6821..1985f5a52 100644 --- a/apps/web/core/components/project/leave-project-modal.tsx +++ b/apps/web/core/components/project/leave-project-modal.tsx @@ -10,9 +10,10 @@ import { Dialog, Transition } from "@headlessui/react"; // types import { MEMBER_TRACKER_EVENTS } from "@plane/constants"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IProject } from "@plane/types"; // ui -import { Input, TOAST_TYPE, setToast } from "@plane/ui"; +import { Input } from "@plane/ui"; // constants // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/project/member-list-item.tsx b/apps/web/core/components/project/member-list-item.tsx index 82a129a83..1130670bc 100644 --- a/apps/web/core/components/project/member-list-item.tsx +++ b/apps/web/core/components/project/member-list-item.tsx @@ -3,7 +3,8 @@ import { observer } from "mobx-react"; // plane imports import { MEMBER_TRACKER_EVENTS } from "@plane/constants"; -import { TOAST_TYPE, Table, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Table } from "@plane/ui"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; // hooks diff --git a/apps/web/core/components/project/project-settings-member-defaults.tsx b/apps/web/core/components/project/project-settings-member-defaults.tsx index d437b1c3a..072a38100 100644 --- a/apps/web/core/components/project/project-settings-member-defaults.tsx +++ b/apps/web/core/components/project/project-settings-member-defaults.tsx @@ -7,8 +7,9 @@ import useSWR from "swr"; // plane imports import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IProject, IUserLite, IWorkspace } from "@plane/types"; -import { Loader, TOAST_TYPE, ToggleSwitch, setToast } from "@plane/ui"; +import { Loader, ToggleSwitch } from "@plane/ui"; // constants import { PROJECT_MEMBERS } from "@/constants/fetch-keys"; // hooks diff --git a/apps/web/core/components/project/publish-project/modal.tsx b/apps/web/core/components/project/publish-project/modal.tsx index 130926ba6..89f04c491 100644 --- a/apps/web/core/components/project/publish-project/modal.tsx +++ b/apps/web/core/components/project/publish-project/modal.tsx @@ -8,9 +8,10 @@ import { Check, ExternalLink, Globe2 } from "lucide-react"; // types import { SPACE_BASE_PATH, SPACE_BASE_URL } from "@plane/constants"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { TProjectPublishLayouts, TProjectPublishSettings } from "@plane/types"; // ui -import { Loader, ToggleSwitch, TOAST_TYPE, setToast, CustomSelect, ModalCore, EModalWidth } from "@plane/ui"; +import { Loader, ToggleSwitch, CustomSelect, ModalCore, EModalWidth } from "@plane/ui"; // helpers import { copyTextToClipboard } from "@plane/utils"; // hooks diff --git a/apps/web/core/components/project/send-project-invitation-modal.tsx b/apps/web/core/components/project/send-project-invitation-modal.tsx index 22538843a..30ab8d338 100644 --- a/apps/web/core/components/project/send-project-invitation-modal.tsx +++ b/apps/web/core/components/project/send-project-invitation-modal.tsx @@ -9,7 +9,8 @@ import { Dialog, Transition } from "@headlessui/react"; import { ROLE, EUserPermissions, MEMBER_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { Avatar, CustomSelect, CustomSearchSelect, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Avatar, CustomSelect, CustomSearchSelect } from "@plane/ui"; // helpers import { getFileURL } from "@plane/utils"; // hooks diff --git a/apps/web/core/components/project/settings/archive-project/archive-restore-modal.tsx b/apps/web/core/components/project/settings/archive-project/archive-restore-modal.tsx index 4a1972d26..1bac08145 100644 --- a/apps/web/core/components/project/settings/archive-project/archive-restore-modal.tsx +++ b/apps/web/core/components/project/settings/archive-project/archive-restore-modal.tsx @@ -4,7 +4,7 @@ import { useState, Fragment } from "react"; import { Dialog, Transition } from "@headlessui/react"; // ui import { Button } from "@plane/propel/button"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // hooks import { useProject } from "@/hooks/store/use-project"; import { useAppRouter } from "@/hooks/use-app-router"; diff --git a/apps/web/core/components/project/settings/features-list.tsx b/apps/web/core/components/project/settings/features-list.tsx index b0f5bf291..bdcde5cde 100644 --- a/apps/web/core/components/project/settings/features-list.tsx +++ b/apps/web/core/components/project/settings/features-list.tsx @@ -5,9 +5,10 @@ import { observer } from "mobx-react"; // plane imports import { PROJECT_TRACKER_ELEMENTS, PROJECT_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { setPromiseToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IProject } from "@plane/types"; -import { ToggleSwitch, setPromiseToast } from "@plane/ui"; +import { ToggleSwitch } from "@plane/ui"; // components import { SettingsHeading } from "@/components/settings/heading"; // helpers diff --git a/apps/web/core/components/project/settings/member-columns.tsx b/apps/web/core/components/project/settings/member-columns.tsx index 1c31ae178..c82875111 100644 --- a/apps/web/core/components/project/settings/member-columns.tsx +++ b/apps/web/core/components/project/settings/member-columns.tsx @@ -5,8 +5,9 @@ import { CircleMinus } from "lucide-react"; import { Disclosure } from "@headlessui/react"; // plane imports import { ROLE, EUserPermissions, MEMBER_TRACKER_ELEMENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EUserProjectRoles, IUser, IWorkspaceMember, TProjectMembership } from "@plane/types"; -import { CustomMenu, CustomSelect, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomMenu, CustomSelect } from "@plane/ui"; import { getFileURL } from "@plane/utils"; // hooks import { useMember } from "@/hooks/store/use-member"; diff --git a/apps/web/core/components/stickies/delete-modal.tsx b/apps/web/core/components/stickies/delete-modal.tsx index ecbceae93..82455186f 100644 --- a/apps/web/core/components/stickies/delete-modal.tsx +++ b/apps/web/core/components/stickies/delete-modal.tsx @@ -4,7 +4,8 @@ import { useState } from "react"; import { observer } from "mobx-react"; // ui import { useTranslation } from "@plane/i18n"; -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { AlertModalCore } from "@plane/ui"; interface IStickyDelete { isOpen: boolean; diff --git a/apps/web/core/components/stickies/sticky/use-operations.tsx b/apps/web/core/components/stickies/sticky/use-operations.tsx index b582fd563..42c933b56 100644 --- a/apps/web/core/components/stickies/sticky/use-operations.tsx +++ b/apps/web/core/components/stickies/sticky/use-operations.tsx @@ -1,9 +1,8 @@ import { useMemo } from "react"; // plane types import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { InstructionType, TSticky } from "@plane/types"; -// plane ui -import { setToast, TOAST_TYPE } from "@plane/ui"; // plane utils import { isCommentEmpty } from "@plane/utils"; // components diff --git a/apps/web/core/components/views/delete-view-modal.tsx b/apps/web/core/components/views/delete-view-modal.tsx index 35dce46e3..28efbcc0f 100644 --- a/apps/web/core/components/views/delete-view-modal.tsx +++ b/apps/web/core/components/views/delete-view-modal.tsx @@ -5,9 +5,10 @@ import { observer } from "mobx-react"; import { useParams, useRouter } from "next/navigation"; // types import { PROJECT_VIEW_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IProjectView } from "@plane/types"; // ui -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; // hooks diff --git a/apps/web/core/components/views/modal.tsx b/apps/web/core/components/views/modal.tsx index 7696fb8ad..48a75a159 100644 --- a/apps/web/core/components/views/modal.tsx +++ b/apps/web/core/components/views/modal.tsx @@ -4,9 +4,10 @@ import { FC } from "react"; import { observer } from "mobx-react"; // types import { PROJECT_VIEW_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, IProjectView } from "@plane/types"; // ui -import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useIssues } from "@/hooks/store/use-issues"; diff --git a/apps/web/core/components/views/quick-actions.tsx b/apps/web/core/components/views/quick-actions.tsx index b62154cd2..9d98a6147 100644 --- a/apps/web/core/components/views/quick-actions.tsx +++ b/apps/web/core/components/views/quick-actions.tsx @@ -4,9 +4,10 @@ import { useState } from "react"; import { observer } from "mobx-react"; // types import { EUserPermissions, EUserPermissionsLevel, PROJECT_VIEW_TRACKER_ELEMENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IProjectView } from "@plane/types"; // ui -import { ContextMenu, CustomMenu, TContextMenuItem, TOAST_TYPE, setToast } from "@plane/ui"; +import { ContextMenu, CustomMenu, TContextMenuItem } from "@plane/ui"; import { copyUrlToClipboard, cn } from "@plane/utils"; // helpers import { captureClick } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/web-hooks/create-webhook-modal.tsx b/apps/web/core/components/web-hooks/create-webhook-modal.tsx index a7cb43ab7..0b039702d 100644 --- a/apps/web/core/components/web-hooks/create-webhook-modal.tsx +++ b/apps/web/core/components/web-hooks/create-webhook-modal.tsx @@ -5,9 +5,10 @@ import { useParams } from "next/navigation"; // types import { WORKSPACE_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IWebhook, IWorkspace, TWebhookEventTypes } from "@plane/types"; // ui -import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // helpers import { csvDownload } from "@plane/utils"; // hooks diff --git a/apps/web/core/components/web-hooks/delete-webhook-modal.tsx b/apps/web/core/components/web-hooks/delete-webhook-modal.tsx index a54a25165..f7307a67f 100644 --- a/apps/web/core/components/web-hooks/delete-webhook-modal.tsx +++ b/apps/web/core/components/web-hooks/delete-webhook-modal.tsx @@ -4,7 +4,8 @@ import React, { FC, useState } from "react"; import { useParams } from "next/navigation"; // ui import { WORKSPACE_SETTINGS_TRACKER_EVENTS } from "@plane/constants"; -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { AlertModalCore } from "@plane/ui"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useWebhook } from "@/hooks/store/use-webhook"; diff --git a/apps/web/core/components/web-hooks/form/secret-key.tsx b/apps/web/core/components/web-hooks/form/secret-key.tsx index 7000e82ed..49acb50c2 100644 --- a/apps/web/core/components/web-hooks/form/secret-key.tsx +++ b/apps/web/core/components/web-hooks/form/secret-key.tsx @@ -8,12 +8,11 @@ import { useParams } from "next/navigation"; import { Copy, Eye, EyeOff, RefreshCw } from "lucide-react"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IWebhook } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; import { csvDownload, copyTextToClipboard } from "@plane/utils"; -// helpers // hooks import { useWebhook } from "@/hooks/store/use-webhook"; import { useWorkspace } from "@/hooks/store/use-workspace"; diff --git a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/archive.tsx b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/archive.tsx index b5134495c..38ab6767a 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/archive.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/archive.tsx @@ -7,7 +7,7 @@ import { ArchiveRestore } from "lucide-react"; import { NOTIFICATION_TRACKER_ELEMENTS, NOTIFICATION_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { ArchiveIcon } from "@plane/propel/icons"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; // hooks diff --git a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/read.tsx b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/read.tsx index 34f4e4f1f..b2ff86b90 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/read.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/read.tsx @@ -6,7 +6,7 @@ import { MessageSquare } from "lucide-react"; // plane imports import { NOTIFICATION_TRACKER_ELEMENTS, NOTIFICATION_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; // hooks diff --git a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/root.tsx b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/root.tsx index fc67e2609..0212fcfee 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/root.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/root.tsx @@ -7,8 +7,8 @@ import { Popover, Transition } from "@headlessui/react"; // plane imports import { NOTIFICATION_SNOOZE_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; -import { setToast, TOAST_TYPE } from "@plane/ui"; import { cn } from "@plane/utils"; // hooks import { useWorkspaceNotifications } from "@/hooks/store/notifications"; diff --git a/apps/web/core/components/workspace/create-workspace-form.tsx b/apps/web/core/components/workspace/create-workspace-form.tsx index 3aafd5cc1..b9e35f273 100644 --- a/apps/web/core/components/workspace/create-workspace-form.tsx +++ b/apps/web/core/components/workspace/create-workspace-form.tsx @@ -10,12 +10,11 @@ import { WORKSPACE_TRACKER_EVENTS, } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -// constants -// types import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IWorkspace } from "@plane/types"; // ui -import { CustomSelect, Input, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomSelect, Input } from "@plane/ui"; // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useWorkspace } from "@/hooks/store/use-workspace"; diff --git a/apps/web/core/components/workspace/delete-workspace-form.tsx b/apps/web/core/components/workspace/delete-workspace-form.tsx index 1d69dd707..ffdfc7a27 100644 --- a/apps/web/core/components/workspace/delete-workspace-form.tsx +++ b/apps/web/core/components/workspace/delete-workspace-form.tsx @@ -8,10 +8,10 @@ import { AlertTriangle } from "lucide-react"; import { WORKSPACE_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { IWorkspace } from "@plane/types"; // ui -import { Input, TOAST_TYPE, setToast } from "@plane/ui"; -// constants +import { Input } from "@plane/ui"; // hooks import { cn } from "@plane/utils"; import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/workspace/settings/invitations-list-item.tsx b/apps/web/core/components/workspace/settings/invitations-list-item.tsx index f67ec2eb2..f28790cc7 100644 --- a/apps/web/core/components/workspace/settings/invitations-list-item.tsx +++ b/apps/web/core/components/workspace/settings/invitations-list-item.tsx @@ -7,7 +7,8 @@ import { ChevronDown, LinkIcon, Trash2 } from "lucide-react"; // plane imports import { ROLE, EUserPermissions, EUserPermissionsLevel, MEMBER_TRACKER_ELEMENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { CustomSelect, TOAST_TYPE, setToast, TContextMenuItem, CustomMenu } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { CustomSelect, TContextMenuItem, CustomMenu } from "@plane/ui"; import { cn, copyTextToClipboard } from "@plane/utils"; // components import { ConfirmWorkspaceMemberRemove } from "@/components/workspace/confirm-workspace-member-remove"; diff --git a/apps/web/core/components/workspace/settings/member-columns.tsx b/apps/web/core/components/workspace/settings/member-columns.tsx index 87d28c371..8fa965b63 100644 --- a/apps/web/core/components/workspace/settings/member-columns.tsx +++ b/apps/web/core/components/workspace/settings/member-columns.tsx @@ -7,10 +7,10 @@ import { Disclosure } from "@headlessui/react"; import { ROLE, EUserPermissions, EUserPermissionsLevel, MEMBER_TRACKER_ELEMENTS } from "@plane/constants"; import { SuspendedUserIcon } from "@plane/propel/icons"; import { Pill, EPillVariant, EPillSize } from "@plane/propel/pill"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IUser, IWorkspaceMember } from "@plane/types"; // plane ui -import { CustomSelect, PopoverMenu, TOAST_TYPE, cn, setToast } from "@plane/ui"; -// constants +import { CustomSelect, PopoverMenu, cn } from "@plane/ui"; // helpers import { getFileURL } from "@plane/utils"; // hooks diff --git a/apps/web/core/components/workspace/settings/members-list-item.tsx b/apps/web/core/components/workspace/settings/members-list-item.tsx index 2f8a144b7..e65c25702 100644 --- a/apps/web/core/components/workspace/settings/members-list-item.tsx +++ b/apps/web/core/components/workspace/settings/members-list-item.tsx @@ -6,8 +6,9 @@ import { observer } from "mobx-react"; // plane imports import { MEMBER_TRACKER_EVENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IWorkspaceMember } from "@plane/types"; -import { TOAST_TYPE, Table, setToast } from "@plane/ui"; +import { Table } from "@plane/ui"; // components import { MembersLayoutLoader } from "@/components/ui/loader/layouts/members-layout-loader"; import { ConfirmWorkspaceMemberRemove } from "@/components/workspace/confirm-workspace-member-remove"; diff --git a/apps/web/core/components/workspace/settings/workspace-details.tsx b/apps/web/core/components/workspace/settings/workspace-details.tsx index 3a4c2f459..678024282 100644 --- a/apps/web/core/components/workspace/settings/workspace-details.tsx +++ b/apps/web/core/components/workspace/settings/workspace-details.tsx @@ -14,14 +14,14 @@ import { } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IWorkspace } from "@plane/types"; -import { CustomSelect, Input, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomSelect, Input } from "@plane/ui"; import { copyUrlToClipboard, getFileURL } from "@plane/utils"; // components import { LogoSpinner } from "@/components/common/logo-spinner"; import { WorkspaceImageUploadModal } from "@/components/core/modals/workspace-image-upload-modal"; // helpers -// hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useWorkspace } from "@/hooks/store/use-workspace"; import { useUserPermissions } from "@/hooks/store/user"; diff --git a/apps/web/core/components/workspace/sidebar/favorites/favorites-menu.tsx b/apps/web/core/components/workspace/sidebar/favorites/favorites-menu.tsx index a8ca638f3..96c65ad74 100644 --- a/apps/web/core/components/workspace/sidebar/favorites/favorites-menu.tsx +++ b/apps/web/core/components/workspace/sidebar/favorites/favorites-menu.tsx @@ -16,9 +16,9 @@ import { Disclosure, Transition } from "@headlessui/react"; import { IS_FAVORITE_MENU_OPEN } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; // ui +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; import { IFavorite } from "@plane/types"; -import { setToast, TOAST_TYPE } from "@plane/ui"; // constants // helpers diff --git a/apps/web/core/components/workspace/sidebar/favorites/new-fav-folder.tsx b/apps/web/core/components/workspace/sidebar/favorites/new-fav-folder.tsx index 160a820ee..0608db927 100644 --- a/apps/web/core/components/workspace/sidebar/favorites/new-fav-folder.tsx +++ b/apps/web/core/components/workspace/sidebar/favorites/new-fav-folder.tsx @@ -7,7 +7,8 @@ import { useTranslation } from "@plane/i18n"; // plane helpers // plane ui import { FavoriteFolderIcon } from "@plane/propel/icons"; -import { Input, setToast, TOAST_TYPE } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Input } from "@plane/ui"; // hooks import { useFavorite } from "@/hooks/store/use-favorite"; diff --git a/apps/web/core/components/workspace/sidebar/projects-list.tsx b/apps/web/core/components/workspace/sidebar/projects-list.tsx index 8e5d4df28..a310ca954 100644 --- a/apps/web/core/components/workspace/sidebar/projects-list.tsx +++ b/apps/web/core/components/workspace/sidebar/projects-list.tsx @@ -10,8 +10,9 @@ import { Disclosure, Transition } from "@headlessui/react"; // plane imports import { EUserPermissions, EUserPermissionsLevel, PROJECT_TRACKER_ELEMENTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; -import { Loader, TOAST_TYPE, setToast } from "@plane/ui"; +import { Loader } from "@plane/ui"; import { copyUrlToClipboard, cn, orderJoinedProjects } from "@plane/utils"; // components import { CreateProjectModal } from "@/components/project/create-project-modal"; diff --git a/apps/web/core/components/workspace/sidebar/user-menu-root.tsx b/apps/web/core/components/workspace/sidebar/user-menu-root.tsx index ac7740b93..5772319ff 100644 --- a/apps/web/core/components/workspace/sidebar/user-menu-root.tsx +++ b/apps/web/core/components/workspace/sidebar/user-menu-root.tsx @@ -12,7 +12,8 @@ import { Menu, Transition } from "@headlessui/react"; // plane imports import { GOD_MODE_URL } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { Avatar, TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Avatar } from "@plane/ui"; import { getFileURL } from "@plane/utils"; // hooks import { useAppTheme } from "@/hooks/store/use-app-theme"; diff --git a/apps/web/core/components/workspace/sidebar/workspace-menu-root.tsx b/apps/web/core/components/workspace/sidebar/workspace-menu-root.tsx index 2606db9c4..4770bbc3d 100644 --- a/apps/web/core/components/workspace/sidebar/workspace-menu-root.tsx +++ b/apps/web/core/components/workspace/sidebar/workspace-menu-root.tsx @@ -9,8 +9,9 @@ import { ChevronDown, CirclePlus, LogOut, Mails } from "lucide-react"; import { Menu, Transition } from "@headlessui/react"; // plane imports import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IWorkspace } from "@plane/types"; -import { Loader, TOAST_TYPE, setToast } from "@plane/ui"; +import { Loader } from "@plane/ui"; import { orderWorkspacesList, cn } from "@plane/utils"; // helpers import { AppSidebarItem } from "@/components/sidebar/sidebar-item"; diff --git a/apps/web/core/components/workspace/views/default-view-quick-action.tsx b/apps/web/core/components/workspace/views/default-view-quick-action.tsx index 8cbd4c528..60a8fc4aa 100644 --- a/apps/web/core/components/workspace/views/default-view-quick-action.tsx +++ b/apps/web/core/components/workspace/views/default-view-quick-action.tsx @@ -4,9 +4,10 @@ import { observer } from "mobx-react"; import { ExternalLink, LinkIcon } from "lucide-react"; // plane imports import { useTranslation } from "@plane/i18n"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // ui import { TStaticViewTypes } from "@plane/types"; -import { CustomMenu, TContextMenuItem, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomMenu, TContextMenuItem } from "@plane/ui"; import { copyUrlToClipboard, cn } from "@plane/utils"; // helpers type Props = { diff --git a/apps/web/core/components/workspace/views/delete-view-modal.tsx b/apps/web/core/components/workspace/views/delete-view-modal.tsx index 4be9d4fcd..e1ab956d0 100644 --- a/apps/web/core/components/workspace/views/delete-view-modal.tsx +++ b/apps/web/core/components/workspace/views/delete-view-modal.tsx @@ -5,9 +5,10 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // types import { GLOBAL_VIEW_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IWorkspaceView } from "@plane/types"; // ui -import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { AlertModalCore } from "@plane/ui"; // constants // hooks import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/components/workspace/views/modal.tsx b/apps/web/core/components/workspace/views/modal.tsx index 7adb4d330..baebc93ea 100644 --- a/apps/web/core/components/workspace/views/modal.tsx +++ b/apps/web/core/components/workspace/views/modal.tsx @@ -5,8 +5,9 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // plane imports import { GLOBAL_VIEW_TRACKER_EVENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, IWorkspaceView } from "@plane/types"; -import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // helpers import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; // hooks diff --git a/apps/web/core/components/workspace/views/quick-action.tsx b/apps/web/core/components/workspace/views/quick-action.tsx index 28a80983f..85d7dadd8 100644 --- a/apps/web/core/components/workspace/views/quick-action.tsx +++ b/apps/web/core/components/workspace/views/quick-action.tsx @@ -4,8 +4,9 @@ import { useState } from "react"; import { observer } from "mobx-react"; // plane imports import { EUserPermissions, EUserPermissionsLevel, GLOBAL_VIEW_TRACKER_ELEMENTS } from "@plane/constants"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { IWorkspaceView } from "@plane/types"; -import { CustomMenu, TContextMenuItem, TOAST_TYPE, setToast } from "@plane/ui"; +import { CustomMenu, TContextMenuItem } from "@plane/ui"; import { copyUrlToClipboard, cn } from "@plane/utils"; // helpers import { captureClick } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/hooks/use-collaborative-page-actions.tsx b/apps/web/core/hooks/use-collaborative-page-actions.tsx index f05000712..720cdb9fb 100644 --- a/apps/web/core/hooks/use-collaborative-page-actions.tsx +++ b/apps/web/core/hooks/use-collaborative-page-actions.tsx @@ -1,8 +1,7 @@ import { useState, useEffect, useCallback, useMemo } from "react"; import type { EditorRefApi, TDocumentEventsServer } from "@plane/editor"; import { DocumentCollaborativeEvents, TDocumentEventsClient, getServerEventName } from "@plane/editor/lib"; -// plane ui -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // store import type { TPageInstance } from "@/store/pages/base-page"; diff --git a/apps/web/core/hooks/use-group-dragndrop.ts b/apps/web/core/hooks/use-group-dragndrop.ts index 4193e5c23..7cd9548f4 100644 --- a/apps/web/core/hooks/use-group-dragndrop.ts +++ b/apps/web/core/hooks/use-group-dragndrop.ts @@ -1,8 +1,8 @@ "use client"; import { useParams } from "next/navigation"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EIssuesStoreType, TIssue, TIssueGroupByOptions, TIssueOrderByOptions } from "@plane/types"; -import { TOAST_TYPE, setToast } from "@plane/ui"; import { GroupDropLocation, handleGroupDragDrop } from "@/components/issues/issue-layouts/utils"; import { ISSUE_FILTER_DEFAULT_DATA } from "@/store/issue/helpers/base-issues.store"; import { useIssueDetail } from "./store/use-issue-detail"; diff --git a/apps/web/core/hooks/use-page-operations.ts b/apps/web/core/hooks/use-page-operations.ts index 05cfa3cec..5fd32565b 100644 --- a/apps/web/core/hooks/use-page-operations.ts +++ b/apps/web/core/hooks/use-page-operations.ts @@ -2,8 +2,8 @@ import { useMemo } from "react"; // plane imports import { IS_FAVORITE_MENU_OPEN, PROJECT_PAGE_TRACKER_EVENTS } from "@plane/constants"; import type { EditorRefApi } from "@plane/editor"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EPageAccess } from "@plane/types"; -import { setToast, TOAST_TYPE } from "@plane/ui"; import { copyUrlToClipboard } from "@plane/utils"; // helpers import { captureSuccess, captureError } from "@/helpers/event-tracker.helper"; diff --git a/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx b/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx index 424bc451c..b7019419f 100644 --- a/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx +++ b/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx @@ -13,8 +13,8 @@ import { LogOut } from "lucide-react"; import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { Button, getButtonStyling } from "@plane/propel/button"; import { PlaneLogo } from "@plane/propel/icons"; +import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@plane/propel/tooltip"; -import { setToast, TOAST_TYPE } from "@plane/ui"; // components import { cn } from "@plane/utils"; import { LogoSpinner } from "@/components/common/logo-spinner"; diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css index 6f7ceace2..5fbc91843 100644 --- a/apps/web/styles/globals.css +++ b/apps/web/styles/globals.css @@ -176,6 +176,27 @@ --color-subscription-enterprise-200: 86, 5, 145; --color-subscription-enterprise-400: 73, 4, 123; + + /* toast theme */ + --color-toast-success-text: 178, 221, 181; + --color-toast-error-text: 206, 44, 49; + --color-toast-warning-text: 255, 186, 24; + --color-toast-info-text: 141, 164, 239; + --color-toast-loading-text: 255, 255, 255; + --color-toast-secondary-text: 185, 187, 198; + --color-toast-tertiary-text: 139, 141, 152; + + --color-toast-success-background: 46, 46, 46; + --color-toast-error-background: 46, 46, 46; + --color-toast-warning-background: 46, 46, 46; + --color-toast-info-background: 46, 46, 46; + --color-toast-loading-background: 46, 46, 46; + + --color-toast-success-border: 42, 126, 59; + --color-toast-error-border: 100, 23, 35; + --color-toast-warning-border: 79, 52, 34; + --color-toast-info-border: 58, 91, 199; + --color-toast-loading-border: 96, 100, 108; } [data-theme="light"], @@ -399,27 +420,6 @@ --color-onboarding-border-300: 34, 35, 38, 0.5; --color-onboarding-shadow-sm: 0px 4px 20px 0px rgba(39, 44, 56, 0.1); - - /* toast theme */ - --color-toast-success-text: 178, 221, 181; - --color-toast-error-text: 206, 44, 49; - --color-toast-warning-text: 255, 186, 24; - --color-toast-info-text: 141, 164, 239; - --color-toast-loading-text: 255, 255, 255; - --color-toast-secondary-text: 185, 187, 198; - --color-toast-tertiary-text: 139, 141, 152; - - --color-toast-success-background: 46, 46, 46; - --color-toast-error-background: 46, 46, 46; - --color-toast-warning-background: 46, 46, 46; - --color-toast-info-background: 46, 46, 46; - --color-toast-loading-background: 46, 46, 46; - - --color-toast-success-border: 42, 126, 59; - --color-toast-error-border: 100, 23, 35; - --color-toast-warning-border: 79, 52, 34; - --color-toast-info-border: 58, 91, 199; - --color-toast-loading-border: 96, 100, 108; } [data-theme="dark-contrast"] { diff --git a/packages/propel/src/toast/toast.tsx b/packages/propel/src/toast/toast.tsx index 0b0955bd4..481bd7fea 100644 --- a/packages/propel/src/toast/toast.tsx +++ b/packages/propel/src/toast/toast.tsx @@ -11,6 +11,7 @@ export enum TOAST_TYPE { INFO = "info", WARNING = "warning", LOADING = "loading", + LOADING_TOAST = "loading-toast", } type SetToastProps = @@ -88,6 +89,12 @@ const TOAST_DATA = { backgroundColorClassName: "bg-toast-background-loading", borderColorClassName: "border-toast-border-loading", }, + [TOAST_TYPE.LOADING_TOAST]: { + icon: , + textColorClassName: "text-toast-text-loading", + backgroundColorClassName: "bg-toast-background-loading", + borderColorClassName: "border-toast-border-loading", + }, }; const ToastList = () => { const { toasts } = BaseToast.useToastManager(); @@ -230,3 +237,7 @@ export const setPromiseToast = ( }), }); }; + +export const dismissToast = (tId: string) => { + toastManager.close(tId); +}; diff --git a/packages/tailwind-config/global.css b/packages/tailwind-config/global.css index 4e3d5c525..95a3b70c7 100644 --- a/packages/tailwind-config/global.css +++ b/packages/tailwind-config/global.css @@ -58,46 +58,75 @@ --color-border-400: 185, 185, 185; /* strong border- 2 */ --color-shadow-2xs: - 0px 0px 1px 0px rgba(23, 23, 23, 0.06), 0px 1px 2px 0px rgba(23, 23, 23, 0.06), + 0px 0px 1px 0px rgba(23, 23, 23, 0.06), + 0px 1px 2px 0px rgba(23, 23, 23, 0.06), 0px 1px 2px 0px rgba(23, 23, 23, 0.14); --color-shadow-xs: - 0px 1px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 4px 0px rgba(16, 24, 40, 0.12), + 0px 1px 2px 0px rgba(0, 0, 0, 0.16), + 0px 2px 4px 0px rgba(16, 24, 40, 0.12), 0px 1px 8px -1px rgba(16, 24, 40, 0.1); --color-shadow-sm: - 0px 1px 4px 0px rgba(0, 0, 0, 0.01), 0px 4px 8px 0px rgba(0, 0, 0, 0.02), 0px 1px 12px 0px rgba(0, 0, 0, 0.12); + 0px 1px 4px 0px rgba(0, 0, 0, 0.01), 0px 4px 8px 0px rgba(0, 0, 0, 0.02), + 0px 1px 12px 0px rgba(0, 0, 0, 0.12); --color-shadow-rg: - 0px 3px 6px 0px rgba(0, 0, 0, 0.1), 0px 4px 4px 0px rgba(16, 24, 40, 0.08), + 0px 3px 6px 0px rgba(0, 0, 0, 0.1), + 0px 4px 4px 0px rgba(16, 24, 40, 0.08), 0px 1px 12px 0px rgba(16, 24, 40, 0.04); --color-shadow-md: - 0px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 6px 12px 0px rgba(16, 24, 40, 0.12), + 0px 4px 8px 0px rgba(0, 0, 0, 0.12), + 0px 6px 12px 0px rgba(16, 24, 40, 0.12), 0px 1px 16px 0px rgba(16, 24, 40, 0.12); --color-shadow-lg: - 0px 6px 12px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.12), + 0px 6px 12px 0px rgba(0, 0, 0, 0.12), + 0px 8px 16px 0px rgba(0, 0, 0, 0.12), 0px 1px 24px 0px rgba(16, 24, 40, 0.12); --color-shadow-xl: - 0px 0px 18px 0px rgba(0, 0, 0, 0.16), 0px 0px 24px 0px rgba(16, 24, 40, 0.16), + 0px 0px 18px 0px rgba(0, 0, 0, 0.16), + 0px 0px 24px 0px rgba(16, 24, 40, 0.16), 0px 0px 52px 0px rgba(16, 24, 40, 0.16); --color-shadow-2xl: - 0px 8px 16px 0px rgba(0, 0, 0, 0.12), 0px 12px 24px 0px rgba(16, 24, 40, 0.12), + 0px 8px 16px 0px rgba(0, 0, 0, 0.12), + 0px 12px 24px 0px rgba(16, 24, 40, 0.12), 0px 1px 32px 0px rgba(16, 24, 40, 0.12); --color-shadow-3xl: - 0px 12px 24px 0px rgba(0, 0, 0, 0.12), 0px 16px 32px 0px rgba(0, 0, 0, 0.12), + 0px 12px 24px 0px rgba(0, 0, 0, 0.12), + 0px 16px 32px 0px rgba(0, 0, 0, 0.12), 0px 1px 48px 0px rgba(16, 24, 40, 0.12); - --color-shadow-4xl: 0px 8px 40px 0px rgba(0, 0, 61, 0.05), 0px 12px 32px -16px rgba(0, 0, 0, 0.05); + --color-shadow-4xl: + 0px 8px 40px 0px rgba(0, 0, 61, 0.05), + 0px 12px 32px -16px rgba(0, 0, 0, 0.05); - --color-sidebar-background-100: var(--color-background-100); /* primary sidebar bg */ - --color-sidebar-background-90: var(--color-background-90); /* secondary sidebar bg */ - --color-sidebar-background-80: var(--color-background-80); /* tertiary sidebar bg */ + --color-sidebar-background-100: var( + --color-background-100 + ); /* primary sidebar bg */ + --color-sidebar-background-90: var( + --color-background-90 + ); /* secondary sidebar bg */ + --color-sidebar-background-80: var( + --color-background-80 + ); /* tertiary sidebar bg */ --color-sidebar-text-100: var(--color-text-100); /* primary sidebar text */ - --color-sidebar-text-200: var(--color-text-200); /* secondary sidebar text */ + --color-sidebar-text-200: var( + --color-text-200 + ); /* secondary sidebar text */ --color-sidebar-text-300: var(--color-text-300); /* tertiary sidebar text */ - --color-sidebar-text-400: var(--color-text-400); /* sidebar placeholder text */ + --color-sidebar-text-400: var( + --color-text-400 + ); /* sidebar placeholder text */ - --color-sidebar-border-100: var(--color-border-100); /* subtle sidebar border= 1 */ - --color-sidebar-border-200: var(--color-border-100); /* subtle sidebar border- 2 */ - --color-sidebar-border-300: var(--color-border-100); /* strong sidebar border- 1 */ - --color-sidebar-border-400: var(--color-border-100); /* strong sidebar border- 2 */ + --color-sidebar-border-100: var( + --color-border-100 + ); /* subtle sidebar border= 1 */ + --color-sidebar-border-200: var( + --color-border-100 + ); /* subtle sidebar border- 2 */ + --color-sidebar-border-300: var( + --color-border-100 + ); /* strong sidebar border- 1 */ + --color-sidebar-border-400: var( + --color-border-100 + ); /* strong sidebar border- 2 */ --color-sidebar-shadow-2xs: var(--color-shadow-2xs); --color-sidebar-shadow-xs: var(--color-shadow-xs); @@ -160,10 +189,26 @@ --color-border-400: 185, 185, 185; /* strong border- 2 */ /* onboarding colors */ - --gradient-onboarding-100: linear-gradient(106deg, #f2f6ff 29.8%, #e1eaff 99.34%); - --gradient-onboarding-200: linear-gradient(129deg, rgba(255, 255, 255, 0) -22.23%, rgba(255, 255, 255, 0.8) 62.98%); - --gradient-onboarding-300: linear-gradient(164deg, #fff 4.25%, rgba(255, 255, 255, 0.06) 93.5%); - --gradient-onboarding-400: linear-gradient(129deg, rgba(255, 255, 255, 0) -22.23%, rgba(255, 255, 255, 0.8) 62.98%); + --gradient-onboarding-100: linear-gradient( + 106deg, + #f2f6ff 29.8%, + #e1eaff 99.34% + ); + --gradient-onboarding-200: linear-gradient( + 129deg, + rgba(255, 255, 255, 0) -22.23%, + rgba(255, 255, 255, 0.8) 62.98% + ); + --gradient-onboarding-300: linear-gradient( + 164deg, + #fff 4.25%, + rgba(255, 255, 255, 0.06) 93.5% + ); + --gradient-onboarding-400: linear-gradient( + 129deg, + rgba(255, 255, 255, 0) -22.23%, + rgba(255, 255, 255, 0.8) 62.98% + ); --color-onboarding-text-100: 23, 23, 23; --color-onboarding-text-200: 58, 58, 58; @@ -244,15 +289,24 @@ --color-background-90: 32, 32, 32; /* secondary bg */ --color-background-80: 44, 44, 44; /* tertiary bg */ - --color-shadow-2xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.5); - --color-shadow-xs: 0px 0px 2px 0px rgba(0, 0, 0, 0.2), 0px 2px 4px 0px rgba(0, 0, 0, 0.5); - --color-shadow-sm: 0px 0px 4px 0px rgba(0, 0, 0, 0.2), 0px 2px 6px 0px rgba(0, 0, 0, 0.5); - --color-shadow-rg: 0px 0px 6px 0px rgba(0, 0, 0, 0.2), 0px 4px 6px 0px rgba(0, 0, 0, 0.5); - --color-shadow-md: 0px 2px 8px 0px rgba(0, 0, 0, 0.2), 0px 4px 8px 0px rgba(0, 0, 0, 0.5); - --color-shadow-lg: 0px 4px 12px 0px rgba(0, 0, 0, 0.25), 0px 4px 10px 0px rgba(0, 0, 0, 0.55); - --color-shadow-xl: 0px 0px 14px 0px rgba(0, 0, 0, 0.25), 0px 6px 10px 0px rgba(0, 0, 0, 0.55); - --color-shadow-2xl: 0px 0px 18px 0px rgba(0, 0, 0, 0.25), 0px 8px 12px 0px rgba(0, 0, 0, 0.6); - --color-shadow-3xl: 0px 4px 24px 0px rgba(0, 0, 0, 0.3), 0px 12px 40px 0px rgba(0, 0, 0, 0.65); + --color-shadow-2xs: + 0px 0px 1px 0px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.5); + --color-shadow-xs: + 0px 0px 2px 0px rgba(0, 0, 0, 0.2), 0px 2px 4px 0px rgba(0, 0, 0, 0.5); + --color-shadow-sm: + 0px 0px 4px 0px rgba(0, 0, 0, 0.2), 0px 2px 6px 0px rgba(0, 0, 0, 0.5); + --color-shadow-rg: + 0px 0px 6px 0px rgba(0, 0, 0, 0.2), 0px 4px 6px 0px rgba(0, 0, 0, 0.5); + --color-shadow-md: + 0px 2px 8px 0px rgba(0, 0, 0, 0.2), 0px 4px 8px 0px rgba(0, 0, 0, 0.5); + --color-shadow-lg: + 0px 4px 12px 0px rgba(0, 0, 0, 0.25), 0px 4px 10px 0px rgba(0, 0, 0, 0.55); + --color-shadow-xl: + 0px 0px 14px 0px rgba(0, 0, 0, 0.25), 0px 6px 10px 0px rgba(0, 0, 0, 0.55); + --color-shadow-2xl: + 0px 0px 18px 0px rgba(0, 0, 0, 0.25), 0px 8px 12px 0px rgba(0, 0, 0, 0.6); + --color-shadow-3xl: + 0px 4px 24px 0px rgba(0, 0, 0, 0.3), 0px 12px 40px 0px rgba(0, 0, 0, 0.65); /* pi */ --color-pi-50: var(--color-background-90); --color-pi-100: var(--color-background-90); @@ -281,9 +335,21 @@ --color-border-400: 58, 58, 58; /* strong border- 2 */ /* onboarding colors */ - --gradient-onboarding-100: linear-gradient(106deg, #18191b 25.17%, #18191b 99.34%); - --gradient-onboarding-200: linear-gradient(129deg, rgba(47, 49, 53, 0.8) -22.23%, rgba(33, 34, 37, 0.8) 62.98%); - --gradient-onboarding-300: linear-gradient(167deg, rgba(47, 49, 53, 0.45) 19.22%, #212225 98.48%); + --gradient-onboarding-100: linear-gradient( + 106deg, + #18191b 25.17%, + #18191b 99.34% + ); + --gradient-onboarding-200: linear-gradient( + 129deg, + rgba(47, 49, 53, 0.8) -22.23%, + rgba(33, 34, 37, 0.8) 62.98% + ); + --gradient-onboarding-300: linear-gradient( + 167deg, + rgba(47, 49, 53, 0.45) 19.22%, + #212225 98.48% + ); --color-onboarding-text-100: 237, 238, 240; --color-onboarding-text-200: 176, 180, 187; @@ -341,19 +407,37 @@ [data-theme="dark"], [data-theme="light-contrast"], [data-theme="dark-contrast"] { - --color-sidebar-background-100: var(--color-background-100); /* primary sidebar bg */ - --color-sidebar-background-90: var(--color-background-90); /* secondary sidebar bg */ - --color-sidebar-background-80: var(--color-background-80); /* tertiary sidebar bg */ + --color-sidebar-background-100: var( + --color-background-100 + ); /* primary sidebar bg */ + --color-sidebar-background-90: var( + --color-background-90 + ); /* secondary sidebar bg */ + --color-sidebar-background-80: var( + --color-background-80 + ); /* tertiary sidebar bg */ --color-sidebar-text-100: var(--color-text-100); /* primary sidebar text */ - --color-sidebar-text-200: var(--color-text-200); /* secondary sidebar text */ + --color-sidebar-text-200: var( + --color-text-200 + ); /* secondary sidebar text */ --color-sidebar-text-300: var(--color-text-300); /* tertiary sidebar text */ - --color-sidebar-text-400: var(--color-text-400); /* sidebar placeholder text */ + --color-sidebar-text-400: var( + --color-text-400 + ); /* sidebar placeholder text */ - --color-sidebar-border-100: var(--color-border-100); /* subtle sidebar border= 1 */ - --color-sidebar-border-200: var(--color-border-200); /* subtle sidebar border- 2 */ - --color-sidebar-border-300: var(--color-border-300); /* strong sidebar border- 1 */ - --color-sidebar-border-400: var(--color-border-400); /* strong sidebar border- 2 */ + --color-sidebar-border-100: var( + --color-border-100 + ); /* subtle sidebar border= 1 */ + --color-sidebar-border-200: var( + --color-border-200 + ); /* subtle sidebar border- 2 */ + --color-sidebar-border-300: var( + --color-border-300 + ); /* strong sidebar border- 1 */ + --color-sidebar-border-400: var( + --color-border-400 + ); /* strong sidebar border- 2 */ } } @@ -695,7 +779,6 @@ div.web-view-spinner div.bar12 { -webkit-background-clip: text; } - @keyframes slideInFromBottom { 0% { transform: translateY(100%); @@ -747,4 +830,4 @@ div.web-view-spinner div.bar12 { 100% { opacity: 0; } -} \ No newline at end of file +}