chore: Moving the util for grouping & sorting entity list to a common folder

app/client/src/IDE/utils/groupAndSortEntitySegmentList.ts

@@ -0,0 +1,28 @@
+import { groupBy, sortBy } from "lodash";
+import type { EntityItem } from "ee/IDE/Interfaces/EntityItem";
+
+export type EditorSegmentList = Array<{
+  group: string | "NA";
+  items: EntityItem[];
+}>;
+
+export const groupAndSortEntitySegmentList = (
+  items: EntityItem[],
+): EditorSegmentList => {
+  const groups = groupBy(items, (item) => {
+    if (item.group) return item.group;
+
+    return "NA";
+  });
+
+  // Entity Segment Lists are sorted alphabetically at both group and item level
+  return sortBy(
+    Object.keys(groups).map((group) => {
+      return {
+        group: group,
+        items: sortBy(groups[group], "title"),
+      };
+    }),
+    "group",
+  );
+};

app/client/src/ce/selectors/appIDESelectors.test.ts

@@ -1,5 +1,5 @@
 import type { EntityItem } from "ee/IDE/Interfaces/EntityItem";
-import { groupAndSortEntitySegmentList } from "./appIDESelectors";
+import { groupAndSortEntitySegmentList } from "IDE/utils/groupAndSortEntitySegmentList";
 import { PluginType } from "entities/Plugin";
 
 describe("groupAndSortEntitySegmentList", () => {

app/client/src/ce/selectors/appIDESelectors.ts

@@ -1,6 +1,5 @@
-import { groupBy, keyBy, sortBy } from "lodash";
+import { keyBy } from "lodash";
 import { createSelector } from "reselect";
-import type { EntityItem } from "ee/IDE/Interfaces/EntityItem";
 import {
   getJSSegmentItems,
   getQuerySegmentItems,
@@ -10,32 +9,7 @@ import type { AppState } from "ee/reducers";
 import { identifyEntityFromPath } from "navigation/FocusEntity";
 import { getCurrentBasePageId } from "selectors/editorSelectors";
 import { getQueryEntityItemUrl } from "ee/pages/AppIDE/layouts/routers/utils/getQueryEntityItemUrl";
-
-export type EditorSegmentList = Array<{
-  group: string | "NA";
-  items: EntityItem[];
-}>;
-
-export const groupAndSortEntitySegmentList = (
-  items: EntityItem[],
-): EditorSegmentList => {
-  const groups = groupBy(items, (item) => {
-    if (item.group) return item.group;
-
-    return "NA";
-  });
-
-  // Entity Segment Lists are sorted alphabetically at both group and item level
-  return sortBy(
-    Object.keys(groups).map((group) => {
-      return {
-        group: group,
-        items: sortBy(groups[group], "title"),
-      };
-    }),
-    "group",
-  );
-};
+import { groupAndSortEntitySegmentList } from "IDE/utils/groupAndSortEntitySegmentList";
 
 export const selectQuerySegmentEditorList = createSelector(
   getQuerySegmentItems,

app/client/src/pages/AppIDE/components/JSExplorer/JSSegmentList.tsx

@@ -77,7 +77,7 @@ export const ListJSObjects = () => {
       <Flex
         data-testid="t--ide-list"
         flexDirection="column"
-        gap="spaces-4"
+        gap="spaces-3"
         overflowY="auto"
       >
         {isNewADSTemplatesEnabled ? (

app/client/src/pages/AppIDE/components/QueryExplorer/Explorer.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { ListQuery } from "./List";
+import { ListQuery } from "./QuerySegmentList";
 import styled from "styled-components";
 import { Flex } from "@appsmith/ads";
 import { useSelector } from "react-redux";

app/client/src/pages/AppIDE/components/QueryExplorer/List.tsx → app/client/src/pages/AppIDE/components/QueryExplorer/QuerySegmentList.tsx

@@ -72,7 +72,7 @@ export const ListQuery = () => {
       <Flex
         data-testid="t--ide-list"
         flexDirection={"column"}
-        gap="spaces-4"
+        gap="spaces-3"
         overflowY="auto"
       >
         {isNewADSTemplatesEnabled ? (

app/client/src/pages/AppIDE/components/QueryExplorer/index.tsx

@@ -1,2 +1,2 @@
 export { QueryExplorer } from "./Explorer";
-export { ListQuery } from "./List";
+export { ListQuery } from "./QuerySegmentList";