fix: respect filtered elements when determining selected (#155)

Author: bashmish

.changeset/wicked-lizards-mate.md

@@ -0,0 +1,9 @@
+---
+'@api-viewer/common': patch
+'@api-viewer/demo': patch
+'@api-viewer/docs': patch
+'api-viewer-element': patch
+'@api-viewer/tabs': patch
+---
+
+Respect filtered elements when determining selected

packages/api-common/src/manifest.ts

@@ -77,12 +77,14 @@ export function getCustomElements(
 
 export const getElementData = (
   manifest: Package,
+  elements: CustomElementExport[],
   selected?: string
 ): CustomElement | null => {
-  const exports = getCustomElements(manifest);
-  const index = selected ? exports.findIndex((el) => el?.name === selected) : 0;
+  const index = selected
+    ? elements.findIndex((el) => el?.name === selected)
+    : 0;
 
-  const element = exports[index];
+  const element = elements[index];
 
   if (!element) {
     return null;

packages/api-demo/src/base.ts

@@ -29,7 +29,7 @@ async function renderDemo(
 
   const elements = getCustomElements(manifest, only);
 
-  const data = getElementData(manifest, selected) as CustomElement;
+  const data = getElementData(manifest, elements, selected) as CustomElement;
   const props = getPublicFields(data.members);
 
   return html`

packages/api-docs/src/base.ts

@@ -28,7 +28,7 @@ async function renderDocs(
 
   const elements = getCustomElements(manifest, only);
 
-  const data = getElementData(manifest, selected) as CustomElement;
+  const data = getElementData(manifest, elements, selected) as CustomElement;
   const props = getPublicFields(data.members);
   const methods = getPublicMethods(data.members);
 

packages/api-viewer/src/base.ts

@@ -36,7 +36,7 @@ async function renderDocs(
 
   const elements = getCustomElements(manifest, only);
 
-  const data = getElementData(manifest, selected) as CustomElement;
+  const data = getElementData(manifest, elements, selected) as CustomElement;
   const props = getPublicFields(data.members);
   const methods = getPublicMethods(data.members);