@xyo-network/react-appbar 2.37.13 → 2.37.15

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.
Files changed (168) hide show
  1. package/dist/cjs/components/SiteMenu/Menu.js +2 -2
  2. package/dist/cjs/components/SiteMenu/Menu.js.map +1 -1
  3. package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts +10 -0
  4. package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map +1 -0
  5. package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.js +28 -0
  6. package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map +1 -0
  7. package/dist/cjs/components/SiteMenu/MenuListItem/index.d.ts +2 -0
  8. package/dist/cjs/components/SiteMenu/MenuListItem/index.d.ts.map +1 -0
  9. package/dist/cjs/components/SiteMenu/MenuListItem/index.js +5 -0
  10. package/dist/cjs/components/SiteMenu/MenuListItem/index.js.map +1 -0
  11. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts +7 -0
  12. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts.map +1 -0
  13. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js +14 -0
  14. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js.map +1 -0
  15. package/dist/cjs/components/SiteMenu/{MenuIcon.d.ts → MenuListItem/list-item-components/MenuIcon.d.ts} +0 -0
  16. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.ts.map +1 -0
  17. package/dist/cjs/components/SiteMenu/{MenuIcon.js → MenuListItem/list-item-components/MenuIcon.js} +0 -0
  18. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.js.map +1 -0
  19. package/dist/{esm/components/SiteMenu → cjs/components/SiteMenu/MenuListItem/list-item-components}/MenuListItem.d.ts +1 -1
  20. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.ts.map +1 -0
  21. package/dist/cjs/components/SiteMenu/{MenuListItem.js → MenuListItem/list-item-components/MenuListItem.js} +1 -2
  22. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.js.map +1 -0
  23. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.d.ts +4 -0
  24. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.d.ts.map +1 -0
  25. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.js +7 -0
  26. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.js.map +1 -0
  27. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts +11 -0
  28. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts.map +1 -0
  29. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js +12 -0
  30. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js.map +1 -0
  31. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts +8 -0
  32. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts.map +1 -0
  33. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js +15 -0
  34. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js.map +1 -0
  35. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.d.ts +3 -0
  36. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.d.ts.map +1 -0
  37. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.js +6 -0
  38. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.js.map +1 -0
  39. package/dist/cjs/components/SiteMenu/MenuSection.d.ts +2 -2
  40. package/dist/cjs/components/SiteMenu/MenuSection.d.ts.map +1 -1
  41. package/dist/cjs/components/SiteMenu/MenuSection.js +2 -2
  42. package/dist/cjs/components/SiteMenu/MenuSection.js.map +1 -1
  43. package/dist/cjs/components/SiteMenu/hooks/useMenuItemsShared.d.ts +2 -2
  44. package/dist/cjs/components/SiteMenu/hooks/useMenuItemsShared.d.ts.map +1 -1
  45. package/dist/cjs/components/SiteMenu/index.d.ts +1 -1
  46. package/dist/cjs/components/SiteMenu/index.d.ts.map +1 -1
  47. package/dist/cjs/components/SiteMenu/index.js +1 -1
  48. package/dist/cjs/components/SiteMenu/index.js.map +1 -1
  49. package/dist/cjs/components/SiteMenu/lib/NavListItemProps.d.ts +13 -0
  50. package/dist/cjs/components/SiteMenu/lib/NavListItemProps.d.ts.map +1 -0
  51. package/dist/cjs/components/SiteMenu/lib/NavListItemProps.js +3 -0
  52. package/dist/cjs/components/SiteMenu/lib/NavListItemProps.js.map +1 -0
  53. package/dist/cjs/components/SiteMenu/lib/index.d.ts +1 -0
  54. package/dist/cjs/components/SiteMenu/lib/index.d.ts.map +1 -1
  55. package/dist/cjs/components/SiteMenu/lib/index.js +1 -0
  56. package/dist/cjs/components/SiteMenu/lib/index.js.map +1 -1
  57. package/dist/docs.json +1158 -1321
  58. package/dist/esm/components/SiteMenu/Menu.js +2 -2
  59. package/dist/esm/components/SiteMenu/Menu.js.map +1 -1
  60. package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts +10 -0
  61. package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map +1 -0
  62. package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js +22 -0
  63. package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map +1 -0
  64. package/dist/esm/components/SiteMenu/MenuListItem/index.d.ts +2 -0
  65. package/dist/esm/components/SiteMenu/MenuListItem/index.d.ts.map +1 -0
  66. package/dist/esm/components/SiteMenu/MenuListItem/index.js +2 -0
  67. package/dist/esm/components/SiteMenu/MenuListItem/index.js.map +1 -0
  68. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts +7 -0
  69. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts.map +1 -0
  70. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js +8 -0
  71. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js.map +1 -0
  72. package/dist/esm/components/SiteMenu/{MenuIcon.d.ts → MenuListItem/list-item-components/MenuIcon.d.ts} +0 -0
  73. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.ts.map +1 -0
  74. package/dist/esm/components/SiteMenu/{MenuIcon.js → MenuListItem/list-item-components/MenuIcon.js} +0 -0
  75. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.js.map +1 -0
  76. package/dist/{cjs/components/SiteMenu → esm/components/SiteMenu/MenuListItem/list-item-components}/MenuListItem.d.ts +1 -1
  77. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.ts.map +1 -0
  78. package/dist/esm/components/SiteMenu/{MenuListItem.js → MenuListItem/list-item-components/MenuListItem.js} +1 -2
  79. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.js.map +1 -0
  80. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.d.ts +4 -0
  81. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.d.ts.map +1 -0
  82. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.js +4 -0
  83. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.js.map +1 -0
  84. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts +11 -0
  85. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts.map +1 -0
  86. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js +6 -0
  87. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js.map +1 -0
  88. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts +8 -0
  89. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts.map +1 -0
  90. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js +11 -0
  91. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js.map +1 -0
  92. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.d.ts +3 -0
  93. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.d.ts.map +1 -0
  94. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.js +3 -0
  95. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.js.map +1 -0
  96. package/dist/esm/components/SiteMenu/MenuSection.d.ts +2 -2
  97. package/dist/esm/components/SiteMenu/MenuSection.d.ts.map +1 -1
  98. package/dist/esm/components/SiteMenu/MenuSection.js +3 -3
  99. package/dist/esm/components/SiteMenu/MenuSection.js.map +1 -1
  100. package/dist/esm/components/SiteMenu/hooks/useMenuItemsShared.d.ts +2 -2
  101. package/dist/esm/components/SiteMenu/hooks/useMenuItemsShared.d.ts.map +1 -1
  102. package/dist/esm/components/SiteMenu/index.d.ts +1 -1
  103. package/dist/esm/components/SiteMenu/index.d.ts.map +1 -1
  104. package/dist/esm/components/SiteMenu/index.js +1 -1
  105. package/dist/esm/components/SiteMenu/index.js.map +1 -1
  106. package/dist/esm/components/SiteMenu/lib/NavListItemProps.d.ts +13 -0
  107. package/dist/esm/components/SiteMenu/lib/NavListItemProps.d.ts.map +1 -0
  108. package/dist/esm/components/SiteMenu/lib/NavListItemProps.js +2 -0
  109. package/dist/esm/components/SiteMenu/lib/NavListItemProps.js.map +1 -0
  110. package/dist/esm/components/SiteMenu/lib/index.d.ts +1 -0
  111. package/dist/esm/components/SiteMenu/lib/index.d.ts.map +1 -1
  112. package/dist/esm/components/SiteMenu/lib/index.js +1 -0
  113. package/dist/esm/components/SiteMenu/lib/index.js.map +1 -1
  114. package/package.json +6 -6
  115. package/src/components/AppBar/Application.stories.tsx +3 -3
  116. package/src/components/CollapsibleDrawer/CollapseDrawer.stories.tsx +1 -1
  117. package/src/components/CollapsibleDrawer/{ExampleMenuData.tsx → ExampleMenuData.stories.tsx} +3 -3
  118. package/src/components/SiteMenu/Menu.tsx +2 -2
  119. package/src/components/SiteMenu/{MenuItem.stories.tsx → MenuListItem/MenuListItemContainer.stories.tsx} +9 -9
  120. package/src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx +76 -0
  121. package/src/components/SiteMenu/MenuListItem/index.ts +1 -0
  122. package/src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx +20 -0
  123. package/src/components/SiteMenu/{MenuIcon.tsx → MenuListItem/list-item-components/MenuIcon.tsx} +0 -0
  124. package/src/components/SiteMenu/{MenuListItem.tsx → MenuListItem/list-item-components/MenuListItem.tsx} +2 -4
  125. package/src/components/SiteMenu/MenuListItem/list-item-components/index.ts +3 -0
  126. package/src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx +18 -0
  127. package/src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx +23 -0
  128. package/src/components/SiteMenu/MenuListItem/sub-nav/index.ts +2 -0
  129. package/src/components/SiteMenu/MenuSection.tsx +3 -5
  130. package/src/components/SiteMenu/hooks/useMenuItemsShared.tsx +2 -2
  131. package/src/components/SiteMenu/index.ts +1 -1
  132. package/src/components/SiteMenu/lib/NavListItemProps.ts +13 -0
  133. package/src/components/SiteMenu/lib/index.ts +1 -0
  134. package/src/components/Toolbar/System/SystemToolbar.stories.tsx +5 -4
  135. package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.d.ts +0 -4
  136. package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.d.ts.map +0 -1
  137. package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.js +0 -69
  138. package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.js.map +0 -1
  139. package/dist/cjs/components/SiteMenu/MenuIcon.d.ts.map +0 -1
  140. package/dist/cjs/components/SiteMenu/MenuIcon.js.map +0 -1
  141. package/dist/cjs/components/SiteMenu/MenuItems.d.ts +0 -26
  142. package/dist/cjs/components/SiteMenu/MenuItems.d.ts.map +0 -1
  143. package/dist/cjs/components/SiteMenu/MenuItems.js +0 -35
  144. package/dist/cjs/components/SiteMenu/MenuItems.js.map +0 -1
  145. package/dist/cjs/components/SiteMenu/MenuListItem.d.ts.map +0 -1
  146. package/dist/cjs/components/SiteMenu/MenuListItem.js.map +0 -1
  147. package/dist/cjs/components/SiteMenu/MenuListItemText.d.ts +0 -7
  148. package/dist/cjs/components/SiteMenu/MenuListItemText.d.ts.map +0 -1
  149. package/dist/cjs/components/SiteMenu/MenuListItemText.js +0 -13
  150. package/dist/cjs/components/SiteMenu/MenuListItemText.js.map +0 -1
  151. package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.d.ts +0 -4
  152. package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.d.ts.map +0 -1
  153. package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.js +0 -66
  154. package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.js.map +0 -1
  155. package/dist/esm/components/SiteMenu/MenuIcon.d.ts.map +0 -1
  156. package/dist/esm/components/SiteMenu/MenuIcon.js.map +0 -1
  157. package/dist/esm/components/SiteMenu/MenuItems.d.ts +0 -26
  158. package/dist/esm/components/SiteMenu/MenuItems.d.ts.map +0 -1
  159. package/dist/esm/components/SiteMenu/MenuItems.js +0 -29
  160. package/dist/esm/components/SiteMenu/MenuItems.js.map +0 -1
  161. package/dist/esm/components/SiteMenu/MenuListItem.d.ts.map +0 -1
  162. package/dist/esm/components/SiteMenu/MenuListItem.js.map +0 -1
  163. package/dist/esm/components/SiteMenu/MenuListItemText.d.ts +0 -7
  164. package/dist/esm/components/SiteMenu/MenuListItemText.d.ts.map +0 -1
  165. package/dist/esm/components/SiteMenu/MenuListItemText.js +0 -13
  166. package/dist/esm/components/SiteMenu/MenuListItemText.js.map +0 -1
  167. package/src/components/SiteMenu/MenuItems.tsx +0 -115
  168. package/src/components/SiteMenu/MenuListItemText.tsx +0 -21
