@stoplight/elements-core 7.16.1 → 7.16.3

package/components/Docs/HttpOperation/HttpOperation.d.ts

@@ -3,13 +3,14 @@ import * as React from 'react';
 import { DocsComponentProps } from '..';
 export declare type HttpOperationProps = DocsComponentProps<IHttpOperation>;
 export declare const HttpOperation: React.FunctionComponent<HttpOperationProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
-export declare function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInternal, method, path, }: {
+export declare function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInternal, hideServerUrl, method, path, }: {
     id: string;
     noHeading?: boolean;
     hasBadges?: boolean;
     name?: string;
     isDeprecated?: boolean;
     isInternal?: boolean;
+    hideServerUrl?: boolean;
     method: string;
     path: string;
 }): JSX.Element | null;

package/index.esm.js

@@ -2131,7 +2131,7 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
         if (!exists) {
             setChosenServer(firstServer);
         }
-        else if (exists !== chosenServer) {
+        else if (exists.id !== chosenServer.id) {
             setChosenServer(exists);
         }
     }, [servers, firstServer, chosenServer, setChosenServer]);
@@ -2690,7 +2690,7 @@ const Callback = ({ data, isCompact }) => {
     return (React.createElement(VStack, { spacing: 10 },
         React.createElement(Box, null,
             React.createElement(SectionSubtitle, { title: data.key, id: "callback-key" }),
-            React.createElement(OperationHeader, { id: data.id, method: data.method, path: `/${data.path}`, isDeprecated: isDeprecated, isInternal: isInternal })),
+            React.createElement(OperationHeader, { id: data.id, method: data.method, path: data.path, isDeprecated: isDeprecated, isInternal: isInternal, hideServerUrl: true })),
         data.description && (React.createElement(Box, { pos: "relative" },
             React.createElement(MarkdownViewer, { className: "HttpOperation__Description", markdown: data.description }),
             React.createElement(NodeAnnotation, { change: descriptionChanged }))),
@@ -2729,14 +2729,14 @@ HttpOperationComponent.displayName = 'HttpOperation.Component';
 const HttpOperation = withErrorBoundary(HttpOperationComponent, {
     recoverableProps: ['data'],
 });
-function MethodPath({ method, path }) {
+function MethodPath({ method, path, hideServerUrl }) {
     const chosenServer = useAtomValue(chosenServerAtom);
     let chosenServerUrl = '';
     if (chosenServer) {
         chosenServerUrl = chosenServer.url.endsWith('/') ? chosenServer.url.slice(0, -1) : chosenServer.url;
     }
     return (React.createElement(Box, null,
-        React.createElement(MethodPathInner, { method: method, path: path, chosenServerUrl: chosenServerUrl })));
+        React.createElement(MethodPathInner, { method: method, path: path, chosenServerUrl: hideServerUrl ? '' : chosenServerUrl })));
 }
 function MethodPathInner({ method, path, chosenServerUrl }) {
     const isDark = useThemeIsDark();
@@ -2749,7 +2749,7 @@ function MethodPathInner({ method, path, chosenServerUrl }) {
         React.createElement(Box, { py: 1, px: 2.5, rounded: "lg", bg: !isDark ? HttpMethodColors[method] : 'canvas-100', color: !isDark ? 'on-primary' : 'body', fontSize: "lg", fontWeight: "semibold", textTransform: "uppercase" }, method),
         pathElem));
 }
-function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInternal, method, path, }) {
+function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInternal, hideServerUrl, method, path, }) {
     const { nodeHasChanged } = useOptionsCtx();
     if (noHeading && !hasBadges) {
         return null;
@@ -2765,7 +2765,7 @@ function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInter
                     isInternal && React.createElement(InternalBadge, { isHttpService: true }))),
             React.createElement(NodeAnnotation, { change: lineOneChanged })),
         React.createElement(Box, { pos: "relative" },
-            React.createElement(MethodPath, { method: method, path: path }),
+            React.createElement(MethodPath, { method: method, path: path, hideServerUrl: hideServerUrl }),
             React.createElement(NodeAnnotation, { change: lineTwoChanged }))));
 }
 

package/index.js

@@ -2188,7 +2188,7 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
         if (!exists) {
             setChosenServer(firstServer);
         }
-        else if (exists !== chosenServer) {
+        else if (exists.id !== chosenServer.id) {
             setChosenServer(exists);
         }
     }, [servers, firstServer, chosenServer, setChosenServer]);
