feat: updating name for default swappable refs

Signed-off-by: benjdlambert <ben@blam.sh>

plugins/app/report.api.md

@@ -743,9 +743,9 @@ const appPlugin: FrontendPlugin<
         element: JSX.Element;
       };
     }>;
-    'component:app/core.components.errorBoundary': ExtensionDefinition<{
+    'component:app/core-error-display': ExtensionDefinition<{
       kind: 'component';
-      name: 'core.components.errorBoundary';
+      name: 'core-error-display';
       config: {};
       configInput: {};
       output: ExtensionDataRef<
@@ -799,9 +799,9 @@ const appPlugin: FrontendPlugin<
           : never;
       }>;
     }>;
-    'component:app/core.components.notFoundErrorPage': ExtensionDefinition<{
+    'component:app/core-not-found-error-page': ExtensionDefinition<{
       kind: 'component';
-      name: 'core.components.notFoundErrorPage';
+      name: 'core-not-found-error-page';
       config: {};
       configInput: {};
       output: ExtensionDataRef<
@@ -855,9 +855,9 @@ const appPlugin: FrontendPlugin<
           : never;
       }>;
     }>;
-    'component:app/core.components.progress': ExtensionDefinition<{
+    'component:app/core-progress': ExtensionDefinition<{
       kind: 'component';
-      name: 'core.components.progress';
+      name: 'core-progress';
       config: {};
       configInput: {};
       output: ExtensionDataRef<

plugins/app/src/extensions/components.tsx

@@ -28,7 +28,7 @@ import {
 import Button from '@material-ui/core/Button';
 
 export const Progress = SwappableComponentBlueprint.make({
-  name: 'core.components.progress',
+  name: 'core-progress',
   params: define =>
     define({
       component: SwappableProgress,
@@ -37,7 +37,7 @@ export const Progress = SwappableComponentBlueprint.make({
 });
 
 export const NotFoundErrorPage = SwappableComponentBlueprint.make({
-  name: 'core.components.notFoundErrorPage',
+  name: 'core-not-found-error-page',
   params: define =>
     define({
       component: SwappableNotFoundErrorPage,
@@ -46,8 +46,8 @@ export const NotFoundErrorPage = SwappableComponentBlueprint.make({
     }),
 });
 
-export const ErrorBoundary = SwappableComponentBlueprint.make({
-  name: 'core.components.errorBoundary',
+export const ErrorDisplay = SwappableComponentBlueprint.make({
+  name: 'core-error-display',
   params: define =>
     define({
       component: SwappableErrorDisplay,

plugins/app/src/extensions/index.ts

@@ -31,4 +31,4 @@ export {
   oauthRequestDialogAppRootElement,
   alertDisplayAppRootElement,
 } from './elements';
-export { Progress, NotFoundErrorPage, ErrorBoundary } from './components';
+export { Progress, NotFoundErrorPage, ErrorDisplay } from './components';

plugins/app/src/plugin.ts

@@ -35,7 +35,7 @@ import {
   dialogDisplayAppRootElement,
   Progress,
   NotFoundErrorPage,
-  ErrorBoundary,
+  ErrorDisplay,
   LegacyComponentsApi,
 } from './extensions';
 import { apis } from './defaultApis';
@@ -65,7 +65,7 @@ export const appPlugin = createFrontendPlugin({
     dialogDisplayAppRootElement,
     Progress,
     NotFoundErrorPage,
-    ErrorBoundary,
+    ErrorDisplay,
     LegacyComponentsApi,
   ],
 });