docusaurus-theme-openapi-docs 0.0.0-beta.722 → 0.0.0-beta.727

package/lib/theme/ApiItem/index.js

@@ -44,9 +44,11 @@ function ApiItem(props) {
   const { schema } = frontMatter;
   // decompress and parse
   if (api) {
-    api = JSON.parse(
-      zlib_1.default.inflateSync(Buffer.from(api, "base64")).toString()
-    );
+    try {
+      api = JSON.parse(
+        zlib_1.default.inflateSync(Buffer.from(api, "base64")).toString()
+      );
+    } catch {}
   }
   const { siteConfig } = (0, useDocusaurusContext_1.default)();
   const themeConfig = siteConfig.themeConfig;

package/lib/theme/SchemaTabs/index.js

@@ -114,11 +114,17 @@ function TabList({ className, block, selectedValue, selectValue, tabValues }) {
       resizeObserver.disconnect();
     };
   }, []);
-  const handleRightClick = () => {
-    tabItemListContainerRef.current.scrollLeft += 90;
+  const handleRightClick = (e) => {
+    e.preventDefault();
+    if (tabItemListContainerRef.current) {
+      tabItemListContainerRef.current.scrollLeft += 90;
+    }
   };
-  const handleLeftClick = () => {
-    tabItemListContainerRef.current.scrollLeft -= 90;
+  const handleLeftClick = (e) => {
+    e.preventDefault();
+    if (tabItemListContainerRef.current) {
+      tabItemListContainerRef.current.scrollLeft -= 90;
+    }
   };
   return react_1.default.createElement(
     "div",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docusaurus-theme-openapi-docs",
   "description": "OpenAPI theme for Docusaurus.",
-  "version": "0.0.0-beta.722",
+  "version": "0.0.0-beta.727",
   "license": "MIT",
   "keywords": [
     "openapi",
@@ -44,7 +44,7 @@
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.1.0",
     "crypto-js": "^4.1.1",
-    "docusaurus-plugin-openapi-docs": "0.0.0-beta.722",
+    "docusaurus-plugin-openapi-docs": "0.0.0-beta.727",
     "docusaurus-plugin-sass": "^0.2.3",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.20",
@@ -69,5 +69,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "cae8c487b81918ef2cab2c7338deaae407b4dc2b"
+  "gitHead": "3269c28557138d879701d00fe96c054c708155cc"
 }

package/src/theme/ApiItem/index.tsx

@@ -56,11 +56,12 @@ export default function ApiItem(props: Props): JSX.Element {
   const { schema } = frontMatter as SchemaFrontMatter;
   // decompress and parse
   if (api) {
-    api = JSON.parse(
-      zlib.inflateSync(Buffer.from(api as any, "base64")).toString()
-    );
+    try {
+      api = JSON.parse(
+        zlib.inflateSync(Buffer.from(api as any, "base64")).toString()
+      );
+    } catch {}
   }
-
   const { siteConfig } = useDocusaurusContext();
   const themeConfig = siteConfig.themeConfig as ThemeConfig;
   const options = themeConfig.api;

package/src/theme/SchemaTabs/index.tsx

@@ -11,6 +11,7 @@ import React, {
   useEffect,
   useState,
   ReactElement,
+  LegacyRef,
 } from "react";
 
 import {
@@ -99,12 +100,18 @@ function TabList({
     };
   }, []);
 
-  const handleRightClick = () => {
-    tabItemListContainerRef.current!.scrollLeft += 90;
+  const handleRightClick = (e: any) => {
+    e.preventDefault();
+    if (tabItemListContainerRef.current) {
+      tabItemListContainerRef.current.scrollLeft += 90;
+    }
   };
 
-  const handleLeftClick = () => {
-    tabItemListContainerRef.current!.scrollLeft -= 90;
+  const handleLeftClick = (e: any) => {
+    e.preventDefault();
+    if (tabItemListContainerRef.current) {
+      tabItemListContainerRef.current.scrollLeft -= 90;
+    }
   };
 
   return (
@@ -116,7 +123,7 @@ function TabList({
         />
       )}
       <ul
-        ref={tabItemListContainerRef}
+        ref={tabItemListContainerRef as LegacyRef<HTMLUListElement>}
         role="tablist"
         aria-orientation="horizontal"
         className={clsx(