@@ -0,0 +1,76 @@
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
+ }
16
+
17
+ export const MenuListItemContainer: React.FC<MenuListItemProps> = ({
18
+ style,
19
+ subNavListItems,
20
+ iconOnly,
21
+ tooltip,
22
+ icon,
23
+ primary,
24
+ onButtonClick,
25
+ to,
26
+ sx,
27
+ ...props
28
+ }) => {
29
+ const { dense } = props
30
+ const theme = useTheme()
31
+ const { collapse } = useCollapsible()
32
+ const [openSubNav, setOpenSubNav] = useState(false)
33
+ const [hovered, setHovered] = useState(false)
34
+ return (
35
+ <>
36
+ <MenuListItem
37
+ disableGutters
38
+ iconOnly={iconOnly}
39
+ onClick={onButtonClick}
40
+ dense={dense}
41
+ sx={{ justifyContent: 'space-between', ...sx }}
42
+ style={{ whiteSpace: 'nowrap', ...style }}
43
+ {...props}
44
+ >
45
+ <LinkEx
46
+ onMouseEnter={() => setHovered(true)}
47
+ onMouseLeave={() => setHovered(false)}
48
+ color="inherit"
49
+ to={to}
50
+ sx={{
51
+ '& :hover': {
52
+ cursor: 'pointer',
53
+ textDecoration: 'underline',
54
+ },
55
+ }}
56
+ >
57
+ <FlexRow>
58
+ <MenuIcon icon={icon} paddingRight={theme.spacing(1)} color={hovered ? 'secondary' : 'inherit'} />
59
+ <ListItemText primary={primary} />
60
+ </FlexRow>
61
+ </LinkEx>
62
+ <FlexRow style={{ marginLeft: theme.spacing(1) }}>
63
+ {subNavListItems ? <SubNavToggleIconButton setOpenSubNav={setOpenSubNav} openSubNav={openSubNav} /> : null}
64
+ {tooltip ? <ListItemTooltip title={tooltip} /> : null}
65
+ </FlexRow>
66
+ </MenuListItem>
67
+ {subNavListItems ? (
68
+ <SubNavListItemsCollapse openSubNav={openSubNav} collapse={collapse}>
69
+ {subNavListItems?.map((item, index) => (
70
+ <MenuListItemContainer dense={dense} sx={{ pl: theme.spacing(1) }} key={index} {...item} />
71
+ ))}
72
+ </SubNavListItemsCollapse>
73
+ ) : null}
74
+ </>
75
+ )
76
+ }
@@ -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
+ }
@@ -1,12 +1,10 @@
1
1
  import { ListItem, ListItemProps } from '@mui/material'
