@gitbook/react-openapi 1.0.3 → 1.0.4

package/dist/util/server.d.ts

@@ -1,4 +1,4 @@
-import { OpenAPIV3 } from '@gitbook/openapi-parser';
+import type { OpenAPIV3 } from '@gitbook/openapi-parser';
 /**
  * Get the default URL for the server.
  */

package/dist/util/server.js

@@ -21,9 +21,7 @@ export function interpolateServerURL(server) {
         if (part.kind === 'text') {
             return part.text;
         }
-        else {
-            return (_c = (_b = (_a = server.variables) === null || _a === void 0 ? void 0 : _a[part.name]) === null || _b === void 0 ? void 0 : _b.default) !== null && _c !== void 0 ? _c : "{".concat(part.name, "}");
-        }
+        return (_c = (_b = (_a = server.variables) === null || _a === void 0 ? void 0 : _a[part.name]) === null || _b === void 0 ? void 0 : _b.default) !== null && _c !== void 0 ? _c : "{".concat(part.name, "}");
     })
         .join('');
 }

package/dist/utils.d.ts

@@ -10,7 +10,7 @@ export declare function resolveDescription(object: OpenAPIV3.SchemaObject | AnyO
  */
 export declare function extractDescriptions(object: AnyObject): {
     description: any;
-    "x-gitbook-description-html": any;
+    'x-gitbook-description-html': any;
 };
 /**
  * Resolve the first example from an object.

package/dist/utils.js

@@ -33,14 +33,12 @@ export function resolveDescription(object) {
  * Extract descriptions from an object.
  */
 export function extractDescriptions(object) {
-    var _a;
-    return _a = {
-            description: object.description
-        },
-        _a['x-gitbook-description-html'] = 'x-gitbook-description-html' in object
+    return {
+        description: object.description,
+        'x-gitbook-description-html': 'x-gitbook-description-html' in object
             ? object['x-gitbook-description-html']
             : undefined,
-        _a;
+    };
 }
 /**
  * Resolve the first example from an object.

package/package.json

@@ -8,7 +8,7 @@
             "default": "./dist/index.js"
         }
     },
-    "version": "1.0.3",
+    "version": "1.0.4",
     "sideEffects": false,
     "dependencies": {
         "@gitbook/openapi-parser": "workspace:*",
@@ -36,10 +36,5 @@
         "dev": "bun run build -- --watch",
         "clean": "rm -rf ./dist"
     },
-    "files": [
-        "dist",
-        "src",
-        "README.md",
-        "CHANGELOG.md"
-    ]
+    "files": ["dist", "src", "README.md", "CHANGELOG.md"]
 }

package/src/InteractiveSection.tsx

@@ -69,7 +69,7 @@ export function InteractiveSection(props: {
                 'openapi-section',
                 toggeable ? 'openapi-section-toggeable' : null,
                 className,
-                toggeable ? `${className}-${state.isExpanded ? 'opened' : 'closed'}` : null,
+                toggeable ? `${className}-${state.isExpanded ? 'opened' : 'closed'}` : null
             )}
         >
             {header ? (
@@ -84,7 +84,7 @@ export function InteractiveSection(props: {
                     <div
                         className={clsx(
                             'openapi-section-header-content',
-                            `${className}-header-content`,
+                            `${className}-header-content`
                         )}
                     >
                         {(children || selectedTab?.body) && toggeable ? (
@@ -106,7 +106,7 @@ export function InteractiveSection(props: {
                     <div
                         className={clsx(
                             'openapi-section-header-controls',
-                            `${className}-header-controls`,
+                            `${className}-header-controls`
                         )}
                         onClick={(event) => {
                             event.stopPropagation();
@@ -117,7 +117,7 @@ export function InteractiveSection(props: {
                                 className={clsx(
                                     'openapi-section-select',
                                     'openapi-select',
-                                    `${className}-tabs-select`,
+                                    `${className}-tabs-select`
                                 )}
                                 value={selectedTab?.key ?? ''}
                                 onChange={(event) => {

package/src/OpenAPICodeSample.tsx

@@ -1,12 +1,11 @@
-import { CodeSampleInput, codeSampleGenerators } from './code-samples';
-import { generateMediaTypeExample, generateSchemaExample } from './generateSchemaExample';
 import { InteractiveSection } from './InteractiveSection';
-import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
-import { createStateKey } from './utils';
-import { stringifyOpenAPI } from './stringifyOpenAPI';
 import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
-import { checkIsReference } from './utils';
+import { type CodeSampleInput, codeSampleGenerators } from './code-samples';
+import { generateMediaTypeExample, generateSchemaExample } from './generateSchemaExample';
+import { stringifyOpenAPI } from './stringifyOpenAPI';
+import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
 import { getDefaultServerURL } from './util/server';
+import { checkIsReference, createStateKey } from './utils';
 
 /**
  * Display code samples to execute the operation.
@@ -37,7 +36,7 @@ export function OpenAPICodeSample(props: {
             if (example !== undefined && param.name) {
                 searchParams.append(
                     param.name,
-                    String(Array.isArray(example) ? example[0] : example),
+                    String(Array.isArray(example) ? example[0] : example)
                 );
             }
         }
@@ -95,8 +94,8 @@ export function OpenAPICodeSample(props: {
                         typeof sample.lang === 'string'
                     );
                 })
-                .map((sample) => ({
-                    key: `redocly-${sample.lang}`,
+                .map((sample, index) => ({
+                    key: `redocly-${sample.lang}-${index}`,
                     label: sample.label,
                     body: context.renderCodeBlock({
                         code: sample.source,
@@ -149,7 +148,7 @@ function getSecurityHeaders(securities: OpenAPIOperationData['securities']): {
             }
 
             return {
-                Authorization: scheme + ' ' + format,
+                Authorization: `${scheme} ${format}`,
             };
         }
         case 'apiKey': {

package/src/OpenAPIDisclosure.tsx

@@ -1,7 +1,8 @@
+import type React from 'react';
 import { useRef } from 'react';
-import type { OpenAPIClientContext } from './types';
 import { mergeProps, useButton, useDisclosure, useFocusRing } from 'react-aria';
 import { useDisclosureState } from 'react-stately';
+import type { OpenAPIClientContext } from './types';
 
 interface Props {
     context: OpenAPIClientContext;
@@ -13,7 +14,7 @@ interface Props {
  * Display an interactive OpenAPI disclosure.
  * The label is optional and defaults to "child attributes".
  */
-export function OpenAPIDisclosure({ context, children, label }: Props): JSX.Element {
+export function OpenAPIDisclosure({ context, children, label }: Props): React.JSX.Element {
     const state = useDisclosureState({});
     const panelRef = useRef<HTMLDivElement | null>(null);
     const triggerRef = useRef<HTMLButtonElement | null>(null);
@@ -36,7 +37,7 @@ export function OpenAPIDisclosure({ context, children, label }: Props): JSX.Elem
             >
                 {context.icons.plus}
                 <span>
-                    {`${state.isExpanded ? 'Hide' : 'Show'} ${label ? label : `child attributes`}`}
+                    {`${state.isExpanded ? 'Hide' : 'Show'} ${label ? label : 'child attributes'}`}
                 </span>
             </button>
 

package/src/OpenAPIDisclosureGroup.tsx

@@ -13,14 +13,14 @@ type TDisclosureGroup = {
     }[];
 };
 
+import { createContext, useContext, useRef, useState } from 'react';
 import { mergeProps, useButton, useDisclosure, useFocusRing, useId } from 'react-aria';
 import {
-    DisclosureGroupProps,
-    DisclosureGroupState,
+    type DisclosureGroupProps,
+    type DisclosureGroupState,
     useDisclosureGroupState,
     useDisclosureState,
 } from 'react-stately';
-import { createContext, useContext, useRef, useState } from 'react';
 
 const DisclosureGroupStateContext = createContext<DisclosureGroupState | null>(null);
 
@@ -67,7 +67,7 @@ function DisclosureItem(props: { group: TDisclosureGroup; icon?: React.ReactNode
             isDisabled,
         },
         state,
-        panelRef,
+        panelRef
     );
     const { buttonProps } = useButton(triggerProps, triggerRef);
     const { isFocusVisible, focusProps } = useFocusRing();
@@ -119,7 +119,7 @@ function DisclosureItem(props: { group: TDisclosureGroup; icon?: React.ReactNode
                                     </option>
                                 ))}
                             </select>
-                        ) : !!group.tabs[0] ? (
+                        ) : group.tabs[0] ? (
                             <span>{group.tabs[0].label}</span>
                         ) : null}
                     </div>

