Merge branch 'master' into inconsistent-styling

asyncapi · Nov 4, 2024 · d81908f · d81908f
2 parents 76246cb + bd54fb2
commit d81908f
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 10 deletions.
diff --git a/library/package.json b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/react-component",
-  "version": "2.3.4",
+  "version": "2.4.2",
   "private": false,
   "description": "A React component for AsyncAPI specification.",
   "repository": {

diff --git a/library/src/containers/AsyncApi/Layout.tsx b/library/src/containers/AsyncApi/Layout.tsx
@@ -35,7 +35,7 @@ const AsyncApiLayout: React.FunctionComponent<Props> = ({
         }
 
         const possibleClassName =
-          width <= 1280 ? 'container:xl' : 'container:base';
+          width <= 1536 ? 'container:xl' : 'container:base';
         if (possibleClassName !== observerClassName) {
           setObserverClassName(possibleClassName);
         }

diff --git a/library/src/containers/Info/Info.tsx b/library/src/containers/Info/Info.tsx
@@ -77,6 +77,7 @@ export const Info: React.FunctionComponent = () => {
                 <Href
                   className="border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1"
                   href={externalDocs.url()}
+                  title={externalDocs.description() ?? undefined}
                 >
                   <span>{EXTERAL_DOCUMENTATION_TEXT}</span>
                 </Href>

diff --git a/library/src/containers/Operations/Operation.tsx b/library/src/containers/Operations/Operation.tsx
@@ -53,7 +53,7 @@ export const Operation: React.FunctionComponent<Props> = (props) => {
               {servers.map((server) => (
                 <li className="inline-block mt-2 mr-2" key={server.id()}>
                   <a
-                    href={`#${CommonHelpers.getIdentifier(
+                    href={`${window.location.pathname}#${CommonHelpers.getIdentifier(
                       'server-' + server.id(),
                       config,
                     )}`}
@@ -406,7 +406,7 @@ export const OperationReplyChannelInfo: React.FunctionComponent<Props> = ({
             {servers.map((server) => (
               <li className="inline-block mt-2 mr-2" key={server.id()}>
                 <a
-                  href={`#${CommonHelpers.getIdentifier(
+                  href={`${window.location.pathname}#${CommonHelpers.getIdentifier(
                     'server-' + server.id(),
                     config,
                   )}`}

diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
@@ -348,7 +348,13 @@ const OperationItem: React.FunctionComponent<OperationItemProps> = ({
       config,
       isAsyncAPIv2,
     });
-  const bgColors = ['bg-red-600', 'bg-orange-600', 'bg-green-600'];
+  const bgColors = [
+    'bg-red-600',
+    'bg-orange-600',
+    'bg-green-600',
+    'bg-blue-600',
+  ];
+
   return (
     <li key={`menu-operation-list-${operationHrefId}`}>
       <a

diff --git a/package-lock.json b/package-lock.json
diff --git a/web-component/package.json b/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/web-component",
-  "version": "2.3.4",
+  "version": "2.4.2",
   "private": false,
   "description": "A web component for AsyncAPI specification. Based on @asyncapi/react-component.",
   "repository": {
@@ -44,7 +44,7 @@
     "install:reactcomp": "chmod +x ./bump-react-comp.sh && ./bump-react-comp.sh"
   },
   "dependencies": {
-    "@asyncapi/react-component": "^2.3.4",
+    "@asyncapi/react-component": "^2.4.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "web-react-components": "^1.4.2"