@xyo-network/react-module 2.41.53 → 2.42.0-rc.1

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 (167) hide show
  1. package/dist/cjs/components/Card/Archivist/Card.js +15 -0
  2. package/dist/cjs/components/Card/Archivist/Card.js.map +1 -0
  3. package/dist/cjs/components/Card/Archivist/CardActions.js +10 -0
  4. package/dist/cjs/components/Card/Archivist/CardActions.js.map +1 -0
  5. package/dist/cjs/components/{ArchivistContent.js → Card/Archivist/CardContent.js} +3 -3
  6. package/dist/cjs/components/Card/Archivist/CardContent.js.map +1 -0
  7. package/dist/cjs/components/{ArchivistCardHeader.js → Card/Archivist/CardHeader.js} +3 -3
  8. package/dist/cjs/components/Card/Archivist/CardHeader.js.map +1 -0
  9. package/dist/cjs/components/Card/Archivist/index.js +7 -0
  10. package/dist/cjs/components/Card/Archivist/index.js.map +1 -0
  11. package/dist/cjs/components/Card/Diviner/Card.js +15 -0
  12. package/dist/cjs/components/Card/Diviner/Card.js.map +1 -0
  13. package/dist/cjs/components/Card/Diviner/CardActions.js +10 -0
  14. package/dist/cjs/components/Card/Diviner/CardActions.js.map +1 -0
  15. package/dist/cjs/components/Card/Diviner/CardContent.js +32 -0
  16. package/dist/cjs/components/Card/Diviner/CardContent.js.map +1 -0
  17. package/dist/cjs/components/Card/Diviner/CardHeader.js +12 -0
  18. package/dist/cjs/components/Card/Diviner/CardHeader.js.map +1 -0
  19. package/dist/cjs/components/Card/Diviner/index.js +7 -0
  20. package/dist/cjs/components/Card/Diviner/index.js.map +1 -0
  21. package/dist/cjs/components/{Card.js → Card/Module/Card.js} +0 -0
  22. package/dist/cjs/components/Card/Module/Card.js.map +1 -0
  23. package/dist/cjs/components/Card/Module/CardActions.js +25 -0
  24. package/dist/cjs/components/Card/Module/CardActions.js.map +1 -0
  25. package/dist/cjs/components/{CardContent.js → Card/Module/CardContent.js} +0 -0
  26. package/dist/cjs/components/Card/Module/CardContent.js.map +1 -0
  27. package/dist/cjs/components/{CardHeader.js → Card/Module/CardHeader.js} +0 -0
  28. package/dist/cjs/components/Card/Module/CardHeader.js.map +1 -0
  29. package/dist/cjs/components/Card/Module/index.js +8 -0
  30. package/dist/cjs/components/Card/Module/index.js.map +1 -0
  31. package/dist/cjs/components/Card/index.js +6 -0
  32. package/dist/cjs/components/Card/index.js.map +1 -0
  33. package/dist/cjs/components/DetailsBox.js +18 -5
  34. package/dist/cjs/components/DetailsBox.js.map +1 -1
  35. package/dist/cjs/components/TableCell.js +2 -2
  36. package/dist/cjs/components/TableCell.js.map +1 -1
  37. package/dist/cjs/components/index.js +1 -3
  38. package/dist/cjs/components/index.js.map +1 -1
  39. package/dist/docs.json +3382 -101
  40. package/dist/esm/components/Card/Archivist/Card.js +9 -0
  41. package/dist/esm/components/Card/Archivist/Card.js.map +1 -0
  42. package/dist/esm/components/Card/Archivist/CardActions.js +6 -0
  43. package/dist/esm/components/Card/Archivist/CardActions.js.map +1 -0
  44. package/dist/esm/components/{ArchivistContent.js → Card/Archivist/CardContent.js} +2 -2
  45. package/dist/esm/components/Card/Archivist/CardContent.js.map +1 -0
  46. package/dist/esm/components/{ArchivistCardHeader.js → Card/Archivist/CardHeader.js} +2 -2
  47. package/dist/esm/components/Card/Archivist/CardHeader.js.map +1 -0
  48. package/dist/esm/components/Card/Archivist/index.js +4 -0
  49. package/dist/esm/components/Card/Archivist/index.js.map +1 -0
  50. package/dist/esm/components/Card/Diviner/Card.js +9 -0
  51. package/dist/esm/components/Card/Diviner/Card.js.map +1 -0
  52. package/dist/esm/components/Card/Diviner/CardActions.js +6 -0
  53. package/dist/esm/components/Card/Diviner/CardActions.js.map +1 -0
  54. package/dist/esm/components/Card/Diviner/CardContent.js +25 -0
  55. package/dist/esm/components/Card/Diviner/CardContent.js.map +1 -0
  56. package/dist/esm/components/Card/Diviner/CardHeader.js +6 -0
  57. package/dist/esm/components/Card/Diviner/CardHeader.js.map +1 -0
  58. package/dist/esm/components/Card/Diviner/index.js +4 -0
  59. package/dist/esm/components/Card/Diviner/index.js.map +1 -0
  60. package/dist/esm/components/{Card.js → Card/Module/Card.js} +0 -0
  61. package/dist/esm/components/Card/Module/Card.js.map +1 -0
  62. package/dist/esm/components/Card/Module/CardActions.js +18 -0
  63. package/dist/esm/components/Card/Module/CardActions.js.map +1 -0
  64. package/dist/esm/components/{CardContent.js → Card/Module/CardContent.js} +0 -0
  65. package/dist/esm/components/Card/Module/CardContent.js.map +1 -0
  66. package/dist/esm/components/{CardHeader.js → Card/Module/CardHeader.js} +0 -0
  67. package/dist/esm/components/Card/Module/CardHeader.js.map +1 -0
  68. package/dist/esm/components/Card/Module/index.js +5 -0
  69. package/dist/esm/components/Card/Module/index.js.map +1 -0
  70. package/dist/esm/components/Card/index.js +3 -0
  71. package/dist/esm/components/Card/index.js.map +1 -0
  72. package/dist/esm/components/DetailsBox.js +17 -4
  73. package/dist/esm/components/DetailsBox.js.map +1 -1
  74. package/dist/esm/components/TableCell.js +3 -3
  75. package/dist/esm/components/TableCell.js.map +1 -1
  76. package/dist/esm/components/index.js +1 -3
  77. package/dist/esm/components/index.js.map +1 -1
  78. package/dist/types/components/Card/Archivist/Card.d.ts +6 -0
  79. package/dist/types/components/Card/Archivist/Card.d.ts.map +1 -0
  80. package/dist/types/components/Card/Archivist/CardActions.d.ts +6 -0
  81. package/dist/types/components/Card/Archivist/CardActions.d.ts.map +1 -0
  82. package/dist/types/components/{ArchivistContent.d.ts → Card/Archivist/CardContent.d.ts} +2 -2
  83. package/dist/types/components/Card/Archivist/CardContent.d.ts.map +1 -0
  84. package/dist/types/components/Card/Archivist/CardHeader.d.ts +6 -0
  85. package/dist/types/components/Card/Archivist/CardHeader.d.ts.map +1 -0
  86. package/dist/types/components/Card/Archivist/index.d.ts +4 -0
  87. package/dist/types/components/Card/Archivist/index.d.ts.map +1 -0
  88. package/dist/types/components/Card/Diviner/Card.d.ts +6 -0
  89. package/dist/types/components/Card/Diviner/Card.d.ts.map +1 -0
  90. package/dist/types/components/Card/Diviner/CardActions.d.ts +6 -0
  91. package/dist/types/components/Card/Diviner/CardActions.d.ts.map +1 -0
  92. package/dist/types/components/Card/Diviner/CardContent.d.ts +6 -0
  93. package/dist/types/components/Card/Diviner/CardContent.d.ts.map +1 -0
  94. package/dist/types/components/Card/Diviner/CardHeader.d.ts +6 -0
  95. package/dist/types/components/Card/Diviner/CardHeader.d.ts.map +1 -0
  96. package/dist/types/components/Card/Diviner/index.d.ts +4 -0
  97. package/dist/types/components/Card/Diviner/index.d.ts.map +1 -0
  98. package/dist/types/components/{Card.d.ts → Card/Module/Card.d.ts} +1 -1
  99. package/dist/types/components/Card/Module/Card.d.ts.map +1 -0
  100. package/dist/types/components/{CardActions.d.ts → Card/Module/CardActions.d.ts} +1 -1
  101. package/dist/types/components/Card/Module/CardActions.d.ts.map +1 -0
  102. package/dist/types/components/{CardContent.d.ts → Card/Module/CardContent.d.ts} +1 -1
  103. package/dist/types/components/Card/Module/CardContent.d.ts.map +1 -0
  104. package/dist/types/components/{CardHeader.d.ts → Card/Module/CardHeader.d.ts} +1 -1
  105. package/dist/types/components/Card/Module/CardHeader.d.ts.map +1 -0
  106. package/dist/types/components/Card/Module/index.d.ts +5 -0
  107. package/dist/types/components/Card/Module/index.d.ts.map +1 -0
  108. package/dist/types/components/Card/index.d.ts +3 -0
  109. package/dist/types/components/Card/index.d.ts.map +1 -0
  110. package/dist/types/components/DetailsBox.d.ts.map +1 -1
  111. package/dist/types/components/TableCell.d.ts.map +1 -1
  112. package/dist/types/components/index.d.ts +1 -3
  113. package/dist/types/components/index.d.ts.map +1 -1
  114. package/package.json +9 -6
  115. package/src/components/{ArchivistCard.stories.tsx → Card/Archivist/Card.stories.tsx} +3 -3
  116. package/src/components/Card/Archivist/Card.tsx +18 -0
  117. package/src/components/Card/Archivist/CardActions.tsx +9 -0
  118. package/src/components/{ArchivistContent.tsx → Card/Archivist/CardContent.tsx} +2 -2
  119. package/src/components/Card/Archivist/CardHeader.tsx +9 -0
  120. package/src/components/Card/Archivist/index.ts +3 -0
  121. package/src/components/Card/Diviner/Card.stories.tsx +53 -0
  122. package/src/components/Card/Diviner/Card.tsx +18 -0
  123. package/src/components/Card/Diviner/CardActions.tsx +9 -0
  124. package/src/components/Card/Diviner/CardContent.tsx +38 -0
  125. package/src/components/Card/Diviner/CardHeader.tsx +9 -0
  126. package/src/components/Card/Diviner/index.ts +3 -0
  127. package/src/components/{Card.stories.tsx → Card/Module/Card.stories.tsx} +0 -0
  128. package/src/components/{Card.tsx → Card/Module/Card.tsx} +1 -1
  129. package/src/components/Card/Module/CardActions.tsx +26 -0
  130. package/src/components/{CardContent.tsx → Card/Module/CardContent.tsx} +1 -1
  131. package/src/components/{CardHeader.tsx → Card/Module/CardHeader.tsx} +1 -1
  132. package/src/components/Card/Module/index.ts +4 -0
  133. package/src/components/Card/index.ts +2 -0
  134. package/src/components/DetailsBox.stories.tsx +91 -0
  135. package/src/components/DetailsBox.tsx +26 -9
  136. package/src/components/TableCell.tsx +2 -1
  137. package/src/components/index.ts +1 -3
  138. package/dist/cjs/components/ArchivistCard.js +0 -15
  139. package/dist/cjs/components/ArchivistCard.js.map +0 -1
  140. package/dist/cjs/components/ArchivistCardHeader.js.map +0 -1
  141. package/dist/cjs/components/ArchivistContent.js.map +0 -1
  142. package/dist/cjs/components/Card.js.map +0 -1
  143. package/dist/cjs/components/CardActions.js +0 -15
  144. package/dist/cjs/components/CardActions.js.map +0 -1
  145. package/dist/cjs/components/CardContent.js.map +0 -1
  146. package/dist/cjs/components/CardHeader.js.map +0 -1
  147. package/dist/esm/components/ArchivistCard.js +0 -9
  148. package/dist/esm/components/ArchivistCard.js.map +0 -1
  149. package/dist/esm/components/ArchivistCardHeader.js.map +0 -1
  150. package/dist/esm/components/ArchivistContent.js.map +0 -1
  151. package/dist/esm/components/Card.js.map +0 -1
  152. package/dist/esm/components/CardActions.js +0 -9
  153. package/dist/esm/components/CardActions.js.map +0 -1
  154. package/dist/esm/components/CardContent.js.map +0 -1
  155. package/dist/esm/components/CardHeader.js.map +0 -1
  156. package/dist/types/components/ArchivistCard.d.ts +0 -6
  157. package/dist/types/components/ArchivistCard.d.ts.map +0 -1
  158. package/dist/types/components/ArchivistCardHeader.d.ts +0 -6
  159. package/dist/types/components/ArchivistCardHeader.d.ts.map +0 -1
  160. package/dist/types/components/ArchivistContent.d.ts.map +0 -1
  161. package/dist/types/components/Card.d.ts.map +0 -1
  162. package/dist/types/components/CardActions.d.ts.map +0 -1
  163. package/dist/types/components/CardContent.d.ts.map +0 -1
  164. package/dist/types/components/CardHeader.d.ts.map +0 -1
  165. package/src/components/ArchivistCard.tsx +0 -17
  166. package/src/components/ArchivistCardHeader.tsx +0 -9
  167. package/src/components/CardActions.tsx +0 -15
