Initial commit: Plane

Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362

apps/web/ce/components/issues/issue-layouts/additional-properties.tsx

@@ -0,0 +1,10 @@
+import type { FC } from "react";
+import React from "react";
+import type { IIssueDisplayProperties, TIssue } from "@plane/types";
+
+export type TWorkItemLayoutAdditionalProperties = {
+  displayProperties: IIssueDisplayProperties;
+  issue: TIssue;
+};
+
+export const WorkItemLayoutAdditionalProperties: FC<TWorkItemLayoutAdditionalProperties> = (props) => <></>;

apps/web/ce/components/issues/issue-layouts/empty-states/index.ts

@@ -0,0 +1,2 @@
+export * from "./team-issues";
+export * from "./team-view-issues";

apps/web/ce/components/issues/issue-layouts/empty-states/team-issues.tsx

@@ -0,0 +1,3 @@
+import { observer } from "mobx-react";
+
+export const TeamEmptyState: React.FC = observer(() => <></>);

apps/web/ce/components/issues/issue-layouts/empty-states/team-project.tsx

@@ -0,0 +1,3 @@
+import { observer } from "mobx-react";
+
+export const TeamProjectWorkItemEmptyState: React.FC = observer(() => <></>);

apps/web/ce/components/issues/issue-layouts/empty-states/team-view-issues.tsx

@@ -0,0 +1,3 @@
+import { observer } from "mobx-react";
+
+export const TeamViewEmptyState: React.FC = observer(() => <></>);

apps/web/ce/components/issues/issue-layouts/issue-stats.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import type { FC } from "react";
+import React from "react";
+
+type Props = {
+  issueId: string;
+  className?: string;
+  size?: number;
+  showProgressText?: boolean;
+  showLabel?: boolean;
+};
+
+export const IssueStats: FC<Props> = (props) => <></>;

apps/web/ce/components/issues/issue-layouts/quick-action-dropdowns/copy-menu-helper.tsx

@@ -0,0 +1,22 @@
+import type { Copy } from "lucide-react";
+import type { TContextMenuItem } from "@plane/ui";
+
+export interface CopyMenuHelperProps {
+  baseItem: {
+    key: string;
+    title: string;
+    icon: typeof Copy;
+    action: () => void;
+    shouldRender: boolean;
+  };
+  activeLayout: string;
+  setCreateUpdateIssueModal: (open: boolean) => void;
+  setDuplicateWorkItemModal?: (open: boolean) => void;
+  workspaceSlug?: string;
+}
+
+export const createCopyMenuWithDuplication = (props: CopyMenuHelperProps): TContextMenuItem => {
+  const { baseItem } = props;
+
+  return baseItem;
+};

apps/web/ce/components/issues/issue-layouts/quick-action-dropdowns/duplicate-modal.tsx

@@ -0,0 +1,11 @@
+import type { FC } from "react";
+
+type TDuplicateWorkItemModalProps = {
+  workItemId: string;
+  onClose: () => void;
+  isOpen: boolean;
+  workspaceSlug: string;
+  projectId: string;
+};
+
+export const DuplicateWorkItemModal: FC<TDuplicateWorkItemModalProps> = () => <></>;

apps/web/ce/components/issues/issue-layouts/quick-action-dropdowns/index.ts

@@ -0,0 +1,2 @@
+export * from "./duplicate-modal";
+export * from "./copy-menu-helper";

apps/web/ce/components/issues/issue-layouts/utils.tsx

