From 01b6f56c8072ee155008943ae652d9dc0d3a2a36 Mon Sep 17 00:00:00 2001
From: blam <ben@blam.sh>
Date: Tue, 7 Feb 2023 10:49:48 +0100
Subject: [PATCH] chore: fixing api-reports

Signed-off-by: blam <ben@blam.sh>
---
 plugins/scaffolder/src/components/Router.tsx  |   5 +-
 plugins/scaffolder/src/next/Router/Router.tsx |   9 ++
 .../src/next/TemplateListPage/ContextMenu.tsx | 123 ++++++++++++++++++
 .../TemplateListPage/TemplateListPage.tsx     |   4 +-
 plugins/scaffolder/src/next/routes.ts         |  21 +++
 5 files changed, 158 insertions(+), 4 deletions(-)
 create mode 100644 plugins/scaffolder/src/next/TemplateListPage/ContextMenu.tsx

diff --git a/plugins/scaffolder/src/components/Router.tsx b/plugins/scaffolder/src/components/Router.tsx
index ccc2bd283b..06c28682c5 100644
--- a/plugins/scaffolder/src/components/Router.tsx
+++ b/plugins/scaffolder/src/components/Router.tsx
@@ -149,12 +149,13 @@ export const Router = (props: RouterProps) => {
           </SecretsContextProvider>
         }
       />
+
+      <Route path={scaffolderTaskRouteRef.path} element={<TaskPageElement />} />
+      <Route path={actionsRouteRef.path} element={<ActionsPage />} />
       <Route
         path={scaffolderListTaskRouteRef.path}
         element={<ListTasksPage />}
       />