@@ -0,0 +1,18 @@
1
+ import { Card, CardProps } from '@mui/material'
2
+ import { AbstractArchivist } from '@xyo-network/archivist'
3
+
4
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
5
+ import { ModuleCardActions } from '../Module'
6
+ import { ArchivistCardContent } from './CardContent'
7
+ import { ArchivistCardHeader } from './CardHeader'
8
+
9
+ export const ArchivistCard: React.FC<CardProps & ModuleRenderProps<AbstractArchivist>> = ({ children, module, ...props }) => {
10
+ return (
11
+ <Card {...props}>
12
+ <ArchivistCardHeader module={module} />
13
+ <ArchivistCardContent module={module} />
14
+ {children}
15
+ <ModuleCardActions module={module} />
16
+ </Card>
17
+ )
18
+ }
@@ -0,0 +1,9 @@
1
+ import { CardActionsProps } from '@mui/material'
2
+ import { AbstractArchivist } from '@xyo-network/archivist'
3
+
4
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
5
+ import { ModuleCardActions } from '../Module'
6
+
7
+ export const ArchivistCardActions: React.FC<ModuleRenderProps<AbstractArchivist> & CardActionsProps> = (props) => {
8
+ return <ModuleCardActions {...props} />
9
+ }
@@ -6,8 +6,8 @@ import { ArchivistConfig, PayloadArchivist } from '@xyo-network/archivist'
6
6
  import { ModuleWrapper } from '@xyo-network/module'