2
2
 
3
- import { SiteMenuListItemBase } from './lib'
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,3 @@
1
+ export * from './ListItemTooltip'
2
+ export * from './MenuIcon'
3
+ export * from './MenuListItem'
@@ -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
+ }
@@ -0,0 +1,2 @@
1
+ export * from './SubNavListItemCollapse'
2
+ export * from './SubNavToggleIconButton'
@@ -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 { SiteMenuListItem, SiteMenuListItemProps } from './MenuItems'
4
+ import { MenuListItemContainer, MenuListItemProps } from './MenuListItem'
5
5
 
6
6
  export interface MenuSectionProps extends FlexBoxProps {
7
7
  title: string
8
- listItems: SiteMenuListItemProps[]
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 { SiteMenuListItemProps } from '../MenuItems'
4
+ import { MenuListItemProps } from '../MenuListItem'
5
5
 
6
- type DefaultSiteMenuListItemProps = Pick<SiteMenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>
6
+ type DefaultSiteMenuListItemProps = Pick<MenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>
7
7
 
8
8
  export const useMenuItemsShared = () => {
9
9
  const { collapse, collapseEnd, setCollapse, setCollapseEnd } = useCollapsible()
@@ -1,4 +1,4 @@
1
1
  export * from './hooks'
2
2
  export * from './Menu'
3
- export * from './MenuItems'
3
+ export * from './MenuListItem'
4
4
  export * from './MenuSection'
@@ -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
+ }
@@ -1 +1,2 @@
1
+ export * from './NavListItemProps'
1
2
  export * from './SiteMenuListItemBase'
@@ -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 { SiteMenuListItem } from '../../SiteMenu'
13
+ import { MenuListItemContainer } from '../../SiteMenu'
13
14
  import { SystemToolbar } from './SystemToolbar'
14
15
 
15
16
  const DefaultMenu = (
16
17
  <List>
17
- <SiteMenuListItem primary="Hello" />
18
- <SiteMenuListItem
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,4 +0,0 @@
1
- import { SiteMenuListItemProps } from '../SiteMenu';
2
- export declare const menuDataTop: SiteMenuListItemProps[];
3
- export declare const menuDataBottom: SiteMenuListItemProps[];
4
- //# sourceMappingURL=ExampleMenuData.d.ts.map
@@ -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":"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"}
@@ -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,4 +0,0 @@
1
- import { SiteMenuListItemProps } from '../SiteMenu';
2
- export declare const menuDataTop: SiteMenuListItemProps[];
3
- export declare const menuDataBottom: SiteMenuListItemProps[];
4
- //# sourceMappingURL=ExampleMenuData.d.ts.map
@@ -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"}