@stoplight/elements 7.3.12 → 7.5.1

package/index.esm.js

@@ -1,16 +1,20 @@
-import { isHttpOperation, isHttpService, Logo, TableOfContents, PoweredByLink, SidebarLayout, ParsedDocs, HttpMethodColors, DeprecatedBadge, TryItWithRequestSamples, Docs, withRouter, withStyles, withPersistenceBoundary, withMosaicProvider, withQueryClientProvider, useParsedValue, useBundleRefsIntoDocument, NonIdealState, InlineRefResolverProvider } from '@stoplight/elements-core';
+import { isHttpOperation, isHttpService, Logo, TableOfContents, PoweredByLink, SidebarLayout, ParsedDocs, HttpMethodColors, DeprecatedBadge, TryItWithRequestSamples, Docs, slugify, withRouter, withStyles, withPersistenceBoundary, withMosaicProvider, withQueryClientProvider, useParsedValue, useBundleRefsIntoDocument, NonIdealState, InlineRefResolverProvider } from '@stoplight/elements-core';
 import { Flex, Heading, Box, Icon, Tabs, TabList, Tab, TabPanels, TabPanel } from '@stoplight/mosaic';
-import { defaults, isObject, get, last, flow } from 'lodash';
+import flow from 'lodash/flow.js';
 import * as React from 'react';
 import { useQuery } from 'react-query';
 import { NodeType } from '@stoplight/types';
 import { useLocation, Redirect, Link } from 'react-router-dom';
+import defaults from 'lodash/defaults.js';
 import cn from 'classnames';
 import { safeStringify } from '@stoplight/yaml';
 import { saveAs } from 'file-saver';
 import { transformOas2Service, transformOas2Operation } from '@stoplight/http-spec/oas2';
 import { transformOas3Service, transformOas3Operation } from '@stoplight/http-spec/oas3';
 import { encodePointerFragment, pointerToPath } from '@stoplight/json';
+import get from 'lodash/get.js';
+import isObject from 'lodash/isObject.js';
+import last from 'lodash/last.js';
 
 const computeTagGroups = (serviceNode) => {
     const groupsByTagId = {};
@@ -181,7 +185,7 @@ const APIWithSidebarLayout = ({ serviceNode, logo, hideTryIt, hideSchemas, hideI
         React.createElement(Flex, { flexGrow: true, flexShrink: true, overflowY: "auto", direction: "col" },
             React.createElement(TableOfContents, { tree: tree, activeId: pathname, Link: Link, onLinkClick: handleTocClick })),
         React.createElement(PoweredByLink, { source: serviceNode.name, pathname: pathname, packageType: "elements" })));
-    return (React.createElement(SidebarLayout, { ref: container, sidebar: sidebar }, node && (React.createElement(ParsedDocs, { key: pathname, uri: pathname, node: node, nodeTitle: node.name, layoutOptions: layoutOptions, location: location, allowRouting: true, exportProps: exportProps, tryItCredentialsPolicy: tryItCredentialsPolicy, tryItCorsProxy: tryItCorsProxy }))));
+    return (React.createElement(SidebarLayout, { ref: container, sidebar: sidebar }, node && (React.createElement(ParsedDocs, { key: pathname, uri: pathname, node: node, nodeTitle: node.name, layoutOptions: layoutOptions, location: location, exportProps: exportProps, tryItCredentialsPolicy: tryItCredentialsPolicy, tryItCorsProxy: tryItCorsProxy }))));
 };
 
 const itemMatchesHash = (hash, item) => {
@@ -424,13 +428,6 @@ function computeChildNodes(document, data, map, transformer, parentUri = '') {
     }
     return nodes;
 }
