Fix: Isolated mode should work for nested sections

Author: sapegin

src/index.js

@@ -7,7 +7,7 @@ import {
 	getInfoFromHash,
 	filterComponentExamples,
 	filterComponentsInSectionsByExactName,
-	filterSections,
+	findSection,
 	processSections,
 	setSlugs,
 	slugger,
@@ -41,7 +41,8 @@ function renderStyleguide() {
 			sections = [{ components: filteredComponents }];
 			isolatedComponent = true;
 		} else {
-			sections = [filterSections(sections, targetName)];
+			const section = findSection(sections, targetName);
+			sections = section ? [section] : [];
 			isolatedSection = true;
 		}
 

src/utils/__tests__/utils.spec.js

@@ -255,30 +255,20 @@ describe('getInfoFromHash', () => {
 	});
 });
 
-describe('filterSections', () => {
-	const sections = [
-		{
-			name: 'General',
-			sections: [],
-		},
-		{
-			name: 'Forms',
-			sections: [],
-		},
-		{
-			name: 'Lists',
-			sections: [],
-		},
-	];
+describe('findSection', () => {
+	it('should return top level section', () => {
+		const result = utils.findSection(sections, 'General');
+		expect(result).toEqual(sections[0]);
+	});
 
-	it('should return the Forms section', () => {
-		const result = utils.filterSections(sections, 'Forms');
-		expect(result).toEqual(sections[1]);
+	it('should return nested sections', () => {
+		const result = utils.findSection(sections, 'Particles');
+		expect(result).toEqual(sections[0].sections[0]);
 	});
 
-	it('should return the Lists section', () => {
-		const result = utils.filterSections(sections, 'Lists');
-		expect(result).toEqual(sections[2]);
+	it('should return undefined when no sections found', () => {
+		const result = utils.findSection(sections, 'Pizza');
+		expect(result).toBeFalsy();
 	});
 });
 

src/utils/utils.js

@@ -150,13 +150,29 @@ export function filterComponentsInSectionsByExactName(sections, name) {
 }
 
 /**
- * Filters the sections to find the one with the matching name
- * @param  {Array}  sections The styleguide sections
- * @param  {string} name     The name to match
- * @return {object}          The section found
+ * Recursively finds a section with a given name (exact match)
+ *
+ * @param  {Array}  sections
+ * @param  {string} name
+ * @return {object}
  */
-export function filterSections(sections, name) {
-	return sections.find(section => section.name === name);
+export function findSection(sections, name) {
+	const found = sections.find(section => section.name === name);
+	if (found) {
+		return found;
+	}
+
+	for (const section of sections) {
+		if (!section.sections || section.sections.length === 0) {
+			continue;
+		}
+		const found = findSection(section.sections, name);
+		if (found) {
+			return found;
+		}
+	}
+
+	return undefined;
 }
 
 /**