feat: nav structure

coingaming · Jan 25, 2021 · 9c5fd37 · 9c5fd37
1 parent 91b2f4b
commit 9c5fd37
Show file tree

Hide file tree

Showing 7 changed files with 38 additions and 44 deletions.
diff --git a/docs/config.json b/docs/config.json
@@ -25,16 +25,10 @@
     "Assets",
     "Design System",
     "Toolkit",
-    "Calendar",
     "Components",
     "Global",
-    "Pagination",
     "Private",
-    "Sidebar",
-    "Table",
     "Charts",
-    "Utils",
-    "Popover",
-    "Accordion"
+    "Utils"
   ]
 }
diff --git a/packages/accordion/src/README.mdx b/packages/accordion/src/README.mdx
@@ -1,7 +1,7 @@
 ---
 name: Accordion
-menu: Accordion
-route: /accordion/accordion
+menu: Toolkit
+route: /toolkit/accordion
 ---
 
 # Accordion

diff --git a/packages/calendar/src/README.mdx b/packages/calendar/src/README.mdx
@@ -1,7 +1,7 @@
 ---
 name: Calendar
-menu: Calendar
-route: /Calendar/calendar
+menu: Toolkit
+route: /toolkit/calendar
 ---
 
 Week and Month calendar components have the same api