-      <Route path={scaffolderTaskRouteRef.path} element={<TaskPageElement />} />
-      <Route path={actionsRouteRef.path} element={<ActionsPage />} />
       <Route
         path={editRouteRef.path}
         element={
diff --git a/plugins/scaffolder/src/next/Router/Router.tsx b/plugins/scaffolder/src/next/Router/Router.tsx
index 6ac8bbff65..0ca9e452cd 100644
--- a/plugins/scaffolder/src/next/Router/Router.tsx
+++ b/plugins/scaffolder/src/next/Router/Router.tsx
@@ -31,11 +31,15 @@ import { TemplateGroupFilter } from '../TemplateListPage/TemplateGroups';
 import { DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS } from '../../extensions/default';
 
 import {
+  nextActionsRouteRef,
+  nextScaffolderListTaskRouteRef,
   nextScaffolderTaskRouteRef,
   nextSelectedTemplateRouteRef,
 } from '../routes';
 import { ErrorPage } from '@backstage/core-components';
 import { OngoingTask } from '../OngoingTask';
+import { ActionsPage } from '../../components/ActionsPage';
+import { ListTasksPage } from '../../components/ListTasksPage';
 
 /**
  * The Props for the Scaffolder Router
@@ -120,6 +124,11 @@ export const Router = (props: PropsWithChildren<NextRouterProps>) => {
           <OngoingTask TemplateOutputsComponent={TemplateOutputsComponent} />
         }
       />
+      <Route path={nextActionsRouteRef.path} element={<ActionsPage />} />
+      <Route
+        path={nextScaffolderListTaskRouteRef.path}
+        element={<ListTasksPage />}
+      />
       <Route
         path="*"
         element={<ErrorPage status="404" statusMessage="Page not found" />}
diff --git a/plugins/scaffolder/src/next/TemplateListPage/ContextMenu.tsx b/plugins/scaffolder/src/next/TemplateListPage/ContextMenu.tsx
new file mode 100644
index 0000000000..3bca46af2a
--- /dev/null
+++ b/plugins/scaffolder/src/next/TemplateListPage/ContextMenu.tsx
@@ -0,0 +1,123 @@
+/*
+ * Copyright 2020 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useRouteRef } from '@backstage/core-plugin-api';
+import IconButton from '@material-ui/core/IconButton';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemText from '@material-ui/core/ListItemText';
+import MenuItem from '@material-ui/core/MenuItem';
+import MenuList from '@material-ui/core/MenuList';
+import Popover from '@material-ui/core/Popover';
+import { makeStyles } from '@material-ui/core/styles';
+import Description from '@material-ui/icons/Description';
+import Edit from '@material-ui/icons/Edit';
+import List from '@material-ui/icons/List';
+import MoreVert from '@material-ui/icons/MoreVert';
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import {
+  nextActionsRouteRef,
+  nextEditRouteRef,
+  nextScaffolderListTaskRouteRef,
+} from '../routes';
+
+const useStyles = makeStyles({
+  button: {
+    color: 'white',
+  },
+});
+
+export type ScaffolderPageContextMenuProps = {
+  editor?: boolean;
+  actions?: boolean;
+  tasks?: boolean;
+};
+
+export function ContextMenu(props: ScaffolderPageContextMenuProps) {
+  const classes = useStyles();
+  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement>();
+  const editLink = useRouteRef(nextEditRouteRef);
+  const actionsLink = useRouteRef(nextActionsRouteRef);
+  const tasksLink = useRouteRef(nextScaffolderListTaskRouteRef);
+
+  const navigate = useNavigate();
+
+  const showEditor = props.editor !== false;
+  const showActions = props.actions !== false;
+  const showTasks = props.tasks !== false;
+
+  if (!showEditor && !showActions) {
+    return null;
+  }
+
+  const onOpen = (event: React.SyntheticEvent<HTMLButtonElement>) => {
+    setAnchorEl(event.currentTarget);
+  };
+
+  const onClose = () => {
+    setAnchorEl(undefined);
+  };
+
+  return (
+    <>
+      <IconButton
+        aria-label="more"
+        aria-controls="long-menu"
+        aria-haspopup="true"
+        onClick={onOpen}
+        data-testid="menu-button"
+        color="inherit"
+        className={classes.button}
+      >
+        <MoreVert />
+      </IconButton>
+      <Popover
+        open={Boolean(anchorEl)}
+        onClose={onClose}
+        anchorEl={anchorEl}
+        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+        transformOrigin={{ vertical: 'top', horizontal: 'right' }}
+      >
+        <MenuList>
+          {showEditor && (
+            <MenuItem onClick={() => navigate(editLink())}>
+              <ListItemIcon>
+                <Edit fontSize="small" />
+              </ListItemIcon>
+              <ListItemText primary="Template Editor" />
+            </MenuItem>
+          )}
+          {showActions && (
+            <MenuItem onClick={() => navigate(actionsLink())}>
+              <ListItemIcon>
+                <Description fontSize="small" />
+              </ListItemIcon>
+              <ListItemText primary="Installed Actions" />
+            </MenuItem>
+          )}
+          {showTasks && (
+            <MenuItem onClick={() => navigate(tasksLink())}>
+              <ListItemIcon>
+                <List fontSize="small" />
+              </ListItemIcon>
+              <ListItemText primary="Task List" />
+            </MenuItem>
+          )}
+        </MenuList>
+      </Popover>
+    </>
+  );
+}
diff --git a/plugins/scaffolder/src/next/TemplateListPage/TemplateListPage.tsx b/plugins/scaffolder/src/next/TemplateListPage/TemplateListPage.tsx
index 3097bd98be..b701ceb3c4 100644
--- a/plugins/scaffolder/src/next/TemplateListPage/TemplateListPage.tsx
+++ b/plugins/scaffolder/src/next/TemplateListPage/TemplateListPage.tsx
@@ -37,7 +37,7 @@ import { RegisterExistingButton } from './RegisterExistingButton';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { TemplateGroupFilter, TemplateGroups } from './TemplateGroups';
 import { registerComponentRouteRef } from '../../routes';
-import { ScaffolderPageContextMenu } from '../../components/ScaffolderPage/ScaffolderPageContextMenu';
+import { ContextMenu } from './ContextMenu';
 
 export type TemplateListPageProps = {
   TemplateCardComponent?: React.ComponentType<{
@@ -68,7 +68,7 @@ export const TemplateListPage = (props: TemplateListPageProps) => {
           title="Create a new component"
           subtitle="Create new software components using standard templates in your organization"
         >
-          <ScaffolderPageContextMenu {...props.contextMenu} />
+          <ContextMenu {...props.contextMenu} />
         </Header>
         <Content>
           <ContentHeader title="Available Templates">
diff --git a/plugins/scaffolder/src/next/routes.ts b/plugins/scaffolder/src/next/routes.ts
index 620122ee60..12fad4210a 100644
--- a/plugins/scaffolder/src/next/routes.ts
+++ b/plugins/scaffolder/src/next/routes.ts
@@ -34,3 +34,24 @@ export const nextScaffolderTaskRouteRef = createSubRouteRef({
   parent: nextRouteRef,
   path: '/tasks/:taskId',
 });
+
+/** @alpha */
+export const nextScaffolderListTaskRouteRef = createSubRouteRef({
+  id: 'scaffolder/next/list-tasks',
+  parent: nextRouteRef,
+  path: '/tasks',
+});
+
+/** @alpha */
+export const nextActionsRouteRef = createSubRouteRef({
+  id: 'scaffolder/next/actions',
+  parent: nextRouteRef,
+  path: '/actions',
+});
+
+/** @alpha */
+export const nextEditRouteRef = createSubRouteRef({
+  id: 'scaffolder/next/edit',
+  parent: nextRouteRef,
+  path: '/edit',
+});