chore: Replace entities in entity explorer with new ADS templates

app/client/src/PluginActionEditor/components/PluginActionResponse/components/DatasourceTab/DatasourceInfo.tsx

@@ -8,8 +8,8 @@ import { datasourcesEditorIdURL } from "ee/RouteBuilder";
 import { omit } from "lodash";
 import { getQueryParams } from "utils/URLUtils";
 import history from "utils/history";
-import { useEditorType } from "ee/hooks";
-import { useParentEntityInfo } from "ee/hooks/datasourceEditorHooks";
+import { useParentEntityInfo } from "ee/IDE/hooks/useParentEntityInfo";
+import { getIDETypeByUrl } from "ee/entities/IDE/utils";
 import type { Plugin } from "entities/Plugin";
 
 interface Props {
@@ -25,8 +25,8 @@ const DatasourceInfo = ({
   plugin,
   showEditButton,
 }: Props) => {
-  const editorType = useEditorType(location.pathname);
-  const { parentEntityId } = useParentEntityInfo(editorType);
+  const ideType = getIDETypeByUrl(location.pathname);
+  const { parentEntityId } = useParentEntityInfo(ideType);
 
   // eslint-disable-next-line react-perf/jsx-no-new-function-as-prop
   const editDatasource = () => {

app/client/src/PluginActionEditor/components/PluginActionResponse/components/DatasourceTab/DatasourceTab.tsx

@@ -23,8 +23,7 @@ import { isEmpty, omit } from "lodash";
 import { getQueryParams } from "utils/URLUtils";
 import { TableColumns } from "./TableColumns";
 import { BOTTOMBAR_HEIGHT } from "./constants";
-import { useEditorType } from "ee/hooks";
-import { useParentEntityInfo } from "ee/hooks/datasourceEditorHooks";
+import { useParentEntityInfo } from "ee/IDE/hooks/useParentEntityInfo";
 import DatasourceInfo from "./DatasourceInfo";
 import { getPlugin } from "ee/selectors/entitiesSelector";
 import {
@@ -34,6 +33,7 @@ import {
 } from "ee/utils/BusinessFeatures/permissionPageHelpers";
 import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
 import { FEATURE_FLAG } from "ee/entities/FeatureFlag";
+import { getIDETypeByUrl } from "ee/entities/IDE/utils";
 
 interface Props {
   datasourceId: string;
@@ -58,8 +58,8 @@ const DatasourceTab = (props: Props) => {
 
   const plugin = useSelector((state) => getPlugin(state, pluginId || ""));
 
-  const editorType = useEditorType(location.pathname);
-  const { parentEntityId } = useParentEntityInfo(editorType);
+  const ideType = getIDETypeByUrl(location.pathname);
+  const { parentEntityId } = useParentEntityInfo(ideType);
 
   const [selectedTable, setSelectedTable] = useState<string>();
 

app/client/src/ce/IDE/hooks/useParentEntityInfo.ts

@@ -0,0 +1,19 @@
+import { ActionParentEntityType } from "ee/entities/Engine/actionHelpers";
+import type { IDEType } from "ee/entities/IDE/constants";
+import { useSelector } from "react-redux";
+import {
+  getCurrentApplicationId,
+  getCurrentBasePageId,
+} from "selectors/editorSelectors";
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const useParentEntityInfo = (ideType: IDEType) => {
+  const appId = useSelector(getCurrentApplicationId);
+  const basePageId = useSelector(getCurrentBasePageId);
+
+  return {
+    editorId: appId || "",
+    parentEntityId: basePageId || "",
+    parentEntityType: ActionParentEntityType.PAGE,
+  };
+};

app/client/src/ce/actions/helpers.ts

@@ -10,6 +10,7 @@ import {
   saveActionName,
 } from "actions/pluginActionActions";
 import { saveJSObjectName } from "actions/jsActionActions";
+import { IDE_TYPE, type IDEType } from "ee/entities/IDE/constants";
 
 export const createNewQueryBasedOnParentEntity = (
   entityId: string,
@@ -43,12 +44,12 @@ export const createNewJSCollectionBasedOnParentEntity = (
   return createNewJSCollection(entityId, from);
 };
 
-export const saveActionNameBasedOnParentEntity = (
+export const saveActionNameBasedOnIdeType = (
   id: string,
   name: string,
   // Used in EE
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  parentEntityType: ActionParentEntityTypeInterface = ActionParentEntityType.PAGE,
+  ideType: IDEType = IDE_TYPE.App,
 ) => {
   return saveActionName({ id, name });
 };
@@ -63,9 +64,9 @@ export const saveJSObjectNameBasedOnParentEntity = (
   return saveJSObjectName({ id, name });
 };
 
-export const createNewApiActionBasedOnEditorType = (
+export const createNewApiActionBasedOnIdeType = (
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  editorType: string,
+  ideType: IDEType,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   editorId: string,
   parentEntityId: string,

app/client/src/ce/entities/IDE/constants.ts

@@ -139,3 +139,21 @@ export type UseRoutes = Array<{
   path: string[];
   exact: boolean;
 }>;
+
+export enum ActionEntityContextMenuItemsEnum {
+  RENAME = "Rename",
+  SHOW_BINDING = "Show Bindings",
+  CONVERT_QUERY_MODULE_INSTANCE = "Create Module",
+  COPY = "Copy",
+  MOVE = "Move",
+  DELETE = "Delete",
+}
+
+export const defaultActionMenuItems = [
+  ActionEntityContextMenuItemsEnum.RENAME,
+  ActionEntityContextMenuItemsEnum.DELETE,
+  ActionEntityContextMenuItemsEnum.SHOW_BINDING,
+  ActionEntityContextMenuItemsEnum.COPY,
+  ActionEntityContextMenuItemsEnum.MOVE,
+  ActionEntityContextMenuItemsEnum.CONVERT_QUERY_MODULE_INSTANCE,
+];

app/client/src/ce/entities/IDE/hooks/useActionContextMenuByIdeType.tsx

@@ -0,0 +1,45 @@
+import React from "react";
+import type { Action } from "entities/Action";
+import { IDE_TYPE, type IDEType } from "../constants";
+import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
+import { FEATURE_FLAG } from "../../FeatureFlag";
+import { useParentEntityInfo } from "ee/IDE/hooks/useParentEntityInfo";
+import {
+  getHasDeleteActionPermission,
+  getHasManageActionPermission,
+} from "ee/utils/BusinessFeatures/permissionPageHelpers";
+import { QueryEntityContextMenu } from "pages/Editor/IDE/EditorPane/Query/ListItem/QueryEntityContextMenu";
+
+export const useActionContextMenuByIdeType = (
+  ideType: IDEType,
+  action: Action,
+) => {
+  const actionPermissions = action.userPermissions || [];
+  const isFeatureEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);
+  const { parentEntityId } = useParentEntityInfo(ideType);
+
+  switch (ideType) {
+    case IDE_TYPE.App: {
+      const canDeleteAction = getHasDeleteActionPermission(
+        isFeatureEnabled,
+        actionPermissions,
+      );
+
+      const canManageAction = getHasManageActionPermission(
+        isFeatureEnabled,
+        actionPermissions,
+      );
+
+      return (
+        <QueryEntityContextMenu
+          canDeleteAction={canDeleteAction}
+          canManageAction={canManageAction}
+          id={action.id}
+          name={action.name}
+          parentEntityId={parentEntityId}
+          pluginType={action.pluginType}
+        />
+      );
+    }
+  }
+};

app/client/src/ce/entities/IDE/hooks/useCreateActionsPermissions.ts

@@ -0,0 +1,20 @@
+import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
+import { IDE_TYPE, type IDEType } from "../constants";
+import { FEATURE_FLAG } from "ee/entities/FeatureFlag";
+import { useSelector } from "react-redux";
+import { getPagePermissions } from "selectors/editorSelectors";
+import { getHasCreateActionPermission } from "ee/utils/BusinessFeatures/permissionPageHelpers";
+
+export const useCreateActionsPermissions = (ideType: IDEType) => {
+  const isFeatureEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);
+  const pagePermissions = useSelector(getPagePermissions);
+
+  switch (ideType) {
+    case IDE_TYPE.App: {
+      return getHasCreateActionPermission(isFeatureEnabled, pagePermissions);
+    }
+    default: {
+      return true;
+    }
+  }
+};

app/client/src/ce/entities/IDE/utils.ts

@@ -1,5 +1,9 @@
 import type { IDEType, EditorState } from "ee/entities/IDE/constants";
-import { IDE_TYPE, IDEBasePaths } from "ee/entities/IDE/constants";
+import {
+  defaultActionMenuItems,
+  IDE_TYPE,
+  IDEBasePaths,
+} from "ee/entities/IDE/constants";
 import { matchPath } from "react-router";
 import { identifyEntityFromPath } from "navigation/FocusEntity";
 import {
@@ -73,3 +77,12 @@ export const getEditableTabPermissions = ({
     entity?.userPermissions || [],
   );
 };
+
+export const getMenuItemsForActionEntityByIdeType = (ideType: IDEType) => {
+  switch (ideType) {
+    case IDE_TYPE.App:
+      return defaultActionMenuItems;
+    default:
+      return defaultActionMenuItems;
+  }
+};

app/client/src/ce/hooks/datasourceEditorHooks.tsx

@@ -2,7 +2,6 @@ import {
   GENERATE_NEW_PAGE_BUTTON_TEXT,
   createMessage,
 } from "ee/constants/messages";
-import { ActionParentEntityType } from "ee/entities/Engine/actionHelpers";
 import { FEATURE_FLAG } from "ee/entities/FeatureFlag";
 import type { AppState } from "ee/reducers";
 import { getPlugin } from "ee/selectors/entitiesSelector";
@@ -18,17 +17,13 @@ import NewActionButton from "pages/Editor/DataSourceEditor/NewActionButton";
 import { useShowPageGenerationOnHeader } from "pages/Editor/DataSourceEditor/hooks";
 import React from "react";
 import { useDispatch, useSelector } from "react-redux";
-import {
-  getCurrentApplicationId,
-  getCurrentBasePageId,
-  getPagePermissions,
-} from "selectors/editorSelectors";
+import { getPagePermissions } from "selectors/editorSelectors";
 import { getIsAnvilEnabledInCurrentApplication } from "layoutSystems/anvil/integrations/selectors";
 import { isEnabledForPreviewData } from "utils/editorContextUtils";
 import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
-import { EditorNames } from "./";
 import { getCurrentApplication } from "ee/selectors/applicationSelectors";
 import { openGeneratePageModal } from "pages/Editor/GeneratePage/store/generatePageActions";
+import { IDE_TYPE, type IDEType } from "ee/entities/IDE/constants";
 
 export interface HeaderActionProps {
   datasource: Datasource | ApiDatasourceForm | undefined;
@@ -38,7 +33,7 @@ export interface HeaderActionProps {
 }
 
 export const useHeaderActions = (
-  editorType: string,
+  ideType: IDEType,
   {
     datasource,
     isPluginAuthorized,
@@ -77,7 +72,7 @@ export const useHeaderActions = (
     ? false
     : !!isPluginAllowedToPreviewData;
 
-  if (editorType === EditorNames.APPLICATION) {
+  if (ideType === IDE_TYPE.App) {
     const canCreateDatasourceActions = hasCreateDSActionPermissionInApp({
       isEnabled: isFeatureEnabled,
       dsPermissions: datasource?.userPermissions ?? [],
@@ -141,15 +136,3 @@ export const useHeaderActions = (
 
   return {};
 };
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const useParentEntityInfo = (editorType: string) => {
-  const appId = useSelector(getCurrentApplicationId);
-  const basePageId = useSelector(getCurrentBasePageId);
-
-  return {
-    editorId: appId || "",
-    parentEntityId: basePageId || "",
-    parentEntityType: ActionParentEntityType.PAGE,
-  };
-};

app/client/src/ce/hooks/index.ts

@@ -1,39 +1,4 @@
-import {
-  BUILDER_BASE_PATH_DEPRECATED,
-  BUILDER_VIEWER_PATH_PREFIX,
-} from "constants/routes";
 import { useEffect, type RefObject } from "react";
-import { matchPath } from "react-router";
-
-export const EditorNames = {
-  APPLICATION: "app",
-};
-
-export interface EditorType {
-  [key: string]: string;
-}
-
-export const editorType: EditorType = {
-  [BUILDER_VIEWER_PATH_PREFIX]: EditorNames.APPLICATION,
-  [BUILDER_BASE_PATH_DEPRECATED]: EditorNames.APPLICATION,
-};
-
-// Utility function to get editor type based on path
-// to be used in non react functions
-export const getEditorType = (path: string) => {
-  const basePath = matchPath(path, {
-    path: [BUILDER_VIEWER_PATH_PREFIX, BUILDER_BASE_PATH_DEPRECATED],
-  });
-
-  return basePath
-    ? editorType[basePath.path]
-    : editorType[BUILDER_VIEWER_PATH_PREFIX];
-};
-
-// custom hook to get editor type based on path
-export const useEditorType = (path: string) => {
-  return getEditorType(path);
-};
 
 export function useOutsideClick<T extends HTMLElement>(
   ref: RefObject<T>,

app/client/src/ce/pages/Editor/IDE/EditorPane/Query/ListItem/index.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+import { QueryEntityItem } from "pages/Editor/IDE/EditorPane/Query/ListItem/QueryEntityItem";
+import type { EntityItem } from "ee/entities/IDE/constants";
+
+export const ActionEntityItem = (props: {
+  parentEntityId: string;
+  item: EntityItem;
+}) => {
+  return <QueryEntityItem {...props} />;
+};

app/client/src/ce/pages/Editor/IDE/EditorPane/Query/ListItem.tsx → app/client/src/ce/pages/Editor/IDE/EditorPane/Query/ListItem/old/ListItem.tsx

@@ -1,25 +1,22 @@
 import React from "react";
-import type { ActionParentEntityTypeInterface } from "ee/entities/Engine/actionHelpers";
 import ExplorerActionEntity from "pages/Editor/Explorer/Actions/ActionEntity";
 import type { EntityItem } from "ee/entities/IDE/constants";
 
 export interface QueryListItemProps {
   item: EntityItem;
   isActive: boolean;
   parentEntityId: string;
-  parentEntityType: ActionParentEntityTypeInterface;
 }
 
 export const QueryListItem = (props: QueryListItemProps) => {
-  const { isActive, item, parentEntityId, parentEntityType } = props;
+  const { isActive, item, parentEntityId } = props;
 
   return (
     <ExplorerActionEntity
       baseId={item.key}
       isActive={isActive}
       key={item.key}
       parentEntityId={parentEntityId}
-      parentEntityType={parentEntityType}
       searchKeyword={""}
       step={1}
       type={item.type}