@redocly/portal-plugin-async-api 1.0.202 → 1.0.203

package/src/template.tsx

@@ -1,18 +1,16 @@
 import AsyncApiComponent from '@asyncapi/react-component';
 import React from 'react';
 import styled from 'styled-components';
-// @ts-ignore
 import { Breadcrumbs as ThemeBreadcrumbs } from '@redocly/theme';
-import '@asyncapi/react-component/lib/styles/fiori.css';
 
 import type { ConfigInterface, AsyncApiProps } from '@asyncapi/react-component';
 import type { PageProps } from '@redocly/realm/dist/shared/types';
 import type { AsyncApiDocsSettings } from './config';
-import type { ExpandConfig, ShowConfig } from '@asyncapi/react-component/lib/config';
 
 // @ts-ignore has no exported member error
 import { usePageSharedData } from '@portal/hooks';
 
+import '@asyncapi/react-component/styles/default.css';
 import { StylesProvider } from './styles.js';
 
 interface AsyncApiDocsProps {
@@ -25,47 +23,33 @@ function AsyncApiDocs({ pageProps }: AsyncApiDocsProps) {
   const { settings = {} } = pageProps;
   const asyncApiDefinition = usePageSharedData('AsyncApiDefinition') as AsyncApiProps['schema'];
 
-  const {
-    schemaId,
-    hideChannels,
-    hideErrors,
-    hideInfo,
-    hideMessages,
-    hideSchemas,
-    hideServers,
-    expandChannels,
-    expandMessages,
-    expandSchemas,
-    expandServers,
-  } = settings;
+  const { schemaId, hideOperations, hideErrors, hideInfo, hideMessages, hideSchemas, hideServers } =
+    settings;
 
-  const componentConfig: Partial<
-    ConfigInterface & {
-      showErrors?: boolean;
-      show: ShowConfig & { channels?: boolean };
-      expand: ExpandConfig & {
-        schemas?: AsyncApiDocsSettings['expandSchemas'];
-        channels?: AsyncApiDocsSettings['expandChannels'];
-        messages?: AsyncApiDocsSettings['expandMessages'];
-        servers?: AsyncApiDocsSettings['expandServers'];
-      };
-    }
-  > = {
+  const componentConfig: Partial<ConfigInterface> = {
     schemaID: schemaId,
-    showErrors: !hideErrors,
     show: {
+      errors: !hideErrors,
       info: !hideInfo,
-      channels: !hideChannels,
+      operations: !hideOperations,
       servers: !hideServers,
       messages: !hideMessages,
       schemas: !hideSchemas,
+      sidebar: false,
     },
     expand: {
-      schemas: expandSchemas,
-      channels: expandChannels,
-      messages: expandMessages,
-      servers: expandServers,
+      messageExamples: false,
     },
+    sidebar: {
+      showServers: 'byDefault',
+      showOperations: 'byDefault',
+    },
+    publishLabel: 'PUBLISHER',
+    subscribeLabel: 'SUBSCRIBER',
+    sendLabel: 'SEND',
+    receiveLabel: 'RECEIVE',
+    requestLabel: 'REQUEST',
+    replyLabel: 'REPLY',
   };
 
   return (