From ba63e0c5eacb6c2d182ff7ac53576c6ab6585cbe Mon Sep 17 00:00:00 2001 From: sriram veeraghanta Date: Thu, 20 Jun 2024 14:08:52 +0530 Subject: [PATCH] fix: replacing mobx react lite with mobx react --- admin/app/ai/page.tsx | 2 +- .../components/email-config-switch.tsx | 2 +- .../components/github-config.tsx | 2 +- .../components/gitlab-config.tsx | 2 +- .../components/google-config.tsx | 2 +- .../components/password-config-switch.tsx | 2 +- admin/app/authentication/github/page.tsx | 2 +- admin/app/authentication/gitlab/page.tsx | 2 +- admin/app/authentication/google/page.tsx | 2 +- admin/app/authentication/page.tsx | 2 +- admin/app/email/page.tsx | 2 +- admin/app/general/form.tsx | 2 +- admin/app/general/page.tsx | 2 +- admin/app/image/page.tsx | 2 +- .../components/admin-sidebar/help-section.tsx | 2 +- admin/components/admin-sidebar/root.tsx | 2 +- .../admin-sidebar/sidebar-dropdown.tsx | 2 +- .../sidebar-menu-hamburger-toogle.tsx | 2 +- .../components/admin-sidebar/sidebar-menu.tsx | 2 +- admin/components/auth-header.tsx | 2 +- admin/components/new-user-popup.tsx | 2 +- admin/layouts/admin-layout.tsx | 2 +- admin/lib/instance-provider.tsx | 2 +- admin/lib/user-provider.tsx | 2 +- admin/package.json | 2 +- admin/store/root.store.ts | 2 +- space/app/issues/[anchor]/layout.tsx | 2 +- space/app/issues/[anchor]/page.tsx | 2 +- space/app/page.tsx | 2 +- .../account/auth-forms/auth-root.tsx | 5 +- .../components/account/auth-forms/email.tsx | 2 +- .../account/auth-forms/password.tsx | 2 +- .../account/oauth/oauth-options.tsx | 2 +- .../components/account/user-logged-in.tsx | 2 +- .../filters/applied-filters/filters-list.tsx | 2 +- .../issues/filters/applied-filters/root.tsx | 2 +- .../issues/filters/applied-filters/state.tsx | 2 +- .../components/issues/filters/priority.tsx | 2 +- space/core/components/issues/filters/root.tsx | 2 +- .../components/issues/filters/selection.tsx | 2 +- .../issues/issue-layouts/kanban/block.tsx | 2 +- .../issues/issue-layouts/kanban/header.tsx | 2 +- .../issues/issue-layouts/kanban/root.tsx | 2 +- .../issues/issue-layouts/list/block.tsx | 2 +- .../issues/issue-layouts/list/header.tsx | 2 +- .../issues/issue-layouts/list/root.tsx | 2 +- .../components/issues/issue-layouts/root.tsx | 2 +- .../components/issues/navbar/controls.tsx | 2 +- .../issues/navbar/layout-selection.tsx | 2 +- space/core/components/issues/navbar/root.tsx | 2 +- space/core/components/issues/navbar/theme.tsx | 2 +- .../components/issues/navbar/user-avatar.tsx | 2 +- .../peek-overview/comment/add-comment.tsx | 2 +- .../comment/comment-detail-card.tsx | 2 +- .../comment/comment-reactions.tsx | 2 +- .../peek-overview/full-screen-peek-view.tsx | 2 +- .../issues/peek-overview/header.tsx | 2 +- .../issues/peek-overview/issue-activity.tsx | 2 +- .../peek-overview/issue-emoji-reactions.tsx | 2 +- .../issues/peek-overview/issue-reaction.tsx | 2 +- .../peek-overview/issue-vote-reactions.tsx | 2 +- .../issues/peek-overview/layout.tsx | 2 +- .../issues/peek-overview/side-peek-view.tsx | 2 +- space/core/components/views/auth.tsx | 2 +- space/core/lib/instance-provider.tsx | 2 +- space/core/store/root.store.ts | 2 +- space/package.json | 2 +- .../(detail)/[projectId]/archives/header.tsx | 2 +- .../[projectId]/cycles/(list)/header.tsx | 2 +- .../[projectId]/modules/(list)/header.tsx | 2 +- .../pages/(detail)/[pageId]/page.tsx | 2 +- .../(projects)/workspace-views/header.tsx | 2 +- web/app/accounts/set-password/page.tsx | 2 +- web/app/invitations/page.tsx | 2 +- .../components/account/auth-forms/email.tsx | 2 +- .../components/cycles/active-cycle/root.tsx | 2 +- .../cycles/applied-filters/date.tsx | 2 +- .../cycles/applied-filters/root.tsx | 2 +- .../cycles/applied-filters/status.tsx | 2 +- .../cycles/archived-cycles/header.tsx | 2 +- .../cycles/archived-cycles/root.tsx | 2 +- .../cycles/archived-cycles/view.tsx | 2 +- web/core/components/cycles/board/root.tsx | 2 +- web/core/components/cycles/cycles-view.tsx | 2 +- .../cycles/dropdowns/filters/end-date.tsx | 2 +- .../cycles/dropdowns/filters/root.tsx | 2 +- .../cycles/dropdowns/filters/start-date.tsx | 2 +- .../cycles/dropdowns/filters/status.tsx | 2 +- web/core/components/cycles/list/root.tsx | 2 +- .../dashboard/home-dashboard-widgets.tsx | 2 +- .../widgets/issue-panels/issue-list-item.tsx | 2 +- web/core/components/dropdowns/cycle/index.tsx | 2 +- .../components/dropdowns/member/index.tsx | 2 +- .../components/dropdowns/module/index.tsx | 2 +- .../components/integration/github/auth.tsx | 2 +- .../issue-detail/issue-activity/root.tsx | 2 +- .../issues/issue-detail/label/root.tsx | 2 +- .../issue-detail/reactions/issue-comment.tsx | 2 +- .../issues/issue-detail/reactions/issue.tsx | 2 +- .../calendar/base-calendar-root.tsx | 4 +- .../issue-layouts/calendar/calendar.tsx | 50 +++++++++--------- .../issue-layouts/calendar/day-tile.tsx | 2 +- .../issue-layouts/calendar/issue-blocks.tsx | 4 +- .../issue-layouts/calendar/week-days.tsx | 4 +- .../issue-layouts/empty-states/cycle.tsx | 2 +- .../issue-layouts/empty-states/module.tsx | 2 +- .../empty-states/profile-view.tsx | 2 +- .../display-filters-selection.tsx | 2 +- .../display-filters/display-properties.tsx | 2 +- .../header/display-filters/extra-options.tsx | 2 +- .../header/display-filters/group-by.tsx | 2 +- .../header/display-filters/issue-type.tsx | 2 +- .../header/display-filters/order-by.tsx | 2 +- .../header/display-filters/sub-group-by.tsx | 2 +- .../filters/header/filters/assignee.tsx | 2 +- .../filters/header/filters/created-by.tsx | 2 +- .../filters/header/filters/mentions.tsx | 2 +- .../issue-layouts/kanban/base-kanban-root.tsx | 2 +- .../issues/issue-layouts/kanban/block.tsx | 2 +- .../issues/issue-layouts/kanban/default.tsx | 4 +- .../kanban/headers/sub-group-by-card.tsx | 2 +- .../issues/issue-layouts/kanban/swimlanes.tsx | 2 +- .../issue-layouts/list/base-list-root.tsx | 51 ++++++++----------- .../issues/issue-layouts/list/block.tsx | 2 +- .../spreadsheet/columns/assignee-column.tsx | 2 +- .../spreadsheet/columns/attachment-column.tsx | 2 +- .../spreadsheet/columns/created-on-column.tsx | 2 +- .../spreadsheet/columns/estimate-column.tsx | 2 +- .../spreadsheet/columns/label-column.tsx | 2 +- .../spreadsheet/columns/link-column.tsx | 2 +- .../spreadsheet/columns/priority-column.tsx | 2 +- .../spreadsheet/columns/state-column.tsx | 2 +- .../spreadsheet/columns/updated-on-column.tsx | 2 +- .../spreadsheet/spreadsheet-table.tsx | 2 +- .../spreadsheet/spreadsheet-view.tsx | 6 +-- .../issues/issue-modal/draft-issue-layout.tsx | 2 +- .../components/issues/issue-modal/form.tsx | 2 +- .../components/issues/issue-modal/modal.tsx | 2 +- .../issues/sub-issues/issues-list.tsx | 2 +- .../labels/project-setting-label-group.tsx | 2 +- .../modules/analytics-sidebar/root.tsx | 2 +- .../modules/applied-filters/date.tsx | 2 +- .../modules/applied-filters/members.tsx | 2 +- .../modules/applied-filters/status.tsx | 2 +- .../modules/archived-modules/header.tsx | 2 +- .../modules/archived-modules/root.tsx | 2 +- .../modules/archived-modules/view.tsx | 2 +- .../modules/dropdowns/filters/lead.tsx | 2 +- .../modules/dropdowns/filters/members.tsx | 2 +- .../modules/dropdowns/filters/root.tsx | 2 +- .../modules/dropdowns/filters/start-date.tsx | 2 +- .../modules/dropdowns/filters/status.tsx | 2 +- .../modules/dropdowns/filters/target-date.tsx | 2 +- .../components/modules/module-card-item.tsx | 2 +- .../components/modules/module-list-item.tsx | 2 +- .../components/modules/modules-list-view.tsx | 2 +- .../notifications/notification-popover.tsx | 2 +- .../page-views/workspace-dashboard.tsx | 2 +- .../pages/list/applied-filters/date.tsx | 2 +- .../pages/list/applied-filters/members.tsx | 2 +- .../pages/list/filters/created-at.tsx | 2 +- .../pages/list/filters/created-by.tsx | 2 +- .../components/pages/list/filters/root.tsx | 2 +- web/core/components/pages/pages-list-view.tsx | 2 +- .../project/applied-filters/access.tsx | 2 +- .../project/applied-filters/date.tsx | 2 +- .../project/applied-filters/members.tsx | 2 +- .../project-display-filters.tsx | 2 +- web/core/components/project/card-list.tsx | 2 +- web/core/components/project/card.tsx | 2 +- .../project/confirm-project-member-remove.tsx | 2 +- .../project/create-project-form.tsx | 2 +- .../project/dropdowns/filters/access.tsx | 2 +- .../project/dropdowns/filters/created-at.tsx | 2 +- .../project/dropdowns/filters/lead.tsx | 2 +- .../project/dropdowns/filters/members.tsx | 2 +- .../project/dropdowns/filters/root.tsx | 2 +- web/core/components/views/view-list-item.tsx | 2 +- web/core/components/views/views-list.tsx | 2 +- .../confirm-workspace-member-remove.tsx | 2 +- .../components/workspace/views/header.tsx | 2 +- .../layouts/auth-layout/workspace-wrapper.tsx | 2 +- web/package.json | 2 +- yarn.lock | 6 +-- 184 files changed, 239 insertions(+), 245 deletions(-) diff --git a/admin/app/ai/page.tsx b/admin/app/ai/page.tsx index a54ce6d8c..f8892217b 100644 --- a/admin/app/ai/page.tsx +++ b/admin/app/ai/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import useSWR from "swr"; import { Loader } from "@plane/ui"; // components diff --git a/admin/app/authentication/components/email-config-switch.tsx b/admin/app/authentication/components/email-config-switch.tsx index 0f09cf82c..783810e2f 100644 --- a/admin/app/authentication/components/email-config-switch.tsx +++ b/admin/app/authentication/components/email-config-switch.tsx @@ -1,7 +1,7 @@ "use client"; import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { TInstanceAuthenticationMethodKeys } from "@plane/types"; import { ToggleSwitch } from "@plane/ui"; diff --git a/admin/app/authentication/components/github-config.tsx b/admin/app/authentication/components/github-config.tsx index 27264d460..07c566d68 100644 --- a/admin/app/authentication/components/github-config.tsx +++ b/admin/app/authentication/components/github-config.tsx @@ -1,7 +1,7 @@ "use client"; import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; // icons import { Settings2 } from "lucide-react"; diff --git a/admin/app/authentication/components/gitlab-config.tsx b/admin/app/authentication/components/gitlab-config.tsx index a16645649..735201025 100644 --- a/admin/app/authentication/components/gitlab-config.tsx +++ b/admin/app/authentication/components/gitlab-config.tsx @@ -1,7 +1,7 @@ "use client"; import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; // icons import { Settings2 } from "lucide-react"; diff --git a/admin/app/authentication/components/google-config.tsx b/admin/app/authentication/components/google-config.tsx index 9fde70dac..12d11a2f8 100644 --- a/admin/app/authentication/components/google-config.tsx +++ b/admin/app/authentication/components/google-config.tsx @@ -1,7 +1,7 @@ "use client"; import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; // icons import { Settings2 } from "lucide-react"; diff --git a/admin/app/authentication/components/password-config-switch.tsx b/admin/app/authentication/components/password-config-switch.tsx index 901cce862..00aa62825 100644 --- a/admin/app/authentication/components/password-config-switch.tsx +++ b/admin/app/authentication/components/password-config-switch.tsx @@ -1,7 +1,7 @@ "use client"; import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { TInstanceAuthenticationMethodKeys } from "@plane/types"; import { ToggleSwitch } from "@plane/ui"; diff --git a/admin/app/authentication/github/page.tsx b/admin/app/authentication/github/page.tsx index 8532910f7..adf493b2e 100644 --- a/admin/app/authentication/github/page.tsx +++ b/admin/app/authentication/github/page.tsx @@ -1,7 +1,7 @@ "use client"; import { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import { useTheme } from "next-themes"; import useSWR from "swr"; diff --git a/admin/app/authentication/gitlab/page.tsx b/admin/app/authentication/gitlab/page.tsx index 48a08f5b0..f7e73b012 100644 --- a/admin/app/authentication/gitlab/page.tsx +++ b/admin/app/authentication/gitlab/page.tsx @@ -1,7 +1,7 @@ "use client"; import { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import useSWR from "swr"; import { Loader, ToggleSwitch, setPromiseToast } from "@plane/ui"; diff --git a/admin/app/authentication/google/page.tsx b/admin/app/authentication/google/page.tsx index fcdcd47ad..2edd22f51 100644 --- a/admin/app/authentication/google/page.tsx +++ b/admin/app/authentication/google/page.tsx @@ -1,7 +1,7 @@ "use client"; import { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import useSWR from "swr"; import { Loader, ToggleSwitch, setPromiseToast } from "@plane/ui"; diff --git a/admin/app/authentication/page.tsx b/admin/app/authentication/page.tsx index 883796094..8ad7cac7c 100644 --- a/admin/app/authentication/page.tsx +++ b/admin/app/authentication/page.tsx @@ -1,7 +1,7 @@ "use client"; import { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import { useTheme } from "next-themes"; import useSWR from "swr"; diff --git a/admin/app/email/page.tsx b/admin/app/email/page.tsx index 198020d4d..122979850 100644 --- a/admin/app/email/page.tsx +++ b/admin/app/email/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import useSWR from "swr"; import { Loader } from "@plane/ui"; // components diff --git a/admin/app/general/form.tsx b/admin/app/general/form.tsx index 5646084e2..310153784 100644 --- a/admin/app/general/form.tsx +++ b/admin/app/general/form.tsx @@ -1,6 +1,6 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Controller, useForm } from "react-hook-form"; import { Telescope } from "lucide-react"; // types diff --git a/admin/app/general/page.tsx b/admin/app/general/page.tsx index 5aaea9f8e..ba048f9f7 100644 --- a/admin/app/general/page.tsx +++ b/admin/app/general/page.tsx @@ -1,5 +1,5 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { useInstance } from "@/hooks/store"; // components diff --git a/admin/app/image/page.tsx b/admin/app/image/page.tsx index ceaad61f2..eada4e6a1 100644 --- a/admin/app/image/page.tsx +++ b/admin/app/image/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import useSWR from "swr"; import { Loader } from "@plane/ui"; // components diff --git a/admin/components/admin-sidebar/help-section.tsx b/admin/components/admin-sidebar/help-section.tsx index d2b3cc492..4b516dff0 100644 --- a/admin/components/admin-sidebar/help-section.tsx +++ b/admin/components/admin-sidebar/help-section.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, useState, useRef } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; import { ExternalLink, FileText, HelpCircle, MoveLeft } from "lucide-react"; import { Transition } from "@headlessui/react"; diff --git a/admin/components/admin-sidebar/root.tsx b/admin/components/admin-sidebar/root.tsx index 6d7a10c35..ca16acc10 100644 --- a/admin/components/admin-sidebar/root.tsx +++ b/admin/components/admin-sidebar/root.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, useEffect, useRef } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { HelpSection, SidebarMenu, SidebarDropdown } from "@/components/admin-sidebar"; import { useTheme } from "@/hooks/store"; diff --git a/admin/components/admin-sidebar/sidebar-dropdown.tsx b/admin/components/admin-sidebar/sidebar-dropdown.tsx index 84583e24b..b5a7b4f15 100644 --- a/admin/components/admin-sidebar/sidebar-dropdown.tsx +++ b/admin/components/admin-sidebar/sidebar-dropdown.tsx @@ -1,7 +1,7 @@ "use client"; import { Fragment, useEffect, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useTheme as useNextTheme } from "next-themes"; import { LogOut, UserCog2, Palette } from "lucide-react"; import { Menu, Transition } from "@headlessui/react"; diff --git a/admin/components/admin-sidebar/sidebar-menu-hamburger-toogle.tsx b/admin/components/admin-sidebar/sidebar-menu-hamburger-toogle.tsx index 2e8539488..337d9baaf 100644 --- a/admin/components/admin-sidebar/sidebar-menu-hamburger-toogle.tsx +++ b/admin/components/admin-sidebar/sidebar-menu-hamburger-toogle.tsx @@ -1,7 +1,7 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { Menu } from "lucide-react"; import { useTheme } from "@/hooks/store"; diff --git a/admin/components/admin-sidebar/sidebar-menu.tsx b/admin/components/admin-sidebar/sidebar-menu.tsx index a821243b8..c0f1d0bf2 100644 --- a/admin/components/admin-sidebar/sidebar-menu.tsx +++ b/admin/components/admin-sidebar/sidebar-menu.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { Image, BrainCog, Cog, Lock, Mail } from "lucide-react"; diff --git a/admin/components/auth-header.tsx b/admin/components/auth-header.tsx index c2f64468d..6975c06c1 100644 --- a/admin/components/auth-header.tsx +++ b/admin/components/auth-header.tsx @@ -1,7 +1,7 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { usePathname } from "next/navigation"; // mobx // ui diff --git a/admin/components/new-user-popup.tsx b/admin/components/new-user-popup.tsx index 840de0c3a..9fc3938ff 100644 --- a/admin/components/new-user-popup.tsx +++ b/admin/components/new-user-popup.tsx @@ -1,7 +1,7 @@ "use client"; import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import { useTheme as nextUseTheme } from "next-themes"; // ui diff --git a/admin/layouts/admin-layout.tsx b/admin/layouts/admin-layout.tsx index bcc103217..6308aecd1 100644 --- a/admin/layouts/admin-layout.tsx +++ b/admin/layouts/admin-layout.tsx @@ -1,6 +1,6 @@ "use client"; import { FC, ReactNode, useEffect } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useRouter } from "next/navigation"; // components import { InstanceSidebar } from "@/components/admin-sidebar"; diff --git a/admin/lib/instance-provider.tsx b/admin/lib/instance-provider.tsx index fbcf27d82..d021e3b83 100644 --- a/admin/lib/instance-provider.tsx +++ b/admin/lib/instance-provider.tsx @@ -1,5 +1,5 @@ import { FC, ReactNode } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import useSWR from "swr"; // components import { LogoSpinner } from "@/components/common"; diff --git a/admin/lib/user-provider.tsx b/admin/lib/user-provider.tsx index d8448d13e..17d702627 100644 --- a/admin/lib/user-provider.tsx +++ b/admin/lib/user-provider.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, ReactNode, useEffect } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import useSWR from "swr"; // hooks import { useInstance, useTheme, useUser } from "@/hooks/store"; diff --git a/admin/package.json b/admin/package.json index ff7178066..0afef4adf 100644 --- a/admin/package.json +++ b/admin/package.json @@ -22,7 +22,7 @@ "lodash": "^4.17.21", "lucide-react": "^0.356.0", "mobx": "^6.12.0", - "mobx-react-lite": "^4.0.5", + "mobx-react": "^9.1.1", "next": "^14.2.3", "next-themes": "^0.2.1", "postcss": "^8.4.38", diff --git a/admin/store/root.store.ts b/admin/store/root.store.ts index 553a22200..32977422e 100644 --- a/admin/store/root.store.ts +++ b/admin/store/root.store.ts @@ -1,4 +1,4 @@ -import { enableStaticRendering } from "mobx-react-lite"; +import { enableStaticRendering } from "mobx-react"; // stores import { IInstanceStore, InstanceStore } from "./instance.store"; import { IThemeStore, ThemeStore } from "./theme.store"; diff --git a/space/app/issues/[anchor]/layout.tsx b/space/app/issues/[anchor]/layout.tsx index 2b2c403eb..b2849c841 100644 --- a/space/app/issues/[anchor]/layout.tsx +++ b/space/app/issues/[anchor]/layout.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import useSWR from "swr"; // components diff --git a/space/app/issues/[anchor]/page.tsx b/space/app/issues/[anchor]/page.tsx index b3c9353e6..1b16def82 100644 --- a/space/app/issues/[anchor]/page.tsx +++ b/space/app/issues/[anchor]/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useSearchParams } from "next/navigation"; // components import { IssuesLayoutsRoot } from "@/components/issues"; diff --git a/space/app/page.tsx b/space/app/page.tsx index a6058fb8a..a905f71b7 100644 --- a/space/app/page.tsx +++ b/space/app/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { UserLoggedIn } from "@/components/account"; import { LogoSpinner } from "@/components/common"; diff --git a/space/core/components/account/auth-forms/auth-root.tsx b/space/core/components/account/auth-forms/auth-root.tsx index 7f0a7dbdb..afa3bd3a5 100644 --- a/space/core/components/account/auth-forms/auth-root.tsx +++ b/space/core/components/account/auth-forms/auth-root.tsx @@ -1,7 +1,7 @@ "use client"; import React, { FC, useEffect, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useSearchParams } from "next/navigation"; import { IEmailCheckData } from "@plane/types"; // components @@ -85,7 +85,8 @@ export const AuthRoot: FC = observer(() => { const isSMTPConfigured = config?.is_smtp_configured || false; const isMagicLoginEnabled = config?.is_magic_login_enabled || false; const isEmailPasswordEnabled = config?.is_email_password_enabled || false; - const isOAuthEnabled = (config && (config?.is_google_enabled || config?.is_github_enabled || config?.is_gitlab_enabled)) || false; + const isOAuthEnabled = + (config && (config?.is_google_enabled || config?.is_github_enabled || config?.is_gitlab_enabled)) || false; // submit handler- email verification const handleEmailVerification = async (data: IEmailCheckData) => { diff --git a/space/core/components/account/auth-forms/email.tsx b/space/core/components/account/auth-forms/email.tsx index 86e3507b8..ec29a429d 100644 --- a/space/core/components/account/auth-forms/email.tsx +++ b/space/core/components/account/auth-forms/email.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, FormEvent, useMemo, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // icons import { CircleAlert, XCircle } from "lucide-react"; // types diff --git a/space/core/components/account/auth-forms/password.tsx b/space/core/components/account/auth-forms/password.tsx index 5a2f0664e..f2ef95d98 100644 --- a/space/core/components/account/auth-forms/password.tsx +++ b/space/core/components/account/auth-forms/password.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useEffect, useMemo, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Eye, EyeOff, XCircle } from "lucide-react"; import { Button, Input, Spinner } from "@plane/ui"; // components diff --git a/space/core/components/account/oauth/oauth-options.tsx b/space/core/components/account/oauth/oauth-options.tsx index af35452d9..d514f1b68 100644 --- a/space/core/components/account/oauth/oauth-options.tsx +++ b/space/core/components/account/oauth/oauth-options.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { GithubOAuthButton, GitlabOAuthButton, GoogleOAuthButton } from "@/components/account"; // hooks diff --git a/space/core/components/account/user-logged-in.tsx b/space/core/components/account/user-logged-in.tsx index 2646c4471..4bedc4596 100644 --- a/space/core/components/account/user-logged-in.tsx +++ b/space/core/components/account/user-logged-in.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import { useTheme } from "next-themes"; // components diff --git a/space/core/components/issues/filters/applied-filters/filters-list.tsx b/space/core/components/issues/filters/applied-filters/filters-list.tsx index 87089c500..4216daec2 100644 --- a/space/core/components/issues/filters/applied-filters/filters-list.tsx +++ b/space/core/components/issues/filters/applied-filters/filters-list.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; // types import { IStateLite } from "@plane/types"; diff --git a/space/core/components/issues/filters/applied-filters/root.tsx b/space/core/components/issues/filters/applied-filters/root.tsx index 9b6625d75..43024bb85 100644 --- a/space/core/components/issues/filters/applied-filters/root.tsx +++ b/space/core/components/issues/filters/applied-filters/root.tsx @@ -2,7 +2,7 @@ import { FC, useCallback } from "react"; import cloneDeep from "lodash/cloneDeep"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useRouter } from "next/navigation"; // hooks import { useIssue, useIssueFilter } from "@/hooks/store"; diff --git a/space/core/components/issues/filters/applied-filters/state.tsx b/space/core/components/issues/filters/applied-filters/state.tsx index 064b36aee..7d3b9ef57 100644 --- a/space/core/components/issues/filters/applied-filters/state.tsx +++ b/space/core/components/issues/filters/applied-filters/state.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; // types import { IStateLite } from "@plane/types"; diff --git a/space/core/components/issues/filters/priority.tsx b/space/core/components/issues/filters/priority.tsx index d41448a8f..51c1a7519 100644 --- a/space/core/components/issues/filters/priority.tsx +++ b/space/core/components/issues/filters/priority.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // ui import { PriorityIcon } from "@plane/ui"; // components diff --git a/space/core/components/issues/filters/root.tsx b/space/core/components/issues/filters/root.tsx index dba13f9fb..cd427e2e3 100644 --- a/space/core/components/issues/filters/root.tsx +++ b/space/core/components/issues/filters/root.tsx @@ -2,7 +2,7 @@ import { FC, useCallback } from "react"; import cloneDeep from "lodash/cloneDeep"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useRouter } from "next/navigation"; // components import { FiltersDropdown } from "@/components/issues/filters/helpers/dropdown"; diff --git a/space/core/components/issues/filters/selection.tsx b/space/core/components/issues/filters/selection.tsx index fd59a1704..3f3ccb037 100644 --- a/space/core/components/issues/filters/selection.tsx +++ b/space/core/components/issues/filters/selection.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Search, X } from "lucide-react"; // types import { IStateLite } from "@plane/types"; diff --git a/space/core/components/issues/issue-layouts/kanban/block.tsx b/space/core/components/issues/issue-layouts/kanban/block.tsx index ac03823b4..4a94c4e77 100644 --- a/space/core/components/issues/issue-layouts/kanban/block.tsx +++ b/space/core/components/issues/issue-layouts/kanban/block.tsx @@ -1,7 +1,7 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; import { useSearchParams } from "next/navigation"; // components diff --git a/space/core/components/issues/issue-layouts/kanban/header.tsx b/space/core/components/issues/issue-layouts/kanban/header.tsx index ee5433d68..e8182aa30 100644 --- a/space/core/components/issues/issue-layouts/kanban/header.tsx +++ b/space/core/components/issues/issue-layouts/kanban/header.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { IStateLite } from "@plane/types"; // ui diff --git a/space/core/components/issues/issue-layouts/kanban/root.tsx b/space/core/components/issues/issue-layouts/kanban/root.tsx index e0a5593e9..b73b65d33 100644 --- a/space/core/components/issues/issue-layouts/kanban/root.tsx +++ b/space/core/components/issues/issue-layouts/kanban/root.tsx @@ -1,7 +1,7 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { IssueKanBanBlock, IssueKanBanHeader } from "@/components/issues"; // ui diff --git a/space/core/components/issues/issue-layouts/list/block.tsx b/space/core/components/issues/issue-layouts/list/block.tsx index 8c241753d..a1f7e8297 100644 --- a/space/core/components/issues/issue-layouts/list/block.tsx +++ b/space/core/components/issues/issue-layouts/list/block.tsx @@ -1,6 +1,6 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; import { useSearchParams } from "next/navigation"; // components diff --git a/space/core/components/issues/issue-layouts/list/header.tsx b/space/core/components/issues/issue-layouts/list/header.tsx index a038050a9..6ac0213ed 100644 --- a/space/core/components/issues/issue-layouts/list/header.tsx +++ b/space/core/components/issues/issue-layouts/list/header.tsx @@ -1,7 +1,7 @@ "use client"; import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { IStateLite } from "@plane/types"; // ui diff --git a/space/core/components/issues/issue-layouts/list/root.tsx b/space/core/components/issues/issue-layouts/list/root.tsx index 02cd25b40..ec22e745a 100644 --- a/space/core/components/issues/issue-layouts/list/root.tsx +++ b/space/core/components/issues/issue-layouts/list/root.tsx @@ -1,6 +1,6 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { IssueListLayoutBlock, IssueListLayoutHeader } from "@/components/issues"; // mobx hook diff --git a/space/core/components/issues/issue-layouts/root.tsx b/space/core/components/issues/issue-layouts/root.tsx index e53986c85..59a50875d 100644 --- a/space/core/components/issues/issue-layouts/root.tsx +++ b/space/core/components/issues/issue-layouts/root.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, useEffect } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import { useSearchParams } from "next/navigation"; import useSWR from "swr"; diff --git a/space/core/components/issues/navbar/controls.tsx b/space/core/components/issues/navbar/controls.tsx index 25f2edfb0..fa9032891 100644 --- a/space/core/components/issues/navbar/controls.tsx +++ b/space/core/components/issues/navbar/controls.tsx @@ -1,7 +1,7 @@ "use client"; import { useEffect, FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useRouter, useSearchParams } from "next/navigation"; // components import { IssuesLayoutSelection, NavbarTheme, UserAvatar } from "@/components/issues"; diff --git a/space/core/components/issues/navbar/layout-selection.tsx b/space/core/components/issues/navbar/layout-selection.tsx index 1989710b5..2d1465c78 100644 --- a/space/core/components/issues/navbar/layout-selection.tsx +++ b/space/core/components/issues/navbar/layout-selection.tsx @@ -1,7 +1,7 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useRouter, useSearchParams } from "next/navigation"; // ui import { Tooltip } from "@plane/ui"; diff --git a/space/core/components/issues/navbar/root.tsx b/space/core/components/issues/navbar/root.tsx index 1d1a294d9..fb916c771 100644 --- a/space/core/components/issues/navbar/root.tsx +++ b/space/core/components/issues/navbar/root.tsx @@ -1,6 +1,6 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Briefcase } from "lucide-react"; // components import { ProjectLogo } from "@/components/common"; diff --git a/space/core/components/issues/navbar/theme.tsx b/space/core/components/issues/navbar/theme.tsx index e09bdda60..2078e9d12 100644 --- a/space/core/components/issues/navbar/theme.tsx +++ b/space/core/components/issues/navbar/theme.tsx @@ -2,7 +2,7 @@ // next theme import { useEffect, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useTheme } from "next-themes"; // mobx react lite diff --git a/space/core/components/issues/navbar/user-avatar.tsx b/space/core/components/issues/navbar/user-avatar.tsx index 4e0122198..9c1f3311d 100644 --- a/space/core/components/issues/navbar/user-avatar.tsx +++ b/space/core/components/issues/navbar/user-avatar.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, Fragment, useEffect, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; import { usePathname, useSearchParams } from "next/navigation"; import { usePopper } from "react-popper"; diff --git a/space/core/components/issues/peek-overview/comment/add-comment.tsx b/space/core/components/issues/peek-overview/comment/add-comment.tsx index dd328d38d..3e86a084f 100644 --- a/space/core/components/issues/peek-overview/comment/add-comment.tsx +++ b/space/core/components/issues/peek-overview/comment/add-comment.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useRef } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useForm, Controller } from "react-hook-form"; // editor import { EditorRefApi } from "@plane/lite-text-editor"; diff --git a/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx b/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx index 31e5f7324..c065480e9 100644 --- a/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx +++ b/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx @@ -1,5 +1,5 @@ import React, { useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Controller, useForm } from "react-hook-form"; import { Check, MessageSquare, MoreVertical, X } from "lucide-react"; import { Menu, Transition } from "@headlessui/react"; diff --git a/space/core/components/issues/peek-overview/comment/comment-reactions.tsx b/space/core/components/issues/peek-overview/comment/comment-reactions.tsx index 3c769ce12..e285e5a8a 100644 --- a/space/core/components/issues/peek-overview/comment/comment-reactions.tsx +++ b/space/core/components/issues/peek-overview/comment/comment-reactions.tsx @@ -1,7 +1,7 @@ "use client"; import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { usePathname, useRouter, useSearchParams } from "next/navigation"; import { Tooltip } from "@plane/ui"; // ui diff --git a/space/core/components/issues/peek-overview/full-screen-peek-view.tsx b/space/core/components/issues/peek-overview/full-screen-peek-view.tsx index e10c7bbbf..c169173db 100644 --- a/space/core/components/issues/peek-overview/full-screen-peek-view.tsx +++ b/space/core/components/issues/peek-overview/full-screen-peek-view.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { Loader } from "@plane/ui"; import { diff --git a/space/core/components/issues/peek-overview/header.tsx b/space/core/components/issues/peek-overview/header.tsx index b11cace82..1693c259b 100644 --- a/space/core/components/issues/peek-overview/header.tsx +++ b/space/core/components/issues/peek-overview/header.tsx @@ -1,7 +1,7 @@ "use client"; import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Link2, MoveRight } from "lucide-react"; import { Listbox, Transition } from "@headlessui/react"; // ui diff --git a/space/core/components/issues/peek-overview/issue-activity.tsx b/space/core/components/issues/peek-overview/issue-activity.tsx index f2c1b48cd..f027e506f 100644 --- a/space/core/components/issues/peek-overview/issue-activity.tsx +++ b/space/core/components/issues/peek-overview/issue-activity.tsx @@ -1,7 +1,7 @@ "use client"; import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { Button } from "@plane/ui"; diff --git a/space/core/components/issues/peek-overview/issue-emoji-reactions.tsx b/space/core/components/issues/peek-overview/issue-emoji-reactions.tsx index e25b10397..d2a282ace 100644 --- a/space/core/components/issues/peek-overview/issue-emoji-reactions.tsx +++ b/space/core/components/issues/peek-overview/issue-emoji-reactions.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { usePathname, useRouter, useSearchParams } from "next/navigation"; // lib import { Tooltip } from "@plane/ui"; diff --git a/space/core/components/issues/peek-overview/issue-reaction.tsx b/space/core/components/issues/peek-overview/issue-reaction.tsx index c3b580abc..953852d05 100644 --- a/space/core/components/issues/peek-overview/issue-reaction.tsx +++ b/space/core/components/issues/peek-overview/issue-reaction.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { IssueEmojiReactions, IssueVotes } from "@/components/issues/peek-overview"; // hooks import { usePublish } from "@/hooks/store"; diff --git a/space/core/components/issues/peek-overview/issue-vote-reactions.tsx b/space/core/components/issues/peek-overview/issue-vote-reactions.tsx index 6b24e5a9f..4e30e69cd 100644 --- a/space/core/components/issues/peek-overview/issue-vote-reactions.tsx +++ b/space/core/components/issues/peek-overview/issue-vote-reactions.tsx @@ -1,7 +1,7 @@ "use client"; import { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { usePathname, useRouter, useSearchParams } from "next/navigation"; import { Tooltip } from "@plane/ui"; // helpers diff --git a/space/core/components/issues/peek-overview/layout.tsx b/space/core/components/issues/peek-overview/layout.tsx index d1fe6f7aa..39f5d6216 100644 --- a/space/core/components/issues/peek-overview/layout.tsx +++ b/space/core/components/issues/peek-overview/layout.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, Fragment, useEffect, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useRouter, useSearchParams } from "next/navigation"; import { Dialog, Transition } from "@headlessui/react"; // components diff --git a/space/core/components/issues/peek-overview/side-peek-view.tsx b/space/core/components/issues/peek-overview/side-peek-view.tsx index 89d36ecc9..d608c0478 100644 --- a/space/core/components/issues/peek-overview/side-peek-view.tsx +++ b/space/core/components/issues/peek-overview/side-peek-view.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { Loader } from "@plane/ui"; import { diff --git a/space/core/components/views/auth.tsx b/space/core/components/views/auth.tsx index 538519696..fb68d8fba 100644 --- a/space/core/components/views/auth.tsx +++ b/space/core/components/views/auth.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import Link from "next/link"; import { useTheme } from "next-themes"; diff --git a/space/core/lib/instance-provider.tsx b/space/core/lib/instance-provider.tsx index 8447d8a5f..4f28dbcf9 100644 --- a/space/core/lib/instance-provider.tsx +++ b/space/core/lib/instance-provider.tsx @@ -1,7 +1,7 @@ "use client"; import { ReactNode } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import Link from "next/link"; import { useTheme } from "next-themes"; diff --git a/space/core/store/root.store.ts b/space/core/store/root.store.ts index 94ecd8f81..acd8c3b59 100644 --- a/space/core/store/root.store.ts +++ b/space/core/store/root.store.ts @@ -1,4 +1,4 @@ -import { enableStaticRendering } from "mobx-react-lite"; +import { enableStaticRendering } from "mobx-react"; // store imports import { IInstanceStore, InstanceStore } from "@/store/instance.store"; import { IssueDetailStore, IIssueDetailStore } from "@/store/issue-detail.store"; diff --git a/space/package.json b/space/package.json index 9ab1e423b..0e2d62eab 100644 --- a/space/package.json +++ b/space/package.json @@ -33,7 +33,7 @@ "lowlight": "^2.9.0", "lucide-react": "^0.378.0", "mobx": "^6.10.0", - "mobx-react-lite": "^4.0.3", + "mobx-react": "^9.1.1", "mobx-utils": "^6.0.8", "next": "^14.2.3", "next-themes": "^0.2.1", diff --git a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx index 4fbe58f33..adc662640 100644 --- a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx +++ b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx @@ -1,7 +1,7 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams, usePathname } from "next/navigation"; // ui import { ArchiveIcon, Breadcrumbs, Tooltip } from "@plane/ui"; diff --git a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx index 45cc9d416..664284c84 100644 --- a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx +++ b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx @@ -1,7 +1,7 @@ "use client"; import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // ui import { Breadcrumbs, Button, ContrastIcon } from "@plane/ui"; diff --git a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/header.tsx b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/header.tsx index 54d1dda30..c2b0a6cc5 100644 --- a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/header.tsx +++ b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/header.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // ui import { Breadcrumbs, Button, DiceIcon } from "@plane/ui"; diff --git a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx index d5cb11183..bbd3f4c06 100644 --- a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx +++ b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx @@ -1,7 +1,7 @@ "use client"; import { useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; import { useParams } from "next/navigation"; import useSWR from "swr"; diff --git a/web/app/[workspaceSlug]/(projects)/workspace-views/header.tsx b/web/app/[workspaceSlug]/(projects)/workspace-views/header.tsx index 8d9c8cf70..615bca493 100644 --- a/web/app/[workspaceSlug]/(projects)/workspace-views/header.tsx +++ b/web/app/[workspaceSlug]/(projects)/workspace-views/header.tsx @@ -1,7 +1,7 @@ "use client"; import { useCallback, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // types import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types"; diff --git a/web/app/accounts/set-password/page.tsx b/web/app/accounts/set-password/page.tsx index 28213adf6..9743c7714 100644 --- a/web/app/accounts/set-password/page.tsx +++ b/web/app/accounts/set-password/page.tsx @@ -1,7 +1,7 @@ "use client"; import { FormEvent, useEffect, useMemo, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import Link from "next/link"; import { useSearchParams } from "next/navigation"; diff --git a/web/app/invitations/page.tsx b/web/app/invitations/page.tsx index 1fa924e9a..89ff66ab8 100644 --- a/web/app/invitations/page.tsx +++ b/web/app/invitations/page.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import Link from "next/link"; diff --git a/web/core/components/account/auth-forms/email.tsx b/web/core/components/account/auth-forms/email.tsx index 997e8aa27..9acfcc5cc 100644 --- a/web/core/components/account/auth-forms/email.tsx +++ b/web/core/components/account/auth-forms/email.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, FormEvent, useMemo, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // icons import { CircleAlert, XCircle } from "lucide-react"; // types diff --git a/web/core/components/cycles/active-cycle/root.tsx b/web/core/components/cycles/active-cycle/root.tsx index fba01b245..6294ae3cf 100644 --- a/web/core/components/cycles/active-cycle/root.tsx +++ b/web/core/components/cycles/active-cycle/root.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import useSWR from "swr"; // ui import { Disclosure } from "@headlessui/react"; diff --git a/web/core/components/cycles/applied-filters/date.tsx b/web/core/components/cycles/applied-filters/date.tsx index fa6f94c50..9b7aa1373 100644 --- a/web/core/components/cycles/applied-filters/date.tsx +++ b/web/core/components/cycles/applied-filters/date.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; // helpers import { DATE_AFTER_FILTER_OPTIONS } from "@/constants/filters"; diff --git a/web/core/components/cycles/applied-filters/root.tsx b/web/core/components/cycles/applied-filters/root.tsx index 270beadfd..cb8deee6b 100644 --- a/web/core/components/cycles/applied-filters/root.tsx +++ b/web/core/components/cycles/applied-filters/root.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; import { TCycleFilters } from "@plane/types"; // hooks diff --git a/web/core/components/cycles/applied-filters/status.tsx b/web/core/components/cycles/applied-filters/status.tsx index 83349948c..bf1075bfa 100644 --- a/web/core/components/cycles/applied-filters/status.tsx +++ b/web/core/components/cycles/applied-filters/status.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; import { CYCLE_STATUS } from "@/constants/cycle"; import { cn } from "@/helpers/common.helper"; diff --git a/web/core/components/cycles/archived-cycles/header.tsx b/web/core/components/cycles/archived-cycles/header.tsx index 950128848..b3848a437 100644 --- a/web/core/components/cycles/archived-cycles/header.tsx +++ b/web/core/components/cycles/archived-cycles/header.tsx @@ -1,5 +1,5 @@ import { FC, useCallback, useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // icons import { ListFilter, Search, X } from "lucide-react"; diff --git a/web/core/components/cycles/archived-cycles/root.tsx b/web/core/components/cycles/archived-cycles/root.tsx index bb175fe0e..06f61b66f 100644 --- a/web/core/components/cycles/archived-cycles/root.tsx +++ b/web/core/components/cycles/archived-cycles/root.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import useSWR from "swr"; // types diff --git a/web/core/components/cycles/archived-cycles/view.tsx b/web/core/components/cycles/archived-cycles/view.tsx index ed86a56b4..e22536e30 100644 --- a/web/core/components/cycles/archived-cycles/view.tsx +++ b/web/core/components/cycles/archived-cycles/view.tsx @@ -1,5 +1,5 @@ import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; // components import { CyclesList } from "@/components/cycles"; diff --git a/web/core/components/cycles/board/root.tsx b/web/core/components/cycles/board/root.tsx index 7796f3efd..1d4684fe5 100644 --- a/web/core/components/cycles/board/root.tsx +++ b/web/core/components/cycles/board/root.tsx @@ -1,5 +1,5 @@ import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { ChevronRight } from "lucide-react"; import { Disclosure } from "@headlessui/react"; // components diff --git a/web/core/components/cycles/cycles-view.tsx b/web/core/components/cycles/cycles-view.tsx index 1ecc977f7..69411a8bb 100644 --- a/web/core/components/cycles/cycles-view.tsx +++ b/web/core/components/cycles/cycles-view.tsx @@ -1,5 +1,5 @@ import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; // components import { CyclesList } from "@/components/cycles"; diff --git a/web/core/components/cycles/dropdowns/filters/end-date.tsx b/web/core/components/cycles/dropdowns/filters/end-date.tsx index e689859e5..e5b4a7a86 100644 --- a/web/core/components/cycles/dropdowns/filters/end-date.tsx +++ b/web/core/components/cycles/dropdowns/filters/end-date.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { DateFilterModal } from "@/components/core"; diff --git a/web/core/components/cycles/dropdowns/filters/root.tsx b/web/core/components/cycles/dropdowns/filters/root.tsx index 57e9ec90c..5581f3ec1 100644 --- a/web/core/components/cycles/dropdowns/filters/root.tsx +++ b/web/core/components/cycles/dropdowns/filters/root.tsx @@ -1,5 +1,5 @@ import { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Search, X } from "lucide-react"; import { TCycleFilters, TCycleGroups } from "@plane/types"; // components diff --git a/web/core/components/cycles/dropdowns/filters/start-date.tsx b/web/core/components/cycles/dropdowns/filters/start-date.tsx index 0b8408c2e..9bfd8f2d8 100644 --- a/web/core/components/cycles/dropdowns/filters/start-date.tsx +++ b/web/core/components/cycles/dropdowns/filters/start-date.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { DateFilterModal } from "@/components/core"; diff --git a/web/core/components/cycles/dropdowns/filters/status.tsx b/web/core/components/cycles/dropdowns/filters/status.tsx index b1f07c0b1..b2ca62b51 100644 --- a/web/core/components/cycles/dropdowns/filters/status.tsx +++ b/web/core/components/cycles/dropdowns/filters/status.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { TCycleGroups } from "@plane/types"; // components import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/cycles/list/root.tsx b/web/core/components/cycles/list/root.tsx index 4c4852fce..700ddd099 100644 --- a/web/core/components/cycles/list/root.tsx +++ b/web/core/components/cycles/list/root.tsx @@ -1,5 +1,5 @@ import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Disclosure } from "@headlessui/react"; // components import { ListLayout } from "@/components/core/list"; diff --git a/web/core/components/dashboard/home-dashboard-widgets.tsx b/web/core/components/dashboard/home-dashboard-widgets.tsx index dc31d1cef..fe64278dc 100644 --- a/web/core/components/dashboard/home-dashboard-widgets.tsx +++ b/web/core/components/dashboard/home-dashboard-widgets.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // types import { TWidgetKeys } from "@plane/types"; diff --git a/web/core/components/dashboard/widgets/issue-panels/issue-list-item.tsx b/web/core/components/dashboard/widgets/issue-panels/issue-list-item.tsx index be0e96edd..b5e04d9b4 100644 --- a/web/core/components/dashboard/widgets/issue-panels/issue-list-item.tsx +++ b/web/core/components/dashboard/widgets/issue-panels/issue-list-item.tsx @@ -1,7 +1,7 @@ "use client"; import isToday from "date-fns/isToday"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { TIssue, TWidgetIssue } from "@plane/types"; // hooks // ui diff --git a/web/core/components/dropdowns/cycle/index.tsx b/web/core/components/dropdowns/cycle/index.tsx index f64350ec8..76b583a29 100644 --- a/web/core/components/dropdowns/cycle/index.tsx +++ b/web/core/components/dropdowns/cycle/index.tsx @@ -1,7 +1,7 @@ "use client"; import { Fragment, ReactNode, useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { ChevronDown } from "lucide-react"; import { Combobox } from "@headlessui/react"; // ui diff --git a/web/core/components/dropdowns/member/index.tsx b/web/core/components/dropdowns/member/index.tsx index 7af6f4fe1..4c9a9cc45 100644 --- a/web/core/components/dropdowns/member/index.tsx +++ b/web/core/components/dropdowns/member/index.tsx @@ -1,5 +1,5 @@ import { Fragment, useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { ChevronDown, LucideIcon } from "lucide-react"; // headless ui import { Combobox } from "@headlessui/react"; diff --git a/web/core/components/dropdowns/module/index.tsx b/web/core/components/dropdowns/module/index.tsx index d0de19788..7b7635a32 100644 --- a/web/core/components/dropdowns/module/index.tsx +++ b/web/core/components/dropdowns/module/index.tsx @@ -1,7 +1,7 @@ "use client"; import { Fragment, ReactNode, useEffect, useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { ChevronDown, X } from "lucide-react"; import { Combobox } from "@headlessui/react"; // ui diff --git a/web/core/components/integration/github/auth.tsx b/web/core/components/integration/github/auth.tsx index 242aa5e12..0ba2dc9f5 100644 --- a/web/core/components/integration/github/auth.tsx +++ b/web/core/components/integration/github/auth.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { IWorkspaceIntegration } from "@plane/types"; // ui diff --git a/web/core/components/issues/issue-detail/issue-activity/root.tsx b/web/core/components/issues/issue-detail/issue-activity/root.tsx index 283e99d9e..b3cf2b622 100644 --- a/web/core/components/issues/issue-detail/issue-activity/root.tsx +++ b/web/core/components/issues/issue-detail/issue-activity/root.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, useMemo, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { History, LucideIcon, MessageCircle } from "lucide-react"; // types import { TIssueComment } from "@plane/types"; diff --git a/web/core/components/issues/issue-detail/label/root.tsx b/web/core/components/issues/issue-detail/label/root.tsx index 986c60772..efed45ca9 100644 --- a/web/core/components/issues/issue-detail/label/root.tsx +++ b/web/core/components/issues/issue-detail/label/root.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, useMemo } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { IIssueLabel, TIssue } from "@plane/types"; // components import { TOAST_TYPE, setToast } from "@plane/ui"; diff --git a/web/core/components/issues/issue-detail/reactions/issue-comment.tsx b/web/core/components/issues/issue-detail/reactions/issue-comment.tsx index 32e9a8c98..26f50e057 100644 --- a/web/core/components/issues/issue-detail/reactions/issue-comment.tsx +++ b/web/core/components/issues/issue-detail/reactions/issue-comment.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, useMemo } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { IUser } from "@plane/types"; // components import { TOAST_TYPE, Tooltip, setToast } from "@plane/ui"; diff --git a/web/core/components/issues/issue-detail/reactions/issue.tsx b/web/core/components/issues/issue-detail/reactions/issue.tsx index b14d7197e..815e97936 100644 --- a/web/core/components/issues/issue-detail/reactions/issue.tsx +++ b/web/core/components/issues/issue-detail/reactions/issue.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, useMemo } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { IUser } from "@plane/types"; // hooks // ui diff --git a/web/core/components/issues/issue-layouts/calendar/base-calendar-root.tsx b/web/core/components/issues/issue-layouts/calendar/base-calendar-root.tsx index af4392815..33bb3f82c 100644 --- a/web/core/components/issues/issue-layouts/calendar/base-calendar-root.tsx +++ b/web/core/components/issues/issue-layouts/calendar/base-calendar-root.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, useCallback, useEffect } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { TGroupedIssues } from "@plane/types"; // components @@ -156,7 +156,7 @@ export const BaseCalendarRoot = observer((props: IBaseCalendarRoot) => { updateFilters={updateFilters} handleDragAndDrop={handleDragAndDrop} /> - + ); }); diff --git a/web/core/components/issues/issue-layouts/calendar/calendar.tsx b/web/core/components/issues/issue-layouts/calendar/calendar.tsx index 60f0316af..4f5da6507 100644 --- a/web/core/components/issues/issue-layouts/calendar/calendar.tsx +++ b/web/core/components/issues/issue-layouts/calendar/calendar.tsx @@ -3,7 +3,7 @@ import { useEffect, useRef, useState } from "react"; import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine"; import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import type { IIssueDisplayFilterOptions, @@ -221,31 +221,31 @@ export const CalendarChart: React.FC = observer((props) => { - {/* mobile view */} -
-

