@stoplight/elements-core 9.0.16-beta-0.3 → 9.0.17

package/{dist/index.esm.js → index.esm.js}

@@ -10,7 +10,7 @@ import { parse } from '@stoplight/yaml';
 import { isArray as isArray$1, Box, useBreakpoints, Panel, CopyButton, Menu, Button, Text, Flex, Input, Icon, Select, FieldButton, Image, Link, useThemeIsDark, HStack, VStack, InvertTheme, Tooltip, Badge, LinkHeading as LinkHeading$1, NodeAnnotation, Callout, useModalState, Modal, ListBox, ListBoxItem, TabList, Tab, Tabs, TabPanels, TabPanel, Heading, useClipboard, Drawer, useMosaicContext, Provider as Provider$1 } from '@stoplight/mosaic';
 import isObject from 'lodash/isObject.js';
 import { withErrorBoundary } from '@stoplight/react-error-boundary';
-import { useLocation, Link as Link$1, BrowserRouter, MemoryRouter, HashRouter, useInRouterContext, Routes, Route } from 'react-router-dom';
+import { useLocation, Link as Link$1, HashRouter, MemoryRouter, BrowserRouter, useInRouterContext, Routes, Route } from 'react-router-dom';
 import { MarkdownViewer as MarkdownViewer$1, DefaultSMDComponents, MarkdownViewerProvider } from '@stoplight/markdown-viewer';
 export { DefaultSMDComponents } from '@stoplight/markdown-viewer';
 import cn from 'classnames';