7
7
  import { useState } from 'react'
8
8
 
9
- import { ModuleRenderProps } from '../ModuleRenderProps'
10
- import { ModuleCardContent } from './CardContent'
9
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
10
+ import { ModuleCardContent } from '../Module'
11
11
 
12
12
  export const ArchivistCardContent: React.FC<ModuleRenderProps<PayloadArchivist> & CardContentProps> = ({ children, module, ...props }) => {
13
13
  const [config, setConfig] = useState<ArchivistConfig>()
@@ -0,0 +1,9 @@
1
+ import { CardHeaderProps } from '@mui/material'
2
+ import { AbstractArchivist } from '@xyo-network/archivist'
3
+
4
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
5
+ import { ModuleCardHeader } from '../Module'
6
+
7
+ export const ArchivistCardHeader: React.FC<ModuleRenderProps<AbstractArchivist> & CardHeaderProps> = ({ title, module, ...props }) => {
8
+ return <ModuleCardHeader module={module} title={title ?? 'Archivist'} {...props} />
9
+ }
@@ -0,0 +1,3 @@
1
+ export * from './Card'
2
+ export * from './CardContent'
3
+ export * from './CardHeader'
@@ -0,0 +1,53 @@
1
+ import { ComponentMeta, ComponentStory } from '@storybook/react'
2
+ import { useAsyncEffect } from '@xylabs/react-shared'
3
+ import { AbstractDiviner, MemoryAddressHistoryDiviner, MemoryAddressHistoryDivinerConfigSchema } from '@xyo-network/diviner'
4
+ import { useState } from 'react'
5
+
6
+ import { DivinerCard } from './Card'
7
+
8
+ const StorybookEntry = {
9
+ argTypes: {
10
+ authState: {
11
+ jwtToken: 'badToken',
12
+ loggedInAccount: 'none@none.com',
13
+ },
14
+ },
15
+ component: DivinerCard,
16
+ parameters: {
17
+ docs: {
18
+ page: null,
19
+ },
20
+ },
21
+ title: 'module/DivinerCard',
22
+ } as ComponentMeta<typeof DivinerCard>
23
+
24
+ const Template: ComponentStory<typeof DivinerCard> = () => {
25
+ const [module, setModule] = useState<AbstractDiviner>()
26
+
27
+ useAsyncEffect(
28
+ // eslint-disable-next-line react-hooks/exhaustive-deps
29
+ async (mounted) => {
30
+ if (!module) {
31
+ const newModule = await MemoryAddressHistoryDiviner.create({
32
+ config: {
33
+ address: '',
34
+ schema: MemoryAddressHistoryDivinerConfigSchema,
35
+ },
36
+ })
37
+ if (mounted()) {
38
+ setModule(newModule)
39
+ }
40
+ }
41
+ },
42
+ [module],
43
+ )
44
+
45
+ return <DivinerCard module={module} />
46
+ }
47
+
48
+ const SingleModule = Template.bind({})
49
+
50
+ export { SingleModule }
51
+
52
+ // eslint-disable-next-line import/no-default-export
53
+ export default StorybookEntry
@@ -0,0 +1,18 @@
1
+ import { Card, CardProps } from '@mui/material'
2
+ import { AbstractDiviner } from '@xyo-network/diviner'
3
+
4
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
5
+ import { ModuleCardActions } from '../Module'
6
+ import { DivinerCardContent } from './CardContent'
7
+ import { DivinerCardHeader } from './CardHeader'
8
+
9
+ export const DivinerCard: React.FC<CardProps & ModuleRenderProps<AbstractDiviner>> = ({ children, module, ...props }) => {
10
+ return (
11
+ <Card {...props}>
12
+ <DivinerCardHeader module={module} />
13
+ <DivinerCardContent module={module} />
14
+ {children}
15
+ <ModuleCardActions module={module} />
16
+ </Card>
17
+ )
18
+ }
@@ -0,0 +1,9 @@
1
+ import { CardActionsProps } from '@mui/material'
2
+ import { AbstractArchivist } from '@xyo-network/archivist'
3
+
4
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
5
+ import { ModuleCardActions } from '../Module'
6
+
7
+ export const DivinerCardActions: React.FC<ModuleRenderProps<AbstractArchivist> & CardActionsProps> = (props) => {
8
+ return <ModuleCardActions {...props} />
9
+ }
@@ -0,0 +1,38 @@
1
+ import { CardContentProps, Typography } from '@mui/material'
2
+ import { EthAddress } from '@xylabs/eth-address'
3
+ import { EthAccountBox } from '@xylabs/react-crypto'
4
+ import { useAsyncEffect } from '@xylabs/react-shared'
5
+ import { ArchivistConfig } from '@xyo-network/archivist'
6
+ import { AbstractDiviner } from '@xyo-network/diviner'
7
+ import { ModuleWrapper } from '@xyo-network/module'
8
+ import { useState } from 'react'
9
+
10
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
11
+ import { ModuleCardContent } from '../Module'
12
+
13
+ export const DivinerCardContent: React.FC<ModuleRenderProps<AbstractDiviner> & CardContentProps> = ({ children, module, ...props }) => {
14
+ const [config, setConfig] = useState<ArchivistConfig>()
15
+
16
+ useAsyncEffect(
17
+ // eslint-disable-next-line react-hooks/exhaustive-deps
18
+ async (mounted) => {
19
+ const wrapper = module ? new ModuleWrapper(module) : undefined
20
+ const payloads = await wrapper?.discover()
21
+ console.log(`Payloads: ${JSON.stringify(payloads, null, 2)}`)
22
+ if (mounted()) {
23
+ setConfig(payloads?.[0])
24
+ }
25
+ },
26
+ [module],
27
+ )
28
+
29
+ return (
30
+ <ModuleCardContent module={module} {...props}>
31
+ <Typography>Parents</Typography>
32
+ {config?.parents?.commit?.map((address) => {
33
+ return <EthAccountBox key={address} address={EthAddress.fromString(address)} />
34
+ })}
35
+ {children}
36
+ </ModuleCardContent>
37
+ )
38
+ }
@@ -0,0 +1,9 @@
1
+ import { CardHeaderProps } from '@mui/material'
2
+ import { AbstractDiviner } from '@xyo-network/diviner'
3
+
4
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
5
+ import { ModuleCardHeader } from '../Module'
6
+
7
+ export const DivinerCardHeader: React.FC<ModuleRenderProps<AbstractDiviner> & CardHeaderProps> = ({ title, module, ...props }) => {
8
+ return <ModuleCardHeader module={module} title={title ?? 'Archivist'} {...props} />
9
+ }
@@ -0,0 +1,3 @@
1
+ export * from './Card'
2
+ export * from './CardContent'
3
+ export * from './CardHeader'
@@ -1,6 +1,6 @@
1
1
  import { Card, CardProps } from '@mui/material'
2
2
 
3
- import { ModuleRenderProps } from '../ModuleRenderProps'
3
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
4
4
  import { ModuleCardActions } from './CardActions'
5
5
  import { ModuleCardContent } from './CardContent'
6
6
  import { ModuleCardHeader } from './CardHeader'
@@ -0,0 +1,26 @@
1
+ import { CardActions, CardActionsProps } from '@mui/material'
2
+ import { ButtonEx } from '@xylabs/react-button'
3
+ import { ModuleWrapper } from '@xyo-network/module'
4
+ import { findNetworkComponent } from '@xyo-network/react-shared'
5
+
6
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
7
+
8
+ const getModuleIcons = (moduleType: string, wrapper: ModuleWrapper) => {
9
+ return wrapper?.queries().find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null
10
+ }
11
+
12
+ export const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, module, ...props }) => {
13
+ const wrapper = module ? new ModuleWrapper(module) : undefined
14
+ return (
15
+ <CardActions style={{ justifyContent: 'space-between' }} {...props}>
16
+ {wrapper
17
+ ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {
18
+ const icon = getModuleIcons(moduleType, wrapper)
19
+ return icon ? <ButtonEx key={moduleType}>{icon}</ButtonEx> : null
20
+ })
21
+ : null}
22
+ <ButtonEx onClick={() => wrapper?.discover()}>Discover</ButtonEx>
23
+ {children}
24
+ </CardActions>
25
+ )
26
+ }
@@ -5,7 +5,7 @@ import { useAsyncEffect } from '@xylabs/react-shared'
5
5
  import { AbstractModuleConfig, ModuleWrapper } from '@xyo-network/module'
