From 9c5fd37e32979d7839eb110adce9663946013a57 Mon Sep 17 00:00:00 2001 From: Karl Kallavus Date: Mon, 25 Jan 2021 22:09:37 +0200 Subject: [PATCH] feat: nav structure --- docs/config.json | 8 +------- packages/accordion/src/README.mdx | 4 ++-- packages/calendar/src/README.mdx | 16 ++++++++-------- packages/pagination/src/README.mdx | 28 ++++++++++++++-------------- packages/popover/src/README.mdx | 6 +++--- packages/sidebar/src/README.mdx | 4 ++-- packages/table/src/README.mdx | 16 ++++++++-------- 7 files changed, 38 insertions(+), 44 deletions(-) diff --git a/docs/config.json b/docs/config.json index f449a31f21..763aa60dba 100644 --- 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 index 3f4bcbcc4c..c7b2605158 100644 --- 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 index 5a07d5f430..7de7ee83f0 100644 --- 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 ( { - 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 (
diff --git a/packages/pagination/src/README.mdx b/packages/pagination/src/README.mdx index e757835304..8d33486526 100644 --- 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={ 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={ console.log('GoToPage: ', value)} + onChange={(value) => console.log('GoToPage: ', value)} > Go to page @@ -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={ 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={ Showing 1 – 10{' '} @@ -135,7 +135,7 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p console.log('GoToPage: ', value)} + onChange={(value) => console.log('GoToPage: ', value)} > Go to page @@ -143,7 +143,7 @@ Pagination component based on [react-paginate](https://github.com/AdeleD/react-p changePageSizeSection={ 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={} nextButtonLabel={} - 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 index c765845189..877fe7b6d8 100644 --- 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' console.log('status: ', status)} + onVisibilityChange={(status) => console.log('status: ', status)} content={
diff --git a/packages/sidebar/src/README.mdx b/packages/sidebar/src/README.mdx index fd359bbb83..ebfbc21164 100644 --- 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 index ec7bec65f3..525b603063 100644 --- 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: January {(index + 1) % 30}, 2020, @@ -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)} /> ); };