@xyo-network/react-module 3.0.1 → 3.0.3
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/browser/ModuleRenderProps.d.ts +7 -0
- package/dist/browser/ModuleRenderProps.d.ts.map +1 -0
- package/dist/browser/components/Card/Diviner/Card.d.ts +6 -0
- package/dist/browser/components/Card/Diviner/Card.d.ts.map +1 -0
- package/dist/browser/components/Card/Diviner/CardActions.d.ts +6 -0
- package/dist/browser/components/Card/Diviner/CardActions.d.ts.map +1 -0
- package/dist/browser/components/Card/Diviner/CardContent.d.ts +6 -0
- package/dist/browser/components/Card/Diviner/CardContent.d.ts.map +1 -0
- package/dist/browser/components/Card/Diviner/CardHeader.d.ts +6 -0
- package/dist/browser/components/Card/Diviner/CardHeader.d.ts.map +1 -0
- package/dist/browser/components/Card/Diviner/index.d.ts +4 -0
- package/dist/browser/components/Card/Diviner/index.d.ts.map +1 -0
- package/dist/browser/components/Card/Module/Card.d.ts +5 -0
- package/dist/browser/components/Card/Module/Card.d.ts.map +1 -0
- package/dist/browser/components/Card/Module/CardActions.d.ts +5 -0
- package/dist/browser/components/Card/Module/CardActions.d.ts.map +1 -0
- package/dist/browser/components/Card/Module/CardContent.d.ts +5 -0
- package/dist/browser/components/Card/Module/CardContent.d.ts.map +1 -0
- package/dist/browser/components/Card/Module/CardHeader.d.ts +5 -0
- package/dist/browser/components/Card/Module/CardHeader.d.ts.map +1 -0
- package/dist/browser/components/Card/Module/components/DiscoverDialog.d.ts +10 -0
- package/dist/browser/components/Card/Module/components/DiscoverDialog.d.ts.map +1 -0
- package/dist/browser/components/Card/Module/components/index.d.ts +2 -0
- package/dist/browser/components/Card/Module/components/index.d.ts.map +1 -0
- package/dist/browser/components/Card/Module/index.d.ts +5 -0
- package/dist/browser/components/Card/Module/index.d.ts.map +1 -0
- package/dist/browser/components/Card/index.d.ts +3 -0
- package/dist/browser/components/Card/index.d.ts.map +1 -0
- package/dist/browser/components/DetailsBox.d.ts +5 -0
- package/dist/browser/components/DetailsBox.d.ts.map +1 -0
- package/dist/browser/components/TableCell.d.ts +5 -0
- package/dist/browser/components/TableCell.d.ts.map +1 -0
- package/dist/browser/components/index.d.ts +4 -0
- package/dist/browser/components/index.d.ts.map +1 -0
- package/dist/browser/hooks/index.d.ts +2 -0
- package/dist/browser/hooks/index.d.ts.map +1 -0
- package/dist/browser/hooks/useRefresh.d.ts +4 -0
- package/dist/browser/hooks/useRefresh.d.ts.map +1 -0
- package/dist/browser/index.d.ts +4 -35
- package/dist/browser/index.d.ts.map +1 -0
- package/dist/browser/index.mjs.map +1 -1
- package/package.json +59 -53
- package/src/ModuleRenderProps.tsx +1 -1
- package/src/components/Card/Diviner/Card.stories.tsx +3 -5
- package/src/components/Card/Diviner/Card.tsx +7 -4
- package/src/components/Card/Diviner/CardActions.tsx +3 -3
- package/src/components/Card/Diviner/CardContent.tsx +3 -3
- package/src/components/Card/Diviner/CardHeader.tsx +6 -4
- package/src/components/Card/Module/Card.stories.tsx +4 -7
- package/src/components/Card/Module/Card.tsx +3 -2
- package/src/components/Card/Module/CardActions.tsx +12 -4
- package/src/components/Card/Module/CardContent.tsx +3 -2
- package/src/components/Card/Module/CardHeader.tsx +7 -4
- package/src/components/Card/Module/components/DiscoverDialog.tsx +10 -4
- package/src/components/DetailsBox.stories.tsx +6 -8
- package/src/components/DetailsBox.tsx +7 -4
- package/src/components/TableCell.tsx +6 -3
- package/xy.config.ts +2 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModuleRenderProps.d.ts","sourceRoot":"","sources":["../../src/ModuleRenderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,IAAI;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,CAAC,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CardProps } from '@mui/material';
|
|
2
|
+
import type { DivinerInstance } from '@xyo-network/diviner-model';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx';
|
|
5
|
+
export declare const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>>;
|
|
6
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAWhF,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CardActionsProps } from '@mui/material';
|
|
2
|
+
import type { DivinerInstance } from '@xyo-network/diviner-model';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx';
|
|
5
|
+
export declare const DivinerCardActions: React.FC<ModuleRenderProps<DivinerInstance> & CardActionsProps>;
|
|
6
|
+
//# sourceMappingURL=CardActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,gBAAgB,CAE9F,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CardContentProps } from '@mui/material';
|
|
2
|
+
import type { DivinerInstance } from '@xyo-network/diviner-model';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx';
|
|
5
|
+
export declare const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps>;
|
|
6
|
+
//# sourceMappingURL=CardContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,gBAAgB,CAE9F,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CardHeaderProps } from '@mui/material';
|
|
2
|
+
import type { DivinerInstance } from '@xyo-network/diviner-model';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx';
|
|
5
|
+
export declare const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps>;
|
|
6
|
+
//# sourceMappingURL=CardHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,eAAe,CAI5F,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,iBAAiB,CAQ9D,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { CardActionsProps } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx';
|
|
4
|
+
export declare const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps>;
|
|
5
|
+
//# sourceMappingURL=CardActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIrD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CA0B5E,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { CardContentProps } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx';
|
|
4
|
+
export declare const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps>;
|
|
5
|
+
//# sourceMappingURL=CardContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAE5E,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { CardHeaderProps } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx';
|
|
4
|
+
export declare const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps>;
|
|
5
|
+
//# sourceMappingURL=CardHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAQvE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,eAAe,CAsB1E,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { DialogProps } from '@mui/material';
|
|
2
|
+
import type { ModuleInstance } from '@xyo-network/module-model';
|
|
3
|
+
import type { Dispatch, SetStateAction } from 'react';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
export interface DiscoverDialogProps extends DialogProps {
|
|
6
|
+
mod?: ModuleInstance;
|
|
7
|
+
setOpen?: Dispatch<SetStateAction<boolean>>;
|
|
8
|
+
}
|
|
9
|
+
export declare const DiscoverDialog: React.FC<DiscoverDialogProps>;
|
|
10
|
+
//# sourceMappingURL=DiscoverDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DiscoverDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAKhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,GAAG,CAAC,EAAE,cAAc,CAAA;IACpB,OAAO,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAC5C;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BxD,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { ModuleRenderProps } from '../ModuleRenderProps.tsx';
|
|
4
|
+
export declare const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps>;
|
|
5
|
+
//# sourceMappingURL=DetailsBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/DetailsBox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAIzD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAMjE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,YAAY,CA8BvE,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { TableCellProps } from '@mui/material';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { ModuleRenderProps } from '../ModuleRenderProps.tsx';
|
|
4
|
+
export declare const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps>;
|
|
5
|
+
//# sourceMappingURL=TableCell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/components/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAInD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,cAAc,CASxE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRefresh.d.ts","sourceRoot":"","sources":["../../../src/hooks/useRefresh.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,MAAM,MAAM,CAAA;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,IAAI,CAAA;AAExC,eAAO,MAAM,UAAU,QAAO,CAAC,MAAM,EAAE,eAAe,EAAE,eAAe,CAWtE,CAAA"}
|
package/dist/browser/index.d.ts
CHANGED
|
@@ -1,35 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
6
|
-
|
|
7
|
-
type ModuleRenderProps<T extends ModuleInstance = ModuleInstance> = {
|
|
8
|
-
address?: string;
|
|
9
|
-
mod?: T;
|
|
10
|
-
name?: string;
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
declare const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>>;
|
|
14
|
-
|
|
15
|
-
declare const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps>;
|
|
16
|
-
|
|
17
|
-
declare const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps>;
|
|
18
|
-
|
|
19
|
-
declare const ModuleCard: React.FC<CardProps & ModuleRenderProps>;
|
|
20
|
-
|
|
21
|
-
declare const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps>;
|
|
22
|
-
|
|
23
|
-
declare const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps>;
|
|
24
|
-
|
|
25
|
-
declare const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps>;
|
|
26
|
-
|
|
27
|
-
declare const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps>;
|
|
28
|
-
|
|
29
|
-
declare const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps>;
|
|
30
|
-
|
|
31
|
-
type RefreshCallback = () => number;
|
|
32
|
-
type DisableCallback = () => void;
|
|
33
|
-
declare const useRefresh: () => [number, RefreshCallback, DisableCallback];
|
|
34
|
-
|
|
35
|
-
export { type DisableCallback, DivinerCard, DivinerCardContent, DivinerCardHeader, ModuleCard, ModuleCardActions, ModuleCardContent, ModuleCardHeader, ModuleDetailsBox, type ModuleRenderProps, ModuleTableCell, type RefreshCallback, useRefresh };
|
|
1
|
+
export * from './components/index.ts';
|
|
2
|
+
export * from './hooks/index.ts';
|
|
3
|
+
export * from './ModuleRenderProps.tsx';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/Card/Diviner/Card.tsx","../../src/components/Card/Module/Card.tsx","../../src/components/Card/Module/CardActions.tsx","../../src/components/Card/Module/components/DiscoverDialog.tsx","../../src/components/Card/Module/CardContent.tsx","../../src/components/Card/Module/CardHeader.tsx","../../src/components/Card/Diviner/CardContent.tsx","../../src/components/Card/Diviner/CardHeader.tsx","../../src/components/DetailsBox.tsx","../../src/components/TableCell.tsx","../../src/hooks/useRefresh.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardActions } from '../Module/index.ts'\nimport { DivinerCardContent } from './CardContent.tsx'\nimport { DivinerCardHeader } from './CardHeader.tsx'\n\nexport const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({ children, mod, ...props }) => {\n return (\n <Card {...props}>\n <DivinerCardHeader mod={mod} />\n <DivinerCardContent mod={mod} />\n {children}\n <ModuleCardActions mod={mod} />\n </Card>\n )\n}\n","import { Card, CardProps } from '@mui/material'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardActions } from './CardActions.tsx'\nimport { ModuleCardContent } from './CardContent.tsx'\nimport { ModuleCardHeader } from './CardHeader.tsx'\n\nexport const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ mod, ...props }) => {\n return (\n <Card {...props}>\n <ModuleCardHeader mod={mod} />\n <ModuleCardContent mod={mod} />\n <ModuleCardActions mod={mod} />\n </Card>\n )\n}\n","import { CardActions, CardActionsProps, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { DiscoverDialog } from './components/index.ts'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, mod, sx, ...props }) => {\n const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n const config = mod?.config\n\n return (\n <CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>\n <FlexRow justifyContent=\"space-between\" gap={1} alignItems=\"center\">\n {mod\n ? <Chip label={config?.schema} size=\"small\" />\n : null}\n {children}\n <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size=\"small\" variant=\"outlined\">\n Discover\n </ButtonEx>\n </FlexRow>\n <DiscoverDialog fullWidth maxWidth=\"md\" mod={mod} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n </CardActions>\n )\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport React, { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n mod?: ModuleInstance\n setOpen?: Dispatch<SetStateAction<boolean>>\n}\n\n// Add a dialogue title and quick tip to show description of discover query\n\nexport const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ mod, setOpen, ...props }) => {\n const [discoverPayloads] = usePromise(async () => {\n return await mod?.state()\n }, [mod])\n\n return (\n <Dialog {...props}>\n <DialogTitle>\n Supported Queries for\n {mod?.config.name || mod?.address}\n </DialogTitle>\n <Divider />\n <DialogContent>\n <Paper sx={{ p: 1 }}>\n <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n </Paper>\n </DialogContent>\n <DialogActions>\n <Button onClick={() => setOpen?.(false)} variant=\"outlined\">\n Close\n </Button>\n </DialogActions>\n </Dialog>\n )\n}\n","import { CardContent, CardContentProps } from '@mui/material'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n return <CardContent {...props}>{children}</CardContent>\n}\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nconst moduleTypes = ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness']\n\nconst getModuleIcons = (moduleType: string, mod: Module) => {\n return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({ subheader, avatar, title, mod, ...props }) => {\n return (\n <CardHeader\n title={title ?? mod?.config.name ?? 'Module'}\n subheader={subheader ?? mod?.address}\n avatar={\n avatar ?? (\n <>\n {mod\n ? moduleTypes.map((moduleType) => {\n const Icon = getModuleIcons(moduleType, mod)\n return Icon ? <Icon key={moduleType} fontSize=\"large\" color=\"primary\" /> : null\n })\n : null}\n </>\n )\n }\n {...props}\n />\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardContent } from '../Module/index.ts'\n\nexport const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {\n return <ModuleCardContent {...props}>{children}</ModuleCardContent>\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardHeader } from '../Module/index.ts'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({ title, mod, ...props }) => {\n return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />\n}\n","import { EthAddress } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React, { useState } from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nconst getModuleIcon = (moduleType: string, mod: Module) => {\n return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null\n}\n\nexport const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ children, mod, ...props }) => {\n const [showQueries, setShowQueries] = useState(false)\n return (\n <FlexCol {...props}>\n <FlexRow>\n {mod\n ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {\n const icon = getModuleIcon(moduleType, mod)\n return icon\n ? (\n <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n {icon}\n </ButtonEx>\n )\n : null\n })\n : null}\n <EthAccountBox address={EthAddress.fromString(mod?.address)} />\n </FlexRow>\n\n {showQueries\n ? mod?.queries.map((query) => {\n return <FlexRow key={query}>{query}</FlexRow>\n })\n : null}\n {children}\n </FlexCol>\n )\n}\n","import { TableCell, TableCellProps } from '@mui/material'\nimport { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport React from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({ children, mod, ...props }) => {\n return (\n <TableCell {...props}>\n <EthAccountBox address={EthAddress.fromString(mod?.address)} />\n {children}\n </TableCell>\n )\n}\n","import { useState } from 'react'\n\nexport type RefreshCallback = () => number\nexport type DisableCallback = () => void\n\nexport const useRefresh = (): [number, RefreshCallback, DisableCallback] => {\n const [count, setCount] = useState(1)\n return [\n count,\n () => {\n const newCount = count + 1\n setCount(newCount)\n return newCount\n },\n () => setCount(0),\n ]\n}\n"],"mappings":"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","names":["Card","React","Card","React","CardActions","Chip","ButtonEx","FlexRow","React","useState","Button","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","Divider","Paper","usePromise","React","DiscoverDialog","mod","setOpen","props","discoverPayloads","usePromise","state","Dialog","DialogTitle","config","name","address","Divider","DialogContent","Paper","sx","p","DialogContentText","pre","JSON","stringify","DialogActions","Button","onClick","variant","ModuleCardActions","children","mod","sx","props","discoverDialogOpen","setDiscoverDialogOpen","useState","config","React","CardActions","alignItems","flexDirection","ml","FlexRow","justifyContent","gap","Chip","label","schema","size","ButtonEx","onClick","variant","DiscoverDialog","fullWidth","maxWidth","open","setOpen","CardContent","React","ModuleCardContent","children","props","React","CardContent","CardHeader","findNetworkComponent","React","moduleTypes","getModuleIcons","moduleType","mod","queries","find","query","startsWith","findNetworkComponent","icon","ModuleCardHeader","subheader","avatar","title","props","React","CardHeader","config","name","address","map","Icon","key","fontSize","color","ModuleCard","mod","props","React","Card","ModuleCardHeader","ModuleCardContent","ModuleCardActions","React","DivinerCardContent","children","props","React","ModuleCardContent","React","DivinerCardHeader","title","mod","props","React","ModuleCardHeader","config","name","DivinerCard","children","mod","props","React","Card","DivinerCardHeader","DivinerCardContent","ModuleCardActions","EthAddress","ButtonEx","EthAccountBox","FlexCol","FlexRow","findNetworkComponent","React","useState","getModuleIcon","moduleType","mod","queries","find","query","startsWith","findNetworkComponent","icon","ModuleDetailsBox","children","props","showQueries","setShowQueries","useState","React","FlexCol","FlexRow","map","ButtonEx","onClick","key","EthAccountBox","address","EthAddress","fromString","TableCell","EthAddress","EthAccountBox","React","ModuleTableCell","children","mod","props","React","TableCell","EthAccountBox","address","EthAddress","fromString","useState","useRefresh","count","setCount","useState","newCount"]}
|
|
1
|
+
{"version":3,"sources":["../../src/components/Card/Diviner/Card.tsx","../../src/components/Card/Module/Card.tsx","../../src/components/Card/Module/CardActions.tsx","../../src/components/Card/Module/components/DiscoverDialog.tsx","../../src/components/Card/Module/CardContent.tsx","../../src/components/Card/Module/CardHeader.tsx","../../src/components/Card/Diviner/CardContent.tsx","../../src/components/Card/Diviner/CardHeader.tsx","../../src/components/DetailsBox.tsx","../../src/components/TableCell.tsx","../../src/hooks/useRefresh.tsx"],"sourcesContent":["import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardActions } from '../Module/index.ts'\nimport { DivinerCardContent } from './CardContent.tsx'\nimport { DivinerCardHeader } from './CardHeader.tsx'\n\nexport const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({\n children, mod, ...props\n}) => {\n return (\n <Card {...props}>\n <DivinerCardHeader mod={mod} />\n <DivinerCardContent mod={mod} />\n {children}\n <ModuleCardActions mod={mod} />\n </Card>\n )\n}\n","import type { CardProps } from '@mui/material'\nimport { Card } from '@mui/material'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardActions } from './CardActions.tsx'\nimport { ModuleCardContent } from './CardContent.tsx'\nimport { ModuleCardHeader } from './CardHeader.tsx'\n\nexport const ModuleCard: React.FC<CardProps & ModuleRenderProps> = ({ mod, ...props }) => {\n return (\n <Card {...props}>\n <ModuleCardHeader mod={mod} />\n <ModuleCardContent mod={mod} />\n <ModuleCardActions mod={mod} />\n </Card>\n )\n}\n","import type { CardActionsProps } from '@mui/material'\nimport { CardActions, Chip } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { DiscoverDialog } from './components/index.ts'\n\nexport const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({\n children, mod, sx, ...props\n}) => {\n const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)\n\n const config = mod?.config\n\n return (\n <CardActions\n sx={{\n alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx,\n }}\n {...props}\n >\n <FlexRow justifyContent=\"space-between\" gap={1} alignItems=\"center\">\n {mod\n ? <Chip label={config?.schema} size=\"small\" />\n : null}\n {children}\n <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size=\"small\" variant=\"outlined\">\n Discover\n </ButtonEx>\n </FlexRow>\n <DiscoverDialog fullWidth maxWidth=\"md\" mod={mod} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />\n </CardActions>\n )\n}\n","import type { DialogProps } from '@mui/material'\nimport {\n Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper,\n} from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport type { ModuleInstance } from '@xyo-network/module-model'\nimport type { Dispatch, SetStateAction } from 'react'\nimport React from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n mod?: ModuleInstance\n setOpen?: Dispatch<SetStateAction<boolean>>\n}\n\n// Add a dialogue title and quick tip to show description of discover query\n\nexport const DiscoverDialog: React.FC<DiscoverDialogProps> = ({\n mod, setOpen, ...props\n}) => {\n const [discoverPayloads] = usePromise(async () => {\n return await mod?.state()\n }, [mod])\n\n return (\n <Dialog {...props}>\n <DialogTitle>\n Supported Queries for\n {mod?.config.name || mod?.address}\n </DialogTitle>\n <Divider />\n <DialogContent>\n <Paper sx={{ p: 1 }}>\n <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n </Paper>\n </DialogContent>\n <DialogActions>\n <Button onClick={() => setOpen?.(false)} variant=\"outlined\">\n Close\n </Button>\n </DialogActions>\n </Dialog>\n )\n}\n","import type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nexport const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {\n return <CardContent {...props}>{children}</CardContent>\n}\n","import type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport type { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\n\nconst moduleTypes = ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness']\n\nconst getModuleIcons = (moduleType: string, mod: Module) => {\n return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null\n}\n\nexport const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({\n subheader, avatar, title, mod, ...props\n}) => {\n return (\n <CardHeader\n title={title ?? mod?.config.name ?? 'Module'}\n subheader={subheader ?? mod?.address}\n avatar={\n avatar ?? (\n <>\n {mod\n ? moduleTypes.map((moduleType) => {\n const Icon = getModuleIcons(moduleType, mod)\n return Icon ? <Icon key={moduleType} fontSize=\"large\" color=\"primary\" /> : null\n })\n : null}\n </>\n )\n }\n {...props}\n />\n )\n}\n","import type { CardContentProps } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardContent } from '../Module/index.ts'\n\nexport const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {\n return <ModuleCardContent {...props}>{children}</ModuleCardContent>\n}\n","import type { CardHeaderProps } from '@mui/material'\nimport type { DivinerInstance } from '@xyo-network/diviner-model'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'\nimport { ModuleCardHeader } from '../Module/index.ts'\n\nexport const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({\n title, mod, ...props\n}) => {\n return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />\n}\n","import { EthAddress } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport type { Module } from '@xyo-network/module-model'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport React, { useState } from 'react'\n\nimport type { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nconst getModuleIcon = (moduleType: string, mod: Module) => {\n return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null\n}\n\nexport const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({\n children, mod, ...props\n}) => {\n const [showQueries, setShowQueries] = useState(false)\n return (\n <FlexCol {...props}>\n <FlexRow>\n {mod\n ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {\n const icon = getModuleIcon(moduleType, mod)\n return icon\n ? (\n <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n {icon}\n </ButtonEx>\n )\n : null\n })\n : null}\n <EthAccountBox address={EthAddress.fromString(mod?.address)} />\n </FlexRow>\n\n {showQueries\n ? mod?.queries.map((query) => {\n return <FlexRow key={query}>{query}</FlexRow>\n })\n : null}\n {children}\n </FlexCol>\n )\n}\n","import type { TableCellProps } from '@mui/material'\nimport { TableCell } from '@mui/material'\nimport { EthAddress } from '@xylabs/eth-address'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport React from 'react'\n\nimport type { ModuleRenderProps } from '../ModuleRenderProps.tsx'\n\nexport const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({\n children, mod, ...props\n}) => {\n return (\n <TableCell {...props}>\n <EthAccountBox address={EthAddress.fromString(mod?.address)} />\n {children}\n </TableCell>\n )\n}\n","import { useState } from 'react'\n\nexport type RefreshCallback = () => number\nexport type DisableCallback = () => void\n\nexport const useRefresh = (): [number, RefreshCallback, DisableCallback] => {\n const [count, setCount] = useState(1)\n return [\n count,\n () => {\n const newCount = count + 1\n setCount(newCount)\n return newCount\n },\n () => setCount(0),\n ]\n}\n"],"mappings":"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","names":["Card","React","Card","React","CardActions","Chip","ButtonEx","FlexRow","React","useState","Button","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","Divider","Paper","usePromise","React","DiscoverDialog","mod","setOpen","props","discoverPayloads","usePromise","state","Dialog","DialogTitle","config","name","address","Divider","DialogContent","Paper","sx","p","DialogContentText","pre","JSON","stringify","DialogActions","Button","onClick","variant","ModuleCardActions","children","mod","sx","props","discoverDialogOpen","setDiscoverDialogOpen","useState","config","React","CardActions","alignItems","flexDirection","ml","FlexRow","justifyContent","gap","Chip","label","schema","size","ButtonEx","onClick","variant","DiscoverDialog","fullWidth","maxWidth","open","setOpen","CardContent","React","ModuleCardContent","children","props","React","CardContent","CardHeader","findNetworkComponent","React","moduleTypes","getModuleIcons","moduleType","mod","queries","find","query","startsWith","findNetworkComponent","icon","ModuleCardHeader","subheader","avatar","title","props","React","CardHeader","config","name","address","map","Icon","key","fontSize","color","ModuleCard","mod","props","React","Card","ModuleCardHeader","ModuleCardContent","ModuleCardActions","React","DivinerCardContent","children","props","React","ModuleCardContent","React","DivinerCardHeader","title","mod","props","React","ModuleCardHeader","config","name","DivinerCard","children","mod","props","React","Card","DivinerCardHeader","DivinerCardContent","ModuleCardActions","EthAddress","ButtonEx","EthAccountBox","FlexCol","FlexRow","findNetworkComponent","React","useState","getModuleIcon","moduleType","mod","queries","find","query","startsWith","findNetworkComponent","icon","ModuleDetailsBox","children","props","showQueries","setShowQueries","useState","React","FlexCol","FlexRow","map","ButtonEx","onClick","key","EthAccountBox","address","EthAddress","fromString","TableCell","EthAddress","EthAccountBox","React","ModuleTableCell","children","mod","props","React","TableCell","EthAccountBox","address","EthAddress","fromString","useState","useRefresh","count","setCount","useState","newCount"]}
|
package/package.json
CHANGED
|
@@ -1,33 +1,72 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-module",
|
|
3
|
+
"version": "3.0.3",
|
|
4
|
+
"description": "Common React library for all XYO projects that use React",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"xyo",
|
|
7
|
+
"utility",
|
|
8
|
+
"typescript",
|
|
9
|
+
"react"
|
|
10
|
+
],
|
|
11
|
+
"homepage": "https://xyo.network",
|
|
12
|
+
"bugs": {
|
|
13
|
+
"url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues",
|
|
14
|
+
"email": "support@xyo.network"
|
|
15
|
+
},
|
|
16
|
+
"repository": {
|
|
17
|
+
"type": "git",
|
|
18
|
+
"url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
|
|
19
|
+
},
|
|
20
|
+
"license": "LGPL-3.0-only",
|
|
3
21
|
"author": {
|
|
4
|
-
"email": "support@xyo.network",
|
|
5
22
|
"name": "XYO Development Team",
|
|
23
|
+
"email": "support@xyo.network",
|
|
6
24
|
"url": "https://xyo.network"
|
|
7
25
|
},
|
|
8
|
-
"
|
|
9
|
-
|
|
10
|
-
|
|
26
|
+
"sideEffects": false,
|
|
27
|
+
"type": "module",
|
|
28
|
+
"exports": {
|
|
29
|
+
".": {
|
|
30
|
+
"import": {
|
|
31
|
+
"types": "./dist/browser/index.d.ts",
|
|
32
|
+
"default": "./dist/browser/index.mjs"
|
|
33
|
+
},
|
|
34
|
+
"types": "./dist/browser/index.d.ts",
|
|
35
|
+
"default": "./dist/browser/index.mjs"
|
|
36
|
+
},
|
|
37
|
+
"./package.json": "./package.json"
|
|
38
|
+
},
|
|
39
|
+
"module": "dist/browser/index.mjs",
|
|
40
|
+
"types": "dist/browser/index.d.ts",
|
|
41
|
+
"scripts": {
|
|
42
|
+
"license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\"",
|
|
43
|
+
"lint-pkg": "npmPkgJsonLint ."
|
|
11
44
|
},
|
|
12
45
|
"dependencies": {
|
|
13
|
-
"@xylabs/eth-address": "^4.0.
|
|
14
|
-
"@xylabs/react-button": "^4.0.
|
|
15
|
-
"@xylabs/react-crypto": "^4.0.
|
|
16
|
-
"@xylabs/react-flexbox": "^4.0.
|
|
17
|
-
"@xylabs/react-promise": "^4.0.
|
|
18
|
-
"@xyo-network/diviner-model": "^3.0.
|
|
19
|
-
"@xyo-network/module-model": "^3.0.
|
|
20
|
-
"@xyo-network/react-shared": "^3.0.
|
|
46
|
+
"@xylabs/eth-address": "^4.0.5",
|
|
47
|
+
"@xylabs/react-button": "^4.0.3",
|
|
48
|
+
"@xylabs/react-crypto": "^4.0.3",
|
|
49
|
+
"@xylabs/react-flexbox": "^4.0.3",
|
|
50
|
+
"@xylabs/react-promise": "^4.0.3",
|
|
51
|
+
"@xyo-network/diviner-model": "^3.0.15",
|
|
52
|
+
"@xyo-network/module-model": "^3.0.15",
|
|
53
|
+
"@xyo-network/react-shared": "^3.0.3"
|
|
21
54
|
},
|
|
22
55
|
"devDependencies": {
|
|
56
|
+
"@mui/icons-material": "^5.16.7",
|
|
57
|
+
"@mui/material": "^5.16.7",
|
|
58
|
+
"@mui/styles": "^5.16.7",
|
|
23
59
|
"@storybook/react": "^8.2.9",
|
|
24
|
-
"@xylabs/react-async-effect": "^4.0.
|
|
25
|
-
"@xylabs/ts-scripts-yarn3": "^4.0.
|
|
26
|
-
"@xylabs/tsconfig-react": "^4.0.
|
|
27
|
-
"@xyo-network/archivist": "^3.0.
|
|
28
|
-
"@xyo-network/crypto-asset-plugin": "^3.0.
|
|
29
|
-
"@xyo-network/diviner-address-history": "^3.0.
|
|
30
|
-
"@xyo-network/node-memory": "^3.0.
|
|
60
|
+
"@xylabs/react-async-effect": "^4.0.3",
|
|
61
|
+
"@xylabs/ts-scripts-yarn3": "^4.0.7",
|
|
62
|
+
"@xylabs/tsconfig-react": "^4.0.7",
|
|
63
|
+
"@xyo-network/archivist": "^3.0.15",
|
|
64
|
+
"@xyo-network/crypto-asset-plugin": "^3.0.7",
|
|
65
|
+
"@xyo-network/diviner-address-history": "^3.0.15",
|
|
66
|
+
"@xyo-network/node-memory": "^3.0.15",
|
|
67
|
+
"react": "^18.3.1",
|
|
68
|
+
"react-dom": "^18.3.1",
|
|
69
|
+
"storybook": "^8.2.9",
|
|
31
70
|
"typescript": "^5.5.4"
|
|
32
71
|
},
|
|
33
72
|
"peerDependencies": {
|
|
@@ -37,41 +76,8 @@
|
|
|
37
76
|
"react": "^18",
|
|
38
77
|
"react-dom": "^18"
|
|
39
78
|
},
|
|
40
|
-
"description": "Common React library for all XYO projects that use React",
|
|
41
|
-
"docs": "dist/docs.json",
|
|
42
|
-
"exports": {
|
|
43
|
-
".": {
|
|
44
|
-
"import": {
|
|
45
|
-
"types": "./dist/browser/index.d.ts",
|
|
46
|
-
"default": "./dist/browser/index.mjs"
|
|
47
|
-
},
|
|
48
|
-
"types": "./dist/browser/index.d.ts",
|
|
49
|
-
"default": "./dist/browser/index.mjs"
|
|
50
|
-
},
|
|
51
|
-
"./package.json": "./package.json"
|
|
52
|
-
},
|
|
53
|
-
"module": "dist/browser/index.mjs",
|
|
54
|
-
"homepage": "https://xyo.network",
|
|
55
|
-
"keywords": [
|
|
56
|
-
"xyo",
|
|
57
|
-
"utility",
|
|
58
|
-
"typescript",
|
|
59
|
-
"react"
|
|
60
|
-
],
|
|
61
|
-
"license": "LGPL-3.0-only",
|
|
62
79
|
"publishConfig": {
|
|
63
80
|
"access": "public"
|
|
64
81
|
},
|
|
65
|
-
"
|
|
66
|
-
"type": "git",
|
|
67
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
|
|
68
|
-
},
|
|
69
|
-
"scripts": {
|
|
70
|
-
"lint-pkg": "npmPkgJsonLint .",
|
|
71
|
-
"license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
|
|
72
|
-
},
|
|
73
|
-
"sideEffects": false,
|
|
74
|
-
"types": "dist/browser/index.d.ts",
|
|
75
|
-
"version": "3.0.1",
|
|
76
|
-
"type": "module"
|
|
82
|
+
"docs": "dist/docs.json"
|
|
77
83
|
}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import { Meta, StoryFn } from '@storybook/react'
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/react'
|
|
2
2
|
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
3
3
|
import { AddressHistoryDiviner, AddressHistoryDivinerConfigSchema } from '@xyo-network/diviner-address-history'
|
|
4
|
-
import { DivinerInstance } from '@xyo-network/diviner-model'
|
|
4
|
+
import type { DivinerInstance } from '@xyo-network/diviner-model'
|
|
5
5
|
import React, { useState } from 'react'
|
|
6
6
|
|
|
7
7
|
import { DivinerCard } from './Card.tsx'
|
|
8
8
|
|
|
9
|
-
const StorybookEntry = {
|
|
10
|
-
title: 'modules/diviner/DivinerCard',
|
|
11
|
-
} as Meta<typeof DivinerCard>
|
|
9
|
+
const StorybookEntry = { title: 'modules/diviner/DivinerCard' } as Meta<typeof DivinerCard>
|
|
12
10
|
|
|
13
11
|
const Template: StoryFn<typeof DivinerCard> = () => {
|
|
14
12
|
const [mod, setModule] = useState<DivinerInstance>()
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import type { CardProps } from '@mui/material'
|
|
2
|
+
import { Card } from '@mui/material'
|
|
3
|
+
import type { DivinerInstance } from '@xyo-network/diviner-model'
|
|
3
4
|
import React from 'react'
|
|
4
5
|
|
|
5
|
-
import { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
6
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
6
7
|
import { ModuleCardActions } from '../Module/index.ts'
|
|
7
8
|
import { DivinerCardContent } from './CardContent.tsx'
|
|
8
9
|
import { DivinerCardHeader } from './CardHeader.tsx'
|
|
9
10
|
|
|
10
|
-
export const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({
|
|
11
|
+
export const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({
|
|
12
|
+
children, mod, ...props
|
|
13
|
+
}) => {
|
|
11
14
|
return (
|
|
12
15
|
<Card {...props}>
|
|
13
16
|
<DivinerCardHeader mod={mod} />
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { CardActionsProps } from '@mui/material'
|
|
2
|
-
import { DivinerInstance } from '@xyo-network/diviner-model'
|
|
1
|
+
import type { CardActionsProps } from '@mui/material'
|
|
2
|
+
import type { DivinerInstance } from '@xyo-network/diviner-model'
|
|
3
3
|
import React from 'react'
|
|
4
4
|
|
|
5
|
-
import { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
5
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
6
6
|
import { ModuleCardActions } from '../Module/index.ts'
|
|
7
7
|
|
|
8
8
|
export const DivinerCardActions: React.FC<ModuleRenderProps<DivinerInstance> & CardActionsProps> = (props) => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { CardContentProps } from '@mui/material'
|
|
2
|
-
import { DivinerInstance } from '@xyo-network/diviner-model'
|
|
1
|
+
import type { CardContentProps } from '@mui/material'
|
|
2
|
+
import type { DivinerInstance } from '@xyo-network/diviner-model'
|
|
3
3
|
import React from 'react'
|
|
4
4
|
|
|
5
|
-
import { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
5
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
6
6
|
import { ModuleCardContent } from '../Module/index.ts'
|
|
7
7
|
|
|
8
8
|
export const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { CardHeaderProps } from '@mui/material'
|
|
2
|
-
import { DivinerInstance } from '@xyo-network/diviner-model'
|
|
1
|
+
import type { CardHeaderProps } from '@mui/material'
|
|
2
|
+
import type { DivinerInstance } from '@xyo-network/diviner-model'
|
|
3
3
|
import React from 'react'
|
|
4
4
|
|
|
5
|
-
import { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
5
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
6
6
|
import { ModuleCardHeader } from '../Module/index.ts'
|
|
7
7
|
|
|
8
|
-
export const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({
|
|
8
|
+
export const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({
|
|
9
|
+
title, mod, ...props
|
|
10
|
+
}) => {
|
|
9
11
|
return <ModuleCardHeader mod={mod} title={title ?? mod?.config.name ?? 'Diviner'} {...props} />
|
|
10
12
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { Meta, StoryFn } from '@storybook/react'
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/react'
|
|
2
2
|
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
3
|
-
import { ArchivistInstance
|
|
3
|
+
import type { ArchivistInstance } from '@xyo-network/archivist'
|
|
4
|
+
import { MemoryArchivist } from '@xyo-network/archivist'
|
|
4
5
|
import React, { useState } from 'react'
|
|
5
6
|
|
|
6
7
|
import { ModuleCard } from './Card.tsx'
|
|
@@ -13,11 +14,7 @@ const StorybookEntry = {
|
|
|
13
14
|
},
|
|
14
15
|
},
|
|
15
16
|
component: ModuleCard,
|
|
16
|
-
parameters: {
|
|
17
|
-
docs: {
|
|
18
|
-
page: null,
|
|
19
|
-
},
|
|
20
|
-
},
|
|
17
|
+
parameters: { docs: { page: null } },
|
|
21
18
|
title: 'modules/module/ModuleCard',
|
|
22
19
|
} as Meta<typeof ModuleCard>
|
|
23
20
|
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { CardProps } from '@mui/material'
|
|
2
|
+
import { Card } from '@mui/material'
|
|
2
3
|
import React from 'react'
|
|
3
4
|
|
|
4
|
-
import { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
5
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
5
6
|
import { ModuleCardActions } from './CardActions.tsx'
|
|
6
7
|
import { ModuleCardContent } from './CardContent.tsx'
|
|
7
8
|
import { ModuleCardHeader } from './CardHeader.tsx'
|
|
@@ -1,18 +1,26 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { CardActionsProps } from '@mui/material'
|
|
2
|
+
import { CardActions, Chip } from '@mui/material'
|
|
2
3
|
import { ButtonEx } from '@xylabs/react-button'
|
|
3
4
|
import { FlexRow } from '@xylabs/react-flexbox'
|
|
4
5
|
import React, { useState } from 'react'
|
|
5
6
|
|
|
6
|
-
import { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
7
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
7
8
|
import { DiscoverDialog } from './components/index.ts'
|
|
8
9
|
|
|
9
|
-
export const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({
|
|
10
|
+
export const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({
|
|
11
|
+
children, mod, sx, ...props
|
|
12
|
+
}) => {
|
|
10
13
|
const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)
|
|
11
14
|
|
|
12
15
|
const config = mod?.config
|
|
13
16
|
|
|
14
17
|
return (
|
|
15
|
-
<CardActions
|
|
18
|
+
<CardActions
|
|
19
|
+
sx={{
|
|
20
|
+
alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx,
|
|
21
|
+
}}
|
|
22
|
+
{...props}
|
|
23
|
+
>
|
|
16
24
|
<FlexRow justifyContent="space-between" gap={1} alignItems="center">
|
|
17
25
|
{mod
|
|
18
26
|
? <Chip label={config?.schema} size="small" />
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { CardContentProps } from '@mui/material'
|
|
2
|
+
import { CardContent } from '@mui/material'
|
|
2
3
|
import React from 'react'
|
|
3
4
|
|
|
4
|
-
import { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
5
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
5
6
|
|
|
6
7
|
export const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {
|
|
7
8
|
return <CardContent {...props}>{children}</CardContent>
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import type { CardHeaderProps } from '@mui/material'
|
|
2
|
+
import { CardHeader } from '@mui/material'
|
|
3
|
+
import type { Module } from '@xyo-network/module-model'
|
|
3
4
|
import { findNetworkComponent } from '@xyo-network/react-shared'
|
|
4
5
|
import React from 'react'
|
|
5
6
|
|
|
6
|
-
import { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
7
|
+
import type { ModuleRenderProps } from '../../../ModuleRenderProps.tsx'
|
|
7
8
|
|
|
8
9
|
const moduleTypes = ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness']
|
|
9
10
|
|
|
@@ -11,7 +12,9 @@ const getModuleIcons = (moduleType: string, mod: Module) => {
|
|
|
11
12
|
return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null
|
|
12
13
|
}
|
|
13
14
|
|
|
14
|
-
export const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({
|
|
15
|
+
export const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({
|
|
16
|
+
subheader, avatar, title, mod, ...props
|
|
17
|
+
}) => {
|
|
15
18
|
return (
|
|
16
19
|
<CardHeader
|
|
17
20
|
title={title ?? mod?.config.name ?? 'Module'}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { DialogProps } from '@mui/material'
|
|
2
|
+
import {
|
|
3
|
+
Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper,
|
|
4
|
+
} from '@mui/material'
|
|
2
5
|
import { usePromise } from '@xylabs/react-promise'
|
|
3
|
-
import { ModuleInstance } from '@xyo-network/module-model'
|
|
4
|
-
import
|
|
6
|
+
import type { ModuleInstance } from '@xyo-network/module-model'
|
|
7
|
+
import type { Dispatch, SetStateAction } from 'react'
|
|
8
|
+
import React from 'react'
|
|
5
9
|
|
|
6
10
|
export interface DiscoverDialogProps extends DialogProps {
|
|
7
11
|
mod?: ModuleInstance
|
|
@@ -10,7 +14,9 @@ export interface DiscoverDialogProps extends DialogProps {
|
|
|
10
14
|
|
|
11
15
|
// Add a dialogue title and quick tip to show description of discover query
|
|
12
16
|
|
|
13
|
-
export const DiscoverDialog: React.FC<DiscoverDialogProps> = ({
|
|
17
|
+
export const DiscoverDialog: React.FC<DiscoverDialogProps> = ({
|
|
18
|
+
mod, setOpen, ...props
|
|
19
|
+
}) => {
|
|
14
20
|
const [discoverPayloads] = usePromise(async () => {
|
|
15
21
|
return await mod?.state()
|
|
16
22
|
}, [mod])
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Meta, StoryFn } from '@storybook/react'
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/react'
|
|
2
2
|
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
3
3
|
import { FlexCol } from '@xylabs/react-flexbox'
|
|
4
4
|
import { MemoryArchivist } from '@xyo-network/archivist'
|
|
5
5
|
import { CryptoMarketAssetDiviner } from '@xyo-network/crypto-asset-plugin'
|
|
6
|
-
import { DivinerInstance } from '@xyo-network/diviner-model'
|
|
6
|
+
import type { DivinerInstance } from '@xyo-network/diviner-model'
|
|
7
7
|
import { MemoryNode } from '@xyo-network/node-memory'
|
|
8
8
|
import React, { useState } from 'react'
|
|
9
9
|
|
|
@@ -12,11 +12,7 @@ import { ModuleDetailsBox } from './DetailsBox.tsx'
|
|
|
12
12
|
const StorybookEntry = {
|
|
13
13
|
argTypes: {},
|
|
14
14
|
component: ModuleDetailsBox,
|
|
15
|
-
parameters: {
|
|
16
|
-
docs: {
|
|
17
|
-
page: null,
|
|
18
|
-
},
|
|
19
|
-
},
|
|
15
|
+
parameters: { docs: { page: null } },
|
|
20
16
|
title: 'modules/module/DetailsBox',
|
|
21
17
|
} as Meta<typeof ModuleDetailsBox>
|
|
22
18
|
|
|
@@ -86,6 +82,8 @@ const DivinerTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {
|
|
|
86
82
|
const DivinerDetails = DivinerTemplate.bind({})
|
|
87
83
|
DivinerDetails.args = {}
|
|
88
84
|
|
|
89
|
-
export {
|
|
85
|
+
export {
|
|
86
|
+
ArchivistDetails, DivinerDetails, NodeDetails,
|
|
87
|
+
}
|
|
90
88
|
|
|
91
89
|
export default StorybookEntry
|
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
import { EthAddress } from '@xylabs/eth-address'
|
|
2
2
|
import { ButtonEx } from '@xylabs/react-button'
|
|
3
3
|
import { EthAccountBox } from '@xylabs/react-crypto'
|
|
4
|
-
import { FlexBoxProps
|
|
5
|
-
import {
|
|
4
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
5
|
+
import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
|
|
6
|
+
import type { Module } from '@xyo-network/module-model'
|
|
6
7
|
import { findNetworkComponent } from '@xyo-network/react-shared'
|
|
7
8
|
import React, { useState } from 'react'
|
|
8
9
|
|
|
9
|
-
import { ModuleRenderProps } from '../ModuleRenderProps.tsx'
|
|
10
|
+
import type { ModuleRenderProps } from '../ModuleRenderProps.tsx'
|
|
10
11
|
|
|
11
12
|
const getModuleIcon = (moduleType: string, mod: Module) => {
|
|
12
13
|
return mod?.queries.find(query => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null
|
|
13
14
|
}
|
|
14
15
|
|
|
15
|
-
export const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({
|
|
16
|
+
export const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({
|
|
17
|
+
children, mod, ...props
|
|
18
|
+
}) => {
|
|
16
19
|
const [showQueries, setShowQueries] = useState(false)
|
|
17
20
|
return (
|
|
18
21
|
<FlexCol {...props}>
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { TableCellProps } from '@mui/material'
|
|
2
|
+
import { TableCell } from '@mui/material'
|
|
2
3
|
import { EthAddress } from '@xylabs/eth-address'
|
|
3
4
|
import { EthAccountBox } from '@xylabs/react-crypto'
|
|
4
5
|
import React from 'react'
|
|
5
6
|
|
|
6
|
-
import { ModuleRenderProps } from '../ModuleRenderProps.tsx'
|
|
7
|
+
import type { ModuleRenderProps } from '../ModuleRenderProps.tsx'
|
|
7
8
|
|
|
8
|
-
export const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({
|
|
9
|
+
export const ModuleTableCell: React.FC<ModuleRenderProps & TableCellProps> = ({
|
|
10
|
+
children, mod, ...props
|
|
11
|
+
}) => {
|
|
9
12
|
return (
|
|
10
13
|
<TableCell {...props}>
|
|
11
14
|
<EthAccountBox address={EthAddress.fromString(mod?.address)} />
|
package/xy.config.ts
CHANGED