6
6
  import { useState } from 'react'
7
7
 
8
- import { ModuleRenderProps } from '../ModuleRenderProps'
8
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
9
9
 
10
10
  export const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, module, ...props }) => {
11
11
  const [config, setConfig] = useState<AbstractModuleConfig>()
@@ -2,7 +2,7 @@ import { CardHeader, CardHeaderProps } from '@mui/material'
2
2
  import { Identicon } from '@xylabs/react-identicon'
3
3
  import { ModuleWrapper } from '@xyo-network/module'
4
4
 
5
- import { ModuleRenderProps } from '../ModuleRenderProps'
5
+ import { ModuleRenderProps } from '../../../ModuleRenderProps'
6
6
 
7
7
  export const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({ subheader, avatar, title, module, ...props }) => {
8
8
  const wrapper = module ? new ModuleWrapper(module) : undefined
@@ -0,0 +1,4 @@
1
+ export * from './Card'
2
+ export * from './CardActions'
3
+ export * from './CardContent'
4
+ export * from './CardHeader'
@@ -0,0 +1,2 @@
1
+ export * from './Archivist'
2
+ export * from './Module'
@@ -0,0 +1,91 @@
1
+ import { ComponentMeta, ComponentStory } from '@storybook/react'
2
+ import { FlexCol } from '@xylabs/react-flexbox'
3
+ import { useAsyncEffect } from '@xylabs/react-shared'
4
+ import { MemoryArchivist } from '@xyo-network/archivist'
5
+ import { XyoCryptoMarketAssetDiviner } from '@xyo-network/crypto-asset-plugin'
6
+ import { MemoryNode } from '@xyo-network/node'
7
+ import { useState } from 'react'
8
+
9
+ import { ModuleDetailsBox } from './DetailsBox'
10
+
11
+ const StorybookEntry = {
12
+ argTypes: {},
13
+ component: ModuleDetailsBox,
14
+ parameters: {
15
+ docs: {
16
+ page: null,
17
+ },
18
+ },
19
+ title: 'module/DetailsBox',
20
+ } as ComponentMeta<typeof ModuleDetailsBox>
21
+
22
+ const NodeTemplate: ComponentStory<typeof ModuleDetailsBox> = (args) => {
23
+ const [node, setNode] = useState<MemoryNode>()
24
+ useAsyncEffect(
25
+ // eslint-disable-next-line react-hooks/exhaustive-deps
26
+ async (mounted) => {
27
+ const node = await MemoryNode.create()
28
+ if (mounted()) {
29
+ setNode(node)
30
+ }
31
+ },
32
+ [],
33
+ )
34
+ return (
35
+ <FlexCol minHeight="80vh" alignItems="stretch">
36
+ <ModuleDetailsBox module={node} {...args} />
37
+ </FlexCol>
38
+ )
39
+ }
40
+
41
+ const NodeDetails = NodeTemplate.bind({})
42
+ NodeDetails.args = {}
43
+
44
+ const ArchivistTemplate: ComponentStory<typeof ModuleDetailsBox> = (args) => {
45
+ const [archivist, setArchivist] = useState<MemoryArchivist>()
46
+ useAsyncEffect(
47
+ // eslint-disable-next-line react-hooks/exhaustive-deps
48
+ async (mounted) => {
49
+ const archivist = await MemoryArchivist.create()
50
+ if (mounted()) {
51
+ setArchivist(archivist)
52
+ }
53
+ },
54
+ [],
55
+ )
56
+ return (
57
+ <FlexCol minHeight="80vh" alignItems="stretch">
58
+ <ModuleDetailsBox module={archivist} {...args} />
59
+ </FlexCol>
60
+ )
61
+ }
62
+
63
+ const ArchivistDetails = ArchivistTemplate.bind({})
64
+ ArchivistDetails.args = {}
65
+
66
+ const DivinerTemplate: ComponentStory<typeof ModuleDetailsBox> = (args) => {
67
+ const [diviner, setDiviner] = useState<XyoCryptoMarketAssetDiviner>()
68
+ useAsyncEffect(
69
+ // eslint-disable-next-line react-hooks/exhaustive-deps
70
+ async (mounted) => {
71
+ const diviner = await XyoCryptoMarketAssetDiviner.create()
72
+ if (mounted()) {
73
+ setDiviner(diviner)
74
+ }
75
+ },
76
+ [],
77
+ )
78
+ return (
79
+ <FlexCol minHeight="80vh" alignItems="stretch">
80
+ <ModuleDetailsBox module={diviner} {...args} />
81
+ </FlexCol>
82
+ )
83
+ }
84
+
85
+ const DivinerDetails = DivinerTemplate.bind({})
86
+ DivinerDetails.args = {}
87
+
88
+ export { ArchivistDetails, DivinerDetails, NodeDetails }
89
+
90
+ // eslint-disable-next-line import/no-default-export
91
+ export default StorybookEntry
@@ -1,25 +1,42 @@
1
1
  import { EthAddress } from '@xylabs/eth-address'
2
+ import { ButtonEx } from '@xylabs/react-button'
2
3
  import { EthAccountBox } from '@xylabs/react-crypto'
3
4
  import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
4
5
  import { ModuleWrapper } from '@xyo-network/module'
5
6
  import { findNetworkComponent } from '@xyo-network/react-shared'
7
+ import { useState } from 'react'
6
8
 
7
9
  import { ModuleRenderProps } from '../ModuleRenderProps'
8
10
 
9
- export const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ module, ...props }) => {
11
+ const getModuleIcon = (moduleType: string, wrapper: ModuleWrapper) => {
12
+ return wrapper?.queries().find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null
13
+ }
14
+
15
+ export const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ children, module, ...props }) => {
10
16
  const wrapper = module ? new ModuleWrapper(module) : undefined
17
+ const [showQueries, setShowQueries] = useState(false)
11
18
  return (
12
19
  <FlexCol {...props}>
13
- <EthAccountBox address={EthAddress.fromString(wrapper?.address)} />
14
- {wrapper?.queries().map((query) => {
15
- return <FlexRow key={query}>{query}</FlexRow>
16
- })}
17
20
  <FlexRow>
18
- {wrapper?.queries().find((query) => query.startsWith('network.xyo.query.archivist')) ? findNetworkComponent('archivist')?.icon() : null}
19
- {wrapper?.queries().find((query) => query.startsWith('network.xyo.query.diviner')) ? findNetworkComponent('diviner')?.icon() : null}
20
- {wrapper?.queries().find((query) => query.startsWith('network.xyo.query.witness')) ? findNetworkComponent('sentinel')?.icon() : null}
21
- {wrapper?.queries().find((query) => query.startsWith('network.xyo.query.node')) ? findNetworkComponent('node')?.icon() : null}
21
+ {wrapper
22
+ ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {
23
+ const icon = getModuleIcon(moduleType, wrapper)
24
+ return icon ? (
25
+ <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>
26
+ {icon}
27
+ </ButtonEx>
28
+ ) : null
29
+ })
30
+ : null}
31
+ <EthAccountBox address={EthAddress.fromString(wrapper?.address)} />
22
32
  </FlexRow>
33
+
34
+ {showQueries
35
+ ? wrapper?.queries().map((query) => {
36
+ return <FlexRow key={query}>{query}</FlexRow>
37
+ })
38
+ : null}
39
+ {children}
23
40
  </FlexCol>
24
41
  )