package/src/OpenAPIOperation.tsx

@@ -1,13 +1,13 @@
 import clsx from 'clsx';
 
+import type { OpenAPICustomOperationProperties, OpenAPIV3 } from '@gitbook/openapi-parser';
 import { Markdown } from './Markdown';
 import { OpenAPICodeSample } from './OpenAPICodeSample';
+import { OpenAPIPath } from './OpenAPIPath';
 import { OpenAPIResponseExample } from './OpenAPIResponseExample';
 import { OpenAPISpec } from './OpenAPISpec';
 import type { OpenAPIClientContext, OpenAPIContextProps, OpenAPIOperationData } from './types';
-import { OpenAPIPath } from './OpenAPIPath';
 import { resolveDescription } from './utils';
-import { OpenAPICustomOperationProperties, OpenAPIV3 } from '@gitbook/openapi-parser';
 
 /**
  * Display an interactive OpenAPI operation.
@@ -45,7 +45,7 @@ export function OpenAPIOperation(props: {
                             <span className="openapi-deprecated-sunset-date">
                                 {operation['x-deprecated-sunset']}
                             </span>
-                            {`.`}
+                            {'.'}
                         </div>
                     ) : null}
                     <OpenAPIOperationDescription operation={operation} context={context} />

package/src/OpenAPIOperationContext.tsx

@@ -20,7 +20,7 @@ const OpenAPIOperationContext = createContext<OpenAPIOperationContextValue>({
  * Provider for the OpenAPIOperationContext.
  */
 export function OpenAPIOperationContextProvider(
-    props: React.PropsWithChildren<Partial<OpenAPIOperationContextValue>>,
+    props: React.PropsWithChildren<Partial<OpenAPIOperationContextValue>>
 ) {
     const { children } = props;
 

package/src/OpenAPIPath.tsx

@@ -1,5 +1,6 @@
+import type React from 'react';
 import { ScalarApiButton } from './ScalarApiButton';
-import type { OpenAPIOperationData, OpenAPIContextProps } from './types';
+import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
 
 /**
  * Display the path of an operation.
@@ -7,7 +8,7 @@ import type { OpenAPIOperationData, OpenAPIContextProps } from './types';
 export function OpenAPIPath(props: {
     data: OpenAPIOperationData;
     context: OpenAPIContextProps;
-}): JSX.Element {
+}) {
     const { data, context } = props;
     const { method, path } = data;
     const { specUrl } = context;
@@ -30,7 +31,7 @@ function formatPath(path: string) {
     // Matches placeholders like {id}, {userId}, etc.
     const regex = /\{(\w+)\}/g;
 
-    const parts: (string | JSX.Element)[] = [];
+    const parts: (string | React.JSX.Element)[] = [];
     let lastIndex = 0;
 
     // Replace placeholders with <em> tags
@@ -48,17 +49,17 @@ function formatPath(path: string) {
     const formattedPath = parts.reduce(
         (acc, part, index) => {
             if (typeof part === 'string' && index > 0 && part === '/') {
-                return [
-                    ...acc,
+                acc.push(
                     <span className="openapi-path-separator" key={`sep-${index}`}>
                         /
-                    </span>,
-                    part,
-                ];
+                    </span>
+                );
             }
-            return [...acc, part];
+
+            acc.push(part);
+            return acc;
         },
-        [] as (string | JSX.Element)[],
+        [] as (string | React.JSX.Element)[]
     );
 
     return <span>{formattedPath}</span>;

package/src/OpenAPIRequestBody.tsx

@@ -1,7 +1,7 @@
 import type { OpenAPIV3 } from '@gitbook/openapi-parser';
+import { InteractiveSection } from './InteractiveSection';
 import { OpenAPIRootSchema } from './OpenAPISchema';
 import type { OpenAPIClientContext } from './types';
-import { InteractiveSection } from './InteractiveSection';
 import { checkIsReference } from './utils';
 
 /**
@@ -33,7 +33,7 @@ export function OpenAPIRequestBody(props: {
                             />
                         ),
                     };
-                },
+                }
             )}
         />
     );

package/src/OpenAPIResponse.tsx

@@ -1,8 +1,8 @@
 import type { OpenAPIV3 } from '@gitbook/openapi-parser';
+import { OpenAPIDisclosure } from './OpenAPIDisclosure';
 import { OpenAPISchemaProperties } from './OpenAPISchema';
-import { parameterToProperty, resolveDescription } from './utils';
 import type { OpenAPIClientContext } from './types';
-import { OpenAPIDisclosure } from './OpenAPIDisclosure';
+import { parameterToProperty, resolveDescription } from './utils';
 
 /**
  * Display an interactive response body.
@@ -14,7 +14,7 @@ export function OpenAPIResponse(props: {
 }) {
     const { response, context, mediaType } = props;
     const headers = Object.entries(response.headers ?? {}).map(
-        ([name, header]) => [name, header ?? {}] as const,
+        ([name, header]) => [name, header ?? {}] as const
     );
     const content = Object.entries(mediaType.schema ?? {});
 

package/src/OpenAPIResponseExample.tsx

@@ -1,11 +1,11 @@
 import type { OpenAPIV3 } from '@gitbook/openapi-parser';
-import { generateSchemaExample } from './generateSchemaExample';
-import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
-import { checkIsReference, createStateKey, resolveDescription } from './utils';
-import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
 import { InteractiveSection } from './InteractiveSection';
+import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
+import { generateSchemaExample } from './generateSchemaExample';
 import { json2xml } from './json2xml';
 import { stringifyOpenAPI } from './stringifyOpenAPI';
+import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
+import { checkIsReference, createStateKey, resolveDescription } from './utils';
 
 /**
  * Display an example of the response content.
@@ -75,7 +75,7 @@ export function OpenAPIResponseExample(props: {
             };
         })
         .filter((val): val is { key: string; label: string; body: any; description: string } =>
-            Boolean(val),
+            Boolean(val)
         );
 
     if (tabs.length === 0) {

package/src/OpenAPIResponses.tsx

@@ -1,9 +1,9 @@
 import type { OpenAPIV3, OpenAPIV3_1 } from '@gitbook/openapi-parser';
-import { OpenAPIResponse } from './OpenAPIResponse';
-import { OpenAPIClientContext } from './types';
 import { InteractiveSection } from './InteractiveSection';
-import { OpenAPIDisclosureGroup } from './OpenAPIDisclosureGroup';
 import { Markdown } from './Markdown';
+import { OpenAPIDisclosureGroup } from './OpenAPIDisclosureGroup';
+import { OpenAPIResponse } from './OpenAPIResponse';
+import type { OpenAPIClientContext } from './types';
 
 /**
  * Display an interactive response body.
@@ -55,7 +55,7 @@ export function OpenAPIResponses(props: {
                                 ),
                             })),
                         };
-                    },
+                    }
                 )}
             />
         </InteractiveSection>

package/src/OpenAPISchema.test.ts

@@ -1,6 +1,6 @@
-import { it, describe, expect } from 'bun:test';
-import { getSchemaAlternatives } from './OpenAPISchema';
+import { describe, expect, it } from 'bun:test';
 import type { OpenAPIV3 } from '@gitbook/openapi-parser';
+import { getSchemaAlternatives } from './OpenAPISchema';
 
 describe('getSchemaAlternatives', () => {
     it('should flatten oneOf', () => {
@@ -21,7 +21,7 @@ describe('getSchemaAlternatives', () => {
                         type: 'string',
                     },
                 ],
-            }),
+            })
         ).toEqual([
             [
                 {
@@ -56,7 +56,7 @@ describe('getSchemaAlternatives', () => {
                         type: 'string',
                     },
                 ],
-            }),
+            })
         ).toEqual([
             [
                 {
@@ -86,7 +86,7 @@ describe('getSchemaAlternatives', () => {
             ],
         };
 
-        a.anyOf!.push(a);
+        a.anyOf?.push(a);
 
         expect(getSchemaAlternatives(a)).toEqual([
             [

package/src/OpenAPISchema.tsx

@@ -4,11 +4,11 @@ import { useId } from 'react';
 
 import { InteractiveSection } from './InteractiveSection';
 import { Markdown } from './Markdown';
+import { OpenAPIDisclosure } from './OpenAPIDisclosure';
+import { OpenAPISchemaName } from './OpenAPISchemaName';
+import { stringifyOpenAPI } from './stringifyOpenAPI';
 import type { OpenAPIClientContext } from './types';
 import { checkIsReference, resolveDescription } from './utils';
-import { stringifyOpenAPI } from './stringifyOpenAPI';
-import { OpenAPISchemaName } from './OpenAPISchemaName';
-import { OpenAPIDisclosure } from './OpenAPIDisclosure';
 
 type CircularRefsIds = Map<OpenAPIV3.SchemaObject, string>;
 
@@ -27,7 +27,7 @@ export function OpenAPISchemaProperty(
         circularRefs?: CircularRefsIds;
         context: OpenAPIClientContext;
         className?: string;
-    },
+    }
 ) {
     const {
         schema,
@@ -49,20 +49,13 @@ export function OpenAPISchemaProperty(
 
     if (alternatives?.[0]?.length) {
         return (
-            <InteractiveSection id={id} className={clsx('openapi-schema', className)}>
-                <OpenAPISchemaPresentation {...props} />
-                {alternatives[0].map((alternative, index) => (
-                    <OpenAPISchemaAlternative
-                        key={`alternative-${index}`}
-                        schema={alternative}
-                        circularRefs={circularRefs}
-                        context={context}
-                    />
-                ))}
-                {parentCircularRef ? (
-                    <OpenAPISchemaCircularRef id={parentCircularRef} schema={schema} />
-                ) : null}
-            </InteractiveSection>
+            <OpenAPISchemaAlternativesItem
+                {...props}
+                circularRefs={circularRefs}
+                context={context}
+                alternatives={alternatives}
+                parentCircularRef={parentCircularRef}
+            />
         );
     }
 
@@ -173,6 +166,25 @@ function OpenAPISchemaAlternative(props: {
     const id = useId();
     const subProperties = getSchemaProperties(schema);
     const description = resolveDescription(schema);
+    const alternatives = getSchemaAlternatives(schema, new Set(circularRefs?.keys()));
+
+    if (alternatives?.[0]?.length && !subProperties?.length) {
+        return (
+            <>
+                {description ? (
+                    <Markdown source={description} className="openapi-schema-description" />
+                ) : null}
+                <OpenAPIDisclosure context={context} label={getDisclosureLabel(schema)}>
+                    <OpenAPISchemaAlternativesItem
+                        schema={schema}
+                        circularRefs={circularRefs}
+                        context={context}
+                        alternatives={alternatives}
+                    />
+                </OpenAPIDisclosure>
+            </>
+        );
+    }
 
     return (
         <>
@@ -193,6 +205,35 @@ function OpenAPISchemaAlternative(props: {
     );
 }
 
+function OpenAPISchemaAlternativesItem(
+    props: OpenAPISchemaPropertyEntry & {
+        circularRefs?: CircularRefsIds;
+        context: OpenAPIClientContext;
+        alternatives: OpenAPISchemaAlternatives;
+        parentCircularRef?: string;
+    }
+) {
+    const id = useId();
+    const { schema, circularRefs, context, alternatives, parentCircularRef } = props;
+
+    return (
+        <InteractiveSection id={id} className={clsx('openapi-schema')}>
+            <OpenAPISchemaPresentation {...props} />
+            {alternatives[0].map((alternative, index) => (
+                <OpenAPISchemaAlternative
+                    key={`alternative-${index}`}
+                    schema={alternative}
+                    circularRefs={circularRefs}
+                    context={context}
+                />
+            ))}
+            {parentCircularRef ? (
+                <OpenAPISchemaCircularRef id={parentCircularRef} schema={schema} />
+            ) : null}
+        </InteractiveSection>
+    );
+}
+
 /**
  * Render a circular reference to a schema.
  */
@@ -336,13 +377,18 @@ function getSchemaProperties(schema: OpenAPIV3.SchemaObject): null | OpenAPISche
     return null;
 }
 
