docs(Table): update docs to the latest standards

docs/app/Examples/collections/Table/States/TableActive.js → docs/app/Examples/collections/Table/States/TableExampleActive.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableActive = () => {
+const TableExampleActive = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -38,4 +38,4 @@ const TableActive = () => {
   )
 }
 
-export default TableActive
+export default TableExampleActive

docs/app/Examples/collections/Table/States/TableDisabled.js → docs/app/Examples/collections/Table/States/TableExampleDisabled.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableDisabled = () => {
+const TableExampleDisabled = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -38,4 +38,4 @@ const TableDisabled = () => {
   )
 }
 
-export default TableDisabled
+export default TableExampleDisabled

docs/app/Examples/collections/Table/States/TableError.js → docs/app/Examples/collections/Table/States/TableExampleError.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TableError = () => {
+const TableExampleError = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -41,4 +41,4 @@ const TableError = () => {
   )
 }
 
-export default TableError
+export default TableExampleError

docs/app/Examples/collections/Table/States/TablePositiveNegative.js → docs/app/Examples/collections/Table/States/TableExamplePositiveNegative.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TablePositiveNegative = () => {
+const TableExamplePositiveNegative = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -44,4 +44,4 @@ const TablePositiveNegative = () => {
   )
 }
 
-export default TablePositiveNegative
+export default TableExamplePositiveNegative

docs/app/Examples/collections/Table/States/TableWarning.js → docs/app/Examples/collections/Table/States/TableExampleWarning.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TableWarning = () => {
+const TableExampleWarning = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -44,4 +44,4 @@ const TableWarning = () => {
   )
 }
 
-export default TableWarning
+export default TableExampleWarning

docs/app/Examples/collections/Table/States/TableWarningShorthand.js → docs/app/Examples/collections/Table/States/TableExampleWarningShorthand.js

@@ -27,10 +27,10 @@ const tableData = [
   { name: 'Jill', status: undefined, notes: undefined },
 ]
 
-const TableWarningShorthand = () => {
+const TableExampleWarningShorthand = () => {
   return (
     <Table celled headerRow={headerRow} renderBodyRow={renderBodyRow} tableData={tableData} />
   )
 }
 
-export default TableWarningShorthand
+export default TableExampleWarningShorthand

docs/app/Examples/collections/Table/States/index.js

@@ -8,33 +8,33 @@ const States = () => {
     <ExampleSection title='States'>
       <ComponentExample
         title='Positive / Negative'
-        description='A cell or row may let a user know whether a value is good or bad'
-        examplePath='collections/Table/States/TablePositiveNegative'
+        description='A cell or row may let a user know whether a value is good or bad.'
+        examplePath='collections/Table/States/TableExamplePositiveNegative'
       />
       <ComponentExample
         title='Error'
-        description='A cell or row may call attention to an error or a negative value'
-        examplePath='collections/Table/States/TableError'
+        description='A cell or row may call attention to an error or a negative value.'
+        examplePath='collections/Table/States/TableExampleError'
       />
       <ComponentExample
         title='Warning'
-        description='A cell or row may warn a user'
-        examplePath='collections/Table/States/TableWarning'
+        description='A cell or row may warn a user.'
+        examplePath='collections/Table/States/TableExampleWarning'
       />
       <ComponentExample
         title='Warning Shorthand'
-        description='Same as warning example but configured via shorthand'
-        examplePath='collections/Table/States/TableWarningShorthand'
+        description='Same as warning example but configured via shorthand.'
+        examplePath='collections/Table/States/TableExampleWarningShorthand'
       />
       <ComponentExample
         title='Active'
-        description='A cell or row can be active or selected by a user'
-        examplePath='collections/Table/States/TableActive'
+        description='A cell or row can be active or selected by a user.'
+        examplePath='collections/Table/States/TableExampleActive'
       />
       <ComponentExample
         title='Disabled'
-        description='A cell can be disabled'
-        examplePath='collections/Table/States/TableDisabled'
+        description='A cell can be disabled.'
+        examplePath='collections/Table/States/TableExampleDisabled'
       />
     </ExampleSection>
   )

docs/app/Examples/collections/Table/Types/TableApprove.js → docs/app/Examples/collections/Table/Types/TableExampleApprove.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Button, Checkbox, Icon, Table } from 'semantic-ui-react'
 