@@ -20,7 +20,7 @@ Week and Month calendar components have the same api
 
 ```jsx react-live
 () => {
-  const isToday = someDate => {
+  const isToday = (someDate) => {
     const today = new Date();
     return (
       someDate.getDate() == today.getDate() &&
@@ -29,9 +29,9 @@ Week and Month calendar components have the same api
     );
   };
 
-  const renderDayContent = date => (isToday(date) ? 'today' : null);
+  const renderDayContent = (date) => (isToday(date) ? 'today' : null);
 
-  const renderNearDayNumber = date => (isToday(date) ? 't' : null);
+  const renderNearDayNumber = (date) => (isToday(date) ? 't' : null);
 
   return (
     <Month
@@ -47,7 +47,7 @@ Week and Month calendar components have the same api
 
 ```jsx react-live
 () => {
-  const isToday = someDate => {
+  const isToday = (someDate) => {
     const today = new Date();
     return (
       someDate.getDate() == today.getDate() &&
@@ -56,9 +56,9 @@ Week and Month calendar components have the same api
     );
   };
 
-  const renderDayContent = date => (isToday(date) ? 'today' : null);
+  const renderDayContent = (date) => (isToday(date) ? 'today' : null);
 
-  const renderNearDayNumber = date => (isToday(date) ? 't' : null);
+  const renderNearDayNumber = (date) => (isToday(date) ? 't' : null);
 
   return (
     <div style={{ height: '800px' }}>

diff --git a/packages/pagination/src/README.mdx b/packages/pagination/src/README.mdx
@@ -1,7 +1,7 @@
 ---
 name: Pagination
-menu: Components
-route: /Pagination/pagination
+menu: Toolkit
+route: /toolkit/pagination
 ---
 
 # Pagination
@@ -35,7 +35,7 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p
   pageNumber={10}
   previousButtonLabel="Previous"
   nextButtonLabel="Next"
-  onChange={value => console.log('pageNumber: ', value)}
+  onChange={(value) => console.log('pageNumber: ', value)}
 />
 ```
 
@@ -49,7 +49,7 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p
   pageNumber={10}
   previousButtonLabel="Previous"
   nextButtonLabel="Next"
-  onChange={value => console.log('pageNumber: ', value)}
+  onChange={(value) => console.log('pageNumber: ', value)}
   pageSizeSection={
     <Text size={12} as="strong">
       Showing 1 – 10{' '}
@@ -71,12 +71,12 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p
   pageNumber={10}
   previousButtonLabel="Previous"
   nextButtonLabel="Next"
-  onChange={value => console.log('pageNumber: ', value)}
+  onChange={(value) => console.log('pageNumber: ', value)}
   goToPageSection={
     <GoToPage
       minPage={1}
       maxPage={20}
-      onChange={value => console.log('GoToPage: ', value)}
+      onChange={(value) => console.log('GoToPage: ', value)}
     >
       Go to page
     </GoToPage>
@@ -94,11 +94,11 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p
   pageNumber={10}
   previousButtonLabel="Previous"
   nextButtonLabel="Next"
-  onChange={value => console.log('pageNumber: ', value)}
+  onChange={(value) => console.log('pageNumber: ', value)}
   changePageSizeSection={
     <ChangePageSize
       pageSize={20}
-      onChange={value => console.log('Change page size: ', value)}
+      onChange={(value) => console.log('Change page size: ', value)}
       options={[
         { label: '10', value: 10 },
         { label: '20', value: 20 },
@@ -122,7 +122,7 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p
   pageNumber={10}
   previousButtonLabel="Previous"
   nextButtonLabel="Next"
-  onChange={value => console.log('pageNumber: ', value)}
+  onChange={(value) => console.log('pageNumber: ', value)}
   pageSizeSection={
     <Text size={12} as="strong">
       Showing 1 – 10{' '}
@@ -135,15 +135,15 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p
     <GoToPage
       minPage={1}
       maxPage={20}
-      onChange={value => console.log('GoToPage: ', value)}
+      onChange={(value) => console.log('GoToPage: ', value)}
     >
       Go to page
     </GoToPage>
   }
   changePageSizeSection={
     <ChangePageSize
       pageSize={20}
-      onChange={value => console.log('Change page size: ', value)}
+      onChange={(value) => console.log('Change page size: ', value)}
       options={[
         { label: '10', value: 10 },
         { label: '20', value: 20 },
@@ -167,7 +167,7 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p
   pageNumber={10}
   previousButtonLabel={<IconChevronLeft />}
   nextButtonLabel={<IconChevronRight />}
-  onChange={value => console.log('pageNumber: ', value)}
+  onChange={(value) => console.log('pageNumber: ', value)}
 />
 ```
 
@@ -181,7 +181,7 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p
   pageNumber={1}
   previousButtonLabel="Previous"
   nextButtonLabel="Next"
-  onChange={value => console.log('pageNumber: ', value)}
+  onChange={(value) => console.log('pageNumber: ', value)}
 />
 ```
 
@@ -195,6 +195,6 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p
   pageNumber={20}
   previousButtonLabel="Previous"
   nextButtonLabel="Next"
-  onChange={value => console.log('pageNumber: ', value)}
+  onChange={(value) => console.log('pageNumber: ', value)}
 />
 ```
diff --git a/packages/popover/src/README.mdx b/packages/popover/src/README.mdx
@@ -1,7 +1,7 @@
 ---
 name: Popover
-menu: Popover
-route: /popover/popover
+menu: Toolkit
+route: /toolkit/popover
 ---
 
 # Popover
@@ -33,7 +33,7 @@ type Placement = 'top'
 <Inline>
   <Popover
     isOpen={false}
-    onVisibilityChange={status => console.log('status: ', status)}
+    onVisibilityChange={(status) => console.log('status: ', status)}
     content={
       <div>
         <Heading size={20} style={{ marginBottom: 20 }}>

diff --git a/packages/sidebar/src/README.mdx b/packages/sidebar/src/README.mdx
@@ -1,7 +1,7 @@
 ---
 name: Sidebar
-menu: Sidebar
-route: /Sidebar/sidebar
+menu: Toolkit
+route: /toolkit/sidebar
 ---
 
 import { Sidebar } from '@heathmont/moon-components';

diff --git a/packages/table/src/README.mdx b/packages/table/src/README.mdx
@@ -1,7 +1,7 @@
 ---
 name: Table
-menu: Table
-route: /table/table
+menu: Toolkit
+route: /toolkit/table
 ---
 
 # Table
@@ -67,7 +67,7 @@ Table supports `width`, `height`, `maxWidth` and `maxHeight` properties.
     },
   ];
 
-  const makeData = length => {
+  const makeData = (length) => {
     return Array.from('_'.repeat(length)).map(() => {
       return {
         firstName: 'Test',
@@ -188,7 +188,7 @@ Table supports `width`, `height`, `maxWidth` and `maxHeight` properties.
     },
   ];
 
-  const makeData = length => {
+  const makeData = (length) => {
     return Array.from('_'.repeat(length)).map(() => {
       return {
         firstName: 'Test',
@@ -271,7 +271,7 @@ Table supports `width`, `height`, `maxWidth` and `maxHeight` properties.
     },
   ];
 
-  const makeData = length => {
+  const makeData = (length) => {
     return Array.from('_'.repeat(length)).map((_, index) => {
       return {
         date: <strong>January {(index + 1) % 30}, 2020</strong>,
@@ -365,7 +365,7 @@ Table supports `width`, `height`, `maxWidth` and `maxHeight` properties.
     },
   ];
 
-  const makeData = length => {
+  const makeData = (length) => {
     return Array.from('_'.repeat(length)).map(() => {
       return {
         firstName: 'Test',
@@ -442,7 +442,7 @@ Table supports `width`, `height`, `maxWidth` and `maxHeight` properties.
     },
   ];
 
-  const makeData = length => {
+  const makeData = (length) => {
     return Array.from('_'.repeat(length)).map(() => {
       return {
         firstName: 'Test',
@@ -475,7 +475,7 @@ Table supports `width`, `height`, `maxWidth` and `maxHeight` properties.
       defaultColumn={defaultColumn}
       width={800}
       height={400}
-      onRowClick={row => console.log(row)}
+      onRowClick={(row) => console.log(row)}
     />
   );
 };