+type OpenAPISchemaAlternatives = [
+    OpenAPIV3.SchemaObject[],
+    OpenAPIV3.DiscriminatorObject | undefined,
+];
+
 /**
  * Get the alternatives to display for a schema.
  */
 export function getSchemaAlternatives(
     schema: OpenAPIV3.SchemaObject,
-    ancestors: Set<OpenAPIV3.SchemaObject> = new Set(),
-): null | [OpenAPIV3.SchemaObject[], OpenAPIV3.DiscriminatorObject | undefined] {
+    ancestors: Set<OpenAPIV3.SchemaObject> = new Set()
+): null | OpenAPISchemaAlternatives {
     const downAncestors = new Set(ancestors).add(schema);
 
     if (schema.anyOf) {
@@ -363,14 +409,16 @@ export function getSchemaAlternatives(
 function flattenAlternatives(
     alternativeType: 'oneOf' | 'allOf' | 'anyOf',
     alternatives: OpenAPIV3.SchemaObject[],
-    ancestors: Set<OpenAPIV3.SchemaObject>,
+    ancestors: Set<OpenAPIV3.SchemaObject>
 ): OpenAPIV3.SchemaObject[] {
     return alternatives.reduce((acc, alternative) => {
         if (!!alternative[alternativeType] && !ancestors.has(alternative)) {
-            return [...acc, ...(getSchemaAlternatives(alternative, ancestors)?.[0] || [])];
+            acc.push(...(getSchemaAlternatives(alternative, ancestors)?.[0] || []));
+        } else {
+            acc.push(alternative);
         }
 
-        return [...acc, alternative];
+        return acc;
     }, [] as OpenAPIV3.SchemaObject[]);
 }
 
@@ -378,7 +426,7 @@ export function getSchemaTitle(
     schema: OpenAPIV3.SchemaObject,
 
     /** If the title is inferred in a oneOf with discriminator, we can use it to optimize the title */
-    discriminator?: OpenAPIV3.DiscriminatorObject,
+    discriminator?: OpenAPIV3.DiscriminatorObject
 ): string {
     // Try using the discriminator
     if (discriminator?.propertyName && schema.properties) {
@@ -406,7 +454,9 @@ export function getSchemaTitle(
         if (schema.format) {
             type += ` · ${schema.format}`;
         }
-    } else if ('anyOf' in schema) {
+    }
+
+    if ('anyOf' in schema) {
         type = 'any of';
     } else if ('oneOf' in schema) {
         type = 'one of';

package/src/OpenAPISchemaName.tsx

@@ -1,8 +1,9 @@
-import { OpenAPIV3 } from '@gitbook/openapi-parser';
+import type { OpenAPIV3 } from '@gitbook/openapi-parser';
+import type React from 'react';
 
 interface OpenAPISchemaNameProps {
     schema?: OpenAPIV3.SchemaObject;
-    propertyName?: string | JSX.Element;
+    propertyName?: string | React.JSX.Element;
     required?: boolean;
     type?: string;
 }
@@ -11,7 +12,7 @@ interface OpenAPISchemaNameProps {
  * Display the schema name row.
  * It includes the property name, type, required and deprecated status.
  */
-export function OpenAPISchemaName(props: OpenAPISchemaNameProps): JSX.Element {
+export function OpenAPISchemaName(props: OpenAPISchemaNameProps) {
     const { schema, type, propertyName, required } = props;
 
     const additionalItems = schema && getAdditionalItems(schema);
@@ -52,7 +53,7 @@ function getAdditionalItems(schema: OpenAPIV3.SchemaObject): string {
     }
 
     if (schema.nullable) {
-        additionalItems = ` | nullable`;
+        additionalItems = ' | nullable';
     }
 
     return additionalItems;

package/src/OpenAPISecurities.tsx

@@ -1,8 +1,8 @@
 import type { OpenAPIV3_1 } from '@gitbook/openapi-parser';
-import type { OpenAPIClientContext, OpenAPIOperationData } from './types';
 import { InteractiveSection } from './InteractiveSection';
 import { Markdown } from './Markdown';
 import { OpenAPISchemaName } from './OpenAPISchemaName';
+import type { OpenAPIClientContext, OpenAPIOperationData } from './types';
 import { resolveDescription } from './utils';
 
 /**
@@ -65,7 +65,7 @@ function getLabelForType(security: OpenAPIV3_1.SecuritySchemeObject) {
                 return <OpenAPISchemaName propertyName="Authorization" type="string" required />;
             }
 
-            if (security.scheme == 'bearer') {
+            if (security.scheme === 'bearer') {
                 const description = resolveDescription(security);
                 return (
                     <>
@@ -73,7 +73,7 @@ function getLabelForType(security: OpenAPIV3_1.SecuritySchemeObject) {
                         {/** Show a default description if none is provided */}
                         {!description ? (
                             <Markdown
-                                source={`Bearer authentication header of the form Bearer ${`&lt;token&gt;`}.`}
+                                source={`Bearer authentication header of the form Bearer ${'&lt;token&gt;'}.`}
                                 className="openapi-securities-description"
                             />
                         ) : null}