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

chore: move modal core components to the UI package (#4794)

Browse source 
* chore: move modal core components to the UI package

* fix: build errors
This commit is contained in:
Aaryan Khandelwal 2024-06-14 17:12:39 +05:30 • committed by GitHub
parent 0aca5c7a86
commit 244986554c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
31 changed files with 59 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

1
packages/ui/src/index.ts
View file

@ -7,6 +7,7 @@ export * from "./dropdowns";
export * from "./dropdown"; export * from "./dropdown";
export * from "./form-fields"; export * from "./form-fields";
export * from "./icons"; export * from "./icons";
export * from "./modals";
export * from "./progress"; export * from "./progress";
export * from "./spinners"; export * from "./spinners";
export * from "./tooltip"; export * from "./tooltip";

11
web/core/components/core/modals/alert-modal.tsx → packages/ui/src/modals/alert-modal.tsx
View file

@ -1,11 +1,12 @@
"use client"; import React from "react";
import { AlertTriangle, Info, LucideIcon } from "lucide-react"; import { AlertTriangle, Info, LucideIcon } from "lucide-react";
// ui
import { Button, TButtonVariant } from "@plane/ui";
// components // components
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; import { Button, TButtonVariant } from "../button";
import { ModalCore } from "./modal-core";
// constants
import { EModalPosition, EModalWidth } from "./constants";
// helpers // helpers
import { cn } from "@/helpers/common.helper"; import { cn } from "../../helpers";
export type TModalVariant = "danger" | "primary"; export type TModalVariant = "danger" | "primary";

11
packages/ui/src/modals/constants.ts Normal file
View file

@ -0,0 +1,11 @@
export enum EModalPosition {
TOP = "flex items-center justify-center text-center mx-4 my-10 md:my-20",
CENTER = "flex items-end sm:items-center justify-center p-4 min-h-full",
}
export enum EModalWidth {
XL = "sm:max-w-xl",
XXL = "sm:max-w-2xl",
XXXL = "sm:max-w-3xl",
XXXXL = "sm:max-w-4xl",
}

3
packages/ui/src/modals/index.ts Normal file
View file

@ -0,0 +1,3 @@
export * from "./alert-modal";
export * from "./constants";
export * from "./modal-core";

18
web/core/components/core/modals/modal-core.tsx → packages/ui/src/modals/modal-core.tsx
View file

@ -1,19 +1,9 @@
import { Fragment } from "react"; import React, { Fragment } from "react";
import { Dialog, Transition } from "@headlessui/react"; import { Dialog, Transition } from "@headlessui/react";
// constants
import { EModalPosition, EModalWidth } from "./constants";
// helpers // helpers
import { cn } from "@/helpers/common.helper"; import { cn } from "../../helpers";
export enum EModalPosition {
TOP = "flex items-center justify-center text-center mx-4 my-10 md:my-20",
CENTER = "flex items-end sm:items-center justify-center p-4 min-h-full",
}
export enum EModalWidth {
XL = "sm:max-w-xl",
XXL = "sm:max-w-2xl",
XXXL = "sm:max-w-3xl",
XXXXL = "sm:max-w-4xl",
}
type Props = { type Props = {
children: React.ReactNode; children: React.ReactNode;

4
web/core/components/api-token/delete-token-modal.tsx
View file

@ -6,9 +6,7 @@ import { mutate } from "swr";
// types // types
import { IApiToken } from "@plane/types"; import { IApiToken } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { AlertModalCore } from "@/components/core";
// fetch-keys // fetch-keys
import { API_TOKENS_LIST } from "@/constants/fetch-keys"; import { API_TOKENS_LIST } from "@/constants/fetch-keys";
// services // services

3
web/core/components/api-token/modal/create-token-modal.tsx
View file

@ -6,10 +6,9 @@ import { mutate } from "swr";
// types // types
import { IApiToken } from "@plane/types"; import { IApiToken } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components // components
import { CreateApiTokenForm, GeneratedTokenDetails } from "@/components/api-token"; import { CreateApiTokenForm, GeneratedTokenDetails } from "@/components/api-token";
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
// fetch-keys // fetch-keys
import { API_TOKENS_LIST } from "@/constants/fetch-keys"; import { API_TOKENS_LIST } from "@/constants/fetch-keys";
// helpers // helpers

2
web/core/components/core/modals/index.ts
View file

@ -1,9 +1,7 @@
export * from "./alert-modal";
export * from "./bulk-delete-issues-modal"; export * from "./bulk-delete-issues-modal";
export * from "./existing-issues-list-modal"; export * from "./existing-issues-list-modal";
export * from "./gpt-assistant-popover"; export * from "./gpt-assistant-popover";
export * from "./link-modal"; export * from "./link-modal";
export * from "./modal-core";
export * from "./user-image-upload-modal"; export * from "./user-image-upload-modal";
export * from "./workspace-image-upload-modal"; export * from "./workspace-image-upload-modal";
export * from "./issue-search-modal-empty-state"; export * from "./issue-search-modal-empty-state";

4
web/core/components/cycles/delete-modal.tsx
View file

@ -6,9 +6,7 @@ import { useParams, useRouter, useSearchParams } from "next/navigation";
// types // types
import { ICycle } from "@plane/types"; import { ICycle } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { AlertModalCore } from "@/components/core";
// constants // constants
import { CYCLE_DELETED } from "@/constants/event-tracker"; import { CYCLE_DELETED } from "@/constants/event-tracker";
// hooks // hooks

3
web/core/components/cycles/modal.tsx
View file

@ -4,9 +4,8 @@ import React, { useEffect, useState } from "react";
// types // types
import type { CycleDateCheckData, ICycle, TCycleTabOptions } from "@plane/types"; import type { CycleDateCheckData, ICycle, TCycleTabOptions } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components // components
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
import { CycleForm } from "@/components/cycles"; import { CycleForm } from "@/components/cycles";
// constants // constants
import { CYCLE_CREATED, CYCLE_UPDATED } from "@/constants/event-tracker"; import { CYCLE_CREATED, CYCLE_UPDATED } from "@/constants/event-tracker";

5
web/core/components/estimates/create/modal.tsx
View file

@ -3,10 +3,11 @@
import { FC, useEffect, useMemo, useState } from "react"; import { FC, useEffect, useMemo, useState } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { ChevronLeft } from "lucide-react"; import { ChevronLeft } from "lucide-react";
// types
import { IEstimateFormData, TEstimateSystemKeys, TEstimatePointsObject, TEstimateTypeError } from "@plane/types"; import { IEstimateFormData, TEstimateSystemKeys, TEstimatePointsObject, TEstimateTypeError } from "@plane/types";
import { Button, TOAST_TYPE, setToast } from "@plane/ui"; // ui
import { Button, EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components // components
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
import { EstimateCreateStageOne, EstimatePointCreateRoot } from "@/components/estimates"; import { EstimateCreateStageOne, EstimatePointCreateRoot } from "@/components/estimates";
// hooks // hooks
import { useProjectEstimates } from "@/hooks/store"; import { useProjectEstimates } from "@/hooks/store";

5
web/core/components/estimates/delete/modal.tsx
View file

@ -2,9 +2,8 @@
import { FC, useState } from "react"; import { FC, useState } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { Button, TOAST_TYPE, setToast } from "@plane/ui"; // ui
// components import { Button, EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
// hooks // hooks
import { useEstimate, useProject, useProjectEstimates } from "@/hooks/store"; import { useEstimate, useProject, useProjectEstimates } from "@/hooks/store";

3
web/core/components/inbox/modals/create-edit-modal/modal.tsx
View file

@ -1,8 +1,9 @@
import { FC } from "react"; import { FC } from "react";
// types // types
import { TIssue } from "@plane/types"; import { TIssue } from "@plane/types";
// ui
import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui";
// components // components
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
import { InboxIssueCreateRoot, InboxIssueEditRoot } from "@/components/inbox/modals/create-edit-modal"; import { InboxIssueCreateRoot, InboxIssueEditRoot } from "@/components/inbox/modals/create-edit-modal";
type TInboxIssueCreateEditModalRoot = { type TInboxIssueCreateEditModalRoot = {

4
web/core/components/inbox/modals/decline-issue-modal.tsx
View file

@ -1,8 +1,8 @@
import React, { useState } from "react"; import React, { useState } from "react";
// types // types
import type { TIssue } from "@plane/types"; import type { TIssue } from "@plane/types";
// components // ui
import { AlertModalCore } from "@/components/core"; import { AlertModalCore } from "@plane/ui";
// hooks // hooks
import { useProject } from "@/hooks/store"; import { useProject } from "@/hooks/store";

4
web/core/components/inbox/modals/delete-issue-modal.tsx
View file

@ -2,8 +2,8 @@ import React, { useState } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// types // types
import type { TIssue } from "@plane/types"; import type { TIssue } from "@plane/types";
// components // ui
import { AlertModalCore } from "@/components/core"; import { AlertModalCore } from "@plane/ui";
// hooks // hooks
import { useProject } from "@/hooks/store"; import { useProject } from "@/hooks/store";

5
web/core/components/issues/attachment/delete-attachment-modal.tsx
View file

@ -1,7 +1,8 @@
import { FC, useState } from "react"; import { FC, useState } from "react";
// types
import type { TIssueAttachment } from "@plane/types"; import type { TIssueAttachment } from "@plane/types";
// components // ui
import { AlertModalCore } from "@/components/core"; import { AlertModalCore } from "@plane/ui";
// helper // helper
import { getFileName } from "@/helpers/attachment.helper"; import { getFileName } from "@/helpers/attachment.helper";
// types // types

4
web/core/components/issues/delete-issue-modal.tsx
View file

@ -4,9 +4,7 @@ import { useEffect, useState } from "react";
// types // types
import { TIssue } from "@plane/types"; import { TIssue } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { AlertModalCore } from "@/components/core";
// hooks // hooks
import { useIssues, useProject } from "@/hooks/store"; import { useIssues, useProject } from "@/hooks/store";

4
web/core/components/issues/issue-modal/modal.tsx
View file

@ -6,9 +6,7 @@ import { usePathname } from "next/navigation";
// types // types
import type { TIssue } from "@plane/types"; import type { TIssue } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
// constants // constants
import { ISSUE_CREATED, ISSUE_UPDATED } from "@/constants/event-tracker"; import { ISSUE_CREATED, ISSUE_UPDATED } from "@/constants/event-tracker";
import { EIssuesStoreType } from "@/constants/issue"; import { EIssuesStoreType } from "@/constants/issue";

4
web/core/components/labels/delete-label-modal.tsx
View file

@ -6,9 +6,7 @@ import { useParams } from "next/navigation";
// types // types
import type { IIssueLabel } from "@plane/types"; import type { IIssueLabel } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { AlertModalCore } from "@/components/core";
// hooks // hooks
import { useLabel } from "@/hooks/store"; import { useLabel } from "@/hooks/store";

4
web/core/components/modules/delete-module-modal.tsx
View file

@ -6,9 +6,7 @@ import { useParams, useRouter } from "next/navigation";
// types // types
import type { IModule } from "@plane/types"; import type { IModule } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { AlertModalCore } from "@/components/core";
// constants // constants
import { MODULE_DELETED } from "@/constants/event-tracker"; import { MODULE_DELETED } from "@/constants/event-tracker";
// hooks // hooks

3
web/core/components/modules/modal.tsx
View file

@ -6,9 +6,8 @@ import { useForm } from "react-hook-form";
// types // types
import type { IModule } from "@plane/types"; import type { IModule } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components // components
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
import { ModuleForm } from "@/components/modules"; import { ModuleForm } from "@/components/modules";
// constants // constants
import { MODULE_CREATED, MODULE_UPDATED } from "@/constants/event-tracker"; import { MODULE_CREATED, MODULE_UPDATED } from "@/constants/event-tracker";

3
web/core/components/pages/modals/create-page-modal.tsx
View file

@ -2,8 +2,9 @@ import { FC, useEffect, useState } from "react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
// types // types
import { TPage } from "@plane/types"; import { TPage } from "@plane/types";
// ui
import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui";
// components // components
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
import { PageForm } from "@/components/pages"; import { PageForm } from "@/components/pages";
// constants // constants
import { PAGE_CREATED } from "@/constants/event-tracker"; import { PAGE_CREATED } from "@/constants/event-tracker";

4
web/core/components/pages/modals/delete-page-modal.tsx
View file

@ -3,9 +3,7 @@
import React, { useState } from "react"; import React, { useState } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { AlertModalCore } from "@/components/core";
// constants // constants
import { PAGE_DELETED } from "@/constants/event-tracker"; import { PAGE_DELETED } from "@/constants/event-tracker";
// hooks // hooks

4
web/core/components/project/publish-project/modal.tsx
View file

@ -8,9 +8,7 @@ import { Check, ExternalLink, Globe2 } from "lucide-react";
// types // types
import { IProject, TProjectPublishLayouts, TPublishSettings } from "@plane/types"; import { IProject, TProjectPublishLayouts, TPublishSettings } from "@plane/types";
// ui // ui
import { Button, Loader, ToggleSwitch, TOAST_TYPE, setToast, CustomSelect } from "@plane/ui"; import { Button, Loader, ToggleSwitch, TOAST_TYPE, setToast, CustomSelect, ModalCore, EModalWidth } from "@plane/ui";
// components
import { EModalWidth, ModalCore } from "@/components/core";
// helpers // helpers
import { SPACE_BASE_URL } from "@/helpers/common.helper"; import { SPACE_BASE_URL } from "@/helpers/common.helper";
import { copyTextToClipboard } from "@/helpers/string.helper"; import { copyTextToClipboard } from "@/helpers/string.helper";

4
web/core/components/states/delete-state-modal.tsx
View file

@ -6,9 +6,7 @@ import { useParams } from "next/navigation";
// types // types
import type { IState } from "@plane/types"; import type { IState } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { AlertModalCore } from "@/components/core";
// constants // constants
import { STATE_DELETED } from "@/constants/event-tracker"; import { STATE_DELETED } from "@/constants/event-tracker";
// hooks // hooks

4
web/core/components/views/delete-view-modal.tsx
View file

@ -6,9 +6,7 @@ import { useParams } from "next/navigation";
// types // types
import { IProjectView } from "@plane/types"; import { IProjectView } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { AlertModalCore } from "@/components/core";
// hooks // hooks
import { useProjectView } from "@/hooks/store"; import { useProjectView } from "@/hooks/store";

3
web/core/components/views/modal.tsx
View file

@ -5,9 +5,8 @@ import { observer } from "mobx-react";
// types // types
import { IProjectView } from "@plane/types"; import { IProjectView } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components // components
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
import { ProjectViewForm } from "@/components/views"; import { ProjectViewForm } from "@/components/views";
// hooks // hooks
import { useProjectView } from "@/hooks/store"; import { useProjectView } from "@/hooks/store";

4
web/core/components/web-hooks/create-webhook-modal.tsx
View file

@ -5,9 +5,7 @@ import { useParams } from "next/navigation";
// types // types
import { IWebhook, IWorkspace, TWebhookEventTypes } from "@plane/types"; import { IWebhook, IWorkspace, TWebhookEventTypes } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
// helpers // helpers
import { csvDownload } from "@/helpers/download.helper"; import { csvDownload } from "@/helpers/download.helper";
// components // components

4
web/core/components/web-hooks/delete-webhook-modal.tsx
View file

@ -3,9 +3,7 @@
import React, { FC, useState } from "react"; import React, { FC, useState } from "react";
import { useParams, useRouter } from "next/navigation"; import { useParams, useRouter } from "next/navigation";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { AlertModalCore } from "@/components/core";
// hooks // hooks
import { useWebhook } from "@/hooks/store"; import { useWebhook } from "@/hooks/store";

4
web/core/components/workspace/views/delete-view-modal.tsx
View file

@ -6,9 +6,7 @@ import { useParams } from "next/navigation";
// types // types
import { IWorkspaceView } from "@plane/types"; import { IWorkspaceView } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components
import { AlertModalCore } from "@/components/core";
// constants // constants
import { GLOBAL_VIEW_DELETED } from "@/constants/event-tracker"; import { GLOBAL_VIEW_DELETED } from "@/constants/event-tracker";
// hooks // hooks

3
web/core/components/workspace/views/modal.tsx
View file

@ -6,9 +6,8 @@ import { useParams, useRouter } from "next/navigation";
// types // types
import { IWorkspaceView } from "@plane/types"; import { IWorkspaceView } from "@plane/types";
// ui // ui
import { TOAST_TYPE, setToast } from "@plane/ui"; import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
// components // components
import { EModalPosition, EModalWidth, ModalCore } from "@/components/core";
import { WorkspaceViewForm } from "@/components/workspace"; import { WorkspaceViewForm } from "@/components/workspace";
// constants // constants
import { GLOBAL_VIEW_CREATED, GLOBAL_VIEW_UPDATED } from "@/constants/event-tracker"; import { GLOBAL_VIEW_CREATED, GLOBAL_VIEW_UPDATED } from "@/constants/event-tracker";