83fdebf64d
- Add jscodeshift-based codemod to convert arrow function components to function declarations - Support React.FC, observer-wrapped, and forwardRef components - Include comprehensive test suite covering edge cases - Add npm script to run transformer across codebase - Target only .tsx files in source directories, excluding node_modules and declaration files * [WEB-5459] chore: updates after running codemod --------- Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>
86 lines
2.3 KiB
TypeScript
86 lines
2.3 KiB
TypeScript
import { ExternalLink, Link, Pencil, Trash2 } from "lucide-react";
|
|
import { useTranslation } from "@plane/i18n";
|
|
import type { EIssueLayoutTypes, IProjectView } from "@plane/types";
|
|
import type { TContextMenuItem } from "@plane/ui";
|
|
import type { TWorkspaceLayoutProps } from "@/components/views/helper";
|
|
|
|
export type TLayoutSelectionProps = {
|
|
onChange: (layout: EIssueLayoutTypes) => void;
|
|
selectedLayout: EIssueLayoutTypes;
|
|
workspaceSlug: string;
|
|
};
|
|
|
|
export function GlobalViewLayoutSelection(props: TLayoutSelectionProps) {
|
|
return <></>;
|
|
}
|
|
|
|
export function WorkspaceAdditionalLayouts(props: TWorkspaceLayoutProps) {
|
|
return <></>;
|
|
}
|
|
|
|
export type TMenuItemsFactoryProps = {
|
|
isOwner: boolean;
|
|
isAdmin: boolean;
|
|
setDeleteViewModal: (open: boolean) => void;
|
|
setCreateUpdateViewModal: (open: boolean) => void;
|
|
handleOpenInNewTab: () => void;
|
|
handleCopyText: () => void;
|
|
isLocked: boolean;
|
|
workspaceSlug: string;
|
|
projectId?: string;
|
|
viewId: string;
|
|
};
|
|
|
|
export const useMenuItemsFactory = (props: TMenuItemsFactoryProps) => {
|
|
const { isOwner, isAdmin, setDeleteViewModal, setCreateUpdateViewModal, handleOpenInNewTab, handleCopyText } = props;
|
|
|
|
const { t } = useTranslation();
|
|
|
|
const editMenuItem = () => ({
|
|
key: "edit",
|
|
action: () => setCreateUpdateViewModal(true),
|
|
title: t("edit"),
|
|
icon: Pencil,
|
|
shouldRender: isOwner,
|
|
});
|
|
|
|
const openInNewTabMenuItem = () => ({
|
|
key: "open-new-tab",
|
|
action: handleOpenInNewTab,
|
|
title: t("open_in_new_tab"),
|
|
icon: ExternalLink,
|
|
});
|
|
|
|
const copyLinkMenuItem = () => ({
|
|
key: "copy-link",
|
|
action: handleCopyText,
|
|
title: t("copy_link"),
|
|
icon: Link,
|
|
});
|
|
|
|
const deleteMenuItem = () => ({
|
|
key: "delete",
|
|
action: () => setDeleteViewModal(true),
|
|
title: t("delete"),
|
|
icon: Trash2,
|
|
shouldRender: isOwner || isAdmin,
|
|
});
|
|
|
|
return {
|
|
editMenuItem,
|
|
openInNewTabMenuItem,
|
|
copyLinkMenuItem,
|
|
deleteMenuItem,
|
|
};
|
|
};
|
|
|
|
export const useViewMenuItems = (props: TMenuItemsFactoryProps): TContextMenuItem[] => {
|
|
const factory = useMenuItemsFactory(props);
|
|
|
|
return [factory.editMenuItem(), factory.openInNewTabMenuItem(), factory.copyLinkMenuItem(), factory.deleteMenuItem()];
|
|
};
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
export function AdditionalHeaderItems(view: IProjectView) {
|
|
return <></>;
|
|
}
|