Revert "Feat: Merge branch 'feat-page-per-section'"

This reverts commit 200debf, reversing
changes made to 3bbe4f9.

Author: Artem Sapegin

docs/Components.md

@@ -109,9 +109,6 @@ Each section consists of (all fields are optional):
 * `components` — a glob pattern string, an array of component paths or a function returning a list of components. The same rules apply as for the root `components` option.
 * `sections` — array of subsections (can be nested).
 * `description` — A small description of this section.
-* `sectionDepth` — Number of subsections with single pages, only available with [pagePerSection](Configuration.md#pagepersection) is enabled.
-* `exampleMode` — Initial state of the code example tab, uses [exampleMode](Configuration.md#examplemode).
-* `usageMode` — Initial state of the props and methods tab, uses [usageMode](Configuration.md#usagemode).
 * `ignore` — string/array of globs that should not be included in the section.
 
 Configuring a style guide with textual documentation section and a list of components would look like:
@@ -140,9 +137,7 @@ module.exports = {
     {
       name: 'UI Components',
       content: 'docs/ui.md',
-      components: 'lib/components/ui/*.js',
-      exampleMode: 'expand', // 'hide' | 'collapse' | 'expand'
-      usageMode: 'expand' // 'hide' | 'collapse' | 'expand'
+      components: 'lib/components/ui/*.js'
     }
   ]
 }

docs/Configuration.md

@@ -15,7 +15,6 @@ By default, Styleguidist will look for `styleguide.config.js` file in your proje
 * [`dangerouslyUpdateWebpackConfig`](#dangerouslyupdatewebpackconfig)
 * [`defaultExample`](#defaultexample)
 * [`editorConfig`](#editorconfig)
-* [`exampleMode`](#examplemode)
 * [`getComponentPathLine`](#getcomponentpathline)
 * [`getExampleFilename`](#getexamplefilename)
 * [`handlers`](#handlers)
@@ -32,6 +31,8 @@ By default, Styleguidist will look for `styleguide.config.js` file in your proje
 * [`sections`](#sections)
 * [`serverHost`](#serverhost)
 * [`serverPort`](#serverport)
+* [`showCode`](#showcode)
+* [`showUsage`](#showusage)
 * [`showSidebar`](#showsidebar)
 * [`skipComponentsWithoutExample`](#skipcomponentswithoutexample)
 * [`sortProps`](#sortprops)
@@ -43,7 +44,6 @@ By default, Styleguidist will look for `styleguide.config.js` file in your proje
 * [`title`](#title)
 * [`updateDocs`](#updatedocs)
 * [`updateExample`](#updateexample)
-* [`usageMode`](#usagemode)
 * [`verbose`](#verbose)
 * [`webpackConfig`](#webpackconfig)
 
@@ -197,16 +197,6 @@ module.exports = {
 }
 ```
 
-#### `exampleMode`
-
-Type: `String`, default: `collapse`
-
-Defines the initial state of the example code tab:
-
-* `collapse`: collapses the tab by default.
-* `hide`: hide the tab and it can´t be toggled in the UI.
-* `expand`: expand the tab by default.
-
 #### `handlers`
 
 Type: `Function`, optional, default: [[react-docgen-displayname-handler](https://github.com/nerdlabs/react-docgen-displayname-handler)]
@@ -282,7 +272,7 @@ Type: `Boolean`, default: `false`
 
 Render one section or component per page, starting with the first.
 
-If set to `true`, each section will be single page.
+If set to `true`, the sidebar will be visible on each page, except for the examples.
 
 The value may be differ on each environment.
 
@@ -292,63 +282,6 @@ module.exports = {
 }
 ```
 
-If you want to isolate section's children as single pages (sub-routes), you can add `sectionDepth` in each section, which it is the number sub-routes for depth that it will have.
-
-For example:
-
-```javascript
-module.exports = {
-  pagePerSection: true,
-  sections: [
-    {
-      name: 'Documentation',
-      sections: [
-        {
-          name: 'Files',
-          sections: [
-            {
-              name: 'First File'
-            },
-            {
-              name: 'Second File'
-            }
-          ]
-        }
-      ],
-      sectionDepth: 2 // It will show "Documentation" and "Files" as single pages, filtering his children.
-    },
-    {
-      name: 'Components',
-      sections: [
-        {
-          name: 'Buttons',
-          sections: [
-            {
-              name: 'WrapperButton'
-            }
-          ]
-        }
-      ]
-			sectionDepth: 1, // It will show "Components" as single page, filtering his children.
-    },
-    {
-      name: 'Examples',
-      sections: [
-        {
-          name: 'Case 1',
-          sections: [
-            {
-              name: 'Buttons'
-            }
-          ]
-        }
-      ]
-			sectionDepth: 0, // There is not sub-routes, "Examples" will be show all his children on page.
-    }
-  ]
-}
-```
-
 #### `printBuildInstructions`
 
 Type: `Function`, optional
@@ -486,6 +419,18 @@ Type: `Number`, default: `process.env.NODE_ENV` or `6060`
 
 Dev server port.
 
+#### `showCode`
+
+Type: `Boolean`, default: `false`
+
+Show or hide example code initially. It can be toggled in the UI by clicking the Code button after each example.
+
+#### `showUsage`
+
+Type: `Boolean`, default: `false`
+
+Show or hide props and methods documentation initially. It can be toggled in the UI by clicking the Props & methods button after each component description.
+
 #### `showSidebar`
 
 Type: `Boolean`, default: `true`
@@ -645,16 +590,6 @@ module.exports = {
 }
 ```
 
-#### `usageMode`
-
-Type: `String`, default: `collapse`
-
-Defines the initial state of the props and methods tab:
-
-* `collapse`: collapses the tab by default.
-* `hide`: hide the tab and it can´t be toggled in the UI.
-* `expand`: expand the tab by default.
-
 Use it like this in your Markdown files:
 
     ```js { "file": "./some/file.js" }

examples/sections/docs/Components.md

@@ -6,18 +6,14 @@ module.exports = {
 	sections: [
 		{
 			name: 'Documentation',
-			content: 'docs/Documentation.md',
 			sections: [
 				{
 					name: 'Files',
-					content: 'docs/Files.md',
-					components: () => ['./src/components/WrappedButton/WrappedButton.js'],
 					sections: [
 						{
 							name: 'First File',
 							content: 'docs/One.md',
 							description: 'This is the first section description',
-							components: () => ['./src/components/Label/Label.js'],
 						},
 						{
 							name: 'Second File',
@@ -26,32 +22,26 @@ module.exports = {
 					],
 				},
 			],
-			sectionDepth: 2,
 		},
 		{
 			name: 'Components',
-			content: 'docs/Components.md',
 			sections: [
 				{
 					name: 'Buttons',
-					components: () => ['./src/components/Button/Button.js'],
-					exampleMode: 'expand', // 'hide' | 'collapse' | 'expand'
-					usageMode: 'hide', // 'hide' | 'collapse' | 'expand'
+					components: () => [
+						'./src/components/Button/Button.js',
+						'./src/components/RandomButton/RandomButton.js',
+						'./src/components/WrappedButton/WrappedButton.js',
+					],
 				},
 				{
 					name: 'Fields',
-					components: () => ['./src/components/Placeholder/Placeholder.js'],
-					exampleMode: 'expand', // 'hide' | 'collapse' | 'expand'
-					usageMode: 'expand', // 'hide' | 'collapse' | 'expand'
-				},
-				{
-					name: 'Others',
-					components: () => ['./src/components/RandomButton/RandomButton.js'],
-					exampleMode: 'collapse', // 'hide' | 'collapse' | 'expand'
-					usageMode: 'collapse', // 'hide' | 'collapse' | 'expand'
+					components: () => [
+						'./src/components/Label/Label.js',
+						'./src/components/Placeholder/Placeholder.js',
+					],
 				},
 			],
-			sectionDepth: 0,
 		},
 	],
 	require: [path.join(__dirname, 'src/styles.css')],

examples/sections/docs/Documentation.md

@@ -8,13 +8,10 @@ Array [
       "require": "!!~/loaders/examples-loader.js!~/test/components/Button/Readme.md",
     },
     "description": undefined,
-    "exampleMode": "collapse",
     "filepath": "components/Button/Readme.md",
     "name": "Readme",
-    "sectionDepth": 0,
     "sections": Array [],
     "slug": "readme-1",
-    "usageMode": "collapse",
   },
   Object {
     "components": Array [
@@ -88,13 +85,10 @@ Array [
     ],
     "content": undefined,
     "description": undefined,
-    "exampleMode": "collapse",
     "filepath": undefined,
     "name": "Components",
-    "sectionDepth": 0,
     "sections": Array [],
     "slug": "components-1",
-    "usageMode": "collapse",
   },
   Object {
     "components": Array [
@@ -155,13 +149,10 @@ Array [
     ],
     "content": undefined,
     "description": undefined,
-    "exampleMode": "collapse",
     "filepath": undefined,
     "name": "Ignore",
-    "sectionDepth": 0,
     "sections": Array [],
     "slug": "ignore-1",
-    "usageMode": "collapse",
   },
 ]
 `;
@@ -239,13 +230,10 @@ Object {
   ],
   "content": undefined,
   "description": undefined,
-  "exampleMode": "collapse",
   "filepath": undefined,
   "name": "Components",
-  "sectionDepth": 0,
   "sections": Array [],
   "slug": "components",
-  "usageMode": "collapse",
 }
 `;
 
@@ -256,13 +244,10 @@ Object {
     "require": "!!~/loaders/examples-loader.js!~/test/components/Button/Readme.md",
   },
   "description": undefined,
-  "exampleMode": "collapse",
   "filepath": "components/Button/Readme.md",
   "name": "Readme",
-  "sectionDepth": 0,
   "sections": Array [],
   "slug": "readme",
-  "usageMode": "collapse",
 }
 `;
 
@@ -326,12 +311,9 @@ Object {
   ],
   "content": undefined,
   "description": undefined,
-  "exampleMode": "collapse",
   "filepath": undefined,
   "name": "Ignore",
-  "sectionDepth": 0,
   "sections": Array [],
   "slug": "ignore",
-  "usageMode": "collapse",
 }
 `;