25
42
  }
@@ -5,11 +5,12 @@ import { ModuleWrapper } from '@xyo-network/module'
5
5
 
6
6
  import { ModuleRenderProps } from '../ModuleRenderProps'
7
7
 
8
- export const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({ module, ...props }) => {
8
+ export const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({ children, module, ...props }) => {
9
9
  const wrapper = module ? new ModuleWrapper(module) : undefined
10
10
  return (
11
11
  <TableCell {...props}>
12
12
  <EthAccountBox address={EthAddress.fromString(wrapper?.address)} />
13
+ {children}
13
14
  </TableCell>
14
15
  )
15
16
  }
@@ -1,5 +1,3 @@
1
- export * from './CardActions'
2
- export * from './CardContent'
3
- export * from './CardHeader'
1
+ export * from './Card'
4
2
  export * from './DetailsBox'
5
3
  export * from './TableCell'
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ArchivistCard = 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 ArchivistCardHeader_1 = require("./ArchivistCardHeader");
8
- const ArchivistContent_1 = require("./ArchivistContent");
9
- const CardActions_1 = require("./CardActions");
10
- const ArchivistCard = (_a) => {
11
- var { module } = _a, props = tslib_1.__rest(_a, ["module"]);
12
- return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(ArchivistCardHeader_1.ArchivistCardHeader, { module: module }), (0, jsx_runtime_1.jsx)(ArchivistContent_1.ArchivistCardContent, { module: module }), (0, jsx_runtime_1.jsx)(CardActions_1.ModuleCardActions, { module: module })] })));
13
- };
14
- exports.ArchivistCard = ArchivistCard;
15
- //# sourceMappingURL=ArchivistCard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArchivistCard.js","sourceRoot":"","sources":["../../../src/components/ArchivistCard.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAI/C,+DAA2D;AAC3D,yDAAyD;AACzD,+CAAiD;AAE1C,MAAM,aAAa,GAA8D,CAAC,EAAoB,EAAE,EAAE;QAAxB,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAlB,UAAoB,CAAF;IACzG,OAAO,CACL,wBAAC,eAAI,oBAAK,KAAK,eACb,uBAAC,yCAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,EACvC,uBAAC,uCAAoB,IAAC,MAAM,EAAE,MAAM,GAAI,EACxC,uBAAC,+BAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,KAChC,CACR,CAAA;AACH,CAAC,CAAA;AARY,QAAA,aAAa,iBAQzB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArchivistCardHeader.js","sourceRoot":"","sources":["../../../src/components/ArchivistCardHeader.tsx"],"names":[],"mappings":";;;;;AAIA,6CAA+C;AAExC,MAAM,mBAAmB,GAAoE,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAzB,mBAA2B,CAAF;IAC5H,OAAO,uBAAC,6BAAgB,kBAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,WAAW,IAAM,KAAK,EAAI,CAAA;AACrF,CAAC,CAAA;AAFY,QAAA,mBAAmB,uBAE/B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArchivistContent.js","sourceRoot":"","sources":["../../../src/components/ArchivistContent.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,qDAAgD;AAChD,uDAAoD;AACpD,uDAAqD;AAErD,gDAAmD;AACnD,iCAAgC;AAGhC,+CAAiD;AAE1C,MAAM,oBAAoB,GAAqE,CAAC,EAA8B,EAAE,EAAE;;QAAlC,EAAE,QAAQ,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IACjI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAmB,CAAA;IAEvD,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,sBAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC9D,MAAM,QAAQ,GAAG,MAAM,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA,CAAA;QAC1C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAC7D,IAAI,OAAO,EAAE,EAAE;YACb,SAAS,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,CAAA,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,wBAAC,+BAAiB,kBAAC,MAAM,EAAE,MAAM,IAAM,KAAK,eAC1C,uBAAC,qBAAU,0BAAqB,EAC/B,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,MAAM,0CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;gBACxC,OAAO,uBAAC,4BAAa,IAAe,OAAO,EAAE,wBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAhD,OAAO,CAA6C,CAAA;YACjF,CAAC,CAAC,EACD,QAAQ,KACS,CACrB,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,oBAAoB,wBAyBhC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAG/C,+CAAiD;AACjD,+CAAiD;AACjD,6CAA+C;AAExC,MAAM,UAAU,GAA4C,CAAC,EAAoB,EAAE,EAAE;QAAxB,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAlB,UAAoB,CAAF;IACpF,OAAO,CACL,wBAAC,eAAI,oBAAK,KAAK,eACb,uBAAC,6BAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,uBAAC,+BAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,uBAAC,+BAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,KAChC,CACR,CAAA;AACH,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB"}
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ModuleCardActions = 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_button_1 = require("@xylabs/react-button");
8
- const module_1 = require("@xyo-network/module");
9
- const ModuleCardActions = (_a) => {
10
- var { children, module } = _a, props = tslib_1.__rest(_a, ["children", "module"]);
11
- const wrapper = module ? new module_1.ModuleWrapper(module) : undefined;
12
- return ((0, jsx_runtime_1.jsxs)(material_1.CardActions, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ onClick: () => wrapper === null || wrapper === void 0 ? void 0 : wrapper.discover() }, { children: "Discover" })), children] })));
13
- };
14
- exports.ModuleCardActions = ModuleCardActions;
15
- //# sourceMappingURL=CardActions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../src/components/CardActions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAC7D,uDAA+C;AAC/C,gDAAmD;AAI5C,MAAM,iBAAiB,GAAmD,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,QAAQ,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IAC5G,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,sBAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC9D,OAAO,CACL,wBAAC,sBAAW,oBAAK,KAAK,eACpB,uBAAC,uBAAQ,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,8BAAqB,EAChE,QAAQ,KACG,CACf,CAAA;AACH,CAAC,CAAA;AARY,QAAA,iBAAiB,qBAQ7B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../src/components/CardContent.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyE;AACzE,qDAAgD;AAChD,uDAAoD;AACpD,uDAAqD;AACrD,gDAAyE;AACzE,iCAAgC;AAIzB,MAAM,iBAAiB,GAAmD,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,QAAQ,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IAC5G,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAwB,CAAA;IAE5D,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAC,CAAC,CAAC,wBAAU,CAAC,UAAU,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpF,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,sBAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC9D,MAAM,QAAQ,GAAG,MAAM,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA,CAAA;QAC1C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAC7D,IAAI,OAAO,EAAE,EAAE;YACb,SAAS,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,CAAA,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,wBAAC,sBAAW,oBAAK,KAAK,eACpB,uBAAC,4BAAa,IAAC,OAAO,EAAE,OAAO,GAAI,EAClC,QAAQ,EACT,uBAAC,qBAAU,kBAAC,OAAO,EAAC,WAAW,gBAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,IAAc,KACjD,CACf,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,iBAAiB,qBAyB7B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../src/components/CardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,6DAAmD;AACnD,gDAAmD;AAI5C,MAAM,gBAAgB,GAAkD,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5C,0CAA8C,CAAF;IAC1H,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,sBAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC9D,OAAO,CACL,uBAAC,qBAAU,kBACT,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,QAAQ,EACxB,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EACxC,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,2BAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,GAAI,IAC9D,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,gBAAgB,oBAU5B"}
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Card } from '@mui/material';
3
- import { ArchivistCardHeader } from './ArchivistCardHeader';
4
- import { ArchivistCardContent } from './ArchivistContent';
5
- import { ModuleCardActions } from './CardActions';
6
- export const ArchivistCard = ({ module, ...props }) => {
7
- return (_jsxs(Card, { ...props, children: [_jsx(ArchivistCardHeader, { module: module }), _jsx(ArchivistCardContent, { module: module }), _jsx(ModuleCardActions, { module: module })] }));
8
- };
9
- //# sourceMappingURL=ArchivistCard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArchivistCard.js","sourceRoot":"","sources":["../../../src/components/ArchivistCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAI/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,CAAC,MAAM,aAAa,GAA8D,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/G,OAAO,CACL,MAAC,IAAI,OAAK,KAAK,aACb,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,EACvC,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,GAAI,EACxC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,IAChC,CACR,CAAA;AACH,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArchivistCardHeader.js","sourceRoot":"","sources":["../../../src/components/ArchivistCardHeader.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAoE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClI,OAAO,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,WAAW,KAAM,KAAK,GAAI,CAAA;AACrF,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArchivistContent.js","sourceRoot":"","sources":["../../../src/components/ArchivistContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,CAAC,MAAM,oBAAoB,GAAqE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAmB,CAAA;IAEvD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC9D,MAAM,QAAQ,GAAG,MAAM,OAAO,EAAE,QAAQ,EAAE,CAAA;QAC1C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAC7D,IAAI,OAAO,EAAE,EAAE;YACb,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,MAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,KAAM,KAAK,aAC1C,KAAC,UAAU,0BAAqB,EAC/B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;gBACxC,OAAO,KAAC,aAAa,IAAe,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAhD,OAAO,CAA6C,CAAA;YACjF,CAAC,CAAC,EACD,QAAQ,IACS,CACrB,CAAA;AACH,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAG/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C,MAAM,CAAC,MAAM,UAAU,GAA4C,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1F,OAAO,CACL,MAAC,IAAI,OAAK,KAAK,aACb,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,IAChC,CACR,CAAA;AACH,CAAC,CAAA"}
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { CardActions } from '@mui/material';
3
- import { ButtonEx } from '@xylabs/react-button';
4
- import { ModuleWrapper } from '@xyo-network/module';
5
- export const ModuleCardActions = ({ children, module, ...props }) => {
6
- const wrapper = module ? new ModuleWrapper(module) : undefined;
7
- return (_jsxs(CardActions, { ...props, children: [_jsx(ButtonEx, { onClick: () => wrapper?.discover(), children: "Discover" }), children] }));
8
- };
9
- //# sourceMappingURL=CardActions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../src/components/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAInD,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC9D,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,yBAAqB,EAChE,QAAQ,IACG,CACf,CAAA;AACH,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../src/components/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAwB,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIhC,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAwB,CAAA;IAE5D,MAAM,OAAO,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpF,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC9D,MAAM,QAAQ,GAAG,MAAM,OAAO,EAAE,QAAQ,EAAE,CAAA;QAC1C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAC7D,IAAI,OAAO,EAAE,EAAE;YACb,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,GAAI,EAClC,QAAQ,EACT,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,YAAE,MAAM,EAAE,MAAM,GAAc,IACjD,CACf,CAAA;AACH,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../src/components/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAInD,MAAM,CAAC,MAAM,gBAAgB,GAAkD,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChI,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC9D,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,IAAI,QAAQ,EACxB,SAAS,EAAE,SAAS,IAAI,OAAO,EAAE,OAAO,EACxC,MAAM,EAAE,MAAM,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,KAC9D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { CardProps } from '@mui/material';
3
- import { PayloadArchivist } from '@xyo-network/archivist';
4
- import { ModuleRenderProps } from '../ModuleRenderProps';
5
- export declare const ArchivistCard: React.FC<CardProps & ModuleRenderProps<PayloadArchivist>>;
6
- //# sourceMappingURL=ArchivistCard.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArchivistCard.d.ts","sourceRoot":"","sources":["../../../src/components/ArchivistCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAKxD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAQnF,CAAA"}
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { CardHeaderProps } from '@mui/material';
3
- import { PayloadArchivist } from '@xyo-network/archivist';
4
- import { ModuleRenderProps } from '../ModuleRenderProps';
5
- export declare const ArchivistCardHeader: React.FC<ModuleRenderProps<PayloadArchivist> & CardHeaderProps>;
6
- //# sourceMappingURL=ArchivistCardHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArchivistCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ArchivistCardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGxD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,eAAe,CAE/F,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArchivistContent.d.ts","sourceRoot":"","sources":["../../../src/components/ArchivistContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAA;AAI5D,OAAO,EAAmB,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAI1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGxD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,CAyBjG,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAKxD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,iBAAiB,CAQ9D,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../src/components/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAQ5E,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../src/components/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAc,MAAM,eAAe,CAAA;AAOzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAyB5E,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,eAAe,CAU1E,CAAA"}
@@ -1,17 +0,0 @@
1
- import { Card, CardProps } from '@mui/material'
2
- import { PayloadArchivist } from '@xyo-network/archivist'
3
-
4
- import { ModuleRenderProps } from '../ModuleRenderProps'
5
- import { ArchivistCardHeader } from './ArchivistCardHeader'
6
- import { ArchivistCardContent } from './ArchivistContent'
7
- import { ModuleCardActions } from './CardActions'
8
-
9
- export const ArchivistCard: React.FC<CardProps & ModuleRenderProps<PayloadArchivist>> = ({ module, ...props }) => {
10
- return (
11
- <Card {...props}>
12
- <ArchivistCardHeader module={module} />
13
- <ArchivistCardContent module={module} />
14
- <ModuleCardActions module={module} />
15
- </Card>
16
- )
17
- }