chore: Docs in Plugin Action Toolbar

app/client/src/PluginActionEditor/components/PluginActionToolbar/components/DocsMenuItem.tsx

@@ -0,0 +1,26 @@
+import React, { useCallback } from "react";
+import { MenuItem } from "@appsmith/ads";
+import { createMessage, DOCUMENTATION } from "ee/constants/messages";
+import { DocsLink, openDoc } from "constants/DocumentationLinks";
+import { usePluginActionContext } from "../../../PluginActionContext";
+
+export const DocsMenuItem = () => {
+  const { plugin } = usePluginActionContext();
+  const onDocsClick = useCallback(() => {
+    openDoc(DocsLink.QUERY, plugin.documentationLink, plugin.name);
+  }, [plugin]);
+
+  if (!plugin.documentationLink) {
+    return null;
+  }
+
+  return (
+    <MenuItem
+      className="t--datasource-documentation-link"
+      onSelect={onDocsClick}
+      startIcon="book-line"
+    >
+      {createMessage(DOCUMENTATION)}
+    </MenuItem>
+  );
+};

app/client/src/PluginActionEditor/index.ts

@@ -13,3 +13,5 @@ export type {
 export { default as PluginActionNameEditor } from "./components/PluginActionNameEditor";
 
 export type { PluginActionEditorState } from "./store/pluginEditorReducer";
+
+export { DocsMenuItem } from "./components/PluginActionToolbar/components/DocsMenuItem";

app/client/src/ce/pages/Editor/AppPluginActionEditor/components/AppPluginActionToolbar.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { PluginActionToolbar } from "PluginActionEditor";
-import AppPluginActionMenu from "./PluginActionMoreActions";
+import { ToolbarMenu } from "./ToolbarMenu";
 
 const AppPluginActionToolbar = () => {
-  return <PluginActionToolbar menuContent={<AppPluginActionMenu />} />;
+  return <PluginActionToolbar menuContent={<ToolbarMenu />} />;
 };
 
 export default AppPluginActionToolbar;

app/client/src/ce/pages/Editor/AppPluginActionEditor/components/ToolbarMenu/Copy.tsx

@@ -0,0 +1,45 @@
+import { useDispatch, useSelector } from "react-redux";
+import { getPageList } from "ee/selectors/entitiesSelector";
+import { usePluginActionContext } from "PluginActionEditor";
+import React, { useCallback } from "react";
+import { copyActionRequest } from "actions/pluginActionActions";
+import { MenuSub, MenuSubContent, MenuSubTrigger } from "@appsmith/ads";
+import { CONTEXT_COPY, createMessage } from "ee/constants/messages";
+import { PageMenuItem } from "./PageMenuItem";
+
+export const Copy = () => {
+  const menuPages = useSelector(getPageList);
+  const { action } = usePluginActionContext();
+  const dispatch = useDispatch();
+
+  const copyActionToPage = useCallback(
+    (pageId: string) =>
+      dispatch(
+        copyActionRequest({
+          id: action.id,
+          destinationPageId: pageId,
+          name: action.name,
+        }),
+      ),
+    [action.id, action.name, dispatch],
+  );
+
+  return (
+    <MenuSub>
+      <MenuSubTrigger startIcon="duplicate">
+        {createMessage(CONTEXT_COPY)}
+      </MenuSubTrigger>
+      <MenuSubContent>
+        {menuPages.map((page) => {
+          return (
+            <PageMenuItem
+              key={page.basePageId}
+              onSelect={copyActionToPage}
+              page={page}
+            />
+          );
+        })}
+      </MenuSubContent>
+    </MenuSub>
+  );
+};

app/client/src/ce/pages/Editor/AppPluginActionEditor/components/ToolbarMenu/Delete.tsx

@@ -0,0 +1,35 @@
+import { useHandleDeleteClick } from "PluginActionEditor/hooks";
+import React, { useCallback, useState } from "react";
+import {
+  CONFIRM_CONTEXT_DELETE,
+  CONTEXT_DELETE,
+  createMessage,
+} from "ee/constants/messages";
+import { MenuItem } from "@appsmith/ads";
+
+export const Delete = () => {
+  const { handleDeleteClick } = useHandleDeleteClick();
+  const [confirmDelete, setConfirmDelete] = useState(false);
+
+  const handleSelect = useCallback(
+    (e?: Event) => {
+      e?.preventDefault();
+      confirmDelete ? handleDeleteClick({}) : setConfirmDelete(true);
+    },
+    [confirmDelete, handleDeleteClick],
+  );
+
+  const menuLabel = confirmDelete
+    ? createMessage(CONFIRM_CONTEXT_DELETE)
+    : createMessage(CONTEXT_DELETE);
+
+  return (
+    <MenuItem
+      className="t--apiFormDeleteBtn error-menuitem"
+      onSelect={handleSelect}
+      startIcon="trash"
+    >
+      {menuLabel}
+    </MenuItem>
+  );
+};

app/client/src/ce/pages/Editor/AppPluginActionEditor/components/ToolbarMenu/Move.tsx

@@ -0,0 +1,61 @@
+import { useDispatch, useSelector } from "react-redux";
+import { usePluginActionContext } from "PluginActionEditor";
+import { getCurrentPageId } from "selectors/editorSelectors";
+import { getPageList } from "ee/selectors/entitiesSelector";
+import React, { useCallback, useMemo } from "react";
+import { moveActionRequest } from "actions/pluginActionActions";
+import {
+  MenuItem,
+  MenuSub,
+  MenuSubContent,
+  MenuSubTrigger,
+} from "@appsmith/ads";
+import { CONTEXT_MOVE, createMessage } from "ee/constants/messages";
+import { PageMenuItem } from "./PageMenuItem";
+
+export const Move = () => {
+  const dispatch = useDispatch();
+  const { action } = usePluginActionContext();
+
+  const currentPageId = useSelector(getCurrentPageId);
+  const allPages = useSelector(getPageList);
+  const menuPages = useMemo(() => {
+    return allPages.filter((page) => page.pageId !== currentPageId);
+  }, [allPages, currentPageId]);
+
+  const moveActionToPage = useCallback(
+    (destinationPageId: string) =>
+      dispatch(
+        moveActionRequest({
+          id: action.id,
+          destinationPageId,
+          originalPageId: currentPageId,
+          name: action.name,
+        }),
+      ),
+    [dispatch, action.id, action.name, currentPageId],
+  );
+
+  return (
+    <MenuSub>
+      <MenuSubTrigger startIcon="swap-horizontal">
+        {createMessage(CONTEXT_MOVE)}
+      </MenuSubTrigger>
+      <MenuSubContent>
+        {menuPages.length > 1 ? (
+          menuPages.map((page) => {
+            return (
+              <PageMenuItem
+                key={page.basePageId}
+                onSelect={moveActionToPage}
+                page={page}
+              />
+            );
+          })
+        ) : (
+          <MenuItem key="no-pages">No pages</MenuItem>
+        )}
+      </MenuSubContent>
+    </MenuSub>
+  );
+};

app/client/src/ce/pages/Editor/AppPluginActionEditor/components/ToolbarMenu/PageMenuItem.tsx

@@ -0,0 +1,14 @@
+import type { Page } from "entities/Page";
+import React, { useCallback } from "react";
+import { MenuItem } from "@appsmith/ads";
+
+export const PageMenuItem = (props: {
+  page: Page;
+  onSelect: (id: string) => void;
+}) => {
+  const handleOnSelect = useCallback(() => {
+    props.onSelect(props.page.pageId);
+  }, [props]);
+
+  return <MenuItem onSelect={handleOnSelect}>{props.page.pageName}</MenuItem>;
+};