@@ -2747,7 +2747,7 @@ const Callback = ({ data, isCompact }) => {
     return (React__namespace.createElement(mosaic.VStack, { spacing: 10 },
         React__namespace.createElement(mosaic.Box, null,
             React__namespace.createElement(SectionSubtitle, { title: data.key, id: "callback-key" }),
-            React__namespace.createElement(OperationHeader, { id: data.id, method: data.method, path: `/${data.path}`, isDeprecated: isDeprecated, isInternal: isInternal })),
+            React__namespace.createElement(OperationHeader, { id: data.id, method: data.method, path: data.path, isDeprecated: isDeprecated, isInternal: isInternal, hideServerUrl: true })),
         data.description && (React__namespace.createElement(mosaic.Box, { pos: "relative" },
             React__namespace.createElement(MarkdownViewer, { className: "HttpOperation__Description", markdown: data.description }),
             React__namespace.createElement(mosaic.NodeAnnotation, { change: descriptionChanged }))),
@@ -2786,14 +2786,14 @@ HttpOperationComponent.displayName = 'HttpOperation.Component';
 const HttpOperation = reactErrorBoundary.withErrorBoundary(HttpOperationComponent, {
     recoverableProps: ['data'],
 });
-function MethodPath({ method, path }) {
+function MethodPath({ method, path, hideServerUrl }) {
     const chosenServer = utils.useAtomValue(chosenServerAtom);
     let chosenServerUrl = '';
     if (chosenServer) {
         chosenServerUrl = chosenServer.url.endsWith('/') ? chosenServer.url.slice(0, -1) : chosenServer.url;
     }
     return (React__namespace.createElement(mosaic.Box, null,
-        React__namespace.createElement(MethodPathInner, { method: method, path: path, chosenServerUrl: chosenServerUrl })));
+        React__namespace.createElement(MethodPathInner, { method: method, path: path, chosenServerUrl: hideServerUrl ? '' : chosenServerUrl })));
 }
 function MethodPathInner({ method, path, chosenServerUrl }) {
     const isDark = mosaic.useThemeIsDark();
@@ -2806,7 +2806,7 @@ function MethodPathInner({ method, path, chosenServerUrl }) {
         React__namespace.createElement(mosaic.Box, { py: 1, px: 2.5, rounded: "lg", bg: !isDark ? HttpMethodColors[method] : 'canvas-100', color: !isDark ? 'on-primary' : 'body', fontSize: "lg", fontWeight: "semibold", textTransform: "uppercase" }, method),
         pathElem));
 }
-function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInternal, method, path, }) {
+function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInternal, hideServerUrl, method, path, }) {
     const { nodeHasChanged } = useOptionsCtx();
     if (noHeading && !hasBadges) {
         return null;
@@ -2822,7 +2822,7 @@ function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInter
                     isInternal && React__namespace.createElement(InternalBadge, { isHttpService: true }))),
             React__namespace.createElement(mosaic.NodeAnnotation, { change: lineOneChanged })),
         React__namespace.createElement(mosaic.Box, { pos: "relative" },
-            React__namespace.createElement(MethodPath, { method: method, path: path }),
+            React__namespace.createElement(MethodPath, { method: method, path: path, hideServerUrl: hideServerUrl }),
             React__namespace.createElement(mosaic.NodeAnnotation, { change: lineTwoChanged }))));
 }
 

package/index.mjs

@@ -2131,7 +2131,7 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
         if (!exists) {
             setChosenServer(firstServer);
         }
-        else if (exists !== chosenServer) {
+        else if (exists.id !== chosenServer.id) {
             setChosenServer(exists);
         }
     }, [servers, firstServer, chosenServer, setChosenServer]);
@@ -2690,7 +2690,7 @@ const Callback = ({ data, isCompact }) => {
     return (React.createElement(VStack, { spacing: 10 },
         React.createElement(Box, null,
             React.createElement(SectionSubtitle, { title: data.key, id: "callback-key" }),
-            React.createElement(OperationHeader, { id: data.id, method: data.method, path: `/${data.path}`, isDeprecated: isDeprecated, isInternal: isInternal })),
+            React.createElement(OperationHeader, { id: data.id, method: data.method, path: data.path, isDeprecated: isDeprecated, isInternal: isInternal, hideServerUrl: true })),
         data.description && (React.createElement(Box, { pos: "relative" },
             React.createElement(MarkdownViewer, { className: "HttpOperation__Description", markdown: data.description }),
             React.createElement(NodeAnnotation, { change: descriptionChanged }))),
@@ -2729,14 +2729,14 @@ HttpOperationComponent.displayName = 'HttpOperation.Component';
 const HttpOperation = withErrorBoundary(HttpOperationComponent, {
     recoverableProps: ['data'],
 });
-function MethodPath({ method, path }) {
+function MethodPath({ method, path, hideServerUrl }) {
     const chosenServer = useAtomValue(chosenServerAtom);
     let chosenServerUrl = '';
     if (chosenServer) {
         chosenServerUrl = chosenServer.url.endsWith('/') ? chosenServer.url.slice(0, -1) : chosenServer.url;
     }
     return (React.createElement(Box, null,
-        React.createElement(MethodPathInner, { method: method, path: path, chosenServerUrl: chosenServerUrl })));
+        React.createElement(MethodPathInner, { method: method, path: path, chosenServerUrl: hideServerUrl ? '' : chosenServerUrl })));
 }
 function MethodPathInner({ method, path, chosenServerUrl }) {
     const isDark = useThemeIsDark();
@@ -2749,7 +2749,7 @@ function MethodPathInner({ method, path, chosenServerUrl }) {
         React.createElement(Box, { py: 1, px: 2.5, rounded: "lg", bg: !isDark ? HttpMethodColors[method] : 'canvas-100', color: !isDark ? 'on-primary' : 'body', fontSize: "lg", fontWeight: "semibold", textTransform: "uppercase" }, method),
         pathElem));
 }
-function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInternal, method, path, }) {
+function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInternal, hideServerUrl, method, path, }) {
     const { nodeHasChanged } = useOptionsCtx();
     if (noHeading && !hasBadges) {
         return null;
@@ -2765,7 +2765,7 @@ function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInter
                     isInternal && React.createElement(InternalBadge, { isHttpService: true }))),
             React.createElement(NodeAnnotation, { change: lineOneChanged })),
         React.createElement(Box, { pos: "relative" },
-            React.createElement(MethodPath, { method: method, path: path }),
+            React.createElement(MethodPath, { method: method, path: path, hideServerUrl: hideServerUrl }),
             React.createElement(NodeAnnotation, { change: lineTwoChanged }))));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements-core",
-  "version": "7.16.1",
+  "version": "7.16.3",
   "main": "./index.js",
   "sideEffects": [
     "web-components.min.js",