-function slugify(name) {
-    return name
-        .replace(/\/|{|}|\s/g, '-')
-        .replace(/-{2,}/, '-')
-        .replace(/^-/, '')
-        .replace(/-$/, '');
-}
 function findMapMatch(key, map) {
     var _a;
     if (typeof key === 'number')

package/index.js

@@ -4,17 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var elementsCore = require('@stoplight/elements-core');
 var mosaic = require('@stoplight/mosaic');
-var lodash = require('lodash');
+var flow = require('lodash/flow.js');
 var React = require('react');
 var reactQuery = require('react-query');
 var types = require('@stoplight/types');
 var reactRouterDom = require('react-router-dom');
+var defaults = require('lodash/defaults.js');
 var cn = require('classnames');
 var yaml = require('@stoplight/yaml');
 var fileSaver = require('file-saver');
 var oas2 = require('@stoplight/http-spec/oas2');
 var oas3 = require('@stoplight/http-spec/oas3');
 var json = require('@stoplight/json');
+var get = require('lodash/get.js');
+var isObject = require('lodash/isObject.js');
+var last = require('lodash/last.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -36,8 +40,13 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var flow__default = /*#__PURE__*/_interopDefaultLegacy(flow);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var defaults__default = /*#__PURE__*/_interopDefaultLegacy(defaults);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
+var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
+var last__default = /*#__PURE__*/_interopDefaultLegacy(last);
 
 const computeTagGroups = (serviceNode) => {
     const groupsByTagId = {};
@@ -86,7 +95,7 @@ const defaultComputerAPITreeConfig = {
     hideInternal: false,
 };
 const computeAPITree = (serviceNode, config = {}) => {
-    const mergedConfig = lodash.defaults(config, defaultComputerAPITreeConfig);
+    const mergedConfig = defaults__default["default"](config, defaultComputerAPITreeConfig);
     const tree = [];
     tree.push({
         id: '/',
@@ -208,7 +217,7 @@ const APIWithSidebarLayout = ({ serviceNode, logo, hideTryIt, hideSchemas, hideI
         React__namespace.createElement(mosaic.Flex, { flexGrow: true, flexShrink: true, overflowY: "auto", direction: "col" },
             React__namespace.createElement(elementsCore.TableOfContents, { tree: tree, activeId: pathname, Link: reactRouterDom.Link, onLinkClick: handleTocClick })),
         React__namespace.createElement(elementsCore.PoweredByLink, { source: serviceNode.name, pathname: pathname, packageType: "elements" })));
-    return (React__namespace.createElement(elementsCore.SidebarLayout, { ref: container, sidebar: sidebar }, node && (React__namespace.createElement(elementsCore.ParsedDocs, { key: pathname, uri: pathname, node: node, nodeTitle: node.name, layoutOptions: layoutOptions, location: location, allowRouting: true, exportProps: exportProps, tryItCredentialsPolicy: tryItCredentialsPolicy, tryItCorsProxy: tryItCorsProxy }))));
+    return (React__namespace.createElement(elementsCore.SidebarLayout, { ref: container, sidebar: sidebar }, node && (React__namespace.createElement(elementsCore.ParsedDocs, { key: pathname, uri: pathname, node: node, nodeTitle: node.name, layoutOptions: layoutOptions, location: location, exportProps: exportProps, tryItCredentialsPolicy: tryItCredentialsPolicy, tryItCorsProxy: tryItCorsProxy }))));
 };
 
 const itemMatchesHash = (hash, item) => {
@@ -367,13 +376,13 @@ const oas3SourceMap = [
     },
 ];
 
-const isOas2 = (parsed) => lodash.isObject(parsed) &&
+const isOas2 = (parsed) => isObject__default["default"](parsed) &&
     'swagger' in parsed &&
     Number.parseInt(String(parsed.swagger)) === 2;
-const isOas3 = (parsed) => lodash.isObject(parsed) &&
+const isOas3 = (parsed) => isObject__default["default"](parsed) &&
     'openapi' in parsed &&
     Number.parseFloat(String(parsed.openapi)) >= 3;
-const isOas31 = (parsed) => lodash.isObject(parsed) &&
+const isOas31 = (parsed) => isObject__default["default"](parsed) &&
     'openapi' in parsed &&
     Number.parseFloat(String(parsed.openapi)) === 3.1;
 const OAS_MODEL_REGEXP = /((definitions|components)\/?(schemas)?)\//;
@@ -405,7 +414,7 @@ function computeServiceNode(document, map, transformService, transformOperation)
 function computeChildNodes(document, data, map, transformer, parentUri = '') {
     var _a;
     const nodes = [];
-    if (!lodash.isObject(data))
+    if (!isObject__default["default"](data))
         return nodes;
     for (const key of Object.keys(data)) {
         const sanitizedKey = json.encodePointerFragment(key);
@@ -423,7 +432,7 @@ function computeChildNodes(document, data, map, transformer, parentUri = '') {
                     parsedUri = `/operations/${operationDocument.iid}`;
                 }
                 else {
-                    parsedUri = uri.replace(encodedPath, slugify(path));
+                    parsedUri = uri.replace(encodedPath, elementsCore.slugify(path));
                 }
                 nodes.push({
                     type: types.NodeType.HttpOperation,
@@ -434,13 +443,13 @@ function computeChildNodes(document, data, map, transformer, parentUri = '') {
                 });
             }
             else if (match.type === NodeTypes.Model) {
-                const schemaDocument = lodash.get(document, jsonPath);
+                const schemaDocument = get__default["default"](document, jsonPath);
                 const parsedUri = uri.replace(OAS_MODEL_REGEXP, 'schemas/');
                 nodes.push({
                     type: types.NodeType.Model,
                     uri: parsedUri,
                     data: schemaDocument,
-                    name: schemaDocument.title || lodash.last(uri.split('/')) || '',
+                    name: schemaDocument.title || last__default["default"](uri.split('/')) || '',
                     tags: schemaDocument['x-tags'] || [],
                 });
             }
@@ -451,13 +460,6 @@ function computeChildNodes(document, data, map, transformer, parentUri = '') {
     }
     return nodes;
 }
-function slugify(name) {
-    return name
-        .replace(/\/|{|}|\s/g, '-')
-        .replace(/-{2,}/, '-')
-        .replace(/^-/, '')
-        .replace(/-$/, '');
-}
 function findMapMatch(key, map) {
     var _a;
     if (typeof key === 'number')
@@ -540,6 +542,6 @@ const APIImpl = props => {
     }
     return (React__namespace.createElement(elementsCore.InlineRefResolverProvider, { document: parsedDocument }, layout === 'stacked' ? (React__namespace.createElement(APIWithStackedLayout, { serviceNode: serviceNode, hideTryIt: hideTryIt, hideExport: hideExport, exportProps: exportProps, tryItCredentialsPolicy: tryItCredentialsPolicy, tryItCorsProxy: tryItCorsProxy })) : (React__namespace.createElement(APIWithSidebarLayout, { logo: logo, serviceNode: serviceNode, hideTryIt: hideTryIt, hideSchemas: hideSchemas, hideInternal: hideInternal, hideExport: hideExport, exportProps: exportProps, tryItCredentialsPolicy: tryItCredentialsPolicy, tryItCorsProxy: tryItCorsProxy }))));
 };
-const API = lodash.flow(elementsCore.withRouter, elementsCore.withStyles, elementsCore.withPersistenceBoundary, elementsCore.withMosaicProvider, elementsCore.withQueryClientProvider)(APIImpl);
+const API = flow__default["default"](elementsCore.withRouter, elementsCore.withStyles, elementsCore.withPersistenceBoundary, elementsCore.withMosaicProvider, elementsCore.withQueryClientProvider)(APIImpl);
 
 exports.API = API;

package/index.mjs

@@ -1,16 +1,20 @@
-import { isHttpOperation, isHttpService, Logo, TableOfContents, PoweredByLink, SidebarLayout, ParsedDocs, HttpMethodColors, DeprecatedBadge, TryItWithRequestSamples, Docs, withRouter, withStyles, withPersistenceBoundary, withMosaicProvider, withQueryClientProvider, useParsedValue, useBundleRefsIntoDocument, NonIdealState, InlineRefResolverProvider } from '@stoplight/elements-core';
+import { isHttpOperation, isHttpService, Logo, TableOfContents, PoweredByLink, SidebarLayout, ParsedDocs, HttpMethodColors, DeprecatedBadge, TryItWithRequestSamples, Docs, slugify, withRouter, withStyles, withPersistenceBoundary, withMosaicProvider, withQueryClientProvider, useParsedValue, useBundleRefsIntoDocument, NonIdealState, InlineRefResolverProvider } from '@stoplight/elements-core';
 import { Flex, Heading, Box, Icon, Tabs, TabList, Tab, TabPanels, TabPanel } from '@stoplight/mosaic';
-import { defaults, isObject, get, last, flow } from 'lodash';
+import flow from 'lodash/flow.js';
 import * as React from 'react';
 import { useQuery } from 'react-query';
 import { NodeType } from '@stoplight/types';
 import { useLocation, Redirect, Link } from 'react-router-dom';
+import defaults from 'lodash/defaults.js';
 import cn from 'classnames';
 import { safeStringify } from '@stoplight/yaml';
 import { saveAs } from 'file-saver';
 import { transformOas2Service, transformOas2Operation } from '@stoplight/http-spec/oas2';
 import { transformOas3Service, transformOas3Operation } from '@stoplight/http-spec/oas3';
 import { encodePointerFragment, pointerToPath } from '@stoplight/json';
+import get from 'lodash/get.js';
+import isObject from 'lodash/isObject.js';
+import last from 'lodash/last.js';
 
 const computeTagGroups = (serviceNode) => {
     const groupsByTagId = {};
@@ -181,7 +185,7 @@ const APIWithSidebarLayout = ({ serviceNode, logo, hideTryIt, hideSchemas, hideI
         React.createElement(Flex, { flexGrow: true, flexShrink: true, overflowY: "auto", direction: "col" },
             React.createElement(TableOfContents, { tree: tree, activeId: pathname, Link: Link, onLinkClick: handleTocClick })),
         React.createElement(PoweredByLink, { source: serviceNode.name, pathname: pathname, packageType: "elements" })));
-    return (React.createElement(SidebarLayout, { ref: container, sidebar: sidebar }, node && (React.createElement(ParsedDocs, { key: pathname, uri: pathname, node: node, nodeTitle: node.name, layoutOptions: layoutOptions, location: location, allowRouting: true, exportProps: exportProps, tryItCredentialsPolicy: tryItCredentialsPolicy, tryItCorsProxy: tryItCorsProxy }))));
+    return (React.createElement(SidebarLayout, { ref: container, sidebar: sidebar }, node && (React.createElement(ParsedDocs, { key: pathname, uri: pathname, node: node, nodeTitle: node.name, layoutOptions: layoutOptions, location: location, exportProps: exportProps, tryItCredentialsPolicy: tryItCredentialsPolicy, tryItCorsProxy: tryItCorsProxy }))));
 };
 
 const itemMatchesHash = (hash, item) => {
@@ -424,13 +428,6 @@ function computeChildNodes(document, data, map, transformer, parentUri = '') {
     }
     return nodes;
 }
-function slugify(name) {
-    return name
-        .replace(/\/|{|}|\s/g, '-')
-        .replace(/-{2,}/, '-')
-        .replace(/^-/, '')
-        .replace(/-$/, '');
-}
 function findMapMatch(key, map) {
     var _a;
     if (typeof key === 'number')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements",
-  "version": "7.3.12",
+  "version": "7.5.1",
   "description": "UI components for composing beautiful developer documentation.",
   "keywords": [],
   "main": "./index.js",
@@ -26,14 +26,13 @@
     "react-dom": ">=16.8"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.31",
     "@fortawesome/free-solid-svg-icons": "^5.14.0",
-    "@fortawesome/react-fontawesome": "^0.1.11",
-    "@stoplight/elements-core": "~7.3.11",
+    "@stoplight/elements-core": "~7.5.1",
     "@stoplight/http-spec": "^4.2.2",
     "@stoplight/json": "^3.10.0",
-    "@stoplight/mosaic": "^1.12.4",
+    "@stoplight/mosaic": "^1.14.0",
     "@stoplight/types": "^12.0.0",
+    "@stoplight/yaml": "^4.2.2",
     "classnames": "^2.2.6",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.19",