-const TableApprove = () => {
+const TableExampleApprove = () => {
   return (
     <Table compact celled definition>
       <Table.Header>
@@ -60,4 +60,4 @@ const TableApprove = () => {
   )
 }
 
-export default TableApprove
+export default TableExampleApprove

docs/app/Examples/collections/Table/Types/TableCollapsing.js → docs/app/Examples/collections/Table/Types/TableExampleCollapsing.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Image, Table } from 'semantic-ui-react'
 
-const TableCollapsing = () => {
+const TableExampleCollapsing = () => {
   return (
     <Table basic='very' celled collapsing>
       <Table.Header>
@@ -73,4 +73,4 @@ const TableCollapsing = () => {
   )
 }
 
-export default TableCollapsing
+export default TableExampleCollapsing

docs/app/Examples/collections/Table/Types/TableDefinition.js → docs/app/Examples/collections/Table/Types/TableExampleDefinition.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableDefinition = () => {
+const TableExampleDefinition = () => {
   return (
     <Table definition>
       <Table.Header>
@@ -28,4 +28,4 @@ const TableDefinition = () => {
   )
 }
 
-export default TableDefinition
+export default TableExampleDefinition

docs/app/Examples/collections/Table/Types/TablePadded.js → docs/app/Examples/collections/Table/Types/TableExamplePadded.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Header, Table, Rating } from 'semantic-ui-react'
 
-const TablePadded = () => {
+const TableExamplePadded = () => {
   return (
     <Table celled padded>
       <Table.Header>
@@ -54,4 +54,4 @@ const TablePadded = () => {
   )
 }
 
-export default TablePadded
+export default TableExamplePadded

docs/app/Examples/collections/Table/Types/TablePagination.js → docs/app/Examples/collections/Table/Types/TableExamplePagination.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Label, Menu, Table } from 'semantic-ui-react'
 
-const TablePagination = () => {
+const TableExamplePagination = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -54,4 +54,4 @@ const TablePagination = () => {
   )
 }
 
-export default TablePagination
+export default TableExamplePagination

docs/app/Examples/collections/Table/Types/TableStriped.js → docs/app/Examples/collections/Table/Types/TableExampleStriped.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TableStriped = () => {
+const TableExampleStriped = () => {
   return (
     <Table celled striped>
       <Table.Header>
@@ -51,4 +51,4 @@ const TableStriped = () => {
   )
 }
 
-export default TableStriped
+export default TableExampleStriped

docs/app/Examples/collections/Table/Types/TableStructured.js → docs/app/Examples/collections/Table/Types/TableExampleStructured.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TableStructured = () => {
+const TableExampleStructured = () => {
   return (
     <Table celled structured>
       <Table.Header>
@@ -62,4 +62,4 @@ const TableStructured = () => {
   )
 }
 
-export default TableStructured
+export default TableExampleStructured

docs/app/Examples/collections/Table/Types/index.js

@@ -8,24 +8,24 @@ const Types = () => {
     <ExampleSection title='Types'>
       <ComponentExample
         title='Types'
-        description='A standard table'
-        examplePath='collections/Table/Types/TablePagination'
+        description='A standard table.'
+        examplePath='collections/Table/Types/TableExamplePagination'
       />
-      <ComponentExample examplePath='collections/Table/Types/TablePadded' />
-      <ComponentExample examplePath='collections/Table/Types/TableCollapsing' />
-      <ComponentExample examplePath='collections/Table/Types/TableStriped' />
+      <ComponentExample examplePath='collections/Table/Types/TableExamplePadded' />
+      <ComponentExample examplePath='collections/Table/Types/TableExampleCollapsing' />
+      <ComponentExample examplePath='collections/Table/Types/TableExampleStriped' />
 
       <ComponentExample
         title='Definition'
-        description='A table may be formatted to emphasize a first column that defines a rows content'
-        examplePath='collections/Table/Types/TableDefinition'
+        description='A table may be formatted to emphasize a first column that defines a row content.'
+        examplePath='collections/Table/Types/TableExampleDefinition'
       />
-      <ComponentExample examplePath='collections/Table/Types/TableApprove' />
+      <ComponentExample examplePath='collections/Table/Types/TableExampleApprove' />
 
       <ComponentExample
         title='Structured'
-        description='A table can be formatted to display complex structured data'
-        examplePath='collections/Table/Types/TableStructured'
+        description='A table can be formatted to display complex structured data.'
+        examplePath='collections/Table/Types/TableExampleStructured'
       />
     </ExampleSection>
   )

docs/app/Examples/collections/Table/Variations/TableBasic.js → docs/app/Examples/collections/Table/Variations/TableExampleBasic.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableBasic = () => {
+const TableExampleBasic = () => {
   return (
     <Table basic>
       <Table.Header>
@@ -33,4 +33,4 @@ const TableBasic = () => {
   )
 }
 
-export default TableBasic
+export default TableExampleBasic

docs/app/Examples/collections/Table/Variations/TableCelled.js → docs/app/Examples/collections/Table/Variations/TableExampleCelled.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableCelled = () => {
+const TableExampleCelled = () => {
   return (
     <Table celled>
       <Table.Header>
@@ -41,4 +41,4 @@ const TableCelled = () => {
   )
 }
 
-export default TableCelled
+export default TableExampleCelled

docs/app/Examples/collections/Table/Variations/TableCollapsing.js → docs/app/Examples/collections/Table/Variations/TableExampleCollapsing.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableCollapsing = () => {
+const TableExampleCollapsing = () => {
   return (
     <Table collapsing>
       <Table.Header>
@@ -41,4 +41,4 @@ const TableCollapsing = () => {
   )
 }
 
-export default TableCollapsing
+export default TableExampleCollapsing

docs/app/Examples/collections/Table/Variations/TableCollapsingCell.js → docs/app/Examples/collections/Table/Variations/TableExampleCollapsingCell.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, Table } from 'semantic-ui-react'
 
-const TableCollapsingCell = () => {
+const TableExampleCollapsingCell = () => {
   return (
     <Table>
       <Table.Body>
@@ -34,4 +34,4 @@ const TableCollapsingCell = () => {
   )
 }
 
-export default TableCollapsingCell
+export default TableExampleCollapsingCell

docs/app/Examples/collections/Table/Variations/TableColors.js → docs/app/Examples/collections/Table/Variations/TableExampleColors.js

@@ -5,7 +5,7 @@ const colors = [
   'red', 'orange', 'yellow', 'olive', 'green', 'teal', 'blue', 'violet', 'purple', 'pink', 'brown', 'grey', 'black',
 ]
 
-const TableColors = () => (
+const TableExampleColors = () => (
   <div>
     {colors.map(color => (
       <Table color={color} key={color}>
@@ -33,4 +33,4 @@ const TableColors = () => (
     ))}
   </div>
 )
-export default TableColors
+export default TableExampleColors

docs/app/Examples/collections/Table/Variations/TableColumnCount.js → docs/app/Examples/collections/Table/Variations/TableExampleColumnCount.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableColumnCount = () => {
+const TableExampleColumnCount = () => {
   return (
     <Table columns={5}>
       <Table.Header>
@@ -51,4 +51,4 @@ const TableColumnCount = () => {
   )
 }
 
-export default TableColumnCount
+export default TableExampleColumnCount

docs/app/Examples/collections/Table/Variations/TableColumnWidth.js → docs/app/Examples/collections/Table/Variations/TableExampleColumnWidth.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableColumnWidth = () => {
+const TableExampleColumnWidth = () => {
   return (
     <Table>
       <Table.Header>
@@ -36,4 +36,4 @@ const TableColumnWidth = () => {
   )
 }
 
-export default TableColumnWidth
+export default TableExampleColumnWidth

docs/app/Examples/collections/Table/Variations/TableCompact.js → docs/app/Examples/collections/Table/Variations/TableExampleCompact.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
 
-const TableCompact = () => {
+const TableExampleCompact = () => {
   return (
     <Table compact>
       <Table.Header>
@@ -58,4 +58,4 @@ const TableCompact = () => {
   )
 }
 
-export default TableCompact
+export default TableExampleCompact