Add PerformerSelect as loadable component (#5528)

* Add PerformerSelect to loadable components
* Add PerformerSelect to example plugin

pkg/plugin/examples/react-component/src/testReact.tsx

@@ -145,11 +145,16 @@ interface IPluginApi {
   });
 
   const TestPage: React.FC = () => {
-    const componentsLoading = PluginApi.hooks.useLoadComponents([PluginApi.loadableComponents.SceneCard]);
+    const componentsToLoad = [
+      PluginApi.loadableComponents.SceneCard,
+      PluginApi.loadableComponents.PerformerSelect,
+    ];
+    const componentsLoading = PluginApi.hooks.useLoadComponents(componentsToLoad);
     
     const {
       SceneCard,
       LoadingIndicator,
+      PerformerSelect,
     } = PluginApi.components;
 
     // read a random scene and show a scene card for it
@@ -172,6 +177,9 @@ interface IPluginApi {
       <div>
         <div>This is a test page.</div>
         {!!scene && <SceneCard scene={data.findScenes.scenes[0]} />}
+        <div>
+          <PerformerSelect isMulti onSelect={() => {}} values={[]} />
+        </div>
       </div>
     );
   };

ui/v2.5/src/pluginApi.tsx

@@ -83,6 +83,7 @@ export const PluginApi = {
   loadableComponents: {
     // add components as needed for plugins that provide pages
     SceneCard: () => import("./components/Scenes/SceneCard"),
+    PerformerSelect: () => import("./components/Performers/PerformerSelect"),
   },
   components,
   utils: {