@xyo-network/react-appbar 2.37.14 → 2.37.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/SiteMenu/Menu.js +2 -2
- package/dist/cjs/components/SiteMenu/Menu.js.map +1 -1
- package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts +11 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.js +29 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/index.d.ts +2 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/index.d.ts.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/index.js +5 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/index.js.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts +7 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js +14 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js.map +1 -0
- package/dist/cjs/components/SiteMenu/{MenuIcon.d.ts → MenuListItem/list-item-components/MenuIcon.d.ts} +0 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.ts.map +1 -0
- package/dist/cjs/components/SiteMenu/{MenuIcon.js → MenuListItem/list-item-components/MenuIcon.js} +0 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.js.map +1 -0
- package/dist/{esm/components/SiteMenu → cjs/components/SiteMenu/MenuListItem/list-item-components}/MenuListItem.d.ts +1 -1
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.ts.map +1 -0
- package/dist/cjs/components/SiteMenu/{MenuListItem.js → MenuListItem/list-item-components/MenuListItem.js} +1 -2
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.js.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.d.ts +4 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.d.ts.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.js +7 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.js.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts +11 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js +12 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts +8 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js +15 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.d.ts +3 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.d.ts.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.js +6 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.js.map +1 -0
- package/dist/cjs/components/SiteMenu/MenuSection.d.ts +2 -2
- package/dist/cjs/components/SiteMenu/MenuSection.d.ts.map +1 -1
- package/dist/cjs/components/SiteMenu/MenuSection.js +2 -2
- package/dist/cjs/components/SiteMenu/MenuSection.js.map +1 -1
- package/dist/cjs/components/SiteMenu/hooks/useMenuItemsShared.d.ts +2 -2
- package/dist/cjs/components/SiteMenu/hooks/useMenuItemsShared.d.ts.map +1 -1
- package/dist/cjs/components/SiteMenu/index.d.ts +1 -1
- package/dist/cjs/components/SiteMenu/index.d.ts.map +1 -1
- package/dist/cjs/components/SiteMenu/index.js +1 -1
- package/dist/cjs/components/SiteMenu/index.js.map +1 -1
- package/dist/cjs/components/SiteMenu/lib/NavListItemProps.d.ts +13 -0
- package/dist/cjs/components/SiteMenu/lib/NavListItemProps.d.ts.map +1 -0
- package/dist/cjs/components/SiteMenu/lib/NavListItemProps.js +3 -0
- package/dist/cjs/components/SiteMenu/lib/NavListItemProps.js.map +1 -0
- package/dist/cjs/components/SiteMenu/lib/index.d.ts +1 -0
- package/dist/cjs/components/SiteMenu/lib/index.d.ts.map +1 -1
- package/dist/cjs/components/SiteMenu/lib/index.js +1 -0
- package/dist/cjs/components/SiteMenu/lib/index.js.map +1 -1
- package/dist/docs.json +1184 -1325
- package/dist/esm/components/SiteMenu/Menu.js +2 -2
- package/dist/esm/components/SiteMenu/Menu.js.map +1 -1
- package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts +11 -0
- package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js +23 -0
- package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/index.d.ts +2 -0
- package/dist/esm/components/SiteMenu/MenuListItem/index.d.ts.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/index.js +2 -0
- package/dist/esm/components/SiteMenu/MenuListItem/index.js.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts +7 -0
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js +8 -0
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js.map +1 -0
- package/dist/esm/components/SiteMenu/{MenuIcon.d.ts → MenuListItem/list-item-components/MenuIcon.d.ts} +0 -0
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.ts.map +1 -0
- package/dist/esm/components/SiteMenu/{MenuIcon.js → MenuListItem/list-item-components/MenuIcon.js} +0 -0
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.js.map +1 -0
- package/dist/{cjs/components/SiteMenu → esm/components/SiteMenu/MenuListItem/list-item-components}/MenuListItem.d.ts +1 -1
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.ts.map +1 -0
- package/dist/esm/components/SiteMenu/{MenuListItem.js → MenuListItem/list-item-components/MenuListItem.js} +1 -2
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.js.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.d.ts +4 -0
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.d.ts.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.js +4 -0
- package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.js.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts +11 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js +6 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts +8 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js +11 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.d.ts +3 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.d.ts.map +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.js +3 -0
- package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.js.map +1 -0
- package/dist/esm/components/SiteMenu/MenuSection.d.ts +2 -2
- package/dist/esm/components/SiteMenu/MenuSection.d.ts.map +1 -1
- package/dist/esm/components/SiteMenu/MenuSection.js +3 -3
- package/dist/esm/components/SiteMenu/MenuSection.js.map +1 -1
- package/dist/esm/components/SiteMenu/hooks/useMenuItemsShared.d.ts +2 -2
- package/dist/esm/components/SiteMenu/hooks/useMenuItemsShared.d.ts.map +1 -1
- package/dist/esm/components/SiteMenu/index.d.ts +1 -1
- package/dist/esm/components/SiteMenu/index.d.ts.map +1 -1
- package/dist/esm/components/SiteMenu/index.js +1 -1
- package/dist/esm/components/SiteMenu/index.js.map +1 -1
- package/dist/esm/components/SiteMenu/lib/NavListItemProps.d.ts +13 -0
- package/dist/esm/components/SiteMenu/lib/NavListItemProps.d.ts.map +1 -0
- package/dist/esm/components/SiteMenu/lib/NavListItemProps.js +2 -0
- package/dist/esm/components/SiteMenu/lib/NavListItemProps.js.map +1 -0
- package/dist/esm/components/SiteMenu/lib/index.d.ts +1 -0
- package/dist/esm/components/SiteMenu/lib/index.d.ts.map +1 -1
- package/dist/esm/components/SiteMenu/lib/index.js +1 -0
- package/dist/esm/components/SiteMenu/lib/index.js.map +1 -1
- package/package.json +6 -6
- package/src/components/AppBar/Application.stories.tsx +3 -3
- package/src/components/CollapsibleDrawer/CollapseDrawer.stories.tsx +1 -1
- package/src/components/CollapsibleDrawer/{ExampleMenuData.tsx → ExampleMenuData.stories.tsx} +3 -3
- package/src/components/SiteMenu/Menu.tsx +2 -2
- package/src/components/SiteMenu/{MenuItem.stories.tsx → MenuListItem/MenuListItemContainer.stories.tsx} +9 -9
- package/src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx +80 -0
- package/src/components/SiteMenu/MenuListItem/index.ts +1 -0
- package/src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx +20 -0
- package/src/components/SiteMenu/{MenuIcon.tsx → MenuListItem/list-item-components/MenuIcon.tsx} +0 -0
- package/src/components/SiteMenu/{MenuListItem.tsx → MenuListItem/list-item-components/MenuListItem.tsx} +2 -4
- package/src/components/SiteMenu/MenuListItem/list-item-components/index.ts +3 -0
- package/src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx +18 -0
- package/src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx +23 -0
- package/src/components/SiteMenu/MenuListItem/sub-nav/index.ts +2 -0
- package/src/components/SiteMenu/MenuSection.tsx +3 -5
- package/src/components/SiteMenu/hooks/useMenuItemsShared.tsx +2 -2
- package/src/components/SiteMenu/index.ts +1 -1
- package/src/components/SiteMenu/lib/NavListItemProps.ts +13 -0
- package/src/components/SiteMenu/lib/index.ts +1 -0
- package/src/components/Toolbar/System/SystemToolbar.stories.tsx +5 -4
- package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.d.ts +0 -4
- package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.d.ts.map +0 -1
- package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.js +0 -69
- package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.js.map +0 -1
- package/dist/cjs/components/SiteMenu/MenuIcon.d.ts.map +0 -1
- package/dist/cjs/components/SiteMenu/MenuIcon.js.map +0 -1
- package/dist/cjs/components/SiteMenu/MenuItems.d.ts +0 -26
- package/dist/cjs/components/SiteMenu/MenuItems.d.ts.map +0 -1
- package/dist/cjs/components/SiteMenu/MenuItems.js +0 -35
- package/dist/cjs/components/SiteMenu/MenuItems.js.map +0 -1
- package/dist/cjs/components/SiteMenu/MenuListItem.d.ts.map +0 -1
- package/dist/cjs/components/SiteMenu/MenuListItem.js.map +0 -1
- package/dist/cjs/components/SiteMenu/MenuListItemText.d.ts +0 -7
- package/dist/cjs/components/SiteMenu/MenuListItemText.d.ts.map +0 -1
- package/dist/cjs/components/SiteMenu/MenuListItemText.js +0 -13
- package/dist/cjs/components/SiteMenu/MenuListItemText.js.map +0 -1
- package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.d.ts +0 -4
- package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.d.ts.map +0 -1
- package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.js +0 -66
- package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.js.map +0 -1
- package/dist/esm/components/SiteMenu/MenuIcon.d.ts.map +0 -1
- package/dist/esm/components/SiteMenu/MenuIcon.js.map +0 -1
- package/dist/esm/components/SiteMenu/MenuItems.d.ts +0 -26
- package/dist/esm/components/SiteMenu/MenuItems.d.ts.map +0 -1
- package/dist/esm/components/SiteMenu/MenuItems.js +0 -29
- package/dist/esm/components/SiteMenu/MenuItems.js.map +0 -1
- package/dist/esm/components/SiteMenu/MenuListItem.d.ts.map +0 -1
- package/dist/esm/components/SiteMenu/MenuListItem.js.map +0 -1
- package/dist/esm/components/SiteMenu/MenuListItemText.d.ts +0 -7
- package/dist/esm/components/SiteMenu/MenuListItemText.d.ts.map +0 -1
- package/dist/esm/components/SiteMenu/MenuListItemText.js +0 -13
- package/dist/esm/components/SiteMenu/MenuListItemText.js.map +0 -1
- package/src/components/SiteMenu/MenuItems.tsx +0 -115
- package/src/components/SiteMenu/MenuListItemText.tsx +0 -21
@@ -0,0 +1,80 @@
|
|
1
|
+
import { ListItemProps, ListItemText, useTheme } from '@mui/material'
|
2
|
+
import { FlexRow } from '@xylabs/react-flexbox'
|
3
|
+
import { LinkEx } from '@xylabs/react-link'
|
4
|
+
import { useState } from 'react'
|
5
|
+
|
6
|
+
import { useCollapsible } from '../../../contexts'
|
7
|
+
import { NavListItemProps, SiteMenuListItemBase } from '../lib'
|
8
|
+
import { ListItemTooltip, MenuIcon, MenuListItem } from './list-item-components'
|
9
|
+
import { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav'
|
10
|
+
|
11
|
+
export interface MenuListItemProps extends NavListItemProps, SiteMenuListItemBase, ListItemProps {
|
12
|
+
subNavListItems?: NavListItemProps[]
|
13
|
+
subNavOpen?: boolean
|
14
|
+
iconOnly?: boolean
|
15
|
+
iconMenuTextSpacing?: string
|
16
|
+
}
|
17
|
+
|
18
|
+
export const MenuListItemContainer: React.FC<MenuListItemProps> = ({
|
19
|
+
style,
|
20
|
+
subNavListItems,
|
21
|
+
iconOnly,
|
22
|
+
tooltip,
|
23
|
+
icon,
|
24
|
+
primary,
|
25
|
+
onButtonClick,
|
26
|
+
to,
|
27
|
+
sx,
|
28
|
+
iconMenuTextSpacing,
|
29
|
+
...props
|
30
|
+
}) => {
|
31
|
+
const { dense } = props
|
32
|
+
const theme = useTheme()
|
33
|
+
const { collapse } = useCollapsible()
|
34
|
+
const [openSubNav, setOpenSubNav] = useState(false)
|
35
|
+
const [hovered, setHovered] = useState(false)
|
36
|
+
const resolvedIconMenuTextSpacing = iconMenuTextSpacing ? iconMenuTextSpacing : theme.spacing(1)
|
37
|
+
|
38
|
+
return (
|
39
|
+
<>
|
40
|
+
<MenuListItem
|
41
|
+
disableGutters
|
42
|
+
iconOnly={iconOnly}
|
43
|
+
onClick={onButtonClick}
|
44
|
+
dense={dense}
|
45
|
+
sx={{ justifyContent: 'space-between', ...sx }}
|
46
|
+
style={{ whiteSpace: 'nowrap', ...style }}
|
47
|
+
{...props}
|
48
|
+
>
|
49
|
+
<LinkEx
|
50
|
+
onMouseEnter={() => setHovered(true)}
|
51
|
+
onMouseLeave={() => setHovered(false)}
|
52
|
+
color="inherit"
|
53
|
+
to={to}
|
54
|
+
sx={{
|
55
|
+
'& :hover': {
|
56
|
+
cursor: 'pointer',
|
57
|
+
textDecoration: 'underline',
|
58
|
+
},
|
59
|
+
}}
|
60
|
+
>
|
61
|
+
<FlexRow>
|
62
|
+
<MenuIcon icon={icon} paddingRight={resolvedIconMenuTextSpacing} color={hovered ? 'secondary' : 'inherit'} />
|
63
|
+
<ListItemText primary={primary} />
|
64
|
+
</FlexRow>
|
65
|
+
</LinkEx>
|
66
|
+
<FlexRow style={{ marginLeft: theme.spacing(1) }}>
|
67
|
+
{subNavListItems ? <SubNavToggleIconButton setOpenSubNav={setOpenSubNav} openSubNav={openSubNav} /> : null}
|
68
|
+
{tooltip ? <ListItemTooltip title={tooltip} /> : null}
|
69
|
+
</FlexRow>
|
70
|
+
</MenuListItem>
|
71
|
+
{subNavListItems ? (
|
72
|
+
<SubNavListItemsCollapse openSubNav={openSubNav} collapse={collapse}>
|
73
|
+
{subNavListItems?.map((item, index) => (
|
74
|
+
<MenuListItemContainer dense={dense} sx={{ pl: theme.spacing(1) }} key={index} {...item} />
|
75
|
+
))}
|
76
|
+
</SubNavListItemsCollapse>
|
77
|
+
) : null}
|
78
|
+
</>
|
79
|
+
)
|
80
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './MenuListItemContainer'
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { Tooltip, TooltipProps } from '@mui/material'
|
2
|
+
import { FlexCol } from '@xylabs/react-flexbox'
|
3
|
+
import { VscInfo } from 'react-icons/vsc'
|
4
|
+
|
5
|
+
export interface ListItemTooltipProps extends Omit<TooltipProps, 'children'> {
|
6
|
+
title: string
|
7
|
+
}
|
8
|
+
|
9
|
+
export const ListItemTooltip: React.FC<ListItemTooltipProps> = ({ title, ...props }) => {
|
10
|
+
return (
|
11
|
+
<Tooltip title={title} placement="right" {...props}>
|
12
|
+
{/* Needs div so it can work, the hovering doesn't work with a FlexCol */}
|
13
|
+
<div>
|
14
|
+
<FlexCol justifyContent="center">
|
15
|
+
<VscInfo color="grey" />
|
16
|
+
</FlexCol>
|
17
|
+
</div>
|
18
|
+
</Tooltip>
|
19
|
+
)
|
20
|
+
}
|
package/src/components/SiteMenu/{MenuIcon.tsx → MenuListItem/list-item-components/MenuIcon.tsx}
RENAMED
File without changes
|
@@ -1,12 +1,10 @@
|
|
1
1
|
import { ListItem, ListItemProps } from '@mui/material'
|
2
2
|
|
3
|
-
import { SiteMenuListItemBase } from '
|
3
|
+
import { SiteMenuListItemBase } from '../../lib'
|
4
4
|
|
5
5
|
export interface ListItemExProps extends SiteMenuListItemBase, ListItemProps {}
|
6
6
|
|
7
|
-
export const MenuListItem: React.FC<ListItemExProps> = ({ iconOnly, collapseEnd, sx, children, ...props }) => {
|
8
|
-
const dense = props
|
9
|
-
|
7
|
+
export const MenuListItem: React.FC<ListItemExProps> = ({ iconOnly, collapseEnd, sx, children, dense, ...props }) => {
|
10
8
|
const listItemSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0, width: 'auto' } : { width: '100%' }
|
11
9
|
// wait till collapseEnds to remove the spacing between items
|
12
10
|
const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 }
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { Collapse, CollapseProps, List } from '@mui/material'
|
2
|
+
import { WithChildren } from '@xylabs/react-shared'
|
3
|
+
|
4
|
+
import { NavListItemProps } from '../../lib'
|
5
|
+
|
6
|
+
export interface SubNavListItemsCollapseProps extends WithChildren, CollapseProps {
|
7
|
+
collapse?: boolean
|
8
|
+
openSubNav?: boolean
|
9
|
+
subNavListItems?: NavListItemProps[]
|
10
|
+
}
|
11
|
+
|
12
|
+
export const SubNavListItemsCollapse: React.FC<SubNavListItemsCollapseProps> = ({ collapse, openSubNav, children, ...props }) => {
|
13
|
+
return (
|
14
|
+
<Collapse in={collapse == true ? false : openSubNav} {...props}>
|
15
|
+
<List>{children}</List>
|
16
|
+
</Collapse>
|
17
|
+
)
|
18
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { IconButton, IconButtonProps, useTheme } from '@mui/material'
|
2
|
+
import { Dispatch, SetStateAction, SyntheticEvent } from 'react'
|
3
|
+
import { VscChevronDown } from 'react-icons/vsc'
|
4
|
+
|
5
|
+
export interface SubNavToggleIconButtonProps extends IconButtonProps {
|
6
|
+
openSubNav?: boolean
|
7
|
+
setOpenSubNav?: Dispatch<SetStateAction<boolean>>
|
8
|
+
}
|
9
|
+
|
10
|
+
export const SubNavToggleIconButton: React.FC<SubNavToggleIconButtonProps> = ({ setOpenSubNav, openSubNav }) => {
|
11
|
+
const theme = useTheme()
|
12
|
+
return (
|
13
|
+
<IconButton
|
14
|
+
onClick={(event: SyntheticEvent) => {
|
15
|
+
event.stopPropagation()
|
16
|
+
setOpenSubNav?.(!openSubNav)
|
17
|
+
}}
|
18
|
+
sx={{ marginRight: theme.spacing(0.5) }}
|
19
|
+
>
|
20
|
+
<VscChevronDown fontSize="16px" />
|
21
|
+
</IconButton>
|
22
|
+
)
|
23
|
+
}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import { Collapse, ListSubheader } from '@mui/material'
|
2
2
|
import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
|
3
3
|
|
4
|
-
import {
|
4
|
+
import { MenuListItemContainer, MenuListItemProps } from './MenuListItem'
|
5
5
|
|
6
6
|
export interface MenuSectionProps extends FlexBoxProps {
|
7
7
|
title: string
|
8
|
-
listItems:
|
8
|
+
listItems: MenuListItemProps[]
|
9
9
|
showTitle?: boolean
|
10
10
|
}
|
11
11
|
|
@@ -17,9 +17,7 @@ export const MenuSection: React.FC<MenuSectionProps> = ({ title, listItems, show
|
|
17
17
|
</Collapse>
|
18
18
|
|
19
19
|
{listItems.map((item, index) => (
|
20
|
-
|
21
|
-
<SiteMenuListItem key={index} {...item}></SiteMenuListItem>
|
22
|
-
</>
|
20
|
+
<MenuListItemContainer key={index} {...item}></MenuListItemContainer>
|
23
21
|
))}
|
24
22
|
</FlexCol>
|
25
23
|
)
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import { useMemo } from 'react'
|
2
2
|
|
3
3
|
import { useCollapsible } from '../../../contexts'
|
4
|
-
import {
|
4
|
+
import { MenuListItemProps } from '../MenuListItem'
|
5
5
|
|
6
|
-
type DefaultSiteMenuListItemProps = Pick<
|
6
|
+
type DefaultSiteMenuListItemProps = Pick<MenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>
|
7
7
|
|
8
8
|
export const useMenuItemsShared = () => {
|
9
9
|
const { collapse, collapseEnd, setCollapse, setCollapseEnd } = useCollapsible()
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { ListItemTextProps } from '@mui/material'
|
2
|
+
import { LinkExProps } from '@xylabs/react-link'
|
3
|
+
import { ReactNode } from 'react'
|
4
|
+
import { To } from 'react-router-dom'
|
5
|
+
|
6
|
+
export interface NavListItemProps {
|
7
|
+
primary: ListItemTextProps['primary']
|
8
|
+
to?: To
|
9
|
+
href?: string
|
10
|
+
icon?: ReactNode
|
11
|
+
onButtonClick?: LinkExProps['onClick']
|
12
|
+
tooltip?: string
|
13
|
+
}
|
@@ -7,17 +7,18 @@ import { AuthProvider, AuthState } from '@xyo-network/react-auth'
|
|
7
7
|
import { NetworkMemoryProvider } from '@xyo-network/react-network'
|
8
8
|
import { TypographyEx } from '@xyo-network/react-shared'
|
9
9
|
import { WrappedAuthComponent } from '@xyo-network/react-storybook'
|
10
|
+
import { SyntheticEvent } from 'react'
|
10
11
|
import { BrowserRouter } from 'react-router-dom'
|
11
12
|
|
12
|
-
import {
|
13
|
+
import { MenuListItemContainer } from '../../SiteMenu'
|
13
14
|
import { SystemToolbar } from './SystemToolbar'
|
14
15
|
|
15
16
|
const DefaultMenu = (
|
16
17
|
<List>
|
17
|
-
<
|
18
|
-
<
|
18
|
+
<MenuListItemContainer primary="Hello" />
|
19
|
+
<MenuListItemContainer
|
19
20
|
primary="Click and Keep Open"
|
20
|
-
onClick={(event) => {
|
21
|
+
onClick={(event: SyntheticEvent) => {
|
21
22
|
event.stopPropagation()
|
22
23
|
}}
|
23
24
|
/>
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/ExampleMenuData.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEnD,eAAO,MAAM,WAAW,EAAE,qBAAqB,EAoC9C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,qBAAqB,EAyBjD,CAAA"}
|
@@ -1,69 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.menuDataBottom = exports.menuDataTop = void 0;
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
const vsc_1 = require("react-icons/vsc");
|
6
|
-
exports.menuDataTop = [
|
7
|
-
{
|
8
|
-
icon: (0, jsx_runtime_1.jsx)(vsc_1.VscGlobe, { fontSize: "body1" }),
|
9
|
-
primary: 'Explore',
|
10
|
-
to: '',
|
11
|
-
tooltip: 'View global archivist data on a world map.',
|
12
|
-
},
|
13
|
-
{
|
14
|
-
icon: (0, jsx_runtime_1.jsx)(vsc_1.VscSymbolMethod, { fontSize: "body1" }),
|
15
|
-
primary: 'Blocks',
|
16
|
-
to: '',
|
17
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
18
|
-
},
|
19
|
-
{
|
20
|
-
icon: (0, jsx_runtime_1.jsx)(vsc_1.VscSymbolNamespace, { fontSize: "body1" }),
|
21
|
-
primary: 'Payloads',
|
22
|
-
to: '',
|
23
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
24
|
-
},
|
25
|
-
{
|
26
|
-
icon: (0, jsx_runtime_1.jsx)(vsc_1.VscGraph, { fontSize: "body1" }),
|
27
|
-
primary: 'Queries',
|
28
|
-
to: '',
|
29
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
30
|
-
},
|
31
|
-
{
|
32
|
-
icon: (0, jsx_runtime_1.jsx)(vsc_1.VscServer, { fontSize: "body1" }),
|
33
|
-
primary: 'Archives',
|
34
|
-
subNavListItems: [
|
35
|
-
{ icon: (0, jsx_runtime_1.jsx)(vsc_1.VscDashboard, { fontSize: "body2" }), primary: 'Dashboard', to: '', tooltip: 'View data for all archives on this network.' },
|
36
|
-
{ icon: (0, jsx_runtime_1.jsx)(vsc_1.VscAdd, { fontSize: "body2" }), primary: 'Create Archive', to: '', tooltip: 'Create a new archive on this network.' },
|
37
|
-
{ icon: (0, jsx_runtime_1.jsx)(vsc_1.VscTable, { fontSize: "body2" }), primary: 'Archive Table', to: '', tooltip: 'View all archives on this network as a table.' },
|
38
|
-
],
|
39
|
-
to: '',
|
40
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
41
|
-
},
|
42
|
-
];
|
43
|
-
exports.menuDataBottom = [
|
44
|
-
{
|
45
|
-
icon: (0, jsx_runtime_1.jsx)(vsc_1.VscGraphLine, { fontSize: "body1" }),
|
46
|
-
primary: 'Statistics',
|
47
|
-
to: '',
|
48
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
49
|
-
},
|
50
|
-
{
|
51
|
-
icon: (0, jsx_runtime_1.jsx)(vsc_1.VscJson, { fontSize: "body1" }),
|
52
|
-
primary: 'Schema',
|
53
|
-
to: '',
|
54
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
55
|
-
},
|
56
|
-
{
|
57
|
-
icon: (0, jsx_runtime_1.jsx)(vsc_1.VscAccount, { fontSize: "body1" }),
|
58
|
-
primary: 'Account',
|
59
|
-
to: '',
|
60
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
61
|
-
},
|
62
|
-
{
|
63
|
-
icon: (0, jsx_runtime_1.jsx)(vsc_1.VscSettingsGear, { fontSize: "body1" }),
|
64
|
-
primary: 'Settings',
|
65
|
-
to: '',
|
66
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
67
|
-
},
|
68
|
-
];
|
69
|
-
//# sourceMappingURL=ExampleMenuData.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ExampleMenuData.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/ExampleMenuData.tsx"],"names":[],"mappings":";;;;AAAA,yCAawB;AAIX,QAAA,WAAW,GAA4B;IAClD;QACE,IAAI,EAAE,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG;QACnC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,4CAA4C;KACtD;IACD;QACE,IAAI,EAAE,uBAAC,qBAAe,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC1C,OAAO,EAAE,QAAQ;QACjB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,wBAAkB,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC7C,OAAO,EAAE,UAAU;QACnB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG;QACnC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,eAAS,IAAC,QAAQ,EAAC,OAAO,GAAG;QACpC,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE;YACf,EAAE,IAAI,EAAE,uBAAC,kBAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,6CAA6C,EAAE;YACjI,EAAE,IAAI,EAAE,uBAAC,YAAM,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,uCAAuC,EAAE;YAC1H,EAAE,IAAI,EAAE,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,+CAA+C,EAAE;SACpI;QACD,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;CACF,CAAA;AAEY,QAAA,cAAc,GAA4B;IACrD;QACE,IAAI,EAAE,uBAAC,kBAAY,IAAC,QAAQ,EAAC,OAAO,GAAG;QACvC,OAAO,EAAE,YAAY;QACrB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,aAAO,IAAC,QAAQ,EAAC,OAAO,GAAG;QAClC,OAAO,EAAE,QAAQ;QACjB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,gBAAU,IAAC,QAAQ,EAAC,OAAO,GAAG;QACrC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,qBAAe,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC1C,OAAO,EAAE,UAAU;QACnB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;CACF,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuIcon.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuIcon.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAOpD,MAAM,QAAQ,GAA4B,CAAC,EAAkB,EAAE,EAAE;QAAtB,EAAE,IAAI,OAAY,EAAP,KAAK,sBAAhB,QAAkB,CAAF;IAChE,OAAO,CACL,uBAAC,qBAAU,kBAAC,OAAO,EAAC,MAAM,IAAK,KAAK,cACjC,IAAI,IACM,CACd,CAAA;AACH,CAAC,CAAA;AANY,QAAA,QAAQ,YAMpB"}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import { ListItemProps, ListItemTextProps } from '@mui/material';
|
2
|
-
import { LinkExProps } from '@xylabs/react-link';
|
3
|
-
import { ReactNode } from 'react';
|
4
|
-
import { To } from 'react-router-dom';
|
5
|
-
import { SiteMenuListItemBase } from './lib';
|
6
|
-
export interface SiteMenuListItemProps extends SiteMenuListItemBase, ListItemProps {
|
7
|
-
primary: ListItemTextProps['primary'];
|
8
|
-
to?: To;
|
9
|
-
href?: string;
|
10
|
-
icon?: ReactNode;
|
11
|
-
onButtonClick?: LinkExProps['onClick'];
|
12
|
-
subNavListItems?: SubNavListItemProps[];
|
13
|
-
tooltip?: string;
|
14
|
-
subNavOpen?: boolean;
|
15
|
-
iconOnly?: boolean;
|
16
|
-
}
|
17
|
-
export interface SubNavListItemProps {
|
18
|
-
primary: ListItemTextProps['primary'];
|
19
|
-
to?: To;
|
20
|
-
href?: string;
|
21
|
-
icon?: ReactNode;
|
22
|
-
onButtonClick?: LinkExProps['onClick'];
|
23
|
-
tooltip?: string;
|
24
|
-
}
|
25
|
-
export declare const SiteMenuListItem: React.FC<SiteMenuListItemProps>;
|
26
|
-
//# sourceMappingURL=MenuItems.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,aAAa,EAAE,iBAAiB,EAAqB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAGrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAK5C,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,aAAa;IAChF,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgF5D,CAAA"}
|
@@ -1,35 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.SiteMenuListItem = void 0;
|
4
|
-
const tslib_1 = require("tslib");
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
6
|
-
const material_1 = require("@mui/material");
|
7
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
8
|
-
const react_link_1 = require("@xylabs/react-link");
|
9
|
-
const react_1 = require("react");
|
10
|
-
const vsc_1 = require("react-icons/vsc");
|
11
|
-
const contexts_1 = require("../../contexts");
|
12
|
-
const MenuIcon_1 = require("./MenuIcon");
|
13
|
-
const MenuListItem_1 = require("./MenuListItem");
|
14
|
-
const MenuListItemText_1 = require("./MenuListItemText");
|
15
|
-
const SiteMenuListItem = (_a) => {
|
16
|
-
var { style, subNavListItems, iconOnly, tooltip, icon, primary, onButtonClick, to, sx } = _a, props = tslib_1.__rest(_a, ["style", "subNavListItems", "iconOnly", "tooltip", "icon", "primary", "onButtonClick", "to", "sx"]);
|
17
|
-
const { dense } = props;
|
18
|
-
const theme = (0, material_1.useTheme)();
|
19
|
-
const { collapse } = (0, contexts_1.useCollapsible)();
|
20
|
-
const [openSubNav, setOpenSubNav] = (0, react_1.useState)(false);
|
21
|
-
const [hovered, setHovered] = (0, react_1.useState)(false);
|
22
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(MenuListItem_1.MenuListItem, Object.assign({ disableGutters: true, iconOnly: iconOnly, onClick: onButtonClick, dense: dense, sx: Object.assign({ justifyContent: 'space-between' }, sx), style: Object.assign({ whiteSpace: 'nowrap' }, style) }, props, { children: [(0, jsx_runtime_1.jsx)(react_link_1.LinkEx, Object.assign({ onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), color: "inherit", to: to, sx: {
|
23
|
-
'& :hover': {
|
24
|
-
cursor: 'pointer',
|
25
|
-
textDecoration: 'underline',
|
26
|
-
},
|
27
|
-
} }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [(0, jsx_runtime_1.jsx)(MenuIcon_1.MenuIcon, { icon: icon, paddingRight: theme.spacing(1), color: hovered ? 'secondary' : 'inherit' }), (0, jsx_runtime_1.jsx)(MenuListItemText_1.MenuListItemText, { primary: primary, iconOnly: iconOnly })] }) })), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ style: { marginLeft: theme.spacing(1) } }, { children: [subNavListItems ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: (event) => {
|
28
|
-
event.stopPropagation();
|
29
|
-
setOpenSubNav(!openSubNav);
|
30
|
-
}, sx: { marginRight: theme.spacing(0.5) } }, { children: (0, jsx_runtime_1.jsx)(vsc_1.VscChevronDown, { fontSize: "16px" }) }))) : null, tooltip ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: tooltip, placement: "right" }, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(vsc_1.VscInfo, { color: "grey" }) })) }) }))) : null] }))] })), subNavListItems ? ((0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: collapse == true ? false : openSubNav }, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: subNavListItems.map((item, index) => {
|
31
|
-
return (0, jsx_runtime_1.jsx)(exports.SiteMenuListItem, Object.assign({ dense: dense, sx: { pl: theme.spacing(1) } }, item), index);
|
32
|
-
}) }) }))) : null] }));
|
33
|
-
};
|
34
|
-
exports.SiteMenuListItem = SiteMenuListItem;
|
35
|
-
//# sourceMappingURL=MenuItems.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+G;AAC/G,yDAAwD;AACxD,mDAAwD;AACxD,iCAA2C;AAC3C,yCAAyD;AAGzD,6CAA+C;AAE/C,yCAAqC;AACrC,iDAA6C;AAC7C,yDAAqD;AAuB9C,MAAM,gBAAgB,GAAoC,CAAC,EAWjE,EAAE,EAAE;QAX6D,EAChE,KAAK,EACL,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,aAAa,EACb,EAAE,EACF,EAAE,OAEH,EADI,KAAK,sBAVwD,mGAWjE,CADS;IAER,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC7C,OAAO,CACL,6DACE,wBAAC,2BAAY,kBACX,cAAc,QACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,EACZ,EAAE,kBAAI,cAAc,EAAE,eAAe,IAAK,EAAE,GAC5C,KAAK,kBAAI,UAAU,EAAE,QAAQ,IAAK,KAAK,KACnC,KAAK,eAET,uBAAC,mBAAM,kBACL,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACrC,KAAK,EAAC,SAAS,EACf,EAAE,EAAE,EAAE,EACN,EAAE,EAAE;4BACF,UAAU,EAAE;gCACV,MAAM,EAAE,SAAS;gCACjB,cAAc,EAAE,WAAW;6BAC5B;yBACF,gBAED,wBAAC,uBAAO,eACN,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAAI,EAClG,uBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAClD,IACH,EACT,wBAAC,uBAAO,kBAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,iBAC7C,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,qBAAU,kBACT,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oCACjB,KAAK,CAAC,eAAe,EAAE,CAAA;oCACvB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;gCAC5B,CAAC,EACD,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,gBAEvC,uBAAC,oBAAc,IAAC,QAAQ,EAAC,MAAM,GAAG,IACvB,CACd,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,kBAAO,kBAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,OAAO,gBAExC,0CACE,uBAAC,uBAAO,kBAAC,cAAc,EAAC,QAAQ,gBAC9B,uBAAC,aAAO,IAAC,KAAK,EAAC,MAAM,GAAG,IAChB,GACN,IACE,CACX,CAAC,CAAC,CAAC,IAAI,KACA,KACG,EACd,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,gBACjD,uBAAC,eAAI,cACF,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBACnC,OAAO,uBAAC,wBAAgB,kBAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAkB,IAAI,GAAf,KAAK,CAAc,CAAA;oBAC/F,CAAC,CAAC,GACG,IACE,CACZ,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAA;AACH,CAAC,CAAA;AAhFY,QAAA,gBAAgB,oBAgF5B"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,EAAE,aAAa;CAAG;AAE/E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAalD,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuListItem.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItem.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AAMhD,MAAM,YAAY,GAA8B,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA/C,6CAAiD,CAAF;IACrG,MAAM,KAAK,GAAG,KAAK,CAAA;IAEnB,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;IAC7H,6DAA6D;IAC7D,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;IACrE,6EAA6E;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAA;IACxD,OAAO,CACL,uBAAC,mBAAQ,kBAAC,EAAE,8DAAO,UAAU,GAAK,SAAS,GAAK,SAAS,GAAK,EAAE,KAAQ,KAAK,cAC1E,QAAQ,IACA,CACZ,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,YAAY,gBAaxB"}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ListItemTextProps } from '@mui/material';
|
3
|
-
import { SiteMenuListItemBase } from './lib';
|
4
|
-
export interface MenuListItemTextProps extends SiteMenuListItemBase, ListItemTextProps {
|
5
|
-
}
|
6
|
-
export declare const MenuListItemText: React.FC<MenuListItemTextProps>;
|
7
|
-
//# sourceMappingURL=MenuListItemText.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuListItemText.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,iBAAiB;CAAG;AAEzF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAc5D,CAAA"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.MenuListItemText = void 0;
|
4
|
-
const tslib_1 = require("tslib");
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
6
|
-
const material_1 = require("@mui/material");
|
7
|
-
const MenuListItemText = (_a) => {
|
8
|
-
var { iconOnly, sx } = _a, props = tslib_1.__rest(_a, ["iconOnly", "sx"]);
|
9
|
-
const listItemTextSxProps = iconOnly ? Object.assign({ maxWidth: 0 }, sx) : Object.assign({}, sx);
|
10
|
-
return ((0, jsx_runtime_1.jsx)(material_1.ListItemText, Object.assign({ sx: Object.assign({ flexGrow: 0, maxWidth: '100%', overflow: 'hidden', transition: 'max-width 300ms linear' }, listItemTextSxProps) }, props)));
|
11
|
-
};
|
12
|
-
exports.MenuListItemText = MenuListItemText;
|
13
|
-
//# sourceMappingURL=MenuListItemText.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuListItemText.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemText.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+D;AAMxD,MAAM,gBAAgB,GAAoC,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,QAAQ,EAAE,EAAE,OAAY,EAAP,KAAK,sBAAxB,kBAA0B,CAAF;IACxF,MAAM,mBAAmB,GAAG,QAAQ,CAAC,CAAC,iBAAG,QAAQ,EAAE,CAAC,IAAK,EAAE,EAAG,CAAC,mBAAM,EAAE,CAAE,CAAA;IACzE,OAAO,CACL,uBAAC,uBAAY,kBACX,EAAE,kBACA,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,wBAAwB,IACjC,mBAAmB,KAEpB,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,gBAAgB,oBAc5B"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/ExampleMenuData.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEnD,eAAO,MAAM,WAAW,EAAE,qBAAqB,EAoC9C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,qBAAqB,EAyBjD,CAAA"}
|
@@ -1,66 +0,0 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import { VscAccount, VscAdd, VscDashboard, VscGlobe, VscGraph, VscGraphLine, VscJson, VscServer, VscSettingsGear, VscSymbolMethod, VscSymbolNamespace, VscTable, } from 'react-icons/vsc';
|
3
|
-
export const menuDataTop = [
|
4
|
-
{
|
5
|
-
icon: _jsx(VscGlobe, { fontSize: "body1" }),
|
6
|
-
primary: 'Explore',
|
7
|
-
to: '',
|
8
|
-
tooltip: 'View global archivist data on a world map.',
|
9
|
-
},
|
10
|
-
{
|
11
|
-
icon: _jsx(VscSymbolMethod, { fontSize: "body1" }),
|
12
|
-
primary: 'Blocks',
|
13
|
-
to: '',
|
14
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
15
|
-
},
|
16
|
-
{
|
17
|
-
icon: _jsx(VscSymbolNamespace, { fontSize: "body1" }),
|
18
|
-
primary: 'Payloads',
|
19
|
-
to: '',
|
20
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
21
|
-
},
|
22
|
-
{
|
23
|
-
icon: _jsx(VscGraph, { fontSize: "body1" }),
|
24
|
-
primary: 'Queries',
|
25
|
-
to: '',
|
26
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
27
|
-
},
|
28
|
-
{
|
29
|
-
icon: _jsx(VscServer, { fontSize: "body1" }),
|
30
|
-
primary: 'Archives',
|
31
|
-
subNavListItems: [
|
32
|
-
{ icon: _jsx(VscDashboard, { fontSize: "body2" }), primary: 'Dashboard', to: '', tooltip: 'View data for all archives on this network.' },
|
33
|
-
{ icon: _jsx(VscAdd, { fontSize: "body2" }), primary: 'Create Archive', to: '', tooltip: 'Create a new archive on this network.' },
|
34
|
-
{ icon: _jsx(VscTable, { fontSize: "body2" }), primary: 'Archive Table', to: '', tooltip: 'View all archives on this network as a table.' },
|
35
|
-
],
|
36
|
-
to: '',
|
37
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
38
|
-
},
|
39
|
-
];
|
40
|
-
export const menuDataBottom = [
|
41
|
-
{
|
42
|
-
icon: _jsx(VscGraphLine, { fontSize: "body1" }),
|
43
|
-
primary: 'Statistics',
|
44
|
-
to: '',
|
45
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
46
|
-
},
|
47
|
-
{
|
48
|
-
icon: _jsx(VscJson, { fontSize: "body1" }),
|
49
|
-
primary: 'Schema',
|
50
|
-
to: '',
|
51
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
52
|
-
},
|
53
|
-
{
|
54
|
-
icon: _jsx(VscAccount, { fontSize: "body1" }),
|
55
|
-
primary: 'Account',
|
56
|
-
to: '',
|
57
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
58
|
-
},
|
59
|
-
{
|
60
|
-
icon: _jsx(VscSettingsGear, { fontSize: "body1" }),
|
61
|
-
primary: 'Settings',
|
62
|
-
to: '',
|
63
|
-
tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
|
64
|
-
},
|
65
|
-
];
|
66
|
-
//# sourceMappingURL=ExampleMenuData.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ExampleMenuData.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/ExampleMenuData.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,SAAS,EACT,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,QAAQ,GACT,MAAM,iBAAiB,CAAA;AAIxB,MAAM,CAAC,MAAM,WAAW,GAA4B;IAClD;QACE,IAAI,EAAE,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG;QACnC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,4CAA4C;KACtD;IACD;QACE,IAAI,EAAE,KAAC,eAAe,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC1C,OAAO,EAAE,QAAQ;QACjB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,KAAC,kBAAkB,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC7C,OAAO,EAAE,UAAU;QACnB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG;QACnC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,KAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG;QACpC,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE;YACf,EAAE,IAAI,EAAE,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,6CAA6C,EAAE;YACjI,EAAE,IAAI,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,uCAAuC,EAAE;YAC1H,EAAE,IAAI,EAAE,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,+CAA+C,EAAE;SACpI;QACD,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAA4B;IACrD;QACE,IAAI,EAAE,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,GAAG;QACvC,OAAO,EAAE,YAAY;QACrB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,KAAC,OAAO,IAAC,QAAQ,EAAC,OAAO,GAAG;QAClC,OAAO,EAAE,QAAQ;QACjB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,KAAC,UAAU,IAAC,QAAQ,EAAC,OAAO,GAAG;QACrC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,KAAC,eAAe,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC1C,OAAO,EAAE,UAAU;QACnB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;CACF,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuIcon.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAO3D,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,KAAK,KAAK,YACjC,IAAI,GACM,CACd,CAAA;AACH,CAAC,CAAA"}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import { ListItemProps, ListItemTextProps } from '@mui/material';
|
2
|
-
import { LinkExProps } from '@xylabs/react-link';
|
3
|
-
import { ReactNode } from 'react';
|
4
|
-
import { To } from 'react-router-dom';
|
5
|
-
import { SiteMenuListItemBase } from './lib';
|
6
|
-
export interface SiteMenuListItemProps extends SiteMenuListItemBase, ListItemProps {
|
7
|
-
primary: ListItemTextProps['primary'];
|
8
|
-
to?: To;
|
9
|
-
href?: string;
|
10
|
-
icon?: ReactNode;
|
11
|
-
onButtonClick?: LinkExProps['onClick'];
|
12
|
-
subNavListItems?: SubNavListItemProps[];
|
13
|
-
tooltip?: string;
|
14
|
-
subNavOpen?: boolean;
|
15
|
-
iconOnly?: boolean;
|
16
|
-
}
|
17
|
-
export interface SubNavListItemProps {
|
18
|
-
primary: ListItemTextProps['primary'];
|
19
|
-
to?: To;
|
20
|
-
href?: string;
|
21
|
-
icon?: ReactNode;
|
22
|
-
onButtonClick?: LinkExProps['onClick'];
|
23
|
-
tooltip?: string;
|
24
|
-
}
|
25
|
-
export declare const SiteMenuListItem: React.FC<SiteMenuListItemProps>;
|
26
|
-
//# sourceMappingURL=MenuItems.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,aAAa,EAAE,iBAAiB,EAAqB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAGrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAK5C,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,aAAa;IAChF,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgF5D,CAAA"}
|