@apiboost/omnispec 1.0.0 → 1.1.0-next.2

package/dist/cjs/chunks/{OpenIdConnectManual-oEnN0QJ-.js → OpenIdConnectManual-Bh7tdxoH.js}

@@ -2,9 +2,9 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var useSpecFetcher = require('./useSpecFetcher-BKz1jHTV.js');
+var useSpecFetcher = require('./useSpecFetcher-BAbHnXax.js');
 var css = require('@emotion/css');
-var Collapsible = require('./Collapsible-BHAHk_Ep.js');
+var Collapsible = require('./Collapsible-BTWyDBkX.js');
 var binaryResponse = require('./binary-response-CSrPCI-1.js');
 
 const AUTH_KEY_PREFIX = "omnispec:auth";
@@ -132,164 +132,6 @@ function AuthProvider({ children, schemes = [] }) {
   return /* @__PURE__ */ jsxRuntime.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] = React.useState("samples");
-  const [mobileTab, setMobileTab] = React.useState("schema");
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: mobileWrapperStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: mobileTabBarStyle, role: "tablist", children: MOBILE_TABS.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": mobileTab === tab.id,
-          "aria-controls": `mobile-panel-${operationId}-${tab.id}`,
-          onClick: () => setMobileTab(tab.id),
-          className: css.cx(mobileTabStyle, mobileTab === tab.id ? mobileTabActiveStyle : void 0),
-          children: tab.label
-        },
-        tab.id
-      )) }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: desktopWrapperStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: leftColumnStyle$1, children: schema }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rightColumnStyle$1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: rightTabBarStyle, role: "tablist", children: RIGHT_TABS.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": rightTab === tab.id,
-            "aria-controls": `right-panel-${operationId}-${tab.id}`,
-            onClick: () => setRightTab(tab.id),
-            className: css.cx(rightTabStyle, rightTab === tab.id ? rightTabActiveStyle : void 0),
-            children: tab.label
-          },
-          tab.id
-        )) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            id: `right-panel-${operationId}-${rightTab}`,
-            className: rightContentStyle,
-            role: "tabpanel",
-            children: [
-              rightTab === "samples" && samples,
-              rightTab === "try-it" && tryIt
-            ]
-          }
-        )
-      ] })
-    ] }, `desktop-${operationId}`)
-  ] });
-}
-const mobileWrapperStyle = css.css({
-  display: "block",
-  [useSpecFetcher.mq.desktop]: {
-    display: "none"
-  }
-});
-const mobileTabBarStyle = css.css({
-  display: "flex",
-  borderBottom: "1px solid var(--omnispec-border-color)"
-});
-const mobileTabStyle = css.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.css({
-  borderBottom: "0.125rem solid var(--omnispec-color-primary)",
-  color: "var(--omnispec-color-primary)"
-});
-const mobileContentStyle = css.css({
-  padding: "1rem 0"
-});
-const desktopWrapperStyle = css.css({
-  display: "none",
-  [useSpecFetcher.mq.desktop]: {
-    display: "flex",
-    alignItems: "flex-start"
-  }
-});
-const leftColumnStyle$1 = css.css({
-  flex: 1,
-  minWidth: 0,
-  padding: "1rem 1.5rem"
-});
-const rightColumnStyle$1 = css.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.css({
-  display: "flex",
-  borderBottom: "1px solid var(--omnispec-border-color)"
-});
-const rightTabStyle = css.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.css({
-  borderBottom: "0.125rem solid var(--omnispec-color-primary)",
-  color: "var(--omnispec-color-primary)"
-});
-const rightContentStyle = css.css({
-  padding: "1rem"
-});
-
 function buildParamSchemaNodes(parameters) {
   return parameters.map((p) => ({
     name: p.name,
@@ -406,7 +248,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__ */ jsxRuntime.jsxs("div", { className: containerStyle$4, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerStyle$3, children: [
     description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionStyle$1, children: /* @__PURE__ */ jsxRuntime.jsx(Collapsible.MarkdownRenderer, { content: description }) }),
     security && security.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: sectionStyle$1, children: [
       /* @__PURE__ */ jsxRuntime.jsx("h4", { className: sectionTitleStyle$1, children: "Security" }),
@@ -450,7 +292,7 @@ function ReferenceOperationDetail({
     ] })
   ] });
 }
-const containerStyle$4 = css.css({
+const containerStyle$3 = css.css({
   display: "flex",
   flexDirection: "column"
 });
@@ -833,65 +675,6 @@ const CODE_LANGUAGES = [
   { id: "csharp", label: "C#", prismLanguage: "csharp" }
 ];
 
-function ExampleSelector({
-  examples,
-  selectedName,
-  onSelect
-}) {
-  if (examples.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerStyle$3, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "example-selector", className: labelStyle, children: "Example:" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "select",
-      {
-        id: "example-selector",
-        value: selectedName,
-        onChange: (e) => onSelect(e.target.value),
-        className: selectStyle,
-        children: examples.map((example) => /* @__PURE__ */ jsxRuntime.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.css({
-  display: "flex",
-  alignItems: "center",
-  gap: "0.5rem",
-  marginBottom: "0.75rem"
-});
-const labelStyle = css.css({
-  fontSize: "var(--omnispec-font-size-xs)",
-  fontWeight: 600,
-  color: "var(--omnispec-fg-muted)",
-  textTransform: "uppercase",
-  letterSpacing: "0.5px",
-  whiteSpace: "nowrap"
-});
-const selectStyle = css.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,
@@ -953,7 +736,7 @@ function SamplesPanel({
     const firstContentType = Object.keys(activeResponse.content)[0];
     const firstMedia = activeResponse.content[firstContentType];
     if (!firstMedia) return { namedExamples: [], responseContentType: firstContentType };
-    const examples = getNamedExamples(firstMedia);
+    const examples = Collapsible.getNamedExamples(firstMedia);
     if (examples.length === 0 && firstMedia.schema) {
       return {
         namedExamples: [{ name: "generated", value: Collapsible.generateExample(firstMedia.schema) }],
@@ -1023,7 +806,7 @@ function SamplesPanel({
       responseExampleCode !== null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentTypeLabelStyle, children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: contentTypeBadgeStyle, children: responseContentType }) }),
         namedExamples.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          ExampleSelector,
+          Collapsible.ExampleSelector,
           {
             examples: namedExamples,
             selectedName: selectedExampleName || namedExamples[0]?.name,
@@ -2394,12 +2177,10 @@ function OpenIdConnectManual({
 exports.ApiKeyAuth = ApiKeyAuth;
 exports.AuthProvider = AuthProvider;
 exports.CodeSamples = CodeSamples;
-exports.ExampleSelector = ExampleSelector;
 exports.LinkableHeading = LinkableHeading;
 exports.Modal = Modal;
 exports.OAuth2AuthManual = OAuth2AuthManual;
 exports.OpenIdConnectManual = OpenIdConnectManual;
-exports.ReferenceLayout = ReferenceLayout;
 exports.ReferenceOperationDetail = ReferenceOperationDetail;
 exports.ResponseViewer = ResponseViewer;
 exports.ResponsiveColumns = ResponsiveColumns;
@@ -2407,10 +2188,9 @@ exports.SamplesPanel = SamplesPanel;
 exports.SecretInput = SecretInput;
 exports.authStyles = authStyles;
 exports.clearTryItState = clearTryItState;
-exports.getNamedExamples = getNamedExamples;
 exports.loadTryItState = loadTryItState;
 exports.saveTryItState = saveTryItState;
 exports.sendDirectRequest = sendDirectRequest;
 exports.sendProxiedRequest = sendProxiedRequest;
 exports.useAuth = useAuth;
-//# sourceMappingURL=OpenIdConnectManual-oEnN0QJ-.js.map
+//# sourceMappingURL=OpenIdConnectManual-Bh7tdxoH.js.map