@stoplight/elements-core 7.3.7 → 7.3.11

package/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var lodash = require('lodash');
 var json = require('@stoplight/json');
+var _ = require('lodash');
 var markdown = require('@stoplight/markdown');
 var types = require('@stoplight/types');
 var yaml = require('@stoplight/yaml');
@@ -21,14 +21,13 @@ var URI = require('urijs');
 var mosaicCodeViewer = require('@stoplight/mosaic-code-viewer');
 var HTTPSnippet = require('httpsnippet');
 var nanoid = require('nanoid');
-var fp = require('lodash/fp');
 var mosaicCodeEditor = require('@stoplight/mosaic-code-editor');
 var Sampler = require('@stoplight/json-schema-sampler');
 var formatXml = require('xml-formatter');
 var reactRouterDom = require('react-router-dom');
 var jsonSchemaViewer = require('@stoplight/json-schema-viewer');
-var reactQuery = require('react-query');
 var reactRouterHashLink = require('react-router-hash-link');
+var reactQuery = require('react-query');
 var $RefParser = require('@stoplight/json-schema-ref-parser');
 var PropTypes = require('prop-types');
 var ReactDOM = require('react-dom');
@@ -55,6 +54,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var URI__default = /*#__PURE__*/_interopDefaultLegacy(URI);
 var HTTPSnippet__default = /*#__PURE__*/_interopDefaultLegacy(HTTPSnippet);
