prettier and API reports

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

packages/frontend-plugin-api/report.api.md

@@ -1427,16 +1427,36 @@ export const googleAuthApiRef: ApiRef<
 // @public
 export const HeaderActionBlueprint: ExtensionBlueprint_2<{
   kind: 'header-action';
-  params: {
+  params: (params: {
     loader: () => Promise<JSX.Element>;
-  };
-  output: ExtensionDataRef_2<JSX_2, 'core.reactElement', {}>;
+  }) => ExtensionBlueprintParams_2<{
+    loader: () => Promise<JSX.Element>;
+  }>;
+  output: ExtensionDataRef_2<
+    () => Promise<JSX.Element>,
+    'core.header-action.loader',
+    {}
+  >;
   inputs: {};
   config: {};
   configInput: {};
-  dataRefs: never;
+  dataRefs: {
+    action: ConfigurableExtensionDataRef_2<
+      () => Promise<JSX.Element>,
+      'core.header-action.loader',
+      {}
+    >;
+  };
 }>;
 
+// @public
+export type HeaderActionsApi = {
+  getHeaderActions(pluginId: string): ReactNode[];
+};
+
+// @public
+export const headerActionsApiRef: ApiRef_2<HeaderActionsApi>;
+
 // @public @deprecated
 export type IconComponent = ComponentType<{
   fontSize?: 'medium' | 'large' | 'small' | 'inherit';
@@ -1809,6 +1829,8 @@ export interface PageLayoutProps {
   // (undocumented)
   children?: ReactNode;
   // (undocumented)
+  headerActions?: ReactNode;
+  // (undocumented)
   icon?: IconElement;
   // (undocumented)
   tabs?: PageTab[];

packages/frontend-plugin-api/src/blueprints/SubPageBlueprint.tsx

@@ -26,7 +26,7 @@ import { ExtensionBoundary } from '../components';
  * @example
  * ```tsx
  * const overviewRouteRef = createRouteRef();
- * 
+ *
  * const mySubPage = SubPageBlueprint.make({
  *   attachTo: { id: 'page:my-plugin', input: 'pages' },
  *   name: 'overview',

packages/frontend-plugin-api/src/components/index.ts

@@ -25,8 +25,4 @@ export {
 } from './createSwappableComponent';
 export { useAppNode } from './AppNodeProvider';
 export * from './DefaultSwappableComponents';
-export {
-  PageLayout,
-  type PageLayoutProps,
-  type PageTab,
-} from './PageLayout';
+export { PageLayout, type PageLayoutProps, type PageTab } from './PageLayout';

plugins/api-docs/report.api.md

@@ -121,6 +121,7 @@ export type DefaultApiExplorerPageProps = {
   actions?: TableProps<CatalogTableRow>['actions'];
   ownerPickerMode?: EntityOwnerPickerProps['mode'];
   pagination?: EntityListPagination;
+  noHeader?: boolean;
 };
 
 // @public (undocumented)

plugins/app-visualizer/report.api.md

@@ -5,6 +5,7 @@
 ```ts
 import { AnyRouteRefParams } from '@backstage/frontend-plugin-api';
 import { ConfigurableExtensionDataRef } from '@backstage/frontend-plugin-api';
+import { ExtensionBlueprintParams } from '@backstage/frontend-plugin-api';
 import { ExtensionDataRef } from '@backstage/frontend-plugin-api';
 import { ExtensionInput } from '@backstage/frontend-plugin-api';
 import { IconComponent } from '@backstage/frontend-plugin-api';
@@ -19,6 +20,23 @@ const visualizerPlugin: OverridableFrontendPlugin<
   {},
   {},
   {
+    'header-action:app-visualizer': OverridableExtensionDefinition<{
+      kind: 'header-action';
+      name: undefined;
+      config: {};
+      configInput: {};
+      output: ExtensionDataRef<
+        () => Promise<JSX.Element>,
+        'core.header-action.loader',
+        {}
+      >;
+      inputs: {};
+      params: (params: {
+        loader: () => Promise<JSX.Element>;
+      }) => ExtensionBlueprintParams<{
+        loader: () => Promise<JSX.Element>;
+      }>;
+    }>;
     'nav-item:app-visualizer': OverridableExtensionDefinition<{
       kind: 'nav-item';
       name: undefined;
@@ -109,75 +127,6 @@ const visualizerPlugin: OverridableFrontendPlugin<
         routeRef?: RouteRef;
       };
     }>;
-    'page:app-visualizer/2': OverridableExtensionDefinition<{
-      kind: 'page';
-      name: '2';
-      config: {
-        path: string | undefined;
-        title: string | undefined;
-      };
-      configInput: {
-        title?: string | undefined;
-        path?: string | undefined;
-      };
-      output:
-        | ExtensionDataRef<string, 'core.routing.path', {}>
-        | ExtensionDataRef<
-            RouteRef<AnyRouteRefParams>,
-            'core.routing.ref',
-            {
-              optional: true;
-            }
-          >
-        | ExtensionDataRef<JSX_2.Element, 'core.reactElement', {}>
-        | ExtensionDataRef<
-            string,
-            'core.title',
-            {
-              optional: true;
-            }
-          >
-        | ExtensionDataRef<
-            IconElement,
-            'core.icon',
-            {
-              optional: true;
-            }
-          >;
-      inputs: {
-        pages: ExtensionInput<
-          | ConfigurableExtensionDataRef<JSX_2.Element, 'core.reactElement', {}>
-          | ConfigurableExtensionDataRef<string, 'core.routing.path', {}>
-          | ConfigurableExtensionDataRef<
-              RouteRef<AnyRouteRefParams>,
-              'core.routing.ref',
-              {
-                optional: true;
-              }
-            >
-          | ConfigurableExtensionDataRef<
-              string,
-              'core.title',
-              {
-                optional: true;
-              }
-            >,
-          {
-            singleton: false;
-            optional: false;
-            internal: false;
-          }
-        >;
-      };
-      params: {
-        defaultPath?: [Error: `Use the 'path' param instead`];
-        path: string;
-        title?: string;
-        icon?: IconElement;
-        loader?: () => Promise<JSX.Element>;
-        routeRef?: RouteRef;
-      };
-    }>;
     'sub-page:app-visualizer/details': OverridableExtensionDefinition<{
       kind: 'sub-page';
       name: 'details';

plugins/app-visualizer/src/components/AppVisualizerPage/TextVisualizer.tsx

@@ -14,11 +14,7 @@
  * limitations under the License.
  */
 
-import {
-  AppNode,
-  useApi,
-  appTreeApiRef,
-} from '@backstage/frontend-plugin-api';
+import { AppNode, useApi, appTreeApiRef } from '@backstage/frontend-plugin-api';
 import { Box, Checkbox } from '@backstage/ui';
 import { ReactNode, useState } from 'react';
 

plugins/app/report.api.md

@@ -469,6 +469,34 @@ const appPlugin: OverridableFrontendPlugin<
         params: ApiFactory<TApi, TImpl, TDeps>,
       ) => ExtensionBlueprintParams<AnyApiFactory>;
     }>;
+    'api:app/header-actions': OverridableExtensionDefinition<{
+      config: {};
+      configInput: {};
+      output: ExtensionDataRef<AnyApiFactory, 'core.api.factory', {}>;
+      inputs: {
+        actions: ExtensionInput<
+          ConfigurableExtensionDataRef<
+            () => Promise<JSX.Element>,
+            'core.header-action.loader',
+            {}
+          >,
+          {
+            singleton: false;
+            optional: false;
+            internal: false;
+          }
+        >;
+      };
+      kind: 'api';
+      name: 'header-actions';
+      params: <
+        TApi,
+        TImpl extends TApi,
+        TDeps extends { [name in string]: unknown },
+      >(
+        params: ApiFactory<TApi, TImpl, TDeps>,
+      ) => ExtensionBlueprintParams<AnyApiFactory>;
+    }>;
     'api:app/icons': OverridableExtensionDefinition<{
       config: {};
       configInput: {};