- {`${selectedDate.getDate()} ${ - MONTHS_LIST[selectedDate.getMonth() + 1].title - }, ${selectedDate.getFullYear()}`} -

- -
+ {/* mobile view */} +
+

+ {`${selectedDate.getDate()} ${ + MONTHS_LIST[selectedDate.getMonth() + 1].title + }, ${selectedDate.getFullYear()}`} +

+
+ ); }); diff --git a/web/core/components/issues/issue-layouts/calendar/day-tile.tsx b/web/core/components/issues/issue-layouts/calendar/day-tile.tsx index 5a82d3628..9fec8302d 100644 --- a/web/core/components/issues/issue-layouts/calendar/day-tile.tsx +++ b/web/core/components/issues/issue-layouts/calendar/day-tile.tsx @@ -4,7 +4,7 @@ import { useEffect, useRef, useState } from "react"; import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine"; import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter"; import { differenceInCalendarDays } from "date-fns"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TGroupedIssues, TIssue, TIssueMap, TPaginationData } from "@plane/types"; // ui diff --git a/web/core/components/issues/issue-layouts/calendar/issue-blocks.tsx b/web/core/components/issues/issue-layouts/calendar/issue-blocks.tsx index 14bd852ba..64f3c92f3 100644 --- a/web/core/components/issues/issue-layouts/calendar/issue-blocks.tsx +++ b/web/core/components/issues/issue-layouts/calendar/issue-blocks.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { TIssue, TIssueMap, TPaginationData } from "@plane/types"; // components import { CalendarQuickAddIssueForm, CalendarIssueBlockRoot } from "@/components/issues"; @@ -70,7 +70,7 @@ export const CalendarIssueBlocks: React.FC = observer((props) => { ))} -{isPaginating && ( + {isPaginating && (
diff --git a/web/core/components/issues/issue-layouts/calendar/week-days.tsx b/web/core/components/issues/issue-layouts/calendar/week-days.tsx index 2f9573402..75f652f94 100644 --- a/web/core/components/issues/issue-layouts/calendar/week-days.tsx +++ b/web/core/components/issues/issue-layouts/calendar/week-days.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { TGroupedIssues, TIssue, TIssueMap, TPaginationData } from "@plane/types"; // components import { CalendarDayTile } from "@/components/issues"; @@ -17,7 +17,7 @@ type Props = { issues: TIssueMap | undefined; groupedIssueIds: TGroupedIssues; week: ICalendarWeek | undefined; - quickActions: TRenderQuickActions + quickActions: TRenderQuickActions; loadMoreIssues: (dateString: string) => void; getPaginationData: (groupId: string | undefined) => TPaginationData | undefined; getGroupIssueCount: (groupId: string | undefined) => number | undefined; diff --git a/web/core/components/issues/issue-layouts/empty-states/cycle.tsx b/web/core/components/issues/issue-layouts/empty-states/cycle.tsx index 89514ea49..1650bfc98 100644 --- a/web/core/components/issues/issue-layouts/empty-states/cycle.tsx +++ b/web/core/components/issues/issue-layouts/empty-states/cycle.tsx @@ -3,7 +3,7 @@ import { useState } from "react"; import isEmpty from "lodash/isEmpty"; import size from "lodash/size"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // types import { IIssueFilterOptions, ISearchIssueResponse } from "@plane/types"; diff --git a/web/core/components/issues/issue-layouts/empty-states/module.tsx b/web/core/components/issues/issue-layouts/empty-states/module.tsx index 180a00929..35ed83e00 100644 --- a/web/core/components/issues/issue-layouts/empty-states/module.tsx +++ b/web/core/components/issues/issue-layouts/empty-states/module.tsx @@ -2,7 +2,7 @@ import { useState } from "react"; import size from "lodash/size"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // types import { IIssueFilterOptions, ISearchIssueResponse } from "@plane/types"; diff --git a/web/core/components/issues/issue-layouts/empty-states/profile-view.tsx b/web/core/components/issues/issue-layouts/empty-states/profile-view.tsx index f09e621a8..12a31df83 100644 --- a/web/core/components/issues/issue-layouts/empty-states/profile-view.tsx +++ b/web/core/components/issues/issue-layouts/empty-states/profile-view.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // components import { EmptyState } from "@/components/empty-state"; diff --git a/web/core/components/issues/issue-layouts/filters/header/display-filters/display-filters-selection.tsx b/web/core/components/issues/issue-layouts/filters/header/display-filters/display-filters-selection.tsx index d196c09f6..a3007658c 100644 --- a/web/core/components/issues/issue-layouts/filters/header/display-filters/display-filters-selection.tsx +++ b/web/core/components/issues/issue-layouts/filters/header/display-filters/display-filters-selection.tsx @@ -1,6 +1,6 @@ import React from "react"; import isEmpty from "lodash/isEmpty"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { IIssueDisplayFilterOptions, IIssueDisplayProperties, TIssueGroupByOptions } from "@plane/types"; // components import { diff --git a/web/core/components/issues/issue-layouts/filters/header/display-filters/display-properties.tsx b/web/core/components/issues/issue-layouts/filters/header/display-filters/display-properties.tsx index aebb8d5cc..9cd663478 100644 --- a/web/core/components/issues/issue-layouts/filters/header/display-filters/display-properties.tsx +++ b/web/core/components/issues/issue-layouts/filters/header/display-filters/display-properties.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { IIssueDisplayProperties } from "@plane/types"; // components import { ISSUE_DISPLAY_PROPERTIES } from "@/constants/issue"; diff --git a/web/core/components/issues/issue-layouts/filters/header/display-filters/extra-options.tsx b/web/core/components/issues/issue-layouts/filters/header/display-filters/extra-options.tsx index 604adf5db..a5067377d 100644 --- a/web/core/components/issues/issue-layouts/filters/header/display-filters/extra-options.tsx +++ b/web/core/components/issues/issue-layouts/filters/header/display-filters/extra-options.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { IIssueDisplayFilterOptions, TIssueExtraOptions } from "@plane/types"; // components diff --git a/web/core/components/issues/issue-layouts/filters/header/display-filters/group-by.tsx b/web/core/components/issues/issue-layouts/filters/header/display-filters/group-by.tsx index f103e55a6..c5adff75b 100644 --- a/web/core/components/issues/issue-layouts/filters/header/display-filters/group-by.tsx +++ b/web/core/components/issues/issue-layouts/filters/header/display-filters/group-by.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { IIssueDisplayFilterOptions, TIssueGroupByOptions } from "@plane/types"; // components import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/issues/issue-layouts/filters/header/display-filters/issue-type.tsx b/web/core/components/issues/issue-layouts/filters/header/display-filters/issue-type.tsx index 57fbc9add..a24de766d 100644 --- a/web/core/components/issues/issue-layouts/filters/header/display-filters/issue-type.tsx +++ b/web/core/components/issues/issue-layouts/filters/header/display-filters/issue-type.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { TIssueTypeFilters } from "@plane/types"; // components diff --git a/web/core/components/issues/issue-layouts/filters/header/display-filters/order-by.tsx b/web/core/components/issues/issue-layouts/filters/header/display-filters/order-by.tsx index aa69868ca..a9ff00b3d 100644 --- a/web/core/components/issues/issue-layouts/filters/header/display-filters/order-by.tsx +++ b/web/core/components/issues/issue-layouts/filters/header/display-filters/order-by.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { TIssueOrderByOptions } from "@plane/types"; // components diff --git a/web/core/components/issues/issue-layouts/filters/header/display-filters/sub-group-by.tsx b/web/core/components/issues/issue-layouts/filters/header/display-filters/sub-group-by.tsx index 2d49719a3..56dd86f36 100644 --- a/web/core/components/issues/issue-layouts/filters/header/display-filters/sub-group-by.tsx +++ b/web/core/components/issues/issue-layouts/filters/header/display-filters/sub-group-by.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { IIssueDisplayFilterOptions, TIssueGroupByOptions } from "@plane/types"; // components import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/issues/issue-layouts/filters/header/filters/assignee.tsx b/web/core/components/issues/issue-layouts/filters/header/filters/assignee.tsx index df2255e07..cc5e4301e 100644 --- a/web/core/components/issues/issue-layouts/filters/header/filters/assignee.tsx +++ b/web/core/components/issues/issue-layouts/filters/header/filters/assignee.tsx @@ -2,7 +2,7 @@ import { useMemo, useState } from "react"; import sortBy from "lodash/sortBy"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { Avatar, Loader } from "@plane/ui"; import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/issues/issue-layouts/filters/header/filters/created-by.tsx b/web/core/components/issues/issue-layouts/filters/header/filters/created-by.tsx index 55aeab6a7..625c960e7 100644 --- a/web/core/components/issues/issue-layouts/filters/header/filters/created-by.tsx +++ b/web/core/components/issues/issue-layouts/filters/header/filters/created-by.tsx @@ -2,7 +2,7 @@ import { useMemo, useState } from "react"; import sortBy from "lodash/sortBy"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { Avatar, Loader } from "@plane/ui"; import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/issues/issue-layouts/filters/header/filters/mentions.tsx b/web/core/components/issues/issue-layouts/filters/header/filters/mentions.tsx index c5646fa67..03eec693e 100644 --- a/web/core/components/issues/issue-layouts/filters/header/filters/mentions.tsx +++ b/web/core/components/issues/issue-layouts/filters/header/filters/mentions.tsx @@ -2,7 +2,7 @@ import { useMemo, useState } from "react"; import sortBy from "lodash/sortBy"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { Loader, Avatar } from "@plane/ui"; import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx b/web/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx index fdfdabaa4..7121169ee 100644 --- a/web/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx +++ b/web/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx @@ -5,7 +5,7 @@ import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine"; import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter"; import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element"; import debounce from "lodash/debounce"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams, usePathname } from "next/navigation"; import { DeleteIssueModal } from "@/components/issues"; //constants diff --git a/web/core/components/issues/issue-layouts/kanban/block.tsx b/web/core/components/issues/issue-layouts/kanban/block.tsx index 968c20874..d4105ceb5 100644 --- a/web/core/components/issues/issue-layouts/kanban/block.tsx +++ b/web/core/components/issues/issue-layouts/kanban/block.tsx @@ -3,7 +3,7 @@ import { MutableRefObject, useEffect, useRef, useState } from "react"; import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine"; import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { TIssue, IIssueDisplayProperties, IIssueMap } from "@plane/types"; // hooks diff --git a/web/core/components/issues/issue-layouts/kanban/default.tsx b/web/core/components/issues/issue-layouts/kanban/default.tsx index 42377585b..f28396367 100644 --- a/web/core/components/issues/issue-layouts/kanban/default.tsx +++ b/web/core/components/issues/issue-layouts/kanban/default.tsx @@ -1,5 +1,5 @@ import { MutableRefObject } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { GroupByColumnTypes, IGroupByColumn, @@ -195,4 +195,4 @@ export const KanBan: React.FC = observer((props) => { })}
); -}); \ No newline at end of file +}); diff --git a/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx b/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx index 252585a83..1121f9b47 100644 --- a/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx +++ b/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx @@ -1,5 +1,5 @@ import React, { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Circle, ChevronDown, ChevronUp } from "lucide-react"; import { TIssueKanbanFilters } from "@plane/types"; // mobx diff --git a/web/core/components/issues/issue-layouts/kanban/swimlanes.tsx b/web/core/components/issues/issue-layouts/kanban/swimlanes.tsx index c5309bfa9..e4aae6620 100644 --- a/web/core/components/issues/issue-layouts/kanban/swimlanes.tsx +++ b/web/core/components/issues/issue-layouts/kanban/swimlanes.tsx @@ -1,5 +1,5 @@ import { MutableRefObject } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { GroupByColumnTypes, IGroupByColumn, diff --git a/web/core/components/issues/issue-layouts/list/base-list-root.tsx b/web/core/components/issues/issue-layouts/list/base-list-root.tsx index dc6aa1d2d..09ddd44d7 100644 --- a/web/core/components/issues/issue-layouts/list/base-list-root.tsx +++ b/web/core/components/issues/issue-layouts/list/base-list-root.tsx @@ -1,5 +1,5 @@ import { FC, useCallback, useEffect } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { GroupByColumnTypes, TGroupedIssues } from "@plane/types"; // constants @@ -33,13 +33,7 @@ interface IBaseListRoot { isCompletedCycle?: boolean; } export const BaseListRoot = observer((props: IBaseListRoot) => { - const { - QuickActions, - viewId, - addIssuesToView, - canEditPropertiesBasedOnProject, - isCompletedCycle = false, - } = props; + const { QuickActions, viewId, addIssuesToView, canEditPropertiesBasedOnProject, isCompletedCycle = false } = props; // router const storeType = useIssueStoreType() as ListStoreType; //stores @@ -71,10 +65,9 @@ export const BaseListRoot = observer((props: IBaseListRoot) => { fetchIssues("init-loader", { canGroup: true, perPageCount: group_by ? 50 : 100 }, viewId); }, [fetchIssues, storeType, group_by, viewId]); - const groupedIssueIds = issues?.groupedIssueIds as TGroupedIssues | undefined; -// auth -const isEditingAllowed = !!currentProjectRole && currentProjectRole >= EUserProjectRoles.MEMBER; + // auth + const isEditingAllowed = !!currentProjectRole && currentProjectRole >= EUserProjectRoles.MEMBER; const { enableInlineEditing, enableQuickAdd, enableIssueCreation } = issues?.viewFlags || {}; const canEditProperties = useCallback( @@ -116,24 +109,24 @@ const isEditingAllowed = !!currentProjectRole && currentProjectRole >= EUserProj return (
- +
); diff --git a/web/core/components/issues/issue-layouts/list/block.tsx b/web/core/components/issues/issue-layouts/list/block.tsx index 81b7cb9b0..4a0aa493f 100644 --- a/web/core/components/issues/issue-layouts/list/block.tsx +++ b/web/core/components/issues/issue-layouts/list/block.tsx @@ -3,7 +3,7 @@ import { Dispatch, MouseEvent, SetStateAction, useEffect, useRef } from "react"; import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine"; import { draggable } from "@atlaskit/pragmatic-drag-and-drop/element/adapter"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { ChevronRight } from "lucide-react"; // types diff --git a/web/core/components/issues/issue-layouts/spreadsheet/columns/assignee-column.tsx b/web/core/components/issues/issue-layouts/spreadsheet/columns/assignee-column.tsx index 08fb6e720..cf71f2436 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/columns/assignee-column.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/columns/assignee-column.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TIssue } from "@plane/types"; // components diff --git a/web/core/components/issues/issue-layouts/spreadsheet/columns/attachment-column.tsx b/web/core/components/issues/issue-layouts/spreadsheet/columns/attachment-column.tsx index 0be345262..40866767c 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/columns/attachment-column.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/columns/attachment-column.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TIssue } from "@plane/types"; diff --git a/web/core/components/issues/issue-layouts/spreadsheet/columns/created-on-column.tsx b/web/core/components/issues/issue-layouts/spreadsheet/columns/created-on-column.tsx index a7845400c..8b2a20a51 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/columns/created-on-column.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/columns/created-on-column.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TIssue } from "@plane/types"; // helpers diff --git a/web/core/components/issues/issue-layouts/spreadsheet/columns/estimate-column.tsx b/web/core/components/issues/issue-layouts/spreadsheet/columns/estimate-column.tsx index c1c41e614..6373a6dc6 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/columns/estimate-column.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/columns/estimate-column.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TIssue } from "@plane/types"; // components diff --git a/web/core/components/issues/issue-layouts/spreadsheet/columns/label-column.tsx b/web/core/components/issues/issue-layouts/spreadsheet/columns/label-column.tsx index bb409d563..7320aab9a 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/columns/label-column.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/columns/label-column.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TIssue } from "@plane/types"; // hooks diff --git a/web/core/components/issues/issue-layouts/spreadsheet/columns/link-column.tsx b/web/core/components/issues/issue-layouts/spreadsheet/columns/link-column.tsx index f8c639429..fe1ae24d6 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/columns/link-column.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/columns/link-column.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TIssue } from "@plane/types"; diff --git a/web/core/components/issues/issue-layouts/spreadsheet/columns/priority-column.tsx b/web/core/components/issues/issue-layouts/spreadsheet/columns/priority-column.tsx index 1e072a736..5d531d71c 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/columns/priority-column.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/columns/priority-column.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TIssue } from "@plane/types"; // components diff --git a/web/core/components/issues/issue-layouts/spreadsheet/columns/state-column.tsx b/web/core/components/issues/issue-layouts/spreadsheet/columns/state-column.tsx index 85feeffb8..c1c983546 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/columns/state-column.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/columns/state-column.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TIssue } from "@plane/types"; // components diff --git a/web/core/components/issues/issue-layouts/spreadsheet/columns/updated-on-column.tsx b/web/core/components/issues/issue-layouts/spreadsheet/columns/updated-on-column.tsx index 08d7162d7..b0d916b2a 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/columns/updated-on-column.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/columns/updated-on-column.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TIssue } from "@plane/types"; // helpers diff --git a/web/core/components/issues/issue-layouts/spreadsheet/spreadsheet-table.tsx b/web/core/components/issues/issue-layouts/spreadsheet/spreadsheet-table.tsx index dc74fe48b..00fce3274 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/spreadsheet-table.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/spreadsheet-table.tsx @@ -1,5 +1,5 @@ import { MutableRefObject, useCallback, useEffect, useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { IIssueDisplayFilterOptions, IIssueDisplayProperties, TIssue } from "@plane/types"; import { SpreadsheetIssueRowLoader } from "@/components/ui/loader"; diff --git a/web/core/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx b/web/core/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx index 106d7923c..a4aec6054 100644 --- a/web/core/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx +++ b/web/core/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx @@ -1,5 +1,5 @@ import React, { useRef } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // types import { TIssue, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "@plane/types"; // components @@ -99,7 +99,7 @@ export const SpreadsheetView: React.FC = observer((props) => { canEditProperties={canEditProperties} containerRef={containerRef} canLoadMoreIssues={canLoadMoreIssues} - loadMoreIssues={loadMoreIssues} + loadMoreIssues={loadMoreIssues} spreadsheetColumnsList={spreadsheetColumnsList} selectionHelpers={helpers} /> @@ -107,7 +107,7 @@ export const SpreadsheetView: React.FC = observer((props) => {
{enableQuickCreateIssue && !disableIssueCreation && ( - + )}
diff --git a/web/core/components/issues/issue-modal/draft-issue-layout.tsx b/web/core/components/issues/issue-modal/draft-issue-layout.tsx index a4dd1fc9c..c22d2a19f 100644 --- a/web/core/components/issues/issue-modal/draft-issue-layout.tsx +++ b/web/core/components/issues/issue-modal/draft-issue-layout.tsx @@ -2,7 +2,7 @@ import React, { useState } from "react"; import isEmpty from "lodash/isEmpty"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams, usePathname } from "next/navigation"; import type { TIssue } from "@plane/types"; // hooks diff --git a/web/core/components/issues/issue-modal/form.tsx b/web/core/components/issues/issue-modal/form.tsx index caa543c90..385dda43f 100644 --- a/web/core/components/issues/issue-modal/form.tsx +++ b/web/core/components/issues/issue-modal/form.tsx @@ -1,7 +1,7 @@ "use client"; import React, { FC, useState, useRef, useEffect } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { Controller, useForm } from "react-hook-form"; import { LayoutPanelTop, Sparkle, X } from "lucide-react"; diff --git a/web/core/components/issues/issue-modal/modal.tsx b/web/core/components/issues/issue-modal/modal.tsx index d2004c65b..5877069ef 100644 --- a/web/core/components/issues/issue-modal/modal.tsx +++ b/web/core/components/issues/issue-modal/modal.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useEffect, useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams, usePathname } from "next/navigation"; // types import type { TIssue } from "@plane/types"; diff --git a/web/core/components/issues/sub-issues/issues-list.tsx b/web/core/components/issues/sub-issues/issues-list.tsx index 04a3812a4..389b73b97 100644 --- a/web/core/components/issues/sub-issues/issues-list.tsx +++ b/web/core/components/issues/sub-issues/issues-list.tsx @@ -1,5 +1,5 @@ import { FC, Fragment } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { TIssue } from "@plane/types"; // hooks import { useIssueDetail } from "@/hooks/store"; diff --git a/web/core/components/labels/project-setting-label-group.tsx b/web/core/components/labels/project-setting-label-group.tsx index 3302cb6bf..efa0facc1 100644 --- a/web/core/components/labels/project-setting-label-group.tsx +++ b/web/core/components/labels/project-setting-label-group.tsx @@ -1,5 +1,5 @@ import React, { Dispatch, SetStateAction, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { ChevronDown, Pencil, Trash2 } from "lucide-react"; import { Disclosure, Transition } from "@headlessui/react"; // store diff --git a/web/core/components/modules/analytics-sidebar/root.tsx b/web/core/components/modules/analytics-sidebar/root.tsx index 9d30461be..2d6b49d7c 100644 --- a/web/core/components/modules/analytics-sidebar/root.tsx +++ b/web/core/components/modules/analytics-sidebar/root.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useEffect, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { Controller, useForm } from "react-hook-form"; import { diff --git a/web/core/components/modules/applied-filters/date.tsx b/web/core/components/modules/applied-filters/date.tsx index ef2006195..88d607de8 100644 --- a/web/core/components/modules/applied-filters/date.tsx +++ b/web/core/components/modules/applied-filters/date.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // icons import { X } from "lucide-react"; // helpers diff --git a/web/core/components/modules/applied-filters/members.tsx b/web/core/components/modules/applied-filters/members.tsx index 1f8ccc3eb..7c8bde6b0 100644 --- a/web/core/components/modules/applied-filters/members.tsx +++ b/web/core/components/modules/applied-filters/members.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; // ui import { Avatar } from "@plane/ui"; diff --git a/web/core/components/modules/applied-filters/status.tsx b/web/core/components/modules/applied-filters/status.tsx index 48aaf0c11..442dcfadc 100644 --- a/web/core/components/modules/applied-filters/status.tsx +++ b/web/core/components/modules/applied-filters/status.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; // ui import { ModuleStatusIcon } from "@plane/ui"; diff --git a/web/core/components/modules/archived-modules/header.tsx b/web/core/components/modules/archived-modules/header.tsx index db46b3a89..36f2179d1 100644 --- a/web/core/components/modules/archived-modules/header.tsx +++ b/web/core/components/modules/archived-modules/header.tsx @@ -1,5 +1,5 @@ import { FC, useCallback, useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // icons import { ListFilter, Search, X } from "lucide-react"; diff --git a/web/core/components/modules/archived-modules/root.tsx b/web/core/components/modules/archived-modules/root.tsx index 4ec9c1e5a..b74814add 100644 --- a/web/core/components/modules/archived-modules/root.tsx +++ b/web/core/components/modules/archived-modules/root.tsx @@ -1,5 +1,5 @@ import React, { useCallback } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import useSWR from "swr"; // types diff --git a/web/core/components/modules/archived-modules/view.tsx b/web/core/components/modules/archived-modules/view.tsx index f12bc412a..5921b12e8 100644 --- a/web/core/components/modules/archived-modules/view.tsx +++ b/web/core/components/modules/archived-modules/view.tsx @@ -1,5 +1,5 @@ import { FC } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; // components import { ModuleListItem, ModulePeekOverview } from "@/components/modules"; diff --git a/web/core/components/modules/dropdowns/filters/lead.tsx b/web/core/components/modules/dropdowns/filters/lead.tsx index 57bb8fe82..6b2464b20 100644 --- a/web/core/components/modules/dropdowns/filters/lead.tsx +++ b/web/core/components/modules/dropdowns/filters/lead.tsx @@ -2,7 +2,7 @@ import { useMemo, useState } from "react"; import sortBy from "lodash/sortBy"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { Avatar, Loader } from "@plane/ui"; import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/modules/dropdowns/filters/members.tsx b/web/core/components/modules/dropdowns/filters/members.tsx index 4cb35a6a4..c29ddec28 100644 --- a/web/core/components/modules/dropdowns/filters/members.tsx +++ b/web/core/components/modules/dropdowns/filters/members.tsx @@ -2,7 +2,7 @@ import { useMemo, useState } from "react"; import sortBy from "lodash/sortBy"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { Avatar, Loader } from "@plane/ui"; import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/modules/dropdowns/filters/root.tsx b/web/core/components/modules/dropdowns/filters/root.tsx index dc12472e7..9df762f25 100644 --- a/web/core/components/modules/dropdowns/filters/root.tsx +++ b/web/core/components/modules/dropdowns/filters/root.tsx @@ -1,7 +1,7 @@ "use client"; import { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Search, X } from "lucide-react"; import { TModuleDisplayFilters, TModuleFilters } from "@plane/types"; // components diff --git a/web/core/components/modules/dropdowns/filters/start-date.tsx b/web/core/components/modules/dropdowns/filters/start-date.tsx index 0b8408c2e..9bfd8f2d8 100644 --- a/web/core/components/modules/dropdowns/filters/start-date.tsx +++ b/web/core/components/modules/dropdowns/filters/start-date.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { DateFilterModal } from "@/components/core"; diff --git a/web/core/components/modules/dropdowns/filters/status.tsx b/web/core/components/modules/dropdowns/filters/status.tsx index e1fd19e55..f14ededf0 100644 --- a/web/core/components/modules/dropdowns/filters/status.tsx +++ b/web/core/components/modules/dropdowns/filters/status.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { TModuleStatus } from "@plane/types"; // components import { ModuleStatusIcon } from "@plane/ui"; diff --git a/web/core/components/modules/dropdowns/filters/target-date.tsx b/web/core/components/modules/dropdowns/filters/target-date.tsx index f97021720..ba82002dd 100644 --- a/web/core/components/modules/dropdowns/filters/target-date.tsx +++ b/web/core/components/modules/dropdowns/filters/target-date.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { DateFilterModal } from "@/components/core"; diff --git a/web/core/components/modules/module-card-item.tsx b/web/core/components/modules/module-card-item.tsx index cdd28cdab..c15d3d144 100644 --- a/web/core/components/modules/module-card-item.tsx +++ b/web/core/components/modules/module-card-item.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useRef } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; import { useParams, usePathname, useSearchParams } from "next/navigation"; import { CalendarCheck2, CalendarClock, Info, MoveRight, SquareUser } from "lucide-react"; diff --git a/web/core/components/modules/module-list-item.tsx b/web/core/components/modules/module-list-item.tsx index 3dbe64d52..88d4d0141 100644 --- a/web/core/components/modules/module-list-item.tsx +++ b/web/core/components/modules/module-list-item.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useRef } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams, usePathname, useSearchParams } from "next/navigation"; // icons import { Check, Info } from "lucide-react"; diff --git a/web/core/components/modules/modules-list-view.tsx b/web/core/components/modules/modules-list-view.tsx index 68924733d..77f634fb7 100644 --- a/web/core/components/modules/modules-list-view.tsx +++ b/web/core/components/modules/modules-list-view.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import { useParams, useSearchParams } from "next/navigation"; // components diff --git a/web/core/components/notifications/notification-popover.tsx b/web/core/components/notifications/notification-popover.tsx index f802d89ad..4aee91086 100644 --- a/web/core/components/notifications/notification-popover.tsx +++ b/web/core/components/notifications/notification-popover.tsx @@ -1,7 +1,7 @@ "use client"; import React, { Fragment } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Bell } from "lucide-react"; import { Popover, Transition } from "@headlessui/react"; // hooks diff --git a/web/core/components/page-views/workspace-dashboard.tsx b/web/core/components/page-views/workspace-dashboard.tsx index e41a1c0bb..165bce60a 100644 --- a/web/core/components/page-views/workspace-dashboard.tsx +++ b/web/core/components/page-views/workspace-dashboard.tsx @@ -1,5 +1,5 @@ import { useEffect } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // components import { DashboardWidgets } from "@/components/dashboard"; diff --git a/web/core/components/pages/list/applied-filters/date.tsx b/web/core/components/pages/list/applied-filters/date.tsx index 3c1cb2dc0..67ad973b3 100644 --- a/web/core/components/pages/list/applied-filters/date.tsx +++ b/web/core/components/pages/list/applied-filters/date.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // icons import { X } from "lucide-react"; // helpers diff --git a/web/core/components/pages/list/applied-filters/members.tsx b/web/core/components/pages/list/applied-filters/members.tsx index 1f8ccc3eb..7c8bde6b0 100644 --- a/web/core/components/pages/list/applied-filters/members.tsx +++ b/web/core/components/pages/list/applied-filters/members.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; // ui import { Avatar } from "@plane/ui"; diff --git a/web/core/components/pages/list/filters/created-at.tsx b/web/core/components/pages/list/filters/created-at.tsx index 731bfa844..9baf391be 100644 --- a/web/core/components/pages/list/filters/created-at.tsx +++ b/web/core/components/pages/list/filters/created-at.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { DateFilterModal } from "@/components/core"; import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/pages/list/filters/created-by.tsx b/web/core/components/pages/list/filters/created-by.tsx index fed4f51e3..ea843e8b4 100644 --- a/web/core/components/pages/list/filters/created-by.tsx +++ b/web/core/components/pages/list/filters/created-by.tsx @@ -2,7 +2,7 @@ import { useMemo, useState } from "react"; import sortBy from "lodash/sortBy"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // ui import { Avatar, Loader } from "@plane/ui"; // components diff --git a/web/core/components/pages/list/filters/root.tsx b/web/core/components/pages/list/filters/root.tsx index a9a152e0a..e228bd235 100644 --- a/web/core/components/pages/list/filters/root.tsx +++ b/web/core/components/pages/list/filters/root.tsx @@ -1,5 +1,5 @@ import { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Search, X } from "lucide-react"; import { TPageFilterProps, TPageFilters } from "@plane/types"; // components diff --git a/web/core/components/pages/pages-list-view.tsx b/web/core/components/pages/pages-list-view.tsx index bfaf0fe72..1cd3ef0c5 100644 --- a/web/core/components/pages/pages-list-view.tsx +++ b/web/core/components/pages/pages-list-view.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import useSWR from "swr"; import { TPageNavigationTabs } from "@plane/types"; // components diff --git a/web/core/components/project/applied-filters/access.tsx b/web/core/components/project/applied-filters/access.tsx index 8b881c8e4..625c4d997 100644 --- a/web/core/components/project/applied-filters/access.tsx +++ b/web/core/components/project/applied-filters/access.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; // constants import { NETWORK_CHOICES } from "@/constants/project"; diff --git a/web/core/components/project/applied-filters/date.tsx b/web/core/components/project/applied-filters/date.tsx index 54fea5864..ca9032c1d 100644 --- a/web/core/components/project/applied-filters/date.tsx +++ b/web/core/components/project/applied-filters/date.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; // helpers import { PROJECT_CREATED_AT_FILTER_OPTIONS } from "@/constants/filters"; diff --git a/web/core/components/project/applied-filters/members.tsx b/web/core/components/project/applied-filters/members.tsx index 1f8ccc3eb..7c8bde6b0 100644 --- a/web/core/components/project/applied-filters/members.tsx +++ b/web/core/components/project/applied-filters/members.tsx @@ -1,6 +1,6 @@ "use client"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { X } from "lucide-react"; // ui import { Avatar } from "@plane/ui"; diff --git a/web/core/components/project/applied-filters/project-display-filters.tsx b/web/core/components/project/applied-filters/project-display-filters.tsx index 0c8af7097..ce76c23f8 100644 --- a/web/core/components/project/applied-filters/project-display-filters.tsx +++ b/web/core/components/project/applied-filters/project-display-filters.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // icons import { X } from "lucide-react"; // types diff --git a/web/core/components/project/card-list.tsx b/web/core/components/project/card-list.tsx index 63d565b72..ee5fabd98 100644 --- a/web/core/components/project/card-list.tsx +++ b/web/core/components/project/card-list.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; // components import { EmptyState } from "@/components/empty-state"; diff --git a/web/core/components/project/card.tsx b/web/core/components/project/card.tsx index d35b5835d..edfaa07c1 100644 --- a/web/core/components/project/card.tsx +++ b/web/core/components/project/card.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Link from "next/link"; import { useParams } from "next/navigation"; import { ArchiveRestoreIcon, Check, ExternalLink, LinkIcon, Lock, Settings, Trash2, UserPlus } from "lucide-react"; diff --git a/web/core/components/project/confirm-project-member-remove.tsx b/web/core/components/project/confirm-project-member-remove.tsx index a205d33c2..a4a6f3d8e 100644 --- a/web/core/components/project/confirm-project-member-remove.tsx +++ b/web/core/components/project/confirm-project-member-remove.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { AlertTriangle } from "lucide-react"; // headless ui diff --git a/web/core/components/project/create-project-form.tsx b/web/core/components/project/create-project-form.tsx index 961c8a1c8..a87c69c86 100644 --- a/web/core/components/project/create-project-form.tsx +++ b/web/core/components/project/create-project-form.tsx @@ -1,7 +1,7 @@ "use client"; import { useState, FC, ChangeEvent } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useForm, Controller } from "react-hook-form"; import { Info, X } from "lucide-react"; import { IProject } from "@plane/types"; diff --git a/web/core/components/project/dropdowns/filters/access.tsx b/web/core/components/project/dropdowns/filters/access.tsx index 2936c85a5..d15580257 100644 --- a/web/core/components/project/dropdowns/filters/access.tsx +++ b/web/core/components/project/dropdowns/filters/access.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { FilterHeader, FilterOption } from "@/components/issues"; // constants diff --git a/web/core/components/project/dropdowns/filters/created-at.tsx b/web/core/components/project/dropdowns/filters/created-at.tsx index c82d17496..85a2c3b95 100644 --- a/web/core/components/project/dropdowns/filters/created-at.tsx +++ b/web/core/components/project/dropdowns/filters/created-at.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { DateFilterModal } from "@/components/core"; import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/project/dropdowns/filters/lead.tsx b/web/core/components/project/dropdowns/filters/lead.tsx index 57bb8fe82..6b2464b20 100644 --- a/web/core/components/project/dropdowns/filters/lead.tsx +++ b/web/core/components/project/dropdowns/filters/lead.tsx @@ -2,7 +2,7 @@ import { useMemo, useState } from "react"; import sortBy from "lodash/sortBy"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { Avatar, Loader } from "@plane/ui"; import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/project/dropdowns/filters/members.tsx b/web/core/components/project/dropdowns/filters/members.tsx index 4cb35a6a4..c29ddec28 100644 --- a/web/core/components/project/dropdowns/filters/members.tsx +++ b/web/core/components/project/dropdowns/filters/members.tsx @@ -2,7 +2,7 @@ import { useMemo, useState } from "react"; import sortBy from "lodash/sortBy"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // hooks import { Avatar, Loader } from "@plane/ui"; import { FilterHeader, FilterOption } from "@/components/issues"; diff --git a/web/core/components/project/dropdowns/filters/root.tsx b/web/core/components/project/dropdowns/filters/root.tsx index 12008eecd..89f76471d 100644 --- a/web/core/components/project/dropdowns/filters/root.tsx +++ b/web/core/components/project/dropdowns/filters/root.tsx @@ -1,5 +1,5 @@ import { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { Search, X } from "lucide-react"; import { TProjectDisplayFilters, TProjectFilters } from "@plane/types"; // components diff --git a/web/core/components/views/view-list-item.tsx b/web/core/components/views/view-list-item.tsx index 3a62ab3a7..9b901d87a 100644 --- a/web/core/components/views/view-list-item.tsx +++ b/web/core/components/views/view-list-item.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // types import { IProjectView, TLogoProps } from "@plane/types"; diff --git a/web/core/components/views/views-list.tsx b/web/core/components/views/views-list.tsx index ea300678a..cc962bd15 100644 --- a/web/core/components/views/views-list.tsx +++ b/web/core/components/views/views-list.tsx @@ -1,4 +1,4 @@ -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; // components import { ListLayout } from "@/components/core/list"; import { EmptyState } from "@/components/empty-state"; diff --git a/web/core/components/workspace/confirm-workspace-member-remove.tsx b/web/core/components/workspace/confirm-workspace-member-remove.tsx index 26013f641..51408d1ee 100644 --- a/web/core/components/workspace/confirm-workspace-member-remove.tsx +++ b/web/core/components/workspace/confirm-workspace-member-remove.tsx @@ -1,7 +1,7 @@ "use client"; import React, { useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { AlertTriangle } from "lucide-react"; import { Dialog, Transition } from "@headlessui/react"; // ui diff --git a/web/core/components/workspace/views/header.tsx b/web/core/components/workspace/views/header.tsx index c5c90a4e0..e3ec56bab 100644 --- a/web/core/components/workspace/views/header.tsx +++ b/web/core/components/workspace/views/header.tsx @@ -1,5 +1,5 @@ import React, { useEffect, useRef, useState } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // icons import { Plus } from "lucide-react"; diff --git a/web/core/layouts/auth-layout/workspace-wrapper.tsx b/web/core/layouts/auth-layout/workspace-wrapper.tsx index 14ff970f5..0e4604f49 100644 --- a/web/core/layouts/auth-layout/workspace-wrapper.tsx +++ b/web/core/layouts/auth-layout/workspace-wrapper.tsx @@ -1,7 +1,7 @@ "use client"; import { FC, ReactNode } from "react"; -import { observer } from "mobx-react-lite"; +import { observer } from "mobx-react"; import Image from "next/image"; import Link from "next/link"; import { useParams } from "next/navigation"; diff --git a/web/package.json b/web/package.json index f6b82b4ec..382f5a4b1 100644 --- a/web/package.json +++ b/web/package.json @@ -41,7 +41,7 @@ "lodash": "^4.17.21", "lucide-react": "^0.378.0", "mobx": "^6.10.0", - "mobx-react": "^9.1.0", + "mobx-react": "^9.1.1", "mobx-utils": "^6.0.8", "next": "^14.2.3", "next-nprogress-bar": "^2.3.12", diff --git a/yarn.lock b/yarn.lock index 8519d89b4..0f45fdb9f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4453,7 +4453,7 @@ dependencies: "@types/react" "*" -"@types/react@*", "@types/react@18.2.48", "@types/react@^16.8.0 || ^17.0.0 || ^18.0.0", "@types/react@^18.2.42", "@types/react@^18.2.48": +"@types/react@*", "@types/react@^16.8.0 || ^17.0.0 || ^18.0.0", "@types/react@^18.2.42", "@types/react@^18.2.48": version "18.2.48" resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.48.tgz#11df5664642d0bd879c1f58bc1d37205b064e8f1" integrity sha512-qboRCl6Ie70DQQG9hhNREz81jqC1cs9EVNcjQ1AU+jH6NFfSAhVVbrrY/+nSF+Bsk4AOwm9Qa61InvMCyV+H3w== @@ -9867,14 +9867,14 @@ mkdirp@^1.0.3: resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e" integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw== -mobx-react-lite@^4.0.3, mobx-react-lite@^4.0.5, mobx-react-lite@^4.0.7: +mobx-react-lite@^4.0.7: version "4.0.7" resolved "https://registry.yarnpkg.com/mobx-react-lite/-/mobx-react-lite-4.0.7.tgz#f4e21e18d05c811010dcb1d3007e797924c4d90b" integrity sha512-RjwdseshK9Mg8On5tyJZHtGD+J78ZnCnRaxeQDSiciKVQDUbfZcXhmld0VMxAwvcTnPEHZySGGewm467Fcpreg== dependencies: use-sync-external-store "^1.2.0" -mobx-react@^9.1.0: +mobx-react@^9.1.1: version "9.1.1" resolved "https://registry.yarnpkg.com/mobx-react/-/mobx-react-9.1.1.tgz#b96e0d5d74a3d02fc62729fd344b2a3ad2a88aae" integrity sha512-gVV7AdSrAAxqXOJ2bAbGa5TkPqvITSzaPiiEkzpW4rRsMhSec7C2NBCJYILADHKp2tzOAIETGRsIY0UaCV5aEw==