@stoplight/elements-core 7.7.13 → 7.7.15

package/components/Docs/Article/Article.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/components/TryIt/Parameters/parameter-utils.d.ts

@@ -28,6 +28,6 @@ export declare function mapSchemaPropertiesToParameters(properties: {
     schema: import("json-schema").JSONSchema7 | undefined;
     examples: {
         key: string;
-        value: string | number | true | import("json-schema").JSONSchema7Object | import("json-schema").JSONSchema7Array;
+        value: any;
     }[] | undefined;
 }[];

package/index.esm.js

@@ -1,4 +1,4 @@
-import { __awaiter, __rest } from 'tslib';
+import { __rest, __awaiter } from 'tslib';
 import * as React from 'react';
 import React__default, { useContext, useMemo } from 'react';
 import { convertToJsonSchema } from '@stoplight/http-spec/oas';
@@ -256,12 +256,22 @@ const MarkdownViewer = (props) => {
 };
 MarkdownViewer.displayName = 'MarkdownViewer';
 
-const ArticleComponent = React.memo(({ data }) => {
+const ArticleComponentForHashRouter = React.memo(({ data }) => {
     const { pathname } = useLocation();
-    const routerKind = React.useContext(RouterTypeContext);
-    const basePath = routerKind === 'hash' ? `#${pathname.split('#')[0]}` : '';
+    const basePath = `#${pathname.split('#')[0]}`;
+    return React.createElement(BaseArticleComponent, { data: data, tocBasePath: basePath });
+});
+const BaseArticleComponent = React.memo((_a) => {
+    var { data } = _a, props = __rest(_a, ["data"]);
     return (React.createElement(Box, { className: "sl-elements-article" },
-        React.createElement(MarkdownViewer, { className: "sl-elements-article-content", markdown: data, includeToc: true, tocBasePath: basePath })));
+        React.createElement(MarkdownViewer, Object.assign({ className: "sl-elements-article-content", markdown: data, includeToc: true }, props))));
+});
+const ArticleComponent = React.memo(({ data }) => {
+    const routerKind = useRouterType();
+    if (routerKind === 'hash') {
+        return React.createElement(ArticleComponentForHashRouter, { data: data });
+    }
+    return React.createElement(BaseArticleComponent, { data: data });
 });
 const Article = withErrorBoundary(ArticleComponent, { recoverableProps: ['data'] });
 
@@ -1121,7 +1131,9 @@ const initialParameterValues = params => {
     return mapValues(paramsByName, param => getInitialValueForParameter(param));
 };
 function mapSchemaPropertiesToParameters(properties, required) {
-    return Object.entries(properties).map(([name, schema]) => (Object.assign({ name, schema: typeof schema !== 'boolean' ? schema : undefined, examples: typeof schema !== 'boolean' && schema.examples ? [{ key: 'example', value: schema.examples }] : undefined }, ((required === null || required === void 0 ? void 0 : required.includes(name)) && { required: true }))));
+    return Object.entries(properties).map(([name, schema]) => (Object.assign({ name, schema: typeof schema !== 'boolean' ? schema : undefined, examples: typeof schema !== 'boolean' && schema.examples && schema.examples[0]
+            ? [{ key: 'example', value: schema.examples[0] }]
+            : undefined }, ((required === null || required === void 0 ? void 0 : required.includes(name)) && { required: true }))));
 }
 
 const ParameterEditor = ({ parameter, value, onChange, isOptional, onChangeOptional, canChangeOptional, validate, }) => {

package/index.js

@@ -309,12 +309,22 @@ const MarkdownViewer = (props) => {
 };
 MarkdownViewer.displayName = 'MarkdownViewer';
 
-const ArticleComponent = React__namespace.memo(({ data }) => {
+const ArticleComponentForHashRouter = React__namespace.memo(({ data }) => {
     const { pathname } = reactRouterDom.useLocation();
-    const routerKind = React__namespace.useContext(RouterTypeContext);
-    const basePath = routerKind === 'hash' ? `#${pathname.split('#')[0]}` : '';
+    const basePath = `#${pathname.split('#')[0]}`;
+    return React__namespace.createElement(BaseArticleComponent, { data: data, tocBasePath: basePath });
+});
+const BaseArticleComponent = React__namespace.memo((_a) => {
+    var { data } = _a, props = tslib.__rest(_a, ["data"]);
     return (React__namespace.createElement(mosaic.Box, { className: "sl-elements-article" },
-        React__namespace.createElement(MarkdownViewer, { className: "sl-elements-article-content", markdown: data, includeToc: true, tocBasePath: basePath })));
+        React__namespace.createElement(MarkdownViewer, Object.assign({ className: "sl-elements-article-content", markdown: data, includeToc: true }, props))));
+});
+const ArticleComponent = React__namespace.memo(({ data }) => {
+    const routerKind = useRouterType();
+    if (routerKind === 'hash') {
+        return React__namespace.createElement(ArticleComponentForHashRouter, { data: data });
+    }
+    return React__namespace.createElement(BaseArticleComponent, { data: data });
 });
 const Article = reactErrorBoundary.withErrorBoundary(ArticleComponent, { recoverableProps: ['data'] });
 
@@ -1174,7 +1184,9 @@ const initialParameterValues = params => {
     return mapValues__default["default"](paramsByName, param => getInitialValueForParameter(param));
 };
 function mapSchemaPropertiesToParameters(properties, required) {
-    return Object.entries(properties).map(([name, schema]) => (Object.assign({ name, schema: typeof schema !== 'boolean' ? schema : undefined, examples: typeof schema !== 'boolean' && schema.examples ? [{ key: 'example', value: schema.examples }] : undefined }, ((required === null || required === void 0 ? void 0 : required.includes(name)) && { required: true }))));
+    return Object.entries(properties).map(([name, schema]) => (Object.assign({ name, schema: typeof schema !== 'boolean' ? schema : undefined, examples: typeof schema !== 'boolean' && schema.examples && schema.examples[0]
+            ? [{ key: 'example', value: schema.examples[0] }]
+            : undefined }, ((required === null || required === void 0 ? void 0 : required.includes(name)) && { required: true }))));
 }
 
 const ParameterEditor = ({ parameter, value, onChange, isOptional, onChangeOptional, canChangeOptional, validate, }) => {

package/index.mjs

@@ -1,4 +1,4 @@
-import { __awaiter, __rest } from 'tslib';
+import { __rest, __awaiter } from 'tslib';
 import * as React from 'react';
 import React__default, { useContext, useMemo } from 'react';
 import { convertToJsonSchema } from '@stoplight/http-spec/oas';
@@ -256,12 +256,22 @@ const MarkdownViewer = (props) => {
 };
 MarkdownViewer.displayName = 'MarkdownViewer';
 
-const ArticleComponent = React.memo(({ data }) => {
+const ArticleComponentForHashRouter = React.memo(({ data }) => {
     const { pathname } = useLocation();
-    const routerKind = React.useContext(RouterTypeContext);
-    const basePath = routerKind === 'hash' ? `#${pathname.split('#')[0]}` : '';
+    const basePath = `#${pathname.split('#')[0]}`;
+    return React.createElement(BaseArticleComponent, { data: data, tocBasePath: basePath });
+});
+const BaseArticleComponent = React.memo((_a) => {
+    var { data } = _a, props = __rest(_a, ["data"]);
     return (React.createElement(Box, { className: "sl-elements-article" },
-        React.createElement(MarkdownViewer, { className: "sl-elements-article-content", markdown: data, includeToc: true, tocBasePath: basePath })));
+        React.createElement(MarkdownViewer, Object.assign({ className: "sl-elements-article-content", markdown: data, includeToc: true }, props))));
+});
+const ArticleComponent = React.memo(({ data }) => {
+    const routerKind = useRouterType();
+    if (routerKind === 'hash') {
+        return React.createElement(ArticleComponentForHashRouter, { data: data });
+    }
+    return React.createElement(BaseArticleComponent, { data: data });
 });
 const Article = withErrorBoundary(ArticleComponent, { recoverableProps: ['data'] });
 
@@ -1121,7 +1131,9 @@ const initialParameterValues = params => {
     return mapValues(paramsByName, param => getInitialValueForParameter(param));
 };
 function mapSchemaPropertiesToParameters(properties, required) {
-    return Object.entries(properties).map(([name, schema]) => (Object.assign({ name, schema: typeof schema !== 'boolean' ? schema : undefined, examples: typeof schema !== 'boolean' && schema.examples ? [{ key: 'example', value: schema.examples }] : undefined }, ((required === null || required === void 0 ? void 0 : required.includes(name)) && { required: true }))));
+    return Object.entries(properties).map(([name, schema]) => (Object.assign({ name, schema: typeof schema !== 'boolean' ? schema : undefined, examples: typeof schema !== 'boolean' && schema.examples && schema.examples[0]
+            ? [{ key: 'example', value: schema.examples[0] }]
+            : undefined }, ((required === null || required === void 0 ? void 0 : required.includes(name)) && { required: true }))));
 }
 
 const ParameterEditor = ({ parameter, value, onChange, isOptional, onChangeOptional, canChangeOptional, validate, }) => {

package/package.json

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