diff --git a/apps/admin/app/(all)/(dashboard)/ai/form.tsx b/apps/admin/app/(all)/(dashboard)/ai/form.tsx index 227067a4af..80e31979fe 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 ff328f7018..71c93b6e2f 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 75cb84e4af..5709ba4ba4 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 d309c40da7..ee8949d97d 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 f0b464acb1..ae85168aeb 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 24077e5719..dfde992ea0 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 7cf42cb57e..d6ca370d49 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 279ff396a2..024874d005 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 78bdf2078a..beca83cb53 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 792bafe35a..a509f6d28e 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 836f1f0197..d9ef1c2d71 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 4bc01101f0..4e63962b9e 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 b459bb42bd..c2c82484dd 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 984587882d..344edfa2eb 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 7d7938a9b1..9cd1c46a13 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 80cbacc4e2..4f4f71753c 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 737015d261..86a0b85183 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 3ab42144ae..6afbb67acb 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 4791f17490..6906112633 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 3bee765ca9..a43f6ff743 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 20a37c3e92..e85a30a000 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 870f137e4f..5f2e91ed23 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 de71b5e959..a995bc99e7 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 0240acf92d..086a5ce317 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 86c8940ac9..892d85056f 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 0bf1acdc97..38d7571df8 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 82ffcd283c..179559eae0 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 b2eb7127c6..e9c15bf722 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 5aa4fd3d92..080322ba82 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 679ea22922..0fb15d9a97 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 5787209b08..9bd3e72ee9 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 6d4c8ce362..acf25bb180 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 d7fbfd3b07..4237a23e18 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 c69704c9e3..b85e16536d 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 3582d053f0..54ae11689b 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 c9f005ee35..773c589930 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 d0c53dfabc..06105458ae 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 06cc24b3ab..018ff95145 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 5939b6f195..c06eec0769 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 3a4b8c6689..548434ddca 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 f139a27831..2bac04bdb2 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 af04b31c23..46075cb8f6 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 3770aec5a0..84fda20fa7 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 3996b7382e..36124315e8 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 7b75fc1bd2..5fa053fa77 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 108deba2cc..697ffda170 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 7b326b91fe..a458f01c2b 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 301b9befb7..3c008525eb 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 64c34a2e58..d78f89e873 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 8dc7c173e1..f215ff7f2f 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 5ee202d94b..a1a513b0fa 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 ebe8269261..cade520966 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 b2dd9d8819..496319f752 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 f285e5425e..ca5f376cec 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 21aaa1ade9..41aae0cba5 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 9d089d8cba..3f83ad540b 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 4d0e8447fd..099bdba05f 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 457854a3be..697e7dbd7d 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 b0fecdbedc..4a6d3cbe24 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 6f3234e028..3d0a59a694 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 e3a322eec9..e9fad38f2b 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 f72f0ae64f..a5020b86f0 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 22d13ffa00..2ee730ce6f 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 9a951e02c9..db234ae0a1 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 695e1b09aa..ce36b2f08e 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 d36a57e1f7..295a1cf83b 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 04179f85d3..1005a81e7d 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 982ea29feb..f6d91503c2 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 b96e583907..2a6814ff3b 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 5f1a8f8b88..a83c078501 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 3461dcc87a..0df41e5d9b 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 2f2a9c78f3..a3afcb8261 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 ff7db11c2e..a9449eb490 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 a565a542f3..30ffe55c53 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 390aed13a7..74b77985fa 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 df04cb5337..52f7acf7b8 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 b2fd74e838..0b3538fd01 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 040d0f5c1a..fa9aa4982e 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 8d78a99144..9fa269701c 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 53df6c11f2..3f58b2118d 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 79795ef011..7050068589 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 0fb8b02fb4..3514bb7124 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 d10f9fa367..a12db00305 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 7fc2aa2b9e..7cf807f680 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 29fc7f0b69..5410d1d758 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 9d308defb1..e9edb5642b 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 31b21e45fa..a25eaf1078 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 76bbb5c2b1..27a6513d4c 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 91ed4bb664..a7fc8bdafc 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 0f4f8fdd58..685753e360 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 fc249f623c..412acd3441 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 a4269bb7d5..62cf0c22b4 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 74ba0d8643..8f1b8c9928 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 6dfc77201e..907120330f 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 d9e8d43f38..50ce5ee4c5 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 6087f4c3b8..9e2e04bd81 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 911b4fe8a1..e1ef51c0c2 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 ff5ae30996..f9448c7934 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 3bcc6221d1..5cda4e60c3 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 ff6e9a45f1..a9ca5930a4 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 016261f577..79ed2c1cbd 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 1b4012c2a4..d55c31dc90 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 83429b4904..968122a1c7 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 0b1f78caff..3e86f10e6d 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 011170546d..8c5ffd41a6 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 69c224f9fd..0f6da4513a 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 4d92938738..e27e0f72b4 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 5f191812c3..b1d51dd3c1 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 dc389a7158..999b325267 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 1b6450722e..0c79982803 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 0451b82c09..1cb44c10a9 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 60aabe585c..7cf4555c80 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 073eec27c0..0800a7d815 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 32e114e6eb..003e3d20c7 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 bda83937ff..933c9db56f 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 7a00bc1784..8f8ed9e430 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 b808f6c542..08ea615f31 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 5c9111b444..dc6ca1e231 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 04595785ee..37f3e441ae 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 99c79ced4b..94bf394b02 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 926b5430c1..2ed26fcad9 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 f48b514656..90db8b5b0a 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 05092e8bb1..947a5b51bc 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 09efd9256d..49a104eb33 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 ab402b97ff..9f12af9259 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 c00cd747f7..340b44979c 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 c046da8752..67be03b344 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 81794b5df0..0279f150e8 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 8912f43d7c..3090c80625 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 0b301098a1..d344f472ee 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 39bed0337c..012ad089eb 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 1d6a246f58..e0a98fbec4 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 d36f2e3c1b..cc320511bc 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 46ddd6e077..a7db34bbf9 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 12a0c05225..9db4aed989 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 ed9b79d3c4..a3d091cafa 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 0aa9687202..a530ce3b99 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 cb9484d46b..672e8aa8df 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 973efa3aae..02242dc7b1 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 72e367c796..a5b411a178 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 fff97a63d0..f0646897b9 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 fe16f09107..cec82bd018 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 db4aa8cd56..180e2aff25 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 b388395d0b..f95faae98c 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 d35103672a..8e03a7df94 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 ad7c87f871..99687851fc 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 60bd45f532..ad992ab25c 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 2a43be42e0..e7af0a38b5 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 8a92ca1c2c..e6c041d3aa 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 d0ec45ae5b..f01b9f07f3 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 7ce1ce0673..438f446ca4 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 53b7ad4ed2..ef17e5493e 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 25972f7c00..35af52f2c8 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 b242f900cc..e4d1a8f0ba 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 5bf104c18b..400e6361d5 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 65ff9256a3..bcb0ec5f53 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 d76caef530..15b02a2b2c 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 aa250e987c..52c4fd6112 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 b324d854ba..a066a49bba 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 d396d68215..1985f5a526 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 82a129a83a..1130670bc4 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 d437b1c3a8..072a381009 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 130926ba6a..89f04c491c 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 22538843a1..30ab8d338e 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 4a1972d26e..1bac081459 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 b0f5bf2917..bdcde5cde1 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 1c31ae1788..c828751112 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 ecbceae93f..82455186f1 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 b582fd5638..42c933b566 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 35dce46e3c..28efbcc0f2 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 7696fb8ad2..48a75a1591 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 b62154cd29..9d98a6147b 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 a7cb43ab74..0b039702db 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 a54a251658..f7307a67f2 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 7000e82ed6..49acb50c29 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 b5134495c5..38ab6767ad 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 34f4e4f1f6..b2ff86b90a 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 fc67e2609a..0212fcfee8 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 3aafd5cc16..b9e35f2737 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 1d69dd7074..ffdfc7a27b 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 f67ec2eb27..f28790cc7f 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 87d28c371e..8fa965b63e 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 2f8a144b76..e65c257027 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 3a4c2f459a..6780242821 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 a8ca638f34..96c65ad746 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 160a820ee9..0608db927e 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 8e5d4df281..a310ca9548 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 ac7740b930..5772319ffc 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 2606db9c4e..4770bbc3d8 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 8cbd4c528f..60a8fc4aa4 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 4be9d4fcdf..e1ab956d03 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 7adb4d330a..baebc93ea1 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 28a80983fc..85d7dadd8a 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 f050007124..720cdb9fb8 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 4193e5c237..7cd9548f4b 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 05cfa3cec7..5fd32565b5 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 424bc451c8..b7019419f2 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 6f7ceace2b..5fbc91843c 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 0b0955bd4e..481bd7feab 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 4e3d5c5259..95a3b70c7a 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 +}