Add entity type dropdown to entityIds StreamScope field

packages/studio-plugin/src/http/types/Entities.ts

@@ -12,7 +12,7 @@ export interface EntitiesQueryParams extends BaseQueryParams {
   limit: number;
 }
 
-interface EntityData {
+export interface EntityData {
   id: string;
   displayName: string;
 }

packages/studio-plugin/src/http/types/index.ts

@@ -1,2 +1,2 @@
-export { EntitiesResponse } from "./Entities";
+export { EntitiesResponse, EntityData } from "./Entities";
 export { SavedFilterData } from "./SavedFilters";

packages/studio/package.json

@@ -32,6 +32,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-modal": "3.16.1",
+    "react-select": "^5.7.4",
     "react-toastify": "^9.1.1",
     "react-tooltip": "^5.18.0",
     "tailwind-merge": "^1.8.1",

packages/studio/src/components/AddPageButton/AddPageContext.ts

@@ -1,5 +1,5 @@
 import { StreamScope } from "@yext/studio-plugin";
-import { createContext } from "react";
+import { createContext, useContext } from "react";
 
 export interface AddPageData {
   isStatic: boolean;
@@ -17,6 +17,13 @@ export interface AddPageContextValue {
   actions: AddPageActions;
 }
 
+export function useStreamScope() {
+  const { state, actions } = useContext(AddPageContext);
+  const { streamScope } = state;
+  const { setStreamScope } = actions;
+  return [streamScope, setStreamScope] as const;
+}
+
 const AddPageContext = createContext<AddPageContextValue>(
   {} as AddPageContextValue
 );