feat: Custom Menu Structure (#1605)

2020-05-15 13:46:23 +02:00
1 parent ba5e1497bf
commit f8bbee22b7
@@ -1,6 +1,6 @@
 ---
 name: Button
-menu: Components
+menu: General
 route: components/button
 ---

@@ -180,20 +180,10 @@ import { Button } from '@ohif/ui';
      </Button>
    </div>
    <div className="mb-2">
-      <Button
-        variant="contained"
-        rounded="none"
-        color="white"
-        className="m-1"
-      >
+      <Button variant="contained" rounded="none" color="white" className="m-1">
        Non Rounded
      </Button>
-      <Button
-        variant="contained"
-        rounded="small"
-        color="white"
-        className="m-1"
-      >
+      <Button variant="contained" rounded="small" color="white" className="m-1">
        Small Rounded
      </Button>
      <Button
@@ -204,20 +194,10 @@ import { Button } from '@ohif/ui';
      >
        Medium Rounded
      </Button>
-      <Button
-        variant="contained"
-        rounded="large"
-        color="white"
-        className="m-1"
-      >
+      <Button variant="contained" rounded="large" color="white" className="m-1">
        Large Rounded
      </Button>
-      <Button
-        variant="contained"
-        rounded="full"
-        color="white"
-        className="m-1"
-      >
+      <Button variant="contained" rounded="full" color="white" className="m-1">
        Full Rounded
      </Button>
    </div>
@@ -344,7 +324,7 @@ import { IconButton } from '@ohif/ui';
      <IconButton className="m-2" variant="text">
        <Icon name="settings" />
      </IconButton>
-      <IconButton className="m-2" variant="outlined" >
+      <IconButton className="m-2" variant="outlined">
        <Icon name="settings" />
      </IconButton>
    </div>
@@ -390,7 +370,7 @@ import { IconButton } from '@ohif/ui';
      <IconButton className="m-2">
        <Icon name="settings" />
      </IconButton>
-      <IconButton className="m-2" variant="outlined" >
+      <IconButton className="m-2" variant="outlined">
        <Icon name="settings" />
      </IconButton>
      <IconButton className="m-2" variant="text">
@@ -433,7 +413,6 @@ import { IconButton } from '@ohif/ui';
  </div>
 </Playground>

-
 ## Properties

 <Props of={Button} />
@@ -1,6 +1,6 @@
 ---
 name: ButtonGroup
-menu: Components
+menu: General
 route: components/buttonGroup
 ---

@@ -1,6 +1,6 @@
 ---
 name: Date Range
-menu: Components
+menu: Form
 route: components/date-range
 ---

@@ -1,6 +1,6 @@
 ---
 name: Empty Studies
-menu: Components
+menu: Data Display
 route: components/empty-studies
 ---

@@ -1,6 +1,6 @@
 ---
 name: Icon
-menu: Components
+menu: General
 route: components/icon
 ---

@@ -1,6 +1,6 @@
 ---
 name: Input
-menu: Components
+menu: Form
 route: components/input
 ---

@@ -1,6 +1,6 @@
 ---
 name: InputDateRange
-menu: Components
+menu: Form
 route: components/InputDateRange
 ---

@@ -30,7 +30,7 @@ import { InputDateRange } from '@ohif/ui';
          <InputDateRange
            label="Dates"
            value={dates}
-            onChange={dates => setDates(dates)}
+            onChange={(dates) => setDates(dates)}
          />
        </div>
      </div>
@@ -1,6 +1,6 @@
 ---
 name: InputGroup
-menu: Components
+menu: Form
 route: components/InputGroup
 ---

@@ -1,6 +1,6 @@
 ---
 name: InputMultiSelect
-menu: Components
+menu: Form
 route: components/InputMultiSelect
 ---

@@ -33,7 +33,7 @@ import { InputMultiSelect } from '@ohif/ui';
              { value: 'SR', label: 'SR' },
            ]}
            value={values}
-            onChange={values => {
+            onChange={(values) => {
              setValues(values);
            }}
          />
@@ -1,6 +1,6 @@
 ---
 name: InputText
-menu: Components
+menu: Form
 route: components/InputText
 ---

@@ -1,6 +1,6 @@
 ---
 name: Label
-menu: Components
+menu: Form
 route: components/label
 ---

@@ -1,6 +1,6 @@
 ---
 name: NavBar
-menu: Components
+menu: Navigation
 route: components/navBar
 ---

@@ -1,6 +1,6 @@
 ---
 name: Select
-menu: Components
+menu: Form
 route: components/select
 ---

@@ -1,6 +1,6 @@
 ---
 name: Study List Pagination
-menu: Components
+menu: Navigation
 route: components/studyListPagination
 ---

@@ -1,6 +1,6 @@
 ---
 name: Study List Table
-menu: Components
+menu: Data Display
 route: components/studyListTable
 ---

@@ -1,6 +1,6 @@
 ---
 name: Table
-menu: Components
+menu: Data Display
 route: components/table
 ---

@@ -36,7 +36,7 @@ import { Table, TableBody, TableCell, TableHead, TableRow } from '@ohif/ui';
        </TableRow>
      </TableHead>
      <TableBody>
-        {new Array(25).fill('').map(row => (
+        {new Array(25).fill('').map((row) => (
          <TableRow>
            <TableCell>Content 01</TableCell>
            <TableCell>Content 02</TableCell>
@@ -1,6 +1,6 @@
 ---
 name: Typography
-menu: Components
+menu: General
 route: components/typography
 ---