@@ -107,7 +107,7 @@ const recursivelyCreateResolvedObject = (currentObject, rootCurrentObject, prope
             else {
                 resolvedValue = value;
             }
-            if (lodash.isPlainObject(resolvedValue) || lodash.isArray(resolvedValue)) {
+            if (_.isPlainObject(resolvedValue) || _.isArray(resolvedValue)) {
                 return recursivelyCreateResolvedObject(resolvedValue, rootCurrentObject, newPropertyPath, objectToProxiedObjectCache, mergedOptions);
             }
             return resolvedValue;
@@ -122,16 +122,16 @@ const isResolvedObjectProxy = (someObject) => {
 const getOriginalObject = (resolvedObject) => {
     return resolvedObject[originalObjectSymbol] || resolvedObject;
 };
-const isReference = (value) => lodash.isObject(value) && typeof value['$ref'] === 'string';
+const isReference = (value) => _.isObject(value) && typeof value['$ref'] === 'string';
 
 const InlineRefResolverContext = React__namespace.createContext(undefined);
 InlineRefResolverContext.displayName = 'InlineRefResolverContext';
 const DocumentContext = React__namespace.createContext(undefined);
 DocumentContext.displayName = 'DocumentContext';
-const InlineRefResolverProvider = (_a) => {
-    var { children } = _a, props = tslib.__rest(_a, ["children"]);
-    const document = 'document' in props && lodash.isPlainObject(props.document) ? Object(props.document) : undefined;
-    return (React__namespace.createElement(InlineRefResolverContext.Provider, { value: 'resolver' in props ? props.resolver : defaultResolver(document) },
+const InlineRefResolverProvider = ({ children, document: maybeDocument, resolver, }) => {
+    const document = json.isPlainObject(maybeDocument) ? maybeDocument : undefined;
+    const computedResolver = React__namespace.useMemo(() => resolver || (document !== undefined ? defaultResolver(document) : undefined), [document, resolver]);
+    return (React__namespace.createElement(InlineRefResolverContext.Provider, { value: computedResolver },
         React__namespace.createElement(DocumentContext.Provider, { value: document }, children)));
 };
 const useInlineRefResolver = () => React.useContext(InlineRefResolverContext);
@@ -139,17 +139,17 @@ const useDocument = () => React.useContext(DocumentContext);
 const useResolvedObject = (currentObject) => {
     const document = useDocument();
     const resolver = useInlineRefResolver();
-    return createResolvedObject(currentObject, { contextObject: document, resolver });
+    return React__namespace.useMemo(() => createResolvedObject(currentObject, { contextObject: document, resolver }), [currentObject, document, resolver]);
 };
 
 function isSMDASTRoot(maybeAst) {
-    return lodash.isObject(maybeAst) && maybeAst['type'] === 'root' && mosaic.isArray(maybeAst['children']);
+    return _.isObject(maybeAst) && maybeAst['type'] === 'root' && mosaic.isArray(maybeAst['children']);
 }
 function isJSONSchema(maybeSchema) {
-    return lodash.isPlainObject(maybeSchema);
+    return _.isPlainObject(maybeSchema);
 }
 function isStoplightNode(maybeNode) {
-    return lodash.isObject(maybeNode) && 'id' in maybeNode;
+    return _.isObject(maybeNode) && 'id' in maybeNode;
 }
 function isHttpService(maybeHttpService) {
     return isStoplightNode(maybeHttpService) && 'name' in maybeHttpService && 'version' in maybeHttpService;
@@ -247,7 +247,7 @@ function useComponentSize(container) {
         if (!container) {
             return;
         }
-        const updateComponentSize = lodash.throttle(() => (container ? setComponentSize(container.getBoundingClientRect()) : { width: 0, height: 0 }), 1000, {
+        const updateComponentSize = _.throttle(() => (container ? setComponentSize(container.getBoundingClientRect()) : { width: 0, height: 0 }), 1000, {
             trailing: true,
         });
         updateComponentSize();
@@ -352,7 +352,7 @@ function getReadableSecurityName(securityScheme, includeKey = false) {
             name = 'API Key';
             break;
         case 'http':
-            name = `${lodash.capitalize(securityScheme.scheme)} Auth`;
+            name = `${_.capitalize(securityScheme.scheme)} Auth`;
             break;
         case 'oauth2':
             name = 'OAuth 2.0';
@@ -370,11 +370,11 @@ function getServiceUriFromOperation(uri) {
     const match = uri === null || uri === void 0 ? void 0 : uri.match(/(.*)\/(paths|operations)/);
     return match && match.length > 1 ? match[1] || '/' : undefined;
 }
-const isOAuth2ImplicitFlow = (maybeFlow) => lodash.isObject(maybeFlow) && 'authorizationUrl' in maybeFlow && !('tokenUrl' in maybeFlow);
-const isOauth2AuthorizationCodeFlow = (maybeFlow) => lodash.isObject(maybeFlow) && 'authorizationUrl' in maybeFlow && 'tokenUrl' in maybeFlow;
-const isOauth2ClientCredentialsOrPasswordFlow = (maybeFlow) => lodash.isObject(maybeFlow) && !('authorizationUrl' in maybeFlow) && 'tokenUrl' in maybeFlow;
+const isOAuth2ImplicitFlow = (maybeFlow) => _.isObject(maybeFlow) && 'authorizationUrl' in maybeFlow && !('tokenUrl' in maybeFlow);
+const isOauth2AuthorizationCodeFlow = (maybeFlow) => _.isObject(maybeFlow) && 'authorizationUrl' in maybeFlow && 'tokenUrl' in maybeFlow;
+const isOauth2ClientCredentialsOrPasswordFlow = (maybeFlow) => _.isObject(maybeFlow) && !('authorizationUrl' in maybeFlow) && 'tokenUrl' in maybeFlow;
 function shouldIncludeKey(schemes, type) {
-    return lodash.filter(schemes, { type }).length > 1;
+    return _.filter(schemes, { type }).length > 1;
 }
 
 const NodeTypeColors = {
@@ -837,7 +837,7 @@ const OAuth2Auth = ({ value, onChange }) => {
 
 const TryItAuth = ({ operationSecurityScheme: operationAuth, onChange, value }) => {
     var _a;
-    const operationSecurityArray = lodash.flatten(operationAuth);
+    const operationSecurityArray = _.flatten(operationAuth);
     const filteredSecurityItems = operationSecurityArray.filter(scheme => securitySchemeKeys.includes(scheme === null || scheme === void 0 ? void 0 : scheme.type));
     const securityScheme = value ? value.scheme : filteredSecurityItems[0];
     const menuName = securityScheme ? getReadableSecurityName(securityScheme) : 'Security Scheme';
@@ -899,15 +899,15 @@ const SecuritySchemeComponent = (_a) => {
 };
 const securitySchemeKeys = ['apiKey', 'http', 'oauth2', 'openIdConnect'];
 
-const caseInsensitivelyEquals = lodash.curry((a, b) => a.toUpperCase() === b.toUpperCase());
+const caseInsensitivelyEquals = _.curry((a, b) => a.toUpperCase() === b.toUpperCase());
 
-const isApiKeySecurityScheme = (maybeIApiKey) => lodash.isObject(maybeIApiKey) && maybeIApiKey.type === 'apiKey';
-const isOAuth2SecurityScheme = (maybeIOAuth2) => lodash.isObject(maybeIOAuth2) && maybeIOAuth2.type === 'oauth2';
-const isBasicSecurityScheme = (maybeIBasic) => lodash.isObject(maybeIBasic) && maybeIBasic.type === 'http' && maybeIBasic.scheme === 'basic';
-const isBearerSecurityScheme = (maybeIBearer) => lodash.isObject(maybeIBearer) && maybeIBearer.type === 'http' && maybeIBearer.scheme === 'bearer';
-const isDigestSecurityScheme = (maybeIBearer) => lodash.isObject(maybeIBearer) && maybeIBearer.type === 'http' && maybeIBearer.scheme === 'digest';
+const isApiKeySecurityScheme = (maybeIApiKey) => _.isObject(maybeIApiKey) && maybeIApiKey.type === 'apiKey';
+const isOAuth2SecurityScheme = (maybeIOAuth2) => _.isObject(maybeIOAuth2) && maybeIOAuth2.type === 'oauth2';
+const isBasicSecurityScheme = (maybeIBasic) => _.isObject(maybeIBasic) && maybeIBasic.type === 'http' && maybeIBasic.scheme === 'basic';
+const isBearerSecurityScheme = (maybeIBearer) => _.isObject(maybeIBearer) && maybeIBearer.type === 'http' && maybeIBearer.scheme === 'bearer';
+const isDigestSecurityScheme = (maybeIBearer) => _.isObject(maybeIBearer) && maybeIBearer.type === 'http' && maybeIBearer.scheme === 'digest';
 function filterOutAuthorizationParams(queryParams, securitySchemes = []) {
-    const flattenedSecuritySchemes = lodash.flatten(securitySchemes);
+    const flattenedSecuritySchemes = _.flatten(securitySchemes);
     const securitySchemeNames = getSecuritySchemeNames(flattenedSecuritySchemes);
     return queryParams.filter(queryParam => !securitySchemeNames.some(caseInsensitivelyEquals(queryParam.name)));
 }
@@ -978,7 +978,7 @@ const booleanOptions = [
     { label: 'True', value: 'true' },
 ];
 function enumOptions(enumValues, required) {
-    const options = lodash.map(enumValues, v => ({ value: Number.isNaN(Number(v)) ? String(v) : Number(v) }));
+    const options = _.map(enumValues, v => ({ value: Number.isNaN(Number(v)) ? String(v) : Number(v) }));
     return required ? options : [{ label: 'Not Set', value: '' }, ...options];
 }
 function parameterOptions(parameter) {
@@ -1018,7 +1018,7 @@ function getPlaceholderForParameter(parameter) {
 function retrieveDefaultFromSchema(parameter) {
     var _a;
     const defaultValue = (_a = parameter.schema) === null || _a === void 0 ? void 0 : _a.default;
-    return lodash.isObject(defaultValue) ? json.safeStringify(defaultValue) : defaultValue;
+    return _.isObject(defaultValue) ? json.safeStringify(defaultValue) : defaultValue;
 }
 const getValueForParameter = (parameter) => {
     var _a, _b, _c;
@@ -1039,7 +1039,12 @@ const getInitialValueForParameter = (parameter) => {
         return '';
     return getValueForParameter(parameter);
 };
-const initialParameterValues = fp.pipe(fp.keyBy((param) => param.name), fp.mapValues(getInitialValueForParameter));
+const initialParameterValues = params => {
+    return ___default["default"].chain(params)
+        .keyBy((param) => param.name)
+        .mapValues(param => getInitialValueForParameter(param))
+        .value();
+};
 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 }))));
 }
@@ -1080,7 +1085,7 @@ const FormDataBody = ({ specification, values, onChangeValues }) => {
             if (supportsFileUpload) {
                 return (React__namespace.createElement(FileUploadParameterEditor, { key: parameter.name, parameter: parameter, value: value instanceof File ? value : undefined, onChange: newValue => newValue
                         ? onChangeValues(Object.assign(Object.assign({}, values), { [parameter.name]: newValue }))
-                        : onChangeValues(lodash.omit(values, parameter.name)) }));
+                        : onChangeValues(_.omit(values, parameter.name)) }));
             }
             return (React__namespace.createElement(ParameterEditor, { key: parameter.name, parameter: parameter, value: typeof value === 'string' ? value : undefined, onChange: (value) => onChangeValues(Object.assign(Object.assign({}, values), { [parameter.name]: typeof value === 'number' ? String(value) : value })) }));
         }))));
@@ -1114,7 +1119,7 @@ function createRequestBody(mediaTypeContent, bodyParameterValues) {
     });
 }
 const createUrlEncodedRequestBody = ({ bodyParameterValues = {} }) => tslib.__awaiter(void 0, void 0, void 0, function* () {
-    const filteredValues = lodash.pickBy(bodyParameterValues, lodash.isString);
+    const filteredValues = _.pickBy(bodyParameterValues, _.isString);
     return new URLSearchParams(filteredValues);
 });
 const createMultipartRequestBody = ({ mediaTypeContent, bodyParameterValues = {} }) => tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -1447,7 +1452,7 @@ function buildPreferHeader({ code, example, dynamic }, httpOperation) {
     }
     const isCodeSupported = supportsResponseCode(httpOperation, code);
     const isExampleSupported = isCodeSupported && supportsExample(httpOperation, code, example);
-    const args = lodash.compact([
+    const args = _.compact([
         code && isCodeSupported ? ['code', code] : undefined,
         dynamic ? ['dynamic', String(dynamic)] : undefined,
         example && isExampleSupported ? ['example', example] : undefined,
@@ -1468,7 +1473,7 @@ function supportsExample(httpOperation, code, exampleKey) {
     const response = (_a = httpOperation.responses) === null || _a === void 0 ? void 0 : _a.find(response => response.code === code);
     if (!response)
         return false;
-    const exampleKeys = lodash.uniq((_b = response.contents) === null || _b === void 0 ? void 0 : _b.flatMap(c => c.examples || []).map(example => example.key));
+    const exampleKeys = _.uniq((_b = response.contents) === null || _b === void 0 ? void 0 : _b.flatMap(c => c.examples || []).map(example => example.key));
     return exampleKeys.includes(exampleKey);
 }
 
@@ -1493,7 +1498,7 @@ const MockingButton = ({ operation, options: { isEnabled, code, example, dynamic
             var _a;
             const menuId = `response-${operationResponse.code}`;
             const isActive = operationResponse.code === code;
-            const exampleKeys = lodash.uniq((_a = operationResponse.contents) === null || _a === void 0 ? void 0 : _a.flatMap(c => c.examples || []).map(example => example.key));
+            const exampleKeys = _.uniq((_a = operationResponse.contents) === null || _a === void 0 ? void 0 : _a.flatMap(c => c.examples || []).map(example => example.key));
             const exampleChildren = exampleKeys === null || exampleKeys === void 0 ? void 0 : exampleKeys.map(exampleKey => ({
                 id: `${menuId}-example-${exampleKey}`,
                 title: exampleKey,
@@ -1581,10 +1586,10 @@ const useRequestParameters = (httpOperation) => {
 function extractAllParameters(httpOperation) {
     var _a, _b, _c, _d, _e, _f;
     const getRequired = (obj) => { var _a; return (_a = obj.required) !== null && _a !== void 0 ? _a : false; };
-    const pathParameters = lodash.orderBy((_b = (_a = httpOperation.request) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : [], [getRequired, 'name'], ['desc', 'asc']);
-    const queryParameters = filterOutAuthorizationParams(lodash.orderBy((_d = (_c = httpOperation.request) === null || _c === void 0 ? void 0 : _c.query) !== null && _d !== void 0 ? _d : [], [getRequired, 'name'], ['desc', 'asc']), httpOperation.security);
-    const headerParameters = filterOutAuthorizationParams(lodash.orderBy((_f = (_e = httpOperation.request) === null || _e === void 0 ? void 0 : _e.headers) !== null && _f !== void 0 ? _f : [], [getRequired, 'name'], ['desc', 'asc']), httpOperation.security);
-    return lodash.uniqBy([...pathParameters, ...queryParameters, ...headerParameters], p => p.name);
+    const pathParameters = _.orderBy((_b = (_a = httpOperation.request) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : [], [getRequired, 'name'], ['desc', 'asc']);
+    const queryParameters = filterOutAuthorizationParams(_.orderBy((_d = (_c = httpOperation.request) === null || _c === void 0 ? void 0 : _c.query) !== null && _d !== void 0 ? _d : [], [getRequired, 'name'], ['desc', 'asc']), httpOperation.security);
+    const headerParameters = filterOutAuthorizationParams(_.orderBy((_f = (_e = httpOperation.request) === null || _e === void 0 ? void 0 : _e.headers) !== null && _f !== void 0 ? _f : [], [getRequired, 'name'], ['desc', 'asc']), httpOperation.security);
+    return _.uniqBy([...pathParameters, ...queryParameters, ...headerParameters], p => p.name);
 }
 
 function getHttpCodeColor(code) {
@@ -1647,12 +1652,12 @@ const ResponseMenu = ({ types, type, onChange }) => {
     const menuItems = React__namespace.useMemo(() => {
         const items = types.map(type => ({
             id: type,
-            title: lodash.capitalize(type),
+            title: _.capitalize(type),
             onPress: () => onChange(type),
         }));
         return items;
     }, [types, onChange]);
-    return (React__namespace.createElement(mosaic.Menu, { "aria-label": "Body Format", items: menuItems, renderTrigger: ({ isOpen }) => (React__namespace.createElement(mosaic.Button, { appearance: "minimal", size: "sm", iconRight: ['fas', 'sort'], active: isOpen }, lodash.capitalize(type))) }));
+    return (React__namespace.createElement(mosaic.Menu, { "aria-label": "Body Format", items: menuItems, renderTrigger: ({ isOpen }) => (React__namespace.createElement(mosaic.Button, { appearance: "minimal", size: "sm", iconRight: ['fas', 'sort'], active: isOpen }, _.capitalize(type))) }));
 };
 const ResponseError = ({ state: { error } }) => (React__namespace.createElement(mosaic.Panel, { defaultIsOpen: true },
     React__namespace.createElement(mosaic.Panel.Titlebar, null, "Error"),
@@ -1909,7 +1914,7 @@ const defaultStyle = {
 const Parameters = ({ parameters, parameterType }) => {
     if (!parameters || !parameters.length)
         return null;
-    return (React__namespace.createElement(mosaic.VStack, { spacing: 2, pl: 6, divider: React__namespace.createElement(mosaic.Box, { borderT: true, borderColor: "light", w: "full" }) }, lodash.sortBy(parameters, ['required', 'name']).map(parameter => {
+    return (React__namespace.createElement(mosaic.VStack, { spacing: 2, pl: 6, divider: React__namespace.createElement(mosaic.Box, { borderT: true, borderColor: "light", w: "full" }) }, _.sortBy(parameters, ['required', 'name']).map(parameter => {
         return React__namespace.createElement(Parameter, { key: parameter.name, parameter: parameter, parameterType: parameterType });
     })));
 };
@@ -1918,11 +1923,11 @@ const Parameter = ({ parameter, parameterType }) => {
     var _a, _b, _c, _d, _e;
     if (!parameter)
         return null;
-    const description = lodash.get(parameter, 'description') || lodash.get(parameter, 'schema.description');
-    const rootType = lodash.get(parameter, 'schema.type', 'unknown');
+    const description = _.get(parameter, 'description') || _.get(parameter, 'schema.description');
+    const rootType = _.get(parameter, 'schema.type', 'unknown');
     const type = ((_b = (_a = parameter.schema) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b['type']) && rootType === 'array' ? `array[${parameter.schema.items['type']}]` : rootType;
     const format = (_c = parameter.schema) === null || _c === void 0 ? void 0 : _c.format;
-    const deprecated = lodash.get(parameter, 'deprecated') || lodash.get(parameter, 'schema.deprecated', false);
+    const deprecated = _.get(parameter, 'deprecated') || _.get(parameter, 'schema.deprecated', false);
     const parameterExamples = ((_d = parameter.examples) === null || _d === void 0 ? void 0 : _d.map(example => {
         if (isNodeExample(example)) {
             return example.value;
@@ -1931,7 +1936,7 @@ const Parameter = ({ parameter, parameterType }) => {
     })) || [];
     const schemaExamples = (_e = parameter.schema) === null || _e === void 0 ? void 0 : _e.examples;
     const schemaExamplesArray = Array.isArray(schemaExamples) ? schemaExamples : [];
-    const validations = lodash.omitBy(Object.assign(Object.assign(Object.assign(Object.assign({}, lodash.omit(parameter, ['name', 'required', 'deprecated', 'description', 'schema', 'style', 'examples'])), lodash.omit(lodash.get(parameter, 'schema'), ['description', 'type', 'deprecated'])), lodash.omit(lodash.get(parameter, 'schema.items'), ['description', 'type', 'deprecated'])), { examples: [...parameterExamples, ...schemaExamplesArray] }), value => (typeof value === 'object' && lodash.isEmpty(value)) || typeof value === 'undefined');
+    const validations = _.omitBy(Object.assign(Object.assign(Object.assign(Object.assign({}, _.omit(parameter, ['name', 'required', 'deprecated', 'description', 'schema', 'style', 'examples'])), _.omit(_.get(parameter, 'schema'), ['description', 'type', 'deprecated'])), _.omit(_.get(parameter, 'schema.items'), ['description', 'type', 'deprecated'])), { examples: [...parameterExamples, ...schemaExamplesArray] }), value => (typeof value === 'object' && _.isEmpty(value)) || typeof value === 'undefined');
     return (React__namespace.createElement("div", { className: "HttpOperation__Parameters" },
         React__namespace.createElement("div", { className: "sl-flex sl-items-center sl-my-2" },
             React__namespace.createElement("div", { className: "sl-flex sl-items-baseline sl-text-base sl-flex-1" },
@@ -1972,7 +1977,7 @@ Request.displayName = 'HttpOperation.Request';
 
 const Responses = ({ responses: unsortedResponses, onStatusCodeChange, onMediaTypeChange }) => {
     var _a, _b;
-    const responses = lodash.sortBy(lodash.uniqBy(unsortedResponses, r => r.code), r => r.code);
+    const responses = _.sortBy(_.uniqBy(unsortedResponses, r => r.code), r => r.code);
     const [activeResponseId, setActiveResponseId] = React__namespace.useState((_b = (_a = responses[0]) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : '');
     React__namespace.useEffect(() => {
         onStatusCodeChange(activeResponseId);
@@ -2013,13 +2018,13 @@ const HttpOperationComponent = React__namespace.memo(({ className, data: unresol
     const [responseStatusCode, setResponseStatusCode] = React__namespace.useState('');
     const [requestBodyIndex, setTextRequestBodyIndex] = React__namespace.useState(0);
     const httpServiceUri = uri && getServiceUriFromOperation(uri);
-    const securitySchemes = lodash.flatten(data.security);
+    const securitySchemes = _.flatten(data.security);
     const hasBadges = isDeprecated || securitySchemes.length > 0 || isInternal;
     const header = (!(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.noHeading) || hasBadges) && (React__namespace.createElement(React__namespace.Fragment, null,
         !(layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.noHeading) && (React__namespace.createElement(mosaic.Heading, { size: 1, mb: 4, fontWeight: "semibold" }, data.summary || data.iid || `${data.method} ${data.path}`)),
         hasBadges && (React__namespace.createElement(mosaic.HStack, { spacing: 2 },
             isDeprecated && React__namespace.createElement(DeprecatedBadge, null),
-            lodash.sortBy(securitySchemes, 'type').map((scheme, i) => (React__namespace.createElement(SecurityBadge, { key: i, scheme: scheme, httpServiceUri: allowRouting ? httpServiceUri : undefined, includeKey: shouldIncludeKey(securitySchemes, scheme.type) }))),
+            _.sortBy(securitySchemes, 'type').map((scheme, i) => (React__namespace.createElement(SecurityBadge, { key: i, scheme: scheme, httpServiceUri: allowRouting ? httpServiceUri : undefined, includeKey: shouldIncludeKey(securitySchemes, scheme.type) }))),
             isInternal && React__namespace.createElement(InternalBadge, { isHttpService: true })))));
     const description = (React__namespace.createElement(React__namespace.Fragment, null,
         data.description && (React__namespace.createElement(MarkdownViewer, { className: "HttpOperation__Description sl-mb-10", markdown: data.description })),
@@ -2081,7 +2086,7 @@ const SecuritySchemes = ({ schemes, defaultScheme }) => {
     return (React__default["default"].createElement(mosaic.Panel, { rounded: true, isCollapsible: false },
         React__default["default"].createElement(mosaic.Panel.Titlebar, { bg: "canvas-300" },
             React__default["default"].createElement("span", { role: "heading" }, "Security")),
-        React__default["default"].createElement(mosaic.Panel.Content, { p: 0 }, lodash.sortBy(schemes, 'type').map((scheme, i) => (React__default["default"].createElement(mosaic.Panel, { key: i, defaultIsOpen: defaultScheme ? scheme.key === defaultScheme : i === 0, isCollapsible: schemes.length > 1 },
+        React__default["default"].createElement(mosaic.Panel.Content, { p: 0 }, _.sortBy(schemes, 'type').map((scheme, i) => (React__default["default"].createElement(mosaic.Panel, { key: i, defaultIsOpen: defaultScheme ? scheme.key === defaultScheme : i === 0, isCollapsible: schemes.length > 1 },
             React__default["default"].createElement(mosaic.Panel.Titlebar, null,
                 React__default["default"].createElement("span", { role: "heading" }, getReadableSecurityName(scheme, shouldIncludeKey(schemes, scheme.type)))),
             React__default["default"].createElement(mosaic.Panel.Content, null,
@@ -2128,7 +2133,7 @@ function getDigestAuthDescription() {
   Example: \`Authorization: Digest username=guest, realm="test", nonce="2", uri="/uri", response="123"\``;
 }
 function getOAuthDescription(scheme) {
-    const flows = lodash.keys(scheme.flows);
+    const flows = _.keys(scheme.flows);
     return flows.map(flow => getOAuthFlowDescription(oauthFlowNames[flow], scheme.flows[flow])).join('\n\n');
 }
 function getOAuthFlowDescription(title, flow) {
@@ -2143,7 +2148,7 @@ function getOAuthFlowDescription(title, flow) {
             : '';
     description += flow.refreshUrl ? `\n\nRefresh URL: ${flow.refreshUrl}` : '';
     description += `\n\nScopes:
-${lodash.entries(flow.scopes)
+${_.entries(flow.scopes)
         .map(([key, value]) => `- \`${key}\` - ${value}`)
         .join('\n')}`;
     return description;
@@ -2302,7 +2307,7 @@ function useParsedValue(value) {
 }
 
 function isPartialHttpRequest(maybeHttpRequest) {
-    return (lodash.isObject(maybeHttpRequest) &&
+    return (_.isObject(maybeHttpRequest) &&
         'method' in maybeHttpRequest &&
         typeof maybeHttpRequest['method'] === 'string' &&
         'url' in maybeHttpRequest &&
@@ -2328,7 +2333,7 @@ const CodeComponent = props => {
         return React__default["default"].createElement(SchemaAndDescription, { title: title, schema: parsedValue });
     }
     if (http) {
-        if (!lodash.isObject(parsedValue) || (!isPartialHttpRequest(parsedValue) && !isHttpOperation(parsedValue))) {
+        if (!_.isObject(parsedValue) || (!isPartialHttpRequest(parsedValue) && !isHttpOperation(parsedValue))) {
             return null;
         }
         return (React__default["default"].createElement(TryIt, { httpOperation: isHttpOperation(parsedValue) ? parsedValue : parseHttpRequest(parsedValue), embeddedInMd: true }));
@@ -2367,6 +2372,15 @@ const MarkdownComponentsProvider = ({ value, children }) => {
     return React__namespace.createElement(markdownViewer.MarkdownViewerProvider, { components: Object.assign({ code: CodeComponent }, value) }, children);
 };
 
+const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
+const ReactRouterMarkdownLink = ({ title, href, children }) => {
+    const isExternal = href !== undefined && externalRegex.test(href);
+    if (isExternal) {
+        return (React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
+    }
+    return (React__default["default"].createElement(reactRouterHashLink.HashLink, { to: href, title: title }, children));
+};
+
 const NODE_TYPE_TITLE_ICON = {
     http_service: freeSolidSvgIcons.faCloud,
 };
@@ -2558,6 +2572,14 @@ function withPersistenceBoundary(WrappedComponent) {
 
 function withMosaicProvider(WrappedComponent) {
     const WithMosaicProvider = (props) => {
+        try {
+            const mosaicContext = mosaic.useMosaicContext();
+            if (mosaicContext === null || mosaicContext === void 0 ? void 0 : mosaicContext.providerId) {
+                return React__default["default"].createElement(WrappedComponent, Object.assign({}, props));
+            }
+        }
+        catch (_a) {
+        }
         return (React__default["default"].createElement(mosaic.Provider, { style: { height: '100%' } },
             React__default["default"].createElement(WrappedComponent, Object.assign({}, props))));
     };
@@ -2575,6 +2597,12 @@ const queryClient = new reactQuery.QueryClient({
 });
 function withQueryClientProvider(WrappedComponent) {
     const WithQueryClientProvider = (props) => {
+        try {
+            reactQuery.useQueryClient();
+            return React__default["default"].createElement(WrappedComponent, Object.assign({}, props));
+        }
+        catch (_a) {
+        }
         return (React__default["default"].createElement(reactQuery.QueryClientProvider, { client: queryClient },
             React__default["default"].createElement(WrappedComponent, Object.assign({}, props))));
     };
@@ -2582,15 +2610,6 @@ function withQueryClientProvider(WrappedComponent) {
     return WithQueryClientProvider;
 }
 
-const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
-const ReactRouterMarkdownLink = ({ title, href, children }) => {
-    const isExternal = href !== undefined && externalRegex.test(href);
-    if (isExternal) {
-        return (React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
-    }
-    return (React__default["default"].createElement(reactRouterHashLink.HashLink, { to: href, title: title }, children));
-};
-
 const RouterComponent = {
     history: reactRouterDom.BrowserRouter,
     memory: reactRouterDom.MemoryRouter,
@@ -2623,7 +2642,7 @@ function useBundleRefsIntoDocument(document, options) {
     const [bundledData, setBundledData] = React__namespace.useState(document);
     const baseUrl = options === null || options === void 0 ? void 0 : options.baseUrl;
     React__namespace.useEffect(() => {
-        if (!lodash.isObject(document)) {
+        if (!_.isObject(document)) {
             setBundledData(document);
             return;
         }
@@ -2687,7 +2706,7 @@ const createElementClass = (Component, propDescriptors) => {
         constructor() {
             super();
             this._props = {};
-            Object.defineProperties(this, lodash.mapValues(propDescriptors, (_, key) => ({
+            Object.defineProperties(this, _.mapValues(propDescriptors, (_, key) => ({
                 get: () => {
                     return this._props[key];
                 },
@@ -2708,7 +2727,7 @@ const createElementClass = (Component, propDescriptors) => {
         attributeChangedCallback(name, oldValue, newValue) {
             if (propDescriptors[name]) {
                 const newPropValue = this._safeReadAttribute(name);
-                if (!lodash.isEqual(this._props[name], newPropValue)) {
+                if (!_.isEqual(this._props[name], newPropValue)) {
                     this._props[name] = newPropValue;
                     this._renderComponent();
                 }
@@ -2774,7 +2793,7 @@ const createElementClass = (Component, propDescriptors) => {
         }
         _renderComponent() {
             if (this._mountPoint) {
-                const props = lodash.mapValues(propDescriptors, (descriptor, key) => { var _a; return (_a = this._props[key]) !== null && _a !== void 0 ? _a : descriptor.defaultValue; });
+                const props = _.mapValues(propDescriptors, (descriptor, key) => { var _a; return (_a = this._props[key]) !== null && _a !== void 0 ? _a : descriptor.defaultValue; });
                 ReactDOM__namespace.render(React__namespace.createElement(Component, props), this._mountPoint);
             }
         }
@@ -2800,6 +2819,7 @@ exports.NonIdealState = NonIdealState;
 exports.ParsedDocs = ParsedDocs;
 exports.PersistenceContextProvider = PersistenceContextProvider;
 exports.PoweredByLink = PoweredByLink;
+exports.ReactRouterMarkdownLink = ReactRouterMarkdownLink;
 exports.SidebarLayout = SidebarLayout;
 exports.Styled = Styled;
 exports.TableOfContents = TableOfContents;

package/index.mjs

@@ -1,12 +1,12 @@
 import { __rest, __awaiter } from 'tslib';
 import * as React from 'react';
 import React__default, { useContext, useMemo } from 'react';
-import { isObject, isPlainObject, isArray, throttle, filter, capitalize, flatten, curry, map, omit, pickBy, isString, compact, uniq, uniqBy, orderBy, sortBy, get, omitBy, isEmpty, keys, entries, mapValues as mapValues$1, isEqual } from 'lodash';
-import { resolveInlineRef, safeParse, safeStringify, isPlainObject as isPlainObject$1 } from '@stoplight/json';
+import { resolveInlineRef, isPlainObject as isPlainObject$1, safeParse, safeStringify } from '@stoplight/json';
+import _, { isObject, isPlainObject, isArray, throttle, filter, capitalize, flatten, curry, map, omit, pickBy, isString, compact, uniq, uniqBy, orderBy, sortBy, get, omitBy, isEmpty, keys, entries, mapValues, isEqual } from 'lodash';
 import { parse } from '@stoplight/markdown';
 import { NodeType, HttpParamStyles } from '@stoplight/types';
 import { parse as parse$1 } from '@stoplight/yaml';
-import { isArray as isArray$1, Flex, Box, Popover, Button, Panel, CopyButton, Menu, Text, Input, Icon, Select, Image, Link, useThemeIsDark, Tooltip, VStack, InvertTheme, Badge, Tabs, TabList, Tab, TabPanels, TabPanel, Heading as Heading$1, HStack, useClipboard, Provider as Provider$1 } from '@stoplight/mosaic';
+import { isArray as isArray$1, Flex, Box, Popover, Button, Panel, CopyButton, Menu, Text, Input, Icon, Select, Image, Link, useThemeIsDark, Tooltip, VStack, InvertTheme, Badge, Tabs, TabList, Tab, TabPanels, TabPanel, Heading as Heading$1, HStack, useClipboard, useMosaicContext, Provider as Provider$1 } from '@stoplight/mosaic';
 import { withErrorBoundary } from '@stoplight/react-error-boundary';
 import { MarkdownViewer as MarkdownViewer$1, DefaultSMDComponents, MarkdownViewerProvider } from '@stoplight/markdown-viewer';
 export { DefaultSMDComponents } from '@stoplight/markdown-viewer';
@@ -19,14 +19,13 @@ import URI from 'urijs';
 import { CodeViewer } from '@stoplight/mosaic-code-viewer';
 import HTTPSnippet from 'httpsnippet';
 import { nanoid } from 'nanoid';
-import { pipe, keyBy, mapValues } from 'lodash/fp';
 import { CodeEditor } from '@stoplight/mosaic-code-editor';
 import * as Sampler from '@stoplight/json-schema-sampler';
 import formatXml from 'xml-formatter';
 import { Link as Link$1, useLocation, BrowserRouter, MemoryRouter, HashRouter, Route } from 'react-router-dom';
 import { JsonSchemaViewer, Validations } from '@stoplight/json-schema-viewer';
-import { QueryClient, QueryClientProvider } from 'react-query';
 import { HashLink } from 'react-router-hash-link';
+import { QueryClient, useQueryClient, QueryClientProvider } from 'react-query';
 import $RefParser from '@stoplight/json-schema-ref-parser';
 import * as PropTypes from 'prop-types';
 import * as ReactDOM from 'react-dom';
@@ -95,10 +94,10 @@ const InlineRefResolverContext = React.createContext(undefined);
 InlineRefResolverContext.displayName = 'InlineRefResolverContext';
 const DocumentContext = React.createContext(undefined);
 DocumentContext.displayName = 'DocumentContext';
-const InlineRefResolverProvider = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const document = 'document' in props && isPlainObject(props.document) ? Object(props.document) : undefined;
-    return (React.createElement(InlineRefResolverContext.Provider, { value: 'resolver' in props ? props.resolver : defaultResolver(document) },
+const InlineRefResolverProvider = ({ children, document: maybeDocument, resolver, }) => {
+    const document = isPlainObject$1(maybeDocument) ? maybeDocument : undefined;
+    const computedResolver = React.useMemo(() => resolver || (document !== undefined ? defaultResolver(document) : undefined), [document, resolver]);
+    return (React.createElement(InlineRefResolverContext.Provider, { value: computedResolver },
         React.createElement(DocumentContext.Provider, { value: document }, children)));
 };
 const useInlineRefResolver = () => useContext(InlineRefResolverContext);
@@ -106,7 +105,7 @@ const useDocument = () => useContext(DocumentContext);
 const useResolvedObject = (currentObject) => {
     const document = useDocument();
     const resolver = useInlineRefResolver();
-    return createResolvedObject(currentObject, { contextObject: document, resolver });
+    return React.useMemo(() => createResolvedObject(currentObject, { contextObject: document, resolver }), [currentObject, document, resolver]);
 };
 
 function isSMDASTRoot(maybeAst) {
@@ -1006,7 +1005,12 @@ const getInitialValueForParameter = (parameter) => {
         return '';
     return getValueForParameter(parameter);
 };
-const initialParameterValues = pipe(keyBy((param) => param.name), mapValues(getInitialValueForParameter));
+const initialParameterValues = params => {
+    return _.chain(params)
+        .keyBy((param) => param.name)
+        .mapValues(param => getInitialValueForParameter(param))
+        .value();
+};
 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 }))));
 }
@@ -2334,6 +2338,15 @@ const MarkdownComponentsProvider = ({ value, children }) => {
     return React.createElement(MarkdownViewerProvider, { components: Object.assign({ code: CodeComponent }, value) }, children);
 };
 
+const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
+const ReactRouterMarkdownLink = ({ title, href, children }) => {
+    const isExternal = href !== undefined && externalRegex.test(href);
+    if (isExternal) {
+        return (React__default.createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
+    }
+    return (React__default.createElement(HashLink, { to: href, title: title }, children));
+};
+
 const NODE_TYPE_TITLE_ICON = {
     http_service: faCloud,
 };
@@ -2525,6 +2538,14 @@ function withPersistenceBoundary(WrappedComponent) {
 
 function withMosaicProvider(WrappedComponent) {
     const WithMosaicProvider = (props) => {
+        try {
+            const mosaicContext = useMosaicContext();
+            if (mosaicContext === null || mosaicContext === void 0 ? void 0 : mosaicContext.providerId) {
+                return React__default.createElement(WrappedComponent, Object.assign({}, props));
+            }
+        }
+        catch (_a) {
+        }
         return (React__default.createElement(Provider$1, { style: { height: '100%' } },
             React__default.createElement(WrappedComponent, Object.assign({}, props))));
     };
@@ -2542,6 +2563,12 @@ const queryClient = new QueryClient({
 });
 function withQueryClientProvider(WrappedComponent) {
     const WithQueryClientProvider = (props) => {
+        try {
+            useQueryClient();
+            return React__default.createElement(WrappedComponent, Object.assign({}, props));
+        }
+        catch (_a) {
+        }
         return (React__default.createElement(QueryClientProvider, { client: queryClient },
             React__default.createElement(WrappedComponent, Object.assign({}, props))));
     };
@@ -2549,15 +2576,6 @@ function withQueryClientProvider(WrappedComponent) {
     return WithQueryClientProvider;
 }
 
-const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
-const ReactRouterMarkdownLink = ({ title, href, children }) => {
-    const isExternal = href !== undefined && externalRegex.test(href);
-    if (isExternal) {
-        return (React__default.createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
-    }
-    return (React__default.createElement(HashLink, { to: href, title: title }, children));
-};
-
 const RouterComponent = {
     history: BrowserRouter,
     memory: MemoryRouter,
@@ -2654,7 +2672,7 @@ const createElementClass = (Component, propDescriptors) => {
         constructor() {
             super();
             this._props = {};
-            Object.defineProperties(this, mapValues$1(propDescriptors, (_, key) => ({
+            Object.defineProperties(this, mapValues(propDescriptors, (_, key) => ({
                 get: () => {
                     return this._props[key];
                 },
@@ -2741,11 +2759,11 @@ const createElementClass = (Component, propDescriptors) => {
         }
         _renderComponent() {
             if (this._mountPoint) {
-                const props = mapValues$1(propDescriptors, (descriptor, key) => { var _a; return (_a = this._props[key]) !== null && _a !== void 0 ? _a : descriptor.defaultValue; });
+                const props = mapValues(propDescriptors, (descriptor, key) => { var _a; return (_a = this._props[key]) !== null && _a !== void 0 ? _a : descriptor.defaultValue; });
                 ReactDOM.render(React.createElement(Component, props), this._mountPoint);
             }
         }
     };
 };
 
-export { DeprecatedBadge, Docs, ExportButton, HttpMethodColors, InlineRefResolverProvider, Logo, MarkdownComponentsProvider, MockingProvider, NodeTypeColors, NodeTypeIconDefs, NodeTypePrettyName, NonIdealState, ParsedDocs, PersistenceContextProvider, PoweredByLink, SidebarLayout, Styled, TableOfContents, TryIt, TryItWithRequestSamples, createElementClass, createResolvedObject, findFirstNode, isHttpOperation, isHttpService, useBundleRefsIntoDocument, useParsedData, useParsedValue, useRouter, withMosaicProvider, withPersistenceBoundary, withQueryClientProvider, withRouter, withStyles };
+export { DeprecatedBadge, Docs, ExportButton, HttpMethodColors, InlineRefResolverProvider, Logo, MarkdownComponentsProvider, MockingProvider, NodeTypeColors, NodeTypeIconDefs, NodeTypePrettyName, NonIdealState, ParsedDocs, PersistenceContextProvider, PoweredByLink, ReactRouterMarkdownLink, SidebarLayout, Styled, TableOfContents, TryIt, TryItWithRequestSamples, createElementClass, createResolvedObject, findFirstNode, isHttpOperation, isHttpService, useBundleRefsIntoDocument, useParsedData, useParsedValue, useRouter, withMosaicProvider, withPersistenceBoundary, withQueryClientProvider, withRouter, withStyles };