@@ -1936,8 +1936,7 @@ function buildFetchRequest({ httpOperation, mediaTypeContent, bodyInput, paramet
     var _a, _b, _c;
     return __awaiter(this, void 0, void 0, function* () {
         const serverUrl = getServerUrl({ httpOperation, mockData, chosenServer, corsProxy, serverVariableValues });
-        const shouldIncludeBody = ['PUT', 'POST', 'PATCH', 'DELETE'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
-        console.log('<---- shouldIncludeBody buildFetchRequest-->', shouldIncludeBody);
+        const shouldIncludeBody = ['PUT', 'POST', 'PATCH'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
         const queryParams = getQueryParams({ httpOperation, parameterValues });
         const rawHeaders = filterOutAuthorizationParams((_b = (_a = httpOperation.request) === null || _a === void 0 ? void 0 : _a.headers) !== null && _b !== void 0 ? _b : [], httpOperation.security)
             .map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); })
@@ -2018,8 +2017,7 @@ function buildHarRequest({ httpOperation, bodyInput, parameterValues, serverVari
     return __awaiter(this, void 0, void 0, function* () {
         const serverUrl = getServerUrl({ httpOperation, mockData, chosenServer, corsProxy, serverVariableValues });
         const mimeType = (_a = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.mediaType) !== null && _a !== void 0 ? _a : 'application/json';
-        const shouldIncludeBody = ['PUT', 'POST', 'PATCH', 'DELETE'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
-        console.log('shouldIncludeBody buildHarRequest-->', shouldIncludeBody);
+        const shouldIncludeBody = ['PUT', 'POST', 'PATCH'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
         const queryParams = getQueryParams({ httpOperation, parameterValues });
         const headerParams = (_d = (_c = (_b = httpOperation.request) === null || _b === void 0 ? void 0 : _b.headers) === null || _c === void 0 ? void 0 : _c.map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); })) !== null && _d !== void 0 ? _d : [];
         if (mockData === null || mockData === void 0 ? void 0 : mockData.header) {
@@ -2704,20 +2702,7 @@ const SubSectionPanel = ({ title, children, hasContent, rightComponent, defaultI
 };
 
 const operation = {
-    id: '?http-operation-id?',
-    iid: 'GET-simple',
-    method: 'get',
-    path: '/todos',
-    summary: 'Get 200',
-    responses: [
-        {
-            id: '?http-response-200?',
-            code: '200',
-            description: 'OK',
-        },
-    ],
-    servers: [{ id: '?http-server-0?', url: 'https://todos.stoplight.io' }],
-};
+    id: '?http-operation-id?'};
 
 const oauthFlowNames = {
     implicit: 'Implicit',
@@ -3410,7 +3395,6 @@ const Docs = React.memo((_a) => {
     var _b;
     var { nodeType, nodeData, useNodeForRefResolving = false, refResolver, maxRefDepth, nodeHasChanged, renderExtensionAddon } = _a, commonProps = __rest(_a, ["nodeType", "nodeData", "useNodeForRefResolving", "refResolver", "maxRefDepth", "nodeHasChanged", "renderExtensionAddon"]);
     const parsedNode = useParsedData(nodeType, nodeData);
-    console.log('<--- ParsedDocs with yalc ---->', parsedNode);
     if (!parsedNode) {
         (_b = commonProps.nodeUnsupported) === null || _b === void 0 ? void 0 : _b.call(commonProps, 'dataEmpty');
         return null;
@@ -3609,33 +3593,37 @@ const TableOfContents = React.memo(({ tree, activeId, Link, maxDepthOpenByDefaul
         });
     }, []);
     const updatedTree = updateTocTree(tree, '');
-    const findFirstMatchAndIndexMatch = React.useCallback((items, id) => {
-        let firstMatch;
-        let hasAnyLastIndexMatch = false;
-        if (!id)
-            return [firstMatch, hasAnyLastIndexMatch];
-        const walk = (arr, stack) => {
-            for (const itm of arr) {
-                const newStack = stack.concat(itm);
-                const matches = ('slug' in itm && itm.slug === id) || ('id' in itm && itm.id === id);
-                if (matches) {
-                    if (!firstMatch)
-                        firstMatch = itm;
-                    const hasLastIndexMatch = newStack.some(el => 'index' in el && el.index === lastActiveIndex);
-                    if (hasLastIndexMatch)
-                        hasAnyLastIndexMatch = true;
+    const findMatchingItems = (updateTree, activeId, lastActiveIndex) => {
+        let exactMatch;
+        let partialMatch;
+        const searchInChildren = (items) => {
+            for (const item of items) {
+                const hasSlug = 'slug' in item;
+                const hasId = 'id' in item;
+                const isIdMatch = (hasSlug && item.slug === activeId) || (hasId && item.id === activeId);
+                if (isIdMatch) {
+                    const hasIndex = 'index' in item;
+                    if (hasIndex && item.index === lastActiveIndex) {
+                        exactMatch = exactMatch !== null && exactMatch !== void 0 ? exactMatch : item;
+                    }
+                    else {
+                        partialMatch = partialMatch !== null && partialMatch !== void 0 ? partialMatch : item;
+                    }
                 }
-                if ('items' in itm && Array.isArray(itm.items)) {
-                    if (walk(itm.items, newStack))
-                        return true;
+                const hasItems = 'items' in item;
+                if (hasItems && Array.isArray(item.items)) {
+                    searchInChildren(item.items);
                 }
             }
-            return false;
         };
-        walk(items, []);
-        return [firstMatch, hasAnyLastIndexMatch];
-    }, [lastActiveIndex]);
-    const [firstMatchItem, hasAnyLastIndexMatch] = React.useMemo(() => findFirstMatchAndIndexMatch(updatedTree, activeId), [updatedTree, activeId, findFirstMatchAndIndexMatch]);
+        searchInChildren(updateTree);
+        const hasExactMatch = exactMatch !== undefined;
+        const bestMatch = exactMatch !== null && exactMatch !== void 0 ? exactMatch : partialMatch;
+        return [bestMatch, hasExactMatch];
+    };
+    const [firstMatchItem, hasAnyLastIndexMatch] = React.useMemo(() => {
+        return findMatchingItems(updatedTree, activeId, lastActiveIndex);
+    }, [updatedTree, activeId, lastActiveIndex]);
     React.useEffect(() => {
         if (!hasAnyLastIndexMatch && firstMatchItem && 'index' in firstMatchItem && firstMatchItem.index) {
             setLastActiveIndex(firstMatchItem.index);
@@ -4178,15 +4166,15 @@ const useRouter = (router, basePath, staticRouterPath) => {
 const components = {
     a: ReactRouterMarkdownLink,
     h2: (_a) => {
-        var props = __rest(_a, ["color"]);
+        var { color } = _a, props = __rest(_a, ["color"]);
         return React.createElement(LinkHeading, Object.assign({ size: 2 }, props));
     },
     h3: (_a) => {
-        var props = __rest(_a, ["color"]);
+        var { color } = _a, props = __rest(_a, ["color"]);
         return React.createElement(LinkHeading, Object.assign({ size: 3 }, props));
     },
     h4: (_a) => {
-        var props = __rest(_a, ["color"]);
+        var { color } = _a, props = __rest(_a, ["color"]);
         return React.createElement(LinkHeading, Object.assign({ size: 4 }, props));
     },
 };

package/{dist/index.js → index.js}

@@ -1957,8 +1957,7 @@ function buildFetchRequest({ httpOperation, mediaTypeContent, bodyInput, paramet
     var _a, _b, _c;
     return tslib.__awaiter(this, void 0, void 0, function* () {
         const serverUrl = getServerUrl({ httpOperation, mockData, chosenServer, corsProxy, serverVariableValues });
-        const shouldIncludeBody = ['PUT', 'POST', 'PATCH', 'DELETE'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
-        console.log('<---- shouldIncludeBody buildFetchRequest-->', shouldIncludeBody);
+        const shouldIncludeBody = ['PUT', 'POST', 'PATCH'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
         const queryParams = getQueryParams({ httpOperation, parameterValues });
         const rawHeaders = filterOutAuthorizationParams((_b = (_a = httpOperation.request) === null || _a === void 0 ? void 0 : _a.headers) !== null && _b !== void 0 ? _b : [], httpOperation.security)
             .map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); })
@@ -2039,8 +2038,7 @@ function buildHarRequest({ httpOperation, bodyInput, parameterValues, serverVari
     return tslib.__awaiter(this, void 0, void 0, function* () {
         const serverUrl = getServerUrl({ httpOperation, mockData, chosenServer, corsProxy, serverVariableValues });
         const mimeType = (_a = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.mediaType) !== null && _a !== void 0 ? _a : 'application/json';
-        const shouldIncludeBody = ['PUT', 'POST', 'PATCH', 'DELETE'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
-        console.log('shouldIncludeBody buildHarRequest-->', shouldIncludeBody);
+        const shouldIncludeBody = ['PUT', 'POST', 'PATCH'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
         const queryParams = getQueryParams({ httpOperation, parameterValues });
         const headerParams = (_d = (_c = (_b = httpOperation.request) === null || _b === void 0 ? void 0 : _b.headers) === null || _c === void 0 ? void 0 : _c.map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); })) !== null && _d !== void 0 ? _d : [];
         if (mockData === null || mockData === void 0 ? void 0 : mockData.header) {
@@ -2725,20 +2723,7 @@ const SubSectionPanel = ({ title, children, hasContent, rightComponent, defaultI
 };
 
 const operation = {
-    id: '?http-operation-id?',
-    iid: 'GET-simple',
-    method: 'get',
-    path: '/todos',
-    summary: 'Get 200',
-    responses: [
-        {
-            id: '?http-response-200?',
-            code: '200',
-            description: 'OK',
-        },
-    ],
-    servers: [{ id: '?http-server-0?', url: 'https://todos.stoplight.io' }],
-};
+    id: '?http-operation-id?'};
 
 const oauthFlowNames = {
     implicit: 'Implicit',
@@ -3431,7 +3416,6 @@ const Docs = React__namespace.memo((_a) => {
     var _b;
     var { nodeType, nodeData, useNodeForRefResolving = false, refResolver, maxRefDepth, nodeHasChanged, renderExtensionAddon } = _a, commonProps = tslib.__rest(_a, ["nodeType", "nodeData", "useNodeForRefResolving", "refResolver", "maxRefDepth", "nodeHasChanged", "renderExtensionAddon"]);
     const parsedNode = useParsedData(nodeType, nodeData);
-    console.log('<--- ParsedDocs with yalc ---->', parsedNode);
     if (!parsedNode) {
         (_b = commonProps.nodeUnsupported) === null || _b === void 0 ? void 0 : _b.call(commonProps, 'dataEmpty');
         return null;
@@ -3630,33 +3614,37 @@ const TableOfContents = React__namespace.memo(({ tree, activeId, Link, maxDepthO
         });
     }, []);
     const updatedTree = updateTocTree(tree, '');
-    const findFirstMatchAndIndexMatch = React__namespace.useCallback((items, id) => {
-        let firstMatch;
-        let hasAnyLastIndexMatch = false;
-        if (!id)
-            return [firstMatch, hasAnyLastIndexMatch];
-        const walk = (arr, stack) => {
-            for (const itm of arr) {
-                const newStack = stack.concat(itm);
-                const matches = ('slug' in itm && itm.slug === id) || ('id' in itm && itm.id === id);
-                if (matches) {
-                    if (!firstMatch)
-                        firstMatch = itm;
-                    const hasLastIndexMatch = newStack.some(el => 'index' in el && el.index === lastActiveIndex);
-                    if (hasLastIndexMatch)
-                        hasAnyLastIndexMatch = true;
+    const findMatchingItems = (updateTree, activeId, lastActiveIndex) => {
+        let exactMatch;
+        let partialMatch;
+        const searchInChildren = (items) => {
+            for (const item of items) {
+                const hasSlug = 'slug' in item;
+                const hasId = 'id' in item;
+                const isIdMatch = (hasSlug && item.slug === activeId) || (hasId && item.id === activeId);
+                if (isIdMatch) {
+                    const hasIndex = 'index' in item;
+                    if (hasIndex && item.index === lastActiveIndex) {
+                        exactMatch = exactMatch !== null && exactMatch !== void 0 ? exactMatch : item;
+                    }
+                    else {
+                        partialMatch = partialMatch !== null && partialMatch !== void 0 ? partialMatch : item;
+                    }
                 }
-                if ('items' in itm && Array.isArray(itm.items)) {
-                    if (walk(itm.items, newStack))
-                        return true;
+                const hasItems = 'items' in item;
+                if (hasItems && Array.isArray(item.items)) {
+                    searchInChildren(item.items);
                 }
             }
-            return false;
         };
-        walk(items, []);
-        return [firstMatch, hasAnyLastIndexMatch];
-    }, [lastActiveIndex]);
-    const [firstMatchItem, hasAnyLastIndexMatch] = React__namespace.useMemo(() => findFirstMatchAndIndexMatch(updatedTree, activeId), [updatedTree, activeId, findFirstMatchAndIndexMatch]);
+        searchInChildren(updateTree);
+        const hasExactMatch = exactMatch !== undefined;
+        const bestMatch = exactMatch !== null && exactMatch !== void 0 ? exactMatch : partialMatch;
+        return [bestMatch, hasExactMatch];
+    };
+    const [firstMatchItem, hasAnyLastIndexMatch] = React__namespace.useMemo(() => {
+        return findMatchingItems(updatedTree, activeId, lastActiveIndex);
+    }, [updatedTree, activeId, lastActiveIndex]);
     React__namespace.useEffect(() => {
         if (!hasAnyLastIndexMatch && firstMatchItem && 'index' in firstMatchItem && firstMatchItem.index) {
             setLastActiveIndex(firstMatchItem.index);
@@ -4199,15 +4187,15 @@ const useRouter = (router, basePath, staticRouterPath) => {
 const components = {
     a: ReactRouterMarkdownLink,
     h2: (_a) => {
-        var props = tslib.__rest(_a, ["color"]);
+        var { color } = _a, props = tslib.__rest(_a, ["color"]);
         return React__namespace.createElement(LinkHeading, Object.assign({ size: 2 }, props));
     },
     h3: (_a) => {
-        var props = tslib.__rest(_a, ["color"]);
+        var { color } = _a, props = tslib.__rest(_a, ["color"]);
         return React__namespace.createElement(LinkHeading, Object.assign({ size: 3 }, props));
     },
     h4: (_a) => {
-        var props = tslib.__rest(_a, ["color"]);
+        var { color } = _a, props = tslib.__rest(_a, ["color"]);
         return React__namespace.createElement(LinkHeading, Object.assign({ size: 4 }, props));
     },
 };

package/{dist/index.mjs → index.mjs}

@@ -10,7 +10,7 @@ import { parse } from '@stoplight/yaml';
 import { isArray as isArray$1, Box, useBreakpoints, Panel, CopyButton, Menu, Button, Text, Flex, Input, Icon, Select, FieldButton, Image, Link, useThemeIsDark, HStack, VStack, InvertTheme, Tooltip, Badge, LinkHeading as LinkHeading$1, NodeAnnotation, Callout, useModalState, Modal, ListBox, ListBoxItem, TabList, Tab, Tabs, TabPanels, TabPanel, Heading, useClipboard, Drawer, useMosaicContext, Provider as Provider$1 } from '@stoplight/mosaic';
 import isObject from 'lodash/isObject.js';
 import { withErrorBoundary } from '@stoplight/react-error-boundary';
-import { useLocation, Link as Link$1, BrowserRouter, MemoryRouter, HashRouter, useInRouterContext, Routes, Route } from 'react-router-dom';
+import { useLocation, Link as Link$1, HashRouter, MemoryRouter, BrowserRouter, useInRouterContext, Routes, Route } from 'react-router-dom';
 import { MarkdownViewer as MarkdownViewer$1, DefaultSMDComponents, MarkdownViewerProvider } from '@stoplight/markdown-viewer';
 export { DefaultSMDComponents } from '@stoplight/markdown-viewer';
 import cn from 'classnames';
@@ -1936,8 +1936,7 @@ function buildFetchRequest({ httpOperation, mediaTypeContent, bodyInput, paramet
     var _a, _b, _c;
     return __awaiter(this, void 0, void 0, function* () {
         const serverUrl = getServerUrl({ httpOperation, mockData, chosenServer, corsProxy, serverVariableValues });
-        const shouldIncludeBody = ['PUT', 'POST', 'PATCH', 'DELETE'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
-        console.log('<---- shouldIncludeBody buildFetchRequest-->', shouldIncludeBody);
+        const shouldIncludeBody = ['PUT', 'POST', 'PATCH'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
         const queryParams = getQueryParams({ httpOperation, parameterValues });
         const rawHeaders = filterOutAuthorizationParams((_b = (_a = httpOperation.request) === null || _a === void 0 ? void 0 : _a.headers) !== null && _b !== void 0 ? _b : [], httpOperation.security)
             .map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); })
@@ -2018,8 +2017,7 @@ function buildHarRequest({ httpOperation, bodyInput, parameterValues, serverVari
     return __awaiter(this, void 0, void 0, function* () {
         const serverUrl = getServerUrl({ httpOperation, mockData, chosenServer, corsProxy, serverVariableValues });
         const mimeType = (_a = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.mediaType) !== null && _a !== void 0 ? _a : 'application/json';
-        const shouldIncludeBody = ['PUT', 'POST', 'PATCH', 'DELETE'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
-        console.log('shouldIncludeBody buildHarRequest-->', shouldIncludeBody);
+        const shouldIncludeBody = ['PUT', 'POST', 'PATCH'].includes(httpOperation.method.toUpperCase()) && bodyInput !== undefined;
         const queryParams = getQueryParams({ httpOperation, parameterValues });
         const headerParams = (_d = (_c = (_b = httpOperation.request) === null || _b === void 0 ? void 0 : _b.headers) === null || _c === void 0 ? void 0 : _c.map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); })) !== null && _d !== void 0 ? _d : [];
         if (mockData === null || mockData === void 0 ? void 0 : mockData.header) {
@@ -2704,20 +2702,7 @@ const SubSectionPanel = ({ title, children, hasContent, rightComponent, defaultI
 };
 
 const operation = {
-    id: '?http-operation-id?',
-    iid: 'GET-simple',
-    method: 'get',
-    path: '/todos',
-    summary: 'Get 200',
-    responses: [
-        {
-            id: '?http-response-200?',
-            code: '200',
-            description: 'OK',
-        },
-    ],
-    servers: [{ id: '?http-server-0?', url: 'https://todos.stoplight.io' }],
-};
+    id: '?http-operation-id?'};
 
 const oauthFlowNames = {
     implicit: 'Implicit',
@@ -3410,7 +3395,6 @@ const Docs = React.memo((_a) => {
     var _b;
     var { nodeType, nodeData, useNodeForRefResolving = false, refResolver, maxRefDepth, nodeHasChanged, renderExtensionAddon } = _a, commonProps = __rest(_a, ["nodeType", "nodeData", "useNodeForRefResolving", "refResolver", "maxRefDepth", "nodeHasChanged", "renderExtensionAddon"]);
     const parsedNode = useParsedData(nodeType, nodeData);
-    console.log('<--- ParsedDocs with yalc ---->', parsedNode);
     if (!parsedNode) {
         (_b = commonProps.nodeUnsupported) === null || _b === void 0 ? void 0 : _b.call(commonProps, 'dataEmpty');
         return null;
@@ -3609,33 +3593,37 @@ const TableOfContents = React.memo(({ tree, activeId, Link, maxDepthOpenByDefaul
         });
     }, []);
     const updatedTree = updateTocTree(tree, '');
-    const findFirstMatchAndIndexMatch = React.useCallback((items, id) => {
-        let firstMatch;
-        let hasAnyLastIndexMatch = false;
-        if (!id)
-            return [firstMatch, hasAnyLastIndexMatch];
-        const walk = (arr, stack) => {
-            for (const itm of arr) {
-                const newStack = stack.concat(itm);
-                const matches = ('slug' in itm && itm.slug === id) || ('id' in itm && itm.id === id);
-                if (matches) {
-                    if (!firstMatch)
-                        firstMatch = itm;
-                    const hasLastIndexMatch = newStack.some(el => 'index' in el && el.index === lastActiveIndex);
-                    if (hasLastIndexMatch)
-                        hasAnyLastIndexMatch = true;
+    const findMatchingItems = (updateTree, activeId, lastActiveIndex) => {
+        let exactMatch;
+        let partialMatch;
+        const searchInChildren = (items) => {
+            for (const item of items) {
+                const hasSlug = 'slug' in item;
+                const hasId = 'id' in item;
+                const isIdMatch = (hasSlug && item.slug === activeId) || (hasId && item.id === activeId);
+                if (isIdMatch) {
+                    const hasIndex = 'index' in item;
+                    if (hasIndex && item.index === lastActiveIndex) {
+                        exactMatch = exactMatch !== null && exactMatch !== void 0 ? exactMatch : item;
+                    }
+                    else {
+                        partialMatch = partialMatch !== null && partialMatch !== void 0 ? partialMatch : item;
+                    }
                 }
-                if ('items' in itm && Array.isArray(itm.items)) {
-                    if (walk(itm.items, newStack))
-                        return true;
+                const hasItems = 'items' in item;
+                if (hasItems && Array.isArray(item.items)) {
+                    searchInChildren(item.items);
                 }
             }
-            return false;
         };
-        walk(items, []);
-        return [firstMatch, hasAnyLastIndexMatch];
-    }, [lastActiveIndex]);
-    const [firstMatchItem, hasAnyLastIndexMatch] = React.useMemo(() => findFirstMatchAndIndexMatch(updatedTree, activeId), [updatedTree, activeId, findFirstMatchAndIndexMatch]);
+        searchInChildren(updateTree);
+        const hasExactMatch = exactMatch !== undefined;
+        const bestMatch = exactMatch !== null && exactMatch !== void 0 ? exactMatch : partialMatch;
+        return [bestMatch, hasExactMatch];
+    };
+    const [firstMatchItem, hasAnyLastIndexMatch] = React.useMemo(() => {
+        return findMatchingItems(updatedTree, activeId, lastActiveIndex);
+    }, [updatedTree, activeId, lastActiveIndex]);
     React.useEffect(() => {
         if (!hasAnyLastIndexMatch && firstMatchItem && 'index' in firstMatchItem && firstMatchItem.index) {
             setLastActiveIndex(firstMatchItem.index);
@@ -4178,15 +4166,15 @@ const useRouter = (router, basePath, staticRouterPath) => {
 const components = {
     a: ReactRouterMarkdownLink,
     h2: (_a) => {
-        var props = __rest(_a, ["color"]);
+        var { color } = _a, props = __rest(_a, ["color"]);
         return React.createElement(LinkHeading, Object.assign({ size: 2 }, props));
     },
     h3: (_a) => {
-        var props = __rest(_a, ["color"]);
+        var { color } = _a, props = __rest(_a, ["color"]);
         return React.createElement(LinkHeading, Object.assign({ size: 3 }, props));
     },
     h4: (_a) => {
-        var props = __rest(_a, ["color"]);
+        var { color } = _a, props = __rest(_a, ["color"]);
         return React.createElement(LinkHeading, Object.assign({ size: 4 }, props));
     },
 };

package/package.json

@@ -1,61 +1,28 @@
 {
   "name": "@stoplight/elements-core",
-  "version": "9.0.16-beta-0.3",
+  "version": "9.0.17",
+  "main": "./index.js",
   "sideEffects": [
     "web-components.min.js",
     "src/web-components/**",
     "**/*.css"
   ],
-  "homepage": "https://github.com/stoplightio/elements",
-  "bugs": "https://github.com/stoplightio/elements/issues",
+  "files": [
+    "**/*"
+  ],
   "author": "Stoplight <support@stoplight.io>",
   "repository": {
     "type": "git",
     "url": "https://github.com/stoplightio/elements"
   },
   "license": "Apache-2.0",
-  "type": "commonjs",
-  "main": "./dist/index.js",
-  "module": "./dist/index.esm.js",
-  "exports": {
-    ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs"
-    }
-  },
-  "files": [
-    "**/*"
-  ],
   "engines": {
     "node": ">=16"
   },
-  "scripts": {
-    "build": "yarn build.react",
-    "postbuild": "yarn build.styles",
-    "build.react": "sl-scripts bundle",
-    "build.styles": "postcss src/styles.css -o dist/styles.min.css && cp src/core.css dist",
-    "build.docs": "storybook build -o dist-storybook",
-    "commit": "git-cz",
-    "release": "sl-scripts release",
-    "release.docs": "sl-scripts release:docs",
-    "release.dryRun": "sl-scripts release --dry-run --debug",
-    "storybook": "storybook dev -p 9001",
-    "test": "jest",
-    "test.prod": "yarn test --coverage --maxWorkers=2",
-    "test.update": "yarn test --updateSnapshot",
-    "test.watch": "yarn test --watch",
-    "test.packaging": "node --input-type=commonjs -e \"require('./dist/index.js')\" && node --input-type=module -e \"import './dist/index.mjs'\"",
-    "type-check": "tsc --noEmit"
-  },
   "peerDependencies": {
     "react": ">=16.8",
     "react-dom": ">=16.8"
   },
-  "rollup": {
-    "bundleDeps": [
-      "@fortawesome/free-solid-svg-icons"
-    ]
-  },
   "dependencies": {
     "@stoplight/http-spec": "^7.1.0",
     "@stoplight/json": "^3.21.0",
@@ -85,40 +52,13 @@
     "util": "^0.12.4",
     "xml-formatter": "^3.6.3"
   },
-  "devDependencies": {
-    "@fortawesome/free-solid-svg-icons": "^6.1.1",
-    "@stoplight/scripts": "10.0.0",
-    "@testing-library/dom": "^7.26.5",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^11.1.1",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^12.2.0",
-    "@types/classnames": "^2.2.10",
-    "@types/enzyme": "3.x.x",
-    "@types/enzyme-adapter-react-16": "1.x.x",
-    "@types/json-schema": "^7.0.11",
-    "@types/lodash": "^4.14.202",
-    "@types/prop-types": "^15.7.5",
-    "@types/react": "16.9.56",
-    "@types/react-dom": "16.9.12",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/react-router-hash-link": "^1.2.1",
-    "@types/urijs": "^1.19.19",
-    "enzyme": "3.x.x",
-    "enzyme-adapter-react-16": "1.x.x",
-    "enzyme-to-json": "3.x.x",
-    "jest-fetch-mock": "^3.0.3",
-    "react": "16.14.0",
-    "react-dom": "16.14.0",
-    "react-test-renderer": "^16.8.0",
-    "resolve-url-loader": "^5.0.0",
-    "storybook": "next",
-    "style-loader": "^3.3.3"
-  },
-  "publishConfig": {
-    "directory": "dist"
+  "type": "commonjs",
+  "exports": {
+    ".": {
+      "require": "./index.js",
+      "import": "./index.mjs"
+    }
   },
-  "release": {
-    "extends": "@stoplight/scripts/release"
-  }
-}
+  "typings": "index.d.ts",
+  "module": "./index.esm.js"
+}

package/.storybook/main.js

@@ -1,6 +0,0 @@
-import { join } from 'path';
-import config from '../../../.storybook/main';
-
-config.stories = [join(__dirname, '../**/*.stories.{js,jsx,ts,tsx}')];
-
-export default {...config};

package/.storybook/manager.js

@@ -1 +0,0 @@
-require('../../../.storybook/manager');

package/.storybook/preview.jsx

@@ -1,50 +0,0 @@
-export * from '../../../.storybook/preview';
-
-import * as React from 'react';
-import { subscribeTheme, Provider as MosaicProvider, Box } from '@stoplight/mosaic';
-import { PersistenceContextProvider, Styled, MarkdownComponentsProvider } from '../src';
-import '../src/styles.css';
-
-const ThemeProvider = (Story, context) => {
-  const theme = context.globals.theme;
-  React.useEffect(() => {
-    subscribeTheme({ mode: theme === 'dark' ? 'dark' : 'light' });
-  }, [subscribeTheme, theme]);
-  return (
-    <Box style={{ maxWidth: 1200 }} mx="auto" py={10}>
-      <Story {...context} />
-    </Box>
-  );
-};
-
-const MosaicProviderDecorator = Story => (
-  <MosaicProvider>
-    <Story />
-  </MosaicProvider>
-);
-
-const PersistenceBoundaryDecorator = Story => (
-  <PersistenceContextProvider>
-    <Story />
-  </PersistenceContextProvider>
-);
-
-const MarkdownComponentsProviderDecorator = Story => (
-  <MarkdownComponentsProvider>
-    <Story />
-  </MarkdownComponentsProvider>
-);
-
-const StyledDecorator = Story => (
-  <Styled>
-    <Story />
-  </Styled>
-);
-
-export const decorators = [
-  ThemeProvider,
-  MosaicProviderDecorator,
-  PersistenceBoundaryDecorator,
-  StyledDecorator,
-  MarkdownComponentsProviderDecorator,
-];