Add entity type dropdown to entityIds StreamScope field

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
 );