@apiboost/omnispec 1.0.0 → 1.1.0-next.2

package/dist/esm/chunks/{OpenIdConnectManual-COfITasf.js → OpenIdConnectManual-DPmTIIIy.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useEffect, useCallback, useMemo, useRef } from 'react';
-import { j as useConfig, m as mq, I as Icon, B as Button } from './useSpecFetcher-CZvAnU7Z.js';
+import { j as useConfig, I as Icon, m as mq, B as Button } from './useSpecFetcher-BvVfMuzf.js';
 import { css, cx } from '@emotion/css';
-import { M as MarkdownRenderer, t as SchemaTree, A as schemaToNodes, I as useExpandAll, x as generateExample, C as CodeBlock, T as Tabs } from './Collapsible-DA6-nS46.js';
+import { M as MarkdownRenderer, t as SchemaTree, A as schemaToNodes, H as useExpandAll, x as generateExample, I as getNamedExamples, C as CodeBlock, J as ExampleSelector, T as Tabs } from './Collapsible-MyJB2agz.js';
 import { i as isBinaryContentType, b as bytesToBase64, a as base64ToBlob, f as filenameForResponse } from './binary-response-Cre_H-Rt.js';
 
 const AUTH_KEY_PREFIX = "omnispec:auth";
@@ -130,164 +130,6 @@ function AuthProvider({ children, schemes = [] }) {
   return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });
 }
 