@@ -0,0 +1,115 @@
+import type { FC } from "react";
+import { CalendarDays, LayersIcon, Link2, Paperclip } from "lucide-react";
+// types
+import { ISSUE_GROUP_BY_OPTIONS } from "@plane/constants";
+import type { ISvgIcons } from "@plane/propel/icons";
+import {
+  CycleIcon,
+  StatePropertyIcon,
+  ModuleIcon,
+  MembersPropertyIcon,
+  DueDatePropertyIcon,
+  EstimatePropertyIcon,
+  LabelPropertyIcon,
+  PriorityPropertyIcon,
+  StartDatePropertyIcon,
+} from "@plane/propel/icons";
+import type {
+  IGroupByColumn,
+  IIssueDisplayProperties,
+  TGetColumns,
+  TIssueGroupByOptions,
+  TSpreadsheetColumn,
+} from "@plane/types";
+// components
+import {
+  SpreadsheetAssigneeColumn,
+  SpreadsheetAttachmentColumn,
+  SpreadsheetCreatedOnColumn,
+  SpreadsheetDueDateColumn,
+  SpreadsheetEstimateColumn,
+  SpreadsheetLabelColumn,
+  SpreadsheetModuleColumn,
+  SpreadsheetCycleColumn,
+  SpreadsheetLinkColumn,
+  SpreadsheetPriorityColumn,
+  SpreadsheetStartDateColumn,
+  SpreadsheetStateColumn,
+  SpreadsheetSubIssueColumn,
+  SpreadsheetUpdatedOnColumn,
+} from "@/components/issues/issue-layouts/spreadsheet/columns";
+// store
+import { store } from "@/lib/store-context";
+
+export type TGetScopeMemberIdsResult = {
+  memberIds: string[];
+  includeNone: boolean;
+};
+
+export const getScopeMemberIds = ({ isWorkspaceLevel, projectId }: TGetColumns): TGetScopeMemberIdsResult => {
+  // store values
+  const { workspaceMemberIds } = store.memberRoot.workspace;
+  const { projectMemberIds } = store.memberRoot.project;
+  // derived values
+  const memberIds = workspaceMemberIds;
+
+  if (isWorkspaceLevel) {
+    return { memberIds: memberIds ?? [], includeNone: true };
+  }
+
+  if (projectId || (projectMemberIds && projectMemberIds.length > 0)) {
+    const { getProjectMemberIds } = store.memberRoot.project;
+    const _projectMemberIds = projectId ? getProjectMemberIds(projectId, false) : projectMemberIds;
+    return {
+      memberIds: _projectMemberIds ?? [],
+      includeNone: true,
+    };
+  }
+
+  return { memberIds: [], includeNone: true };
+};
+
+export const getTeamProjectColumns = (): IGroupByColumn[] | undefined => undefined;
+
+export const SpreadSheetPropertyIconMap: Record<string, FC<ISvgIcons>> = {
+  MembersPropertyIcon: MembersPropertyIcon,
+  CalenderDays: CalendarDays,
+  DueDatePropertyIcon: DueDatePropertyIcon,
+  EstimatePropertyIcon: EstimatePropertyIcon,
+  LabelPropertyIcon: LabelPropertyIcon,
+  ModuleIcon: ModuleIcon,
+  ContrastIcon: CycleIcon,
+  PriorityPropertyIcon: PriorityPropertyIcon,
+  StartDatePropertyIcon: StartDatePropertyIcon,
+  StatePropertyIcon: StatePropertyIcon,
+  Link2: Link2,
+  Paperclip: Paperclip,
+  LayersIcon: LayersIcon,
+};
+
+export const SPREADSHEET_COLUMNS: { [key in keyof IIssueDisplayProperties]: TSpreadsheetColumn } = {
+  assignee: SpreadsheetAssigneeColumn,
+  created_on: SpreadsheetCreatedOnColumn,
+  due_date: SpreadsheetDueDateColumn,
+  estimate: SpreadsheetEstimateColumn,
+  labels: SpreadsheetLabelColumn,
+  modules: SpreadsheetModuleColumn,
+  cycle: SpreadsheetCycleColumn,
+  link: SpreadsheetLinkColumn,
+  priority: SpreadsheetPriorityColumn,
+  start_date: SpreadsheetStartDateColumn,
+  state: SpreadsheetStateColumn,
+  sub_issue_count: SpreadsheetSubIssueColumn,
+  updated_on: SpreadsheetUpdatedOnColumn,
+  attachment_count: SpreadsheetAttachmentColumn,
+};
+
+export const useGroupByOptions = (
+  options: TIssueGroupByOptions[]
+): {
+  key: TIssueGroupByOptions;
+  titleTranslationKey: string;
+}[] => {
+  const groupByOptions = ISSUE_GROUP_BY_OPTIONS.filter((option) => options.includes(option.key));
+  return groupByOptions;
+};