docusaurus-theme-openapi-docs 0.0.0-1294 → 0.0.0-1310

package/lib/theme/ParamsItem/index.js

@@ -16,18 +16,17 @@ const Translate_1 = require("@docusaurus/Translate");
 const Example_1 = require("@theme/Example");
 const Markdown_1 = __importDefault(require("@theme/Markdown"));
 /* eslint-disable import/no-extraneous-dependencies*/
-const translationIds_1 = require("@theme/translationIds");
 const clsx_1 = __importDefault(require("clsx"));
 const schema_1 = require("../../markdown/schema");
 const utils_1 = require("../../markdown/utils");
 const getEnumDescriptionMarkdown = (enumDescriptions) => {
   if (enumDescriptions?.length) {
     const enumValue = (0, Translate_1.translate)({
-      id: translationIds_1.OPENAPI_SCHEMA_ITEM.ENUM_VALUE,
+      id: "theme.openapi.schemaItem.enumValue",
       message: "Enum Value",
     });
     const description = (0, Translate_1.translate)({
-      id: translationIds_1.OPENAPI_SCHEMA_ITEM.ENUM_DESCRIPTION,
+      id: "theme.openapi.schemaItem.enumDescription",
       message: "Description",
     });
     return `| ${enumValue} | ${description} |
@@ -73,7 +72,7 @@ function ParamsItem({ param, ...rest }) {
       "span",
       { className: "openapi-schema__required" },
       (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+        id: "theme.openapi.schemaItem.required",
         message: "required",
       })
     )
@@ -83,7 +82,7 @@ function ParamsItem({ param, ...rest }) {
       "span",
       { className: "openapi-schema__deprecated" },
       (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEPRECATED,
+        id: "theme.openapi.schemaItem.deprecated",
         message: "deprecated",
       })
     )
@@ -99,7 +98,7 @@ function ParamsItem({ param, ...rest }) {
       return undefined;
     }
     const label = (0, Translate_1.translate)({
-      id: translationIds_1.OPENAPI_SCHEMA_ITEM.CONSTANT_VALUE,
+      id: "theme.openapi.schemaItem.constantValue",
       message: "Constant value:",
     });
     return react_1.default.createElement(
@@ -142,7 +141,7 @@ function ParamsItem({ param, ...rest }) {
             "strong",
             null,
             (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEFAULT_VALUE,
+              id: "theme.openapi.schemaItem.defaultValue",
               message: "Default value:",
             }),
             " "
@@ -161,7 +160,7 @@ function ParamsItem({ param, ...rest }) {
           "strong",
           null,
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEFAULT_VALUE,
+            id: "theme.openapi.schemaItem.defaultValue",
             message: "Default value:",
           }),
           " "

package/lib/theme/RequestSchema/index.js

@@ -23,7 +23,6 @@ const SchemaExpansion_1 = __importDefault(require("@theme/SchemaExpansion"));
 const SchemaTabs_1 = __importDefault(require("@theme/SchemaTabs"));
 const SkeletonLoader_1 = __importDefault(require("@theme/SkeletonLoader"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const RequestSchemaComponent = ({ title, body, style }) => {
   if (
     body === undefined ||
@@ -84,7 +83,7 @@ const RequestSchemaComponent = ({ title, body, style }) => {
                               "openapi-markdown__details-summary-header-body",
                           },
                           (0, Translate_1.translate)({
-                            id: translationIds_1.OPENAPI_REQUEST.BODY_TITLE,
+                            id: "theme.openapi.request.body.title",
                             message: title,
                           }),
                           body.required === true &&
@@ -92,8 +91,7 @@ const RequestSchemaComponent = ({ title, body, style }) => {
                               "span",
                               { className: "openapi-schema__required" },
                               (0, Translate_1.translate)({
-                                id: translationIds_1.OPENAPI_SCHEMA_ITEM
-                                  .REQUIRED,
+                                id: "theme.openapi.schemaItem.required",
                                 message: "required",
                               })
                             )
@@ -193,7 +191,7 @@ const RequestSchemaComponent = ({ title, body, style }) => {
                     className: "openapi-markdown__details-summary-header-body",
                   },
                   (0, Translate_1.translate)({
-                    id: translationIds_1.OPENAPI_REQUEST.BODY_TITLE,
+                    id: "theme.openapi.request.body.title",
                     message: title,
                   }),
                   firstBody.type === "array" &&
@@ -207,7 +205,7 @@ const RequestSchemaComponent = ({ title, body, style }) => {
                       "strong",
                       { className: "openapi-schema__required" },
                       (0, Translate_1.translate)({
-                        id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+                        id: "theme.openapi.schemaItem.required",
                         message: "required",
                       })
                     )

package/lib/theme/ResponseExamples/index.js

@@ -21,7 +21,6 @@ const Translate_1 = require("@docusaurus/Translate");
 const CodeSamples_1 = __importDefault(require("@theme/CodeSamples"));
 const Markdown_1 = __importDefault(require("@theme/Markdown"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const createResponseExample_1 = require("docusaurus-plugin-openapi-docs/lib/openapi/createResponseExample");
 const xml_formatter_1 = __importDefault(require("xml-formatter"));
 function json2xml(o, tab) {
@@ -111,7 +110,7 @@ const ResponseExample = ({ responseExample, mimeType }) => {
       TabItem_1.default,
       {
         label: (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_RESPONSE_EXAMPLES.EXAMPLE,
+          id: "theme.openapi.responseExamples.example",
           message: "Example",
         }),
         value: "Example",
@@ -173,7 +172,7 @@ const ExampleFromSchema = ({ schema, mimeType }) => {
           TabItem_1.default,
           {
             label: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_RESPONSE_EXAMPLES.AUTO_EXAMPLE,
+              id: "theme.openapi.responseExamples.autoExample",
               message: "Example (auto)",
             }),
             value: "Example (auto)",
@@ -196,7 +195,7 @@ const ExampleFromSchema = ({ schema, mimeType }) => {
         TabItem_1.default,
         {
           label: (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_RESPONSE_EXAMPLES.AUTO_EXAMPLE,
+            id: "theme.openapi.responseExamples.autoExample",
             message: "Example (auto)",
           }),
           value: "Example (auto)",

package/lib/theme/ResponseSchema/index.js

@@ -23,7 +23,6 @@ const SchemaExpansion_1 = __importDefault(require("@theme/SchemaExpansion"));
 const SchemaTabs_1 = __importDefault(require("@theme/SchemaTabs"));
 const SkeletonLoader_1 = __importDefault(require("@theme/SkeletonLoader"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const ResponseSchemaComponent = ({ title, body, style }) => {
   if (
     body === undefined ||
@@ -58,7 +57,7 @@ const ResponseSchemaComponent = ({ title, body, style }) => {
                 "div",
                 null,
                 (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_SCHEMA.NO_SCHEMA,
+                  id: "theme.openapi.schema.noSchema",
                   message: "No schema",
                 })
               )
@@ -101,7 +100,7 @@ const ResponseSchemaComponent = ({ title, body, style }) => {
                             "span",
                             { className: "openapi-schema__required" },
                             (0, Translate_1.translate)({
-                              id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+                              id: "theme.openapi.schemaItem.required",
                               message: "required",
                             })
                           )

package/lib/theme/Schema/index.js

@@ -81,7 +81,6 @@ const SchemaExpansion_1 = require("@theme/SchemaExpansion");
 const SchemaItem_1 = __importDefault(require("@theme/SchemaItem"));
 const SchemaTabs_1 = __importDefault(require("@theme/SchemaTabs"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 // eslint-disable-next-line import/no-extraneous-dependencies
 const allof_merge_1 = require("allof-merge");
 const clsx_1 = __importDefault(require("clsx"));
@@ -286,7 +285,7 @@ const Summary = ({ name, schemaName, schema, required }) => {
           "span",
           { className: "openapi-schema__nullable" },
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.NULLABLE,
+            id: "theme.openapi.schemaItem.nullable",
             message: "nullable",
           })
         ),
@@ -295,7 +294,7 @@ const Summary = ({ name, schemaName, schema, required }) => {
           "span",
           { className: "openapi-schema__required" },
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+            id: "theme.openapi.schemaItem.required",
             message: "required",
           })
         ),
@@ -304,7 +303,7 @@ const Summary = ({ name, schemaName, schema, required }) => {
           "span",
           { className: "openapi-schema__deprecated" },
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEPRECATED,
+            id: "theme.openapi.schemaItem.deprecated",
             message: "deprecated",
           })
         )
@@ -321,11 +320,11 @@ const AnyOneOf = ({ schema, schemaType, schemaPath }) => {
   }
   const type = schema.oneOf
     ? (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.ONE_OF,
+        id: "theme.openapi.schemaItem.oneOf",
         message: "oneOf",
       })
     : (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.ANY_OF,
+        id: "theme.openapi.schemaItem.anyOf",
         message: "anyOf",
       });
   // Generate a unique ID for this anyOf/oneOf to prevent tab value collisions
@@ -372,12 +371,12 @@ const AnyOneOf = ({ schema, schemaType, schemaPath }) => {
         if (!label) {
           if (anyOneSchema.oneOf) {
             label = (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_SCHEMA_ITEM.ONE_OF,
+              id: "theme.openapi.schemaItem.oneOf",
               message: "oneOf",
             });
           } else if (anyOneSchema.anyOf) {
             label = (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_SCHEMA_ITEM.ANY_OF,
+              id: "theme.openapi.schemaItem.anyOf",
               message: "anyOf",
             });
           } else {
@@ -546,7 +545,7 @@ const PropertyDiscriminator = ({
               "span",
               { className: "openapi-schema__required" },
               (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+                id: "theme.openapi.schemaItem.required",
                 message: "required",
               })
             )

package/lib/theme/SchemaExpansion/index.js

@@ -76,7 +76,6 @@ exports.SCHEMA_EXPANSION_STORAGE_KEY =
     void 0;
 const react_1 = __importStar(require("react"));
 const Translate_1 = require("@docusaurus/Translate");
-const translationIds_1 = require("@theme/translationIds");
 const clsx_1 = __importDefault(require("clsx"));
 const context_1 = require("./context");
 var context_2 = require("./context");
@@ -219,17 +218,17 @@ const SchemaExpansionControl = () => {
   };
   if (!config.enabled) return null;
   const buttonLabel = (0, Translate_1.translate)({
-    id: translationIds_1.OPENAPI_SCHEMA_EXPANSION.BUTTON_LABEL,
+    id: "theme.openapi.schema.expansion.button",
     message: "Schema expansion depth",
     description: "Aria/title tooltip for the schema expansion icon button",
   });
   const menuLabel = (0, Translate_1.translate)({
-    id: translationIds_1.OPENAPI_SCHEMA_EXPANSION.MENU_LABEL,
+    id: "theme.openapi.schema.expansion.menu",
     message: "Schema expansion depth options",
     description: "Accessible label for the expansion options menu",
   });
   const allLabel = (0, Translate_1.translate)({
-    id: translationIds_1.OPENAPI_SCHEMA_EXPANSION.ALL,
+    id: "theme.openapi.schema.expansion.all",
     message: "All",
     description: "Label for the expand-all option",
   });
@@ -279,7 +278,7 @@ const SchemaExpansionControl = () => {
             ? allLabel
             : (0, Translate_1.translate)(
                 {
-                  id: translationIds_1.OPENAPI_SCHEMA_EXPANSION.DEPTH_OPTION,
+                  id: "theme.openapi.schema.expansion.depthOption",
                   message: "Expand to depth {depth}",
                   description: "Accessible label for a depth option",
                 },

package/lib/theme/SchemaItem/index.js

@@ -16,7 +16,6 @@ const react_1 = __importDefault(require("react"));
 const Translate_1 = require("@docusaurus/Translate");
 const Example_1 = require("@theme/Example");
 const Markdown_1 = __importDefault(require("@theme/Markdown"));
-const translationIds_1 = require("@theme/translationIds");
 const clsx_1 = __importDefault(require("clsx"));
 const schema_1 = require("../../markdown/schema");
 const utils_1 = require("../../markdown/utils");
@@ -29,11 +28,11 @@ const transformEnumDescriptions = (enumDescriptions) => {
 const getEnumDescriptionMarkdown = (enumDescriptions) => {
   if (enumDescriptions?.length) {
     const enumValue = (0, Translate_1.translate)({
-      id: translationIds_1.OPENAPI_SCHEMA_ITEM.ENUM_VALUE,
+      id: "theme.openapi.schemaItem.enumValue",
       message: "Enum Value",
     });
     const description = (0, Translate_1.translate)({
-      id: translationIds_1.OPENAPI_SCHEMA_ITEM.ENUM_DESCRIPTION,
+      id: "theme.openapi.schemaItem.enumDescription",
       message: "Description",
     });
     return `| ${enumValue} | ${description} |
@@ -84,7 +83,7 @@ function SchemaItem(props) {
         "span",
         { className: "openapi-schema__required" },
         (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+          id: "theme.openapi.schemaItem.required",
           message: "required",
         })
       )
@@ -94,7 +93,7 @@ function SchemaItem(props) {
       "span",
       { className: "openapi-schema__deprecated" },
       (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEPRECATED,
+        id: "theme.openapi.schemaItem.deprecated",
         message: "deprecated",
       })
     )