-const MOBILE_TABS = [
-  { id: "schema", label: "Schema" },
-  { id: "samples", label: "Samples" },
-  { id: "try-it", label: "Try It" }
-];
-const RIGHT_TABS = [
-  { id: "samples", label: "Samples" },
-  { id: "try-it", label: "Try It" }
-];
-function ReferenceLayout({ schema, samples, tryIt, operationId }) {
-  const [rightTab, setRightTab] = useState("samples");
-  const [mobileTab, setMobileTab] = useState("schema");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: mobileWrapperStyle, children: [
-      /* @__PURE__ */ jsx("div", { className: mobileTabBarStyle, role: "tablist", children: MOBILE_TABS.map((tab) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": mobileTab === tab.id,
-          "aria-controls": `mobile-panel-${operationId}-${tab.id}`,
-          onClick: () => setMobileTab(tab.id),
-          className: cx(mobileTabStyle, mobileTab === tab.id ? mobileTabActiveStyle : void 0),
-          children: tab.label
-        },
-        tab.id
-      )) }),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          id: `mobile-panel-${operationId}-${mobileTab}`,
-          className: mobileContentStyle,
-          role: "tabpanel",
-          children: [
-            mobileTab === "schema" && schema,
-            mobileTab === "samples" && samples,
-            mobileTab === "try-it" && tryIt
-          ]
-        }
-      )
-    ] }, `mobile-${operationId}`),
-    /* @__PURE__ */ jsxs("div", { className: desktopWrapperStyle, children: [
-      /* @__PURE__ */ jsx("div", { className: leftColumnStyle$1, children: schema }),
-      /* @__PURE__ */ jsxs("div", { className: rightColumnStyle$1, children: [
-        /* @__PURE__ */ jsx("div", { className: rightTabBarStyle, role: "tablist", children: RIGHT_TABS.map((tab) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": rightTab === tab.id,
-            "aria-controls": `right-panel-${operationId}-${tab.id}`,
-            onClick: () => setRightTab(tab.id),
-            className: cx(rightTabStyle, rightTab === tab.id ? rightTabActiveStyle : void 0),
-            children: tab.label
-          },
-          tab.id
-        )) }),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            id: `right-panel-${operationId}-${rightTab}`,
-            className: rightContentStyle,
-            role: "tabpanel",
-            children: [
-              rightTab === "samples" && samples,
-              rightTab === "try-it" && tryIt
-            ]
-          }
-        )
-      ] })
-    ] }, `desktop-${operationId}`)
-  ] });
-}
-const mobileWrapperStyle = css({
-  display: "block",
-  [mq.desktop]: {
-    display: "none"
-  }
-});
-const mobileTabBarStyle = css({
-  display: "flex",
-  borderBottom: "1px solid var(--omnispec-border-color)"
-});
-const mobileTabStyle = css({
-  flex: 1,
-  textAlign: "center",
-  padding: "0.625rem 0.5rem",
-  background: "none",
-  border: "none",
-  borderBottom: "0.125rem solid transparent",
-  cursor: "pointer",
-  fontSize: "var(--omnispec-font-size-xs)",
-  fontWeight: 600,
-  letterSpacing: "0.04em",
-  textTransform: "uppercase",
-  color: "var(--omnispec-fg-secondary)",
-  "&:hover": {
-    color: "var(--omnispec-fg-primary)"
-  }
-});
-const mobileTabActiveStyle = css({
-  borderBottom: "0.125rem solid var(--omnispec-color-primary)",
-  color: "var(--omnispec-color-primary)"
-});
-const mobileContentStyle = css({
-  padding: "1rem 0"
-});
-const desktopWrapperStyle = css({
-  display: "none",
-  [mq.desktop]: {
-    display: "flex",
-    alignItems: "flex-start"
-  }
-});
-const leftColumnStyle$1 = css({
-  flex: 1,
-  minWidth: 0,
-  padding: "1rem 1.5rem"
-});
-const rightColumnStyle$1 = css({
-  width: "26rem",
-  flexShrink: 0,
-  borderLeft: "1px solid var(--omnispec-border-color)",
-  position: "sticky",
-  top: "calc(var(--omnispec-offset-top, 0px) + 1rem)",
-  alignSelf: "flex-start",
-  maxHeight: "calc(100vh - var(--omnispec-offset-top, 0px) - 2rem)",
-  overflowY: "auto"
-});
-const rightTabBarStyle = css({
-  display: "flex",
-  borderBottom: "1px solid var(--omnispec-border-color)"
-});
-const rightTabStyle = css({
-  flex: 1,
-  textAlign: "center",
-  padding: "0.625rem 0.5rem",
-  background: "none",
-  border: "none",
-  borderBottom: "0.125rem solid transparent",
-  cursor: "pointer",
-  fontSize: "var(--omnispec-font-size-xs)",
-  fontWeight: 600,
-  letterSpacing: "0.04em",
-  textTransform: "uppercase",
-  color: "var(--omnispec-fg-secondary)",
-  "&:hover": {
-    color: "var(--omnispec-fg-primary)"
-  }
-});
-const rightTabActiveStyle = css({
-  borderBottom: "0.125rem solid var(--omnispec-color-primary)",
-  color: "var(--omnispec-color-primary)"
-});
-const rightContentStyle = css({
-  padding: "1rem"
-});
-
 function buildParamSchemaNodes(parameters) {
   return parameters.map((p) => ({
     name: p.name,
@@ -404,7 +246,7 @@ function ReferenceOperationDetail({
   const pathParams = parameters.filter((p) => p.in === "path");
   const queryParams = parameters.filter((p) => p.in === "query");
   const headerParams = parameters.filter((p) => p.in === "header");
-  return /* @__PURE__ */ jsxs("div", { className: containerStyle$4, children: [
+  return /* @__PURE__ */ jsxs("div", { className: containerStyle$3, children: [
     description && /* @__PURE__ */ jsx("div", { className: sectionStyle$1, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: description }) }),
     security && security.length > 0 && /* @__PURE__ */ jsxs("div", { className: sectionStyle$1, children: [
       /* @__PURE__ */ jsx("h4", { className: sectionTitleStyle$1, children: "Security" }),
@@ -448,7 +290,7 @@ function ReferenceOperationDetail({
     ] })
   ] });
 }
-const containerStyle$4 = css({
+const containerStyle$3 = css({
   display: "flex",
   flexDirection: "column"
 });
@@ -831,65 +673,6 @@ const CODE_LANGUAGES = [
   { id: "csharp", label: "C#", prismLanguage: "csharp" }
 ];
 
-function ExampleSelector({
-  examples,
-  selectedName,
-  onSelect
-}) {
-  if (examples.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { className: containerStyle$3, children: [
-    /* @__PURE__ */ jsx("label", { htmlFor: "example-selector", className: labelStyle, children: "Example:" }),
-    /* @__PURE__ */ jsx(
-      "select",
-      {
-        id: "example-selector",
-        value: selectedName,
-        onChange: (e) => onSelect(e.target.value),
-        className: selectStyle,
-        children: examples.map((example) => /* @__PURE__ */ jsx("option", { value: example.name, children: example.summary ? `${example.name} - ${example.summary}` : example.name }, example.name))
-      }
-    )
-  ] });
-}
-function getNamedExamples(media) {
-  if (media.example !== void 0) {
-    return [{ name: "default", value: media.example }];
-  }
-  if (media.examples && typeof media.examples === "object") {
-    return Object.entries(media.examples).map(([name, example]) => ({
-      name,
-      summary: example.summary,
-      value: example.value
-    }));
-  }
-  return [];
-}
-const containerStyle$3 = css({
-  display: "flex",
-  alignItems: "center",
-  gap: "0.5rem",
-  marginBottom: "0.75rem"
-});
-const labelStyle = css({
-  fontSize: "var(--omnispec-font-size-xs)",
-  fontWeight: 600,
-  color: "var(--omnispec-fg-muted)",
-  textTransform: "uppercase",
-  letterSpacing: "0.5px",
-  whiteSpace: "nowrap"
-});
-const selectStyle = css({
-  padding: "0.375rem 0.625rem",
-  border: "1px solid var(--omnispec-input-border)",
-  borderRadius: "var(--omnispec-border-radius)",
-  backgroundColor: "var(--omnispec-input-bg)",
-  color: "var(--omnispec-fg-primary)",
-  fontSize: "var(--omnispec-font-size-sm)",
-  fontFamily: "var(--omnispec-font-mono)"
-});
-
 const generators$1 = {
   curl: generateCurl,
   javascript: generateJavaScript,
@@ -2389,5 +2172,5 @@ function OpenIdConnectManual({
   ] });
 }
 
-export { AuthProvider as A, CodeSamples as C, ExampleSelector as E, LinkableHeading as L, Modal as M, OAuth2AuthManual as O, ReferenceLayout as R, SamplesPanel as S, OpenIdConnectManual as a, ReferenceOperationDetail as b, ResponseViewer as c, ResponsiveColumns as d, SecretInput as e, authStyles as f, sendProxiedRequest as g, ApiKeyAuth as h, saveTryItState as i, clearTryItState as j, getNamedExamples as k, loadTryItState as l, sendDirectRequest as s, useAuth as u };
-//# sourceMappingURL=OpenIdConnectManual-COfITasf.js.map
+export { AuthProvider as A, CodeSamples as C, LinkableHeading as L, Modal as M, OAuth2AuthManual as O, ReferenceOperationDetail as R, SamplesPanel as S, OpenIdConnectManual as a, ResponseViewer as b, ResponsiveColumns as c, SecretInput as d, authStyles as e, sendProxiedRequest as f, ApiKeyAuth as g, saveTryItState as h, clearTryItState as i, loadTryItState as l, sendDirectRequest as s, useAuth as u };
+//# sourceMappingURL=OpenIdConnectManual-DPmTIIIy.js.map