run prettier formatting

Signed-off-by: Fredrik Adelöw <freben@gmail.com>

plugins/api-docs/dev/index.tsx

@@ -30,19 +30,19 @@ import openapiApiEntity from './openapi-example-api.yaml';
 import otherApiEntity from './other-example-api.yaml';
 import { Content, Header, Page } from '@backstage/core-components';
 
-const mockEntities = ([
+const mockEntities = [
   openapiApiEntity,
   asyncapiApiEntity,
   graphqlApiEntity,
   otherApiEntity,
-] as unknown) as Entity[];
+] as unknown as Entity[];
 
 createDevApp()
   .registerApi({
     api: catalogApiRef,
     deps: {},
     factory: () =>
-      (({
+      ({
         async getEntities() {
           return {
             items: mockEntities.slice(),
@@ -51,7 +51,7 @@ createDevApp()
         async getEntityByName(name: string) {
           return mockEntities.find(e => e.metadata.name === name);
         },
-      } as unknown) as typeof catalogApiRef.T),
+      } as unknown as typeof catalogApiRef.T),
   })
   .registerApi({
     api: apiDocsConfigRef,
@@ -72,7 +72,7 @@ createDevApp()
       <Page themeId="home">
         <Header title="OpenAPI" />
         <Content>
-          <EntityProvider entity={(openapiApiEntity as any) as Entity}>
+          <EntityProvider entity={openapiApiEntity as any as Entity}>
             <EntityApiDefinitionCard />
           </EntityProvider>
         </Content>
@@ -85,7 +85,7 @@ createDevApp()
       <Page themeId="home">
         <Header title="AsyncAPI" />
         <Content>
-          <EntityProvider entity={(asyncapiApiEntity as any) as Entity}>
+          <EntityProvider entity={asyncapiApiEntity as any as Entity}>
             <EntityApiDefinitionCard />
           </EntityProvider>
         </Content>
@@ -98,7 +98,7 @@ createDevApp()
       <Page themeId="home">
         <Header title="GraphQL" />
         <Content>
-          <EntityProvider entity={(graphqlApiEntity as any) as Entity}>
+          <EntityProvider entity={graphqlApiEntity as any as Entity}>
             <EntityApiDefinitionCard />
           </EntityProvider>
         </Content>
@@ -111,7 +111,7 @@ createDevApp()
       <Page themeId="home">
         <Header title="Other" />
         <Content>
-          <EntityProvider entity={(otherApiEntity as any) as Entity}>
+          <EntityProvider entity={otherApiEntity as any as Entity}>
             <EntityApiDefinitionCard />
           </EntityProvider>
         </Content>

plugins/api-docs/src/components/AsyncApiDefinitionWidget/AsyncApiDefinitionWidget.tsx

@@ -88,13 +88,15 @@ const useStyles = makeStyles(theme => ({
     '& .asyncapi__enum': {
       color: theme.palette.secondary.main,
     },
-    '& .asyncapi__info, .asyncapi__channel, .asyncapi__channels > div, .asyncapi__schema, .asyncapi__channel-operations-list .asyncapi__messages-list-item .asyncapi__message, .asyncapi__message, .asyncapi__server, .asyncapi__servers > div, .asyncapi__messages > div, .asyncapi__schemas > div': {
-      'background-color': 'inherit',
-    },
-    '& .asyncapi__channel-parameters-header, .asyncapi__channel-operations-header, .asyncapi__channel-operation-oneOf-subscribe-header, .asyncapi__channel-operation-oneOf-publish-header, .asyncapi__channel-operation-message-header,  .asyncapi__message-header, .asyncapi__message-header-title, .asyncapi__message-header-title > h3, .asyncapi__bindings, .asyncapi__bindings-header, .asyncapi__bindings-header > h4': {
-      'background-color': 'inherit',
-      color: theme.palette.text.primary,
-    },
+    '& .asyncapi__info, .asyncapi__channel, .asyncapi__channels > div, .asyncapi__schema, .asyncapi__channel-operations-list .asyncapi__messages-list-item .asyncapi__message, .asyncapi__message, .asyncapi__server, .asyncapi__servers > div, .asyncapi__messages > div, .asyncapi__schemas > div':
+      {
+        'background-color': 'inherit',
+      },
+    '& .asyncapi__channel-parameters-header, .asyncapi__channel-operations-header, .asyncapi__channel-operation-oneOf-subscribe-header, .asyncapi__channel-operation-oneOf-publish-header, .asyncapi__channel-operation-message-header,  .asyncapi__message-header, .asyncapi__message-header-title, .asyncapi__message-header-title > h3, .asyncapi__bindings, .asyncapi__bindings-header, .asyncapi__bindings-header > h4':
+      {
+        'background-color': 'inherit',
+        color: theme.palette.text.primary,
+      },
     '& .asyncapi__additional-properties-notice': {
       color: theme.palette.text.hint,
     },
@@ -104,10 +106,11 @@ const useStyles = makeStyles(theme => ({
     '& .asyncapi__schema-example-header-title': {
       color: theme.palette.text.secondary,
     },
-    '& .asyncapi__message-headers-header, .asyncapi__message-payload-header, .asyncapi__server-variables-header, .asyncapi__server-security-header': {
-      'background-color': 'inherit',
-      color: theme.palette.text.secondary,
-    },
+    '& .asyncapi__message-headers-header, .asyncapi__message-payload-header, .asyncapi__server-variables-header, .asyncapi__server-security-header':
+      {
+        'background-color': 'inherit',
+        color: theme.palette.text.secondary,
+      },
     '& .asyncapi__table-header': {
       background: theme.palette.background.default,
     },

plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinitionWidget.tsx

@@ -30,22 +30,26 @@ const useStyles = makeStyles(theme => ({
     '& .scheme-container': {
       'background-color': theme.palette.background.default,
     },
-    '& .opblock-tag, .opblock-tag small, table thead tr td, table thead tr th': {
-      color: theme.palette.text.primary,
-      'border-color': theme.palette.divider,
-    },
+    '& .opblock-tag, .opblock-tag small, table thead tr td, table thead tr th':
+      {
+        color: theme.palette.text.primary,
+        'border-color': theme.palette.divider,
+      },
     '& section.models, section.models.is-open h4': {
       'border-color': theme.palette.divider,
     },
-    '& .opblock .opblock-summary-description, .parameter__type, table.headers td, .model-title, .model .property.primitive, section h3': {
-      color: theme.palette.text.secondary,
-    },
-    '& .opblock .opblock-summary-operation-id, .opblock .opblock-summary-path, .opblock .opblock-summary-path__deprecated, .opblock .opblock-section-header h4, .parameter__name, .response-col_status, .response-col_links, .responses-inner h4, .swagger-ui .responses-inner h5, .opblock-section-header .btn, .tab li, .info li, .info p, .info table, section.models h4, .info .title, table.model tr.description, .property-row': {
-      color: theme.palette.text.primary,
-    },
-    '& .opblock .opblock-section-header, .model-box, section.models .model-container': {
-      background: theme.palette.background.default,
-    },
+    '& .opblock .opblock-summary-description, .parameter__type, table.headers td, .model-title, .model .property.primitive, section h3':
+      {
+        color: theme.palette.text.secondary,
+      },
+    '& .opblock .opblock-summary-operation-id, .opblock .opblock-summary-path, .opblock .opblock-summary-path__deprecated, .opblock .opblock-section-header h4, .parameter__name, .response-col_status, .response-col_links, .responses-inner h4, .swagger-ui .responses-inner h5, .opblock-section-header .btn, .tab li, .info li, .info p, .info table, section.models h4, .info .title, table.model tr.description, .property-row':
+      {
+        color: theme.palette.text.primary,
+      },
+    '& .opblock .opblock-section-header, .model-box, section.models .model-container':
+      {
+        background: theme.palette.background.default,
+      },
     '& .prop-format, .parameter__in': {
       color: theme.palette.text.disabled,
     },
@@ -53,9 +57,10 @@ const useStyles = makeStyles(theme => ({
       color: theme.palette.text.primary,
       'border-color': theme.palette.divider,
     },
-    '& .opblock-description-wrapper p, .opblock-external-docs-wrapper p, .opblock-title_normal p, .response-control-media-type__accept-message, .opblock .opblock-section-header>label, .scheme-container .schemes>label, .info .base-url, .model': {
-      color: theme.palette.text.hint,
-    },
+    '& .opblock-description-wrapper p, .opblock-external-docs-wrapper p, .opblock-title_normal p, .response-control-media-type__accept-message, .opblock .opblock-section-header>label, .scheme-container .schemes>label, .info .base-url, .model':
+      {
+        color: theme.palette.text.hint,
+      },
     '& .parameter__name.required:after': {
       color: theme.palette.warning.dark,
     },