@@ -104,7 +103,7 @@ function SchemaItem(props) {
       "span",
       { className: "openapi-schema__nullable" },
       (0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.NULLABLE,
+        id: "theme.openapi.schemaItem.nullable",
         message: "nullable",
       })
     )
@@ -151,7 +150,7 @@ function SchemaItem(props) {
             "strong",
             null,
             (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEFAULT_VALUE,
+              id: "theme.openapi.schemaItem.defaultValue",
               message: "Default value:",
             }),
             " "
@@ -170,7 +169,7 @@ function SchemaItem(props) {
           "strong",
           null,
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.DEFAULT_VALUE,
+            id: "theme.openapi.schemaItem.defaultValue",
             message: "Default value:",
           }),
           " "
@@ -198,7 +197,7 @@ function SchemaItem(props) {
             "strong",
             null,
             (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_SCHEMA_ITEM.CONSTANT_VALUE,
+              id: "theme.openapi.schemaItem.constantValue",
               message: "Constant value:",
             }),
             " "
@@ -217,7 +216,7 @@ function SchemaItem(props) {
           "strong",
           null,
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.CONSTANT_VALUE,
+            id: "theme.openapi.schemaItem.constantValue",
             message: "Constant value:",
           }),
           " "

package/lib/theme/SchemaTabs/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TabProps } from "@docusaurus/theme-common/internal";
+import { TabProps } from "@theme/utils/tabsUtils";
 export interface SchemaTabsProps extends TabProps {
     /**
      * Optional callback fired when the selected tab changes.

package/lib/theme/SchemaTabs/index.js

@@ -69,10 +69,11 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SchemaTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const clsx_1 = __importDefault(require("clsx"));
 const flatten_1 = __importDefault(require("lodash/flatten"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({
   className,
   block,
@@ -83,7 +84,7 @@ function TabList({
 }) {
   const tabRefs = [];
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   const handleTabChange = (event) => {
     const newTab = event.currentTarget;
     const newTabIndex = tabRefs.indexOf(newTab);
@@ -237,9 +238,9 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -261,7 +262,7 @@ function SchemaTabs(props) {
   }
   let sanitizedChildren;
   try {
-    sanitizedChildren = (0, internal_1.sanitizeTabsChildren)(children);
+    sanitizedChildren = (0, tabsUtils_1.sanitizeTabsChildren)(children);
   } catch {
     return null;
   }

package/lib/theme/StatusCodes/index.js

@@ -19,7 +19,6 @@ const Markdown_1 = __importDefault(require("@theme/Markdown"));
 const ResponseHeaders_1 = __importDefault(require("@theme/ResponseHeaders"));
 const ResponseSchema_1 = __importDefault(require("@theme/ResponseSchema"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const StatusCodes = ({ label, id, responses }) => {
   if (!responses) return null;
   const codes = Object.keys(responses);
@@ -64,8 +63,7 @@ const StatusCodes = ({ label, id, responses }) => {
                     "strong",
                     null,
                     (0, Translate_1.translate)({
-                      id: translationIds_1.OPENAPI_STATUS_CODES
-                        .RESPONSE_HEADERS,
+                      id: "theme.openapi.statusCodes.responseHeaders",
                       message: "Response Headers",
                     })
                   )
@@ -77,7 +75,7 @@ const StatusCodes = ({ label, id, responses }) => {
             ),
           react_1.default.createElement(ResponseSchema_1.default, {
             title: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_STATUS_CODES.SCHEMA_TITLE,
+              id: "theme.openapi.statusCodes.schemaTitle",
               message: "Schema",
             }),
             body: { content: response.content },

package/lib/theme/TabItem/index.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+import { type TabItemProps } from "@theme/utils/tabsUtils";
+type Props = TabItemProps;
+export default function TabItem({ children, className, value, }: Props): ReactNode;
+export {};

package/lib/theme/TabItem/index.js

@@ -0,0 +1,51 @@
+"use strict";
+/* ============================================================================
+ * Portions Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Portions Copyright (c) Palo Alto Networks
+ *
+ * Swizzled from @docusaurus/theme-classic/src/theme/TabItem/index.tsx (MIT).
+ * Re-points useTabs to our vendored tabsUtils so that <TabItem> reads the same
+ * context our swizzled <Tabs> and OpenAPI tab variants (ApiTabs, MimeTabs,
+ * SchemaTabs, etc.) provide. See:
+ * https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/issues/1140
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * ========================================================================== */
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TabItem;
+const react_1 = __importDefault(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+function TabItemPanel({ children, className, hidden }) {
+  return react_1.default.createElement(
+    "div",
+    {
+      role: "tabpanel",
+      className: (0, clsx_1.default)(
+        styles_module_css_1.default.tabItem,
+        className
+      ),
+      hidden,
+    },
+    children
+  );
+}
+function TabItem({ children, className, value }) {
+  const { selectedValue, lazy } = (0, tabsUtils_1.useTabs)();
+  const isSelected = value === selectedValue;
+  if (!isSelected && lazy) {
+    return null;
+  }
+  return react_1.default.createElement(
+    TabItemPanel,
+    { className: className, hidden: !isSelected },
+    children
+  );
+}

package/lib/theme/TabItem/styles.module.css

@@ -0,0 +1,3 @@
+.tabItem > *:last-child {
+  margin-bottom: 0;
+}

package/lib/theme/Tabs/index.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+import { type TabsProps } from "@theme/utils/tabsUtils";
+type Props = TabsProps;
+export default function Tabs(props: Props): ReactNode;
+export {};

package/lib/theme/Tabs/index.js

@@ -0,0 +1,148 @@
+"use strict";
+/* ============================================================================
+ * Portions Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Portions Copyright (c) Palo Alto Networks
+ *
+ * Swizzled from @docusaurus/theme-classic/src/theme/Tabs/index.tsx (MIT).
+ * Re-points the internal hooks (useTabs, useTabsContextValue, etc.) to our
+ * vendored tabsUtils so that the entire <Tabs>/<TabItem> pair runs through a
+ * single React context owned by this package. See:
+ * https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/issues/1140
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * ========================================================================== */
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Tabs;
+const react_1 = __importDefault(require("react"));
+const theme_common_1 = require("@docusaurus/theme-common");
+const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
+const clsx_1 = __importDefault(require("clsx"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+function TabList({ className }) {
+  const { selectedValue, selectValue, tabValues, block } = (0,
+  tabsUtils_1.useTabs)();
+  const tabRefs = [];
+  const { blockElementScrollPositionUntilNextRender } = (0,
+  scrollUtils_1.useScrollPositionBlocker)();
+  const handleTabChange = (event) => {
+    const newTab = event.currentTarget;
+    const newTabIndex = tabRefs.indexOf(newTab);
+    const newTabValue = tabValues[newTabIndex].value;
+    if (newTabValue !== selectedValue) {
+      blockElementScrollPositionUntilNextRender(newTab);
+      selectValue(newTabValue);
+    }
+  };
+  const handleKeydown = (event) => {
+    let focusElement = null;
+    switch (event.key) {
+      case "Enter": {
+        handleTabChange(event);
+        break;
+      }
+      case "ArrowRight": {
+        const nextTab = tabRefs.indexOf(event.currentTarget) + 1;
+        focusElement = tabRefs[nextTab] ?? tabRefs[0];
+        break;
+      }
+      case "ArrowLeft": {
+        const prevTab = tabRefs.indexOf(event.currentTarget) - 1;
+        focusElement = tabRefs[prevTab] ?? tabRefs[tabRefs.length - 1];
+        break;
+      }
+      default:
+        break;
+    }
+    focusElement?.focus();
+  };
+  return react_1.default.createElement(
+    "ul",
+    {
+      role: "tablist",
+      "aria-orientation": "horizontal",
+      className: (0, clsx_1.default)(
+        "tabs",
+        {
+          "tabs--block": block,
+        },
+        className
+      ),
+    },
+    tabValues.map(({ value, label, attributes }) =>
+      react_1.default.createElement(
+        "li",
+        {
+          // TODO extract TabListItem
+          role: "tab",
+          tabIndex: selectedValue === value ? 0 : -1,
+          "aria-selected": selectedValue === value,
+          key: value,
+          ref: (ref) => {
+            tabRefs.push(ref);
+          },
+          onKeyDown: handleKeydown,
+          onClick: handleTabChange,
+          ...attributes,
+          className: (0, clsx_1.default)(
+            "tabs__item",
+            styles_module_css_1.default.tabItem,
+            attributes?.className,
+            {
+              "tabs__item--active": selectedValue === value,
+            }
+          ),
+        },
+        label ?? value
+      )
+    )
+  );
+}
+function TabContent({ children }) {
+  return react_1.default.createElement(
+    "div",
+    { className: "margin-top--md" },
+    children
+  );
+}
+function TabsContainer({ className, children }) {
+  return react_1.default.createElement(
+    "div",
+    {
+      className: (0, clsx_1.default)(
+        theme_common_1.ThemeClassNames.tabs.container,
+        // former name kept for backward compatibility
+        // see https://github.com/facebook/docusaurus/pull/4086
+        "tabs-container",
+        styles_module_css_1.default.tabList
+      ),
+    },
+    react_1.default.createElement(TabList, { className: className }),
+    react_1.default.createElement(TabContent, null, children)
+  );
+}
+function Tabs(props) {
+  const isBrowser = (0, useIsBrowser_1.default)();
+  const value = (0, tabsUtils_1.useTabsContextValue)(props);
+  return react_1.default.createElement(
+    tabsUtils_1.TabsProvider,
+    {
+      value: value,
+      // Remount tabs after hydration
+      // Temporary fix for https://github.com/facebook/docusaurus/issues/5653
+      key: String(isBrowser),
+    },
+    react_1.default.createElement(
+      TabsContainer,
+      { className: props.className },
+      (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
+    )
+  );
+}