@xyo-network/react-module 2.57.0 → 2.57.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.
- package/dist/cjs/components/Card/Diviner/Card.js.map +1 -1
- package/dist/cjs/components/Card/Diviner/CardActions.js.map +1 -1
- package/dist/cjs/components/Card/Diviner/CardContent.js.map +1 -1
- package/dist/cjs/components/Card/Diviner/CardHeader.js.map +1 -1
- package/dist/cjs/components/Card/Module/CardActions.js +2 -4
- package/dist/cjs/components/Card/Module/CardActions.js.map +1 -1
- package/dist/cjs/components/Card/Module/components/DiscoverDialog.js +5 -13
- package/dist/cjs/components/Card/Module/components/DiscoverDialog.js.map +1 -1
- package/dist/cjs/hooks/index.js +0 -4
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/docs.json +6882 -0
- package/dist/esm/components/Card/Diviner/Card.js.map +1 -1
- package/dist/esm/components/Card/Diviner/CardActions.js.map +1 -1
- package/dist/esm/components/Card/Diviner/CardContent.js.map +1 -1
- package/dist/esm/components/Card/Diviner/CardHeader.js.map +1 -1
- package/dist/esm/components/Card/Module/CardActions.js +2 -4
- package/dist/esm/components/Card/Module/CardActions.js.map +1 -1
- package/dist/esm/components/Card/Module/components/DiscoverDialog.js +5 -13
- package/dist/esm/components/Card/Module/components/DiscoverDialog.js.map +1 -1
- package/dist/esm/hooks/index.js +0 -4
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/types/ModuleRenderProps.d.ts +2 -2
- package/dist/types/ModuleRenderProps.d.ts.map +1 -1
- package/dist/types/components/Card/Diviner/Card.d.ts +2 -2
- package/dist/types/components/Card/Diviner/Card.d.ts.map +1 -1
- package/dist/types/components/Card/Diviner/CardActions.d.ts +2 -2
- package/dist/types/components/Card/Diviner/CardActions.d.ts.map +1 -1
- package/dist/types/components/Card/Diviner/CardContent.d.ts +2 -2
- package/dist/types/components/Card/Diviner/CardContent.d.ts.map +1 -1
- package/dist/types/components/Card/Diviner/CardHeader.d.ts +2 -2
- package/dist/types/components/Card/Diviner/CardHeader.d.ts.map +1 -1
- package/dist/types/components/Card/Module/CardActions.d.ts.map +1 -1
- package/dist/types/components/Card/Module/components/DiscoverDialog.d.ts +2 -3
- package/dist/types/components/Card/Module/components/DiscoverDialog.d.ts.map +1 -1
- package/dist/types/hooks/index.d.ts +0 -4
- package/dist/types/hooks/index.d.ts.map +1 -1
- package/package.json +15 -19
- package/src/ModuleRenderProps.tsx +2 -2
- package/src/components/Card/Diviner/Card.stories.tsx +2 -2
- package/src/components/Card/Diviner/Card.tsx +2 -2
- package/src/components/Card/Diviner/CardActions.tsx +2 -2
- package/src/components/Card/Diviner/CardContent.tsx +2 -2
- package/src/components/Card/Diviner/CardHeader.tsx +2 -2
- package/src/components/Card/Module/Card.stories.tsx +2 -3
- package/src/components/Card/Module/CardActions.tsx +3 -5
- package/src/components/Card/Module/components/DiscoverDialog.tsx +8 -19
- package/src/components/DetailsBox.stories.tsx +2 -2
- package/src/hooks/index.ts +0 -4
- package/dist/cjs/hooks/WrappedModuleHookFactory.js +0 -36
- package/dist/cjs/hooks/WrappedModuleHookFactory.js.map +0 -1
- package/dist/cjs/hooks/WrappedModulesHookFactory.js +0 -36
- package/dist/cjs/hooks/WrappedModulesHookFactory.js.map +0 -1
- package/dist/cjs/hooks/useWrappedModule.js +0 -7
- package/dist/cjs/hooks/useWrappedModule.js.map +0 -1
- package/dist/cjs/hooks/useWrappedModules.js +0 -7
- package/dist/cjs/hooks/useWrappedModules.js.map +0 -1
- package/dist/esm/hooks/WrappedModuleHookFactory.js +0 -33
- package/dist/esm/hooks/WrappedModuleHookFactory.js.map +0 -1
- package/dist/esm/hooks/WrappedModulesHookFactory.js +0 -33
- package/dist/esm/hooks/WrappedModulesHookFactory.js.map +0 -1
- package/dist/esm/hooks/useWrappedModule.js +0 -4
- package/dist/esm/hooks/useWrappedModule.js.map +0 -1
- package/dist/esm/hooks/useWrappedModules.js +0 -4
- package/dist/esm/hooks/useWrappedModules.js.map +0 -1
- package/dist/types/hooks/WrappedModuleHookFactory.d.ts +0 -39
- package/dist/types/hooks/WrappedModuleHookFactory.d.ts.map +0 -1
- package/dist/types/hooks/WrappedModulesHookFactory.d.ts +0 -39
- package/dist/types/hooks/WrappedModulesHookFactory.d.ts.map +0 -1
- package/dist/types/hooks/useWrappedModule.d.ts +0 -67
- package/dist/types/hooks/useWrappedModule.d.ts.map +0 -1
- package/dist/types/hooks/useWrappedModules.d.ts +0 -67
- package/dist/types/hooks/useWrappedModules.d.ts.map +0 -1
- package/src/hooks/WrappedModuleHookFactory.tsx +0 -41
- package/src/hooks/WrappedModulesHookFactory.tsx +0 -41
- package/src/hooks/useWrappedModule.tsx +0 -5
- package/src/hooks/useWrappedModules.tsx +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAI/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAEhD,MAAM,CAAC,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAI/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAEhD,MAAM,CAAC,MAAM,WAAW,GAA6D,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtH,OAAO,CACL,MAAC,IAAI,OAAK,KAAK,aACb,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,QAAQ,EACT,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,IAChC,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardActions.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,CAAC,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardActions.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAoE,CAAC,KAAK,EAAE,EAAE;IAC3G,OAAO,KAAC,iBAAiB,OAAK,KAAK,GAAI,CAAA;AACzC,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,CAAC,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAoE,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5H,OAAO,KAAC,iBAAiB,OAAK,KAAK,YAAG,QAAQ,GAAqB,CAAA;AACrE,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardHeader.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,CAAC,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardHeader.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,CAAC,MAAM,iBAAiB,GAAmE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/H,OAAO,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,CAAC,IAAI,IAAI,SAAS,KAAM,KAAK,GAAI,CAAA;AAC1G,CAAC,CAAA"}
|
|
@@ -3,12 +3,10 @@ import { CardActions, Chip } from '@mui/material';
|
|
|
3
3
|
import { ButtonEx } from '@xylabs/react-button';
|
|
4
4
|
import { FlexGrowRow } from '@xylabs/react-flexbox';
|
|
5
5
|
import { useState } from 'react';
|
|
6
|
-
import { useWrappedModule } from '../../../hooks';
|
|
7
6
|
import { DiscoverDialog } from './components';
|
|
8
7
|
export const ModuleCardActions = ({ children, module, sx, ...props }) => {
|
|
9
8
|
const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
return (_jsxs(CardActions, { sx: { alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }, ...props, children: [_jsxs(FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [wrapper ? _jsx(Chip, { label: config?.schema, size: 'small' }) : null, _jsx(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: 'small', variant: 'outlined', children: "Discover" }), _jsx(DiscoverDialog, { fullWidth: true, maxWidth: 'md', module: module, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen, wrapper: wrapper })] }), children] }));
|
|
9
|
+
const config = module?.config;
|
|
10
|
+
return (_jsxs(CardActions, { sx: { alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }, ...props, children: [_jsxs(FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [module ? _jsx(Chip, { label: config?.schema, size: 'small' }) : null, _jsx(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: 'small', variant: 'outlined', children: "Discover" }), _jsx(DiscoverDialog, { fullWidth: true, maxWidth: 'md', module: module, open: discoverDialogOpen, setOpen: setDiscoverDialogOpen })] }), children] }));
|
|
13
11
|
};
|
|
14
12
|
//# sourceMappingURL=CardActions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,IAAI,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,IAAI,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnE,MAAM,MAAM,GAAG,MAAM,EAAE,MAAM,CAAA;IAE7B,OAAO,CACL,MAAC,WAAW,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,aAC1F,MAAC,WAAW,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC5D,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/D,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,yBAE7E,EACX,KAAC,cAAc,IAAC,SAAS,QAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,qBAAqB,GAAI,IAC1G,EACb,QAAQ,IACG,CACf,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper } from '@mui/material';
|
|
3
|
-
import {
|
|
4
|
-
import { useState } from 'react';
|
|
3
|
+
import { usePromise } from '@xylabs/react-promise';
|
|
5
4
|
// Add a dialogue title and quick tip to show description of discover query
|
|
6
|
-
export const DiscoverDialog = ({ module, setOpen,
|
|
7
|
-
const [discoverPayloads
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
async (mounted) => {
|
|
11
|
-
if (wrapper) {
|
|
12
|
-
const payloads = await wrapper.discover();
|
|
13
|
-
if (mounted())
|
|
14
|
-
setDiscoverPayloads(payloads);
|
|
15
|
-
}
|
|
16
|
-
}, [wrapper]);
|
|
5
|
+
export const DiscoverDialog = ({ module, setOpen, ...props }) => {
|
|
6
|
+
const [discoverPayloads] = usePromise(async () => {
|
|
7
|
+
return await module?.discover();
|
|
8
|
+
}, [module]);
|
|
17
9
|
return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogTitle, { children: ["Supported Queries for ", module?.config.name || module?.address] }), _jsx(Divider, {}), _jsx(DialogContent, { children: _jsxs(Paper, { sx: { p: 1 }, children: [_jsx(DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }), _jsx("pre", { children: JSON.stringify(discoverPayloads, null, 2) })] }) }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => setOpen?.(false), variant: 'outlined', children: "Close" }) })] }));
|
|
18
10
|
};
|
|
19
11
|
//# sourceMappingURL=DiscoverDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiscoverDialog.js","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAe,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACzI,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DiscoverDialog.js","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAe,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACzI,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AASlD,2EAA2E;AAE3E,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7F,MAAM,CAAC,gBAAgB,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,EAAE;QAC/C,OAAO,MAAM,MAAM,EAAE,QAAQ,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,MAAC,MAAM,OAAK,KAAK,aACf,MAAC,WAAW,yCAAwB,MAAM,EAAE,MAAM,CAAC,IAAI,IAAI,MAAM,EAAE,OAAO,IAAe,EACzF,KAAC,OAAO,KAAG,EACX,KAAC,aAAa,cACZ,MAAC,KAAK,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,aACjB,KAAC,iBAAiB,kGAAoG,EACtH,wBAAM,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC,GAAO,IAChD,GACM,EAChB,KAAC,aAAa,cACZ,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,sBAEnD,GACK,IACT,CACV,CAAA;AACH,CAAC,CAAA"}
|
package/dist/esm/hooks/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export type ModuleRenderProps<T extends
|
|
1
|
+
import { ModuleInstance } from '@xyo-network/module';
|
|
2
|
+
export type ModuleRenderProps<T extends ModuleInstance = ModuleInstance> = {
|
|
3
3
|
address?: string;
|
|
4
4
|
module?: T;
|
|
5
5
|
name?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModuleRenderProps.d.ts","sourceRoot":"","sources":["../../src/ModuleRenderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ModuleRenderProps.d.ts","sourceRoot":"","sources":["../../src/ModuleRenderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,IAAI;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,CAAC,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CardProps } from '@mui/material';
|
|
3
|
-
import {
|
|
3
|
+
import { DivinerInstance } from '@xyo-network/diviner';
|
|
4
4
|
import { ModuleRenderProps } from '../../../ModuleRenderProps';
|
|
5
|
-
export declare const DivinerCard: React.FC<CardProps & ModuleRenderProps<
|
|
5
|
+
export declare const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>>;
|
|
6
6
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAK9D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAShF,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CardActionsProps } from '@mui/material';
|
|
3
|
-
import {
|
|
3
|
+
import { DivinerInstance } from '@xyo-network/diviner';
|
|
4
4
|
import { ModuleRenderProps } from '../../../ModuleRenderProps';
|
|
5
|
-
export declare const DivinerCardActions: React.FC<ModuleRenderProps<
|
|
5
|
+
export declare const DivinerCardActions: React.FC<ModuleRenderProps<DivinerInstance> & CardActionsProps>;
|
|
6
6
|
//# sourceMappingURL=CardActions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,gBAAgB,CAE9F,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CardContentProps } from '@mui/material';
|
|
3
|
-
import {
|
|
3
|
+
import { DivinerInstance } from '@xyo-network/diviner';
|
|
4
4
|
import { ModuleRenderProps } from '../../../ModuleRenderProps';
|
|
5
|
-
export declare const DivinerCardContent: React.FC<ModuleRenderProps<
|
|
5
|
+
export declare const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps>;
|
|
6
6
|
//# sourceMappingURL=CardContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,gBAAgB,CAE9F,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CardHeaderProps } from '@mui/material';
|
|
3
|
-
import {
|
|
3
|
+
import { DivinerInstance } from '@xyo-network/diviner';
|
|
4
4
|
import { ModuleRenderProps } from '../../../ModuleRenderProps';
|
|
5
|
-
export declare const DivinerCardHeader: React.FC<ModuleRenderProps<
|
|
5
|
+
export declare const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps>;
|
|
6
6
|
//# sourceMappingURL=CardHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,eAAe,CAE5F,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAQ,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAQ,MAAM,eAAe,CAAA;AAKnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAiB5E,CAAA"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { DialogProps } from '@mui/material';
|
|
2
|
-
import {
|
|
2
|
+
import { ModuleInstance } from '@xyo-network/module';
|
|
3
3
|
import { Dispatch, SetStateAction } from 'react';
|
|
4
4
|
export interface DiscoverDialogProps extends DialogProps {
|
|
5
|
-
module?:
|
|
5
|
+
module?: ModuleInstance;
|
|
6
6
|
setOpen?: Dispatch<SetStateAction<boolean>>;
|
|
7
|
-
wrapper?: ModuleWrapper;
|
|
8
7
|
}
|
|
9
8
|
export declare const DiscoverDialog: React.FC<DiscoverDialogProps>;
|
|
10
9
|
//# sourceMappingURL=DiscoverDialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiscoverDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmE,WAAW,EAA+B,MAAM,eAAe,CAAA;AAEzI,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DiscoverDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmE,WAAW,EAA+B,MAAM,eAAe,CAAA;AAEzI,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAC5C;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsBxD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
package/package.json
CHANGED
|
@@ -11,17 +11,13 @@
|
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@xylabs/eth-address": "^2.9.3",
|
|
14
|
-
"@xylabs/react-
|
|
15
|
-
"@xylabs/react-
|
|
16
|
-
"@xylabs/react-
|
|
17
|
-
"@xylabs/react-
|
|
18
|
-
"@xyo-network/
|
|
19
|
-
"@xyo-network/
|
|
20
|
-
"@xyo-network/
|
|
21
|
-
"@xyo-network/module": "^2.65.0",
|
|
22
|
-
"@xyo-network/payload-model": "^2.65.0",
|
|
23
|
-
"@xyo-network/react-shared": "^2.57.0",
|
|
24
|
-
"@xyo-network/react-wallet": "^2.57.0"
|
|
14
|
+
"@xylabs/react-button": "~2.17.6",
|
|
15
|
+
"@xylabs/react-crypto": "~2.17.6",
|
|
16
|
+
"@xylabs/react-flexbox": "~2.17.6",
|
|
17
|
+
"@xylabs/react-promise": "~2.17.6",
|
|
18
|
+
"@xyo-network/diviner": "~2.66.5",
|
|
19
|
+
"@xyo-network/module": "~2.66.5",
|
|
20
|
+
"@xyo-network/react-shared": "~2.57.1"
|
|
25
21
|
},
|
|
26
22
|
"devDependencies": {
|
|
27
23
|
"@ethersproject/address": "^5.7.0",
|
|
@@ -29,16 +25,16 @@
|
|
|
29
25
|
"@ethersproject/networks": "^5.7.1",
|
|
30
26
|
"@ethersproject/providers": "^5.7.2",
|
|
31
27
|
"@ethersproject/solidity": "^5.7.0",
|
|
32
|
-
"@storybook/react": "^7.0
|
|
28
|
+
"@storybook/react": "^7.1.0",
|
|
33
29
|
"@uniswap/sdk": "^3.0.3",
|
|
34
30
|
"@uniswap/sdk-core": "^3.2.6",
|
|
35
31
|
"@uniswap/v3-sdk": "^3.10.0",
|
|
36
|
-
"@xylabs/ts-scripts-yarn3": "^2.18.
|
|
37
|
-
"@xylabs/tsconfig-react": "^2.18.
|
|
38
|
-
"@xyo-network/archivist": "
|
|
39
|
-
"@xyo-network/crypto-asset-plugin": "
|
|
40
|
-
"@xyo-network/diviner-address-history": "
|
|
41
|
-
"@xyo-network/node": "
|
|
32
|
+
"@xylabs/ts-scripts-yarn3": "^2.18.11",
|
|
33
|
+
"@xylabs/tsconfig-react": "^2.18.11",
|
|
34
|
+
"@xyo-network/archivist": "~2.66.5",
|
|
35
|
+
"@xyo-network/crypto-asset-plugin": "~2.66.5",
|
|
36
|
+
"@xyo-network/diviner-address-history": "~2.66.5",
|
|
37
|
+
"@xyo-network/node": "~2.66.5",
|
|
42
38
|
"typescript": "^5.1.6"
|
|
43
39
|
},
|
|
44
40
|
"peerDependencies": {
|
|
@@ -93,5 +89,5 @@
|
|
|
93
89
|
},
|
|
94
90
|
"sideEffects": false,
|
|
95
91
|
"types": "dist/types/index.d.ts",
|
|
96
|
-
"version": "2.57.
|
|
92
|
+
"version": "2.57.1"
|
|
97
93
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ModuleInstance } from '@xyo-network/module'
|
|
2
2
|
|
|
3
|
-
export type ModuleRenderProps<T extends
|
|
3
|
+
export type ModuleRenderProps<T extends ModuleInstance = ModuleInstance> = {
|
|
4
4
|
address?: string
|
|
5
5
|
module?: T
|
|
6
6
|
name?: string
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta, StoryFn } from '@storybook/react'
|
|
2
2
|
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
3
|
-
import {
|
|
3
|
+
import { DivinerInstance } from '@xyo-network/diviner'
|
|
4
4
|
import { AddressHistoryDiviner, AddressHistoryDivinerConfigSchema } from '@xyo-network/diviner-address-history'
|
|
5
5
|
import { useState } from 'react'
|
|
6
6
|
|
|
@@ -11,7 +11,7 @@ const StorybookEntry = {
|
|
|
11
11
|
} as Meta<typeof DivinerCard>
|
|
12
12
|
|
|
13
13
|
const Template: StoryFn<typeof DivinerCard> = () => {
|
|
14
|
-
const [module, setModule] = useState<
|
|
14
|
+
const [module, setModule] = useState<DivinerInstance>()
|
|
15
15
|
|
|
16
16
|
useAsyncEffect(
|
|
17
17
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Card, CardProps } from '@mui/material'
|
|
2
|
-
import {
|
|
2
|
+
import { DivinerInstance } from '@xyo-network/diviner'
|
|
3
3
|
|
|
4
4
|
import { ModuleRenderProps } from '../../../ModuleRenderProps'
|
|
5
5
|
import { ModuleCardActions } from '../Module'
|
|
6
6
|
import { DivinerCardContent } from './CardContent'
|
|
7
7
|
import { DivinerCardHeader } from './CardHeader'
|
|
8
8
|
|
|
9
|
-
export const DivinerCard: React.FC<CardProps & ModuleRenderProps<
|
|
9
|
+
export const DivinerCard: React.FC<CardProps & ModuleRenderProps<DivinerInstance>> = ({ children, module, ...props }) => {
|
|
10
10
|
return (
|
|
11
11
|
<Card {...props}>
|
|
12
12
|
<DivinerCardHeader module={module} />
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { CardActionsProps } from '@mui/material'
|
|
2
|
-
import {
|
|
2
|
+
import { DivinerInstance } from '@xyo-network/diviner'
|
|
3
3
|
|
|
4
4
|
import { ModuleRenderProps } from '../../../ModuleRenderProps'
|
|
5
5
|
import { ModuleCardActions } from '../Module'
|
|
6
6
|
|
|
7
|
-
export const DivinerCardActions: React.FC<ModuleRenderProps<
|
|
7
|
+
export const DivinerCardActions: React.FC<ModuleRenderProps<DivinerInstance> & CardActionsProps> = (props) => {
|
|
8
8
|
return <ModuleCardActions {...props} />
|
|
9
9
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { CardContentProps } from '@mui/material'
|
|
2
|
-
import {
|
|
2
|
+
import { DivinerInstance } from '@xyo-network/diviner'
|
|
3
3
|
|
|
4
4
|
import { ModuleRenderProps } from '../../../ModuleRenderProps'
|
|
5
5
|
import { ModuleCardContent } from '../Module'
|
|
6
6
|
|
|
7
|
-
export const DivinerCardContent: React.FC<ModuleRenderProps<
|
|
7
|
+
export const DivinerCardContent: React.FC<ModuleRenderProps<DivinerInstance> & CardContentProps> = ({ children, ...props }) => {
|
|
8
8
|
return <ModuleCardContent {...props}>{children}</ModuleCardContent>
|
|
9
9
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { CardHeaderProps } from '@mui/material'
|
|
2
|
-
import {
|
|
2
|
+
import { DivinerInstance } from '@xyo-network/diviner'
|
|
3
3
|
|
|
4
4
|
import { ModuleRenderProps } from '../../../ModuleRenderProps'
|
|
5
5
|
import { ModuleCardHeader } from '../Module'
|
|
6
6
|
|
|
7
|
-
export const DivinerCardHeader: React.FC<ModuleRenderProps<
|
|
7
|
+
export const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerInstance> & CardHeaderProps> = ({ title, module, ...props }) => {
|
|
8
8
|
return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Diviner'} {...props} />
|
|
9
9
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Meta, StoryFn } from '@storybook/react'
|
|
2
2
|
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
3
|
-
import { MemoryArchivist } from '@xyo-network/archivist'
|
|
4
|
-
import { Module } from '@xyo-network/module'
|
|
3
|
+
import { ArchivistInstance, MemoryArchivist } from '@xyo-network/archivist'
|
|
5
4
|
import { useState } from 'react'
|
|
6
5
|
|
|
7
6
|
import { ModuleCard } from './Card'
|
|
@@ -23,7 +22,7 @@ const StorybookEntry = {
|
|
|
23
22
|
} as Meta<typeof ModuleCard>
|
|
24
23
|
|
|
25
24
|
const Template: StoryFn<typeof ModuleCard> = () => {
|
|
26
|
-
const [module, setModule] = useState<
|
|
25
|
+
const [module, setModule] = useState<ArchivistInstance>()
|
|
27
26
|
|
|
28
27
|
useAsyncEffect(
|
|
29
28
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -3,24 +3,22 @@ import { ButtonEx } from '@xylabs/react-button'
|
|
|
3
3
|
import { FlexGrowRow } from '@xylabs/react-flexbox'
|
|
4
4
|
import { useState } from 'react'
|
|
5
5
|
|
|
6
|
-
import { useWrappedModule } from '../../../hooks'
|
|
7
6
|
import { ModuleRenderProps } from '../../../ModuleRenderProps'
|
|
8
7
|
import { DiscoverDialog } from './components'
|
|
9
8
|
|
|
10
9
|
export const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, module, sx, ...props }) => {
|
|
11
10
|
const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)
|
|
12
11
|
|
|
13
|
-
const
|
|
14
|
-
const config = wrapper?.config
|
|
12
|
+
const config = module?.config
|
|
15
13
|
|
|
16
14
|
return (
|
|
17
15
|
<CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>
|
|
18
16
|
<FlexGrowRow justifyContent="space-between" alignItems="center">
|
|
19
|
-
{
|
|
17
|
+
{module ? <Chip label={config?.schema} size={'small'} /> : null}
|
|
20
18
|
<ButtonEx onClick={() => setDiscoverDialogOpen(true)} size={'small'} variant={'outlined'}>
|
|
21
19
|
Discover
|
|
22
20
|
</ButtonEx>
|
|
23
|
-
<DiscoverDialog fullWidth maxWidth={'md'} module={module} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen}
|
|
21
|
+
<DiscoverDialog fullWidth maxWidth={'md'} module={module} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} />
|
|
24
22
|
</FlexGrowRow>
|
|
25
23
|
{children}
|
|
26
24
|
</CardActions>
|
|
@@ -1,30 +1,19 @@
|
|
|
1
1
|
import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { Dispatch, SetStateAction, useState } from 'react'
|
|
2
|
+
import { usePromise } from '@xylabs/react-promise'
|
|
3
|
+
import { ModuleInstance } from '@xyo-network/module'
|
|
4
|
+
import { Dispatch, SetStateAction } from 'react'
|
|
6
5
|
|
|
7
6
|
export interface DiscoverDialogProps extends DialogProps {
|
|
8
|
-
module?:
|
|
7
|
+
module?: ModuleInstance
|
|
9
8
|
setOpen?: Dispatch<SetStateAction<boolean>>
|
|
10
|
-
wrapper?: ModuleWrapper
|
|
11
9
|
}
|
|
12
10
|
|
|
13
11
|
// Add a dialogue title and quick tip to show description of discover query
|
|
14
12
|
|
|
15
|
-
export const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ module, setOpen,
|
|
16
|
-
const [discoverPayloads
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
20
|
-
async (mounted) => {
|
|
21
|
-
if (wrapper) {
|
|
22
|
-
const payloads = await wrapper.discover()
|
|
23
|
-
if (mounted()) setDiscoverPayloads(payloads)
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
[wrapper],
|
|
27
|
-
)
|
|
13
|
+
export const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ module, setOpen, ...props }) => {
|
|
14
|
+
const [discoverPayloads] = usePromise(async () => {
|
|
15
|
+
return await module?.discover()
|
|
16
|
+
}, [module])
|
|
28
17
|
|
|
29
18
|
return (
|
|
30
19
|
<Dialog {...props}>
|
|
@@ -3,7 +3,7 @@ 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 {
|
|
6
|
+
import { DivinerInstance } from '@xyo-network/diviner'
|
|
7
7
|
import { MemoryNode } from '@xyo-network/node'
|
|
8
8
|
import { useState } from 'react'
|
|
9
9
|
|
|
@@ -65,7 +65,7 @@ const ArchivistDetails = ArchivistTemplate.bind({})
|
|
|
65
65
|
ArchivistDetails.args = {}
|
|
66
66
|
|
|
67
67
|
const DivinerTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {
|
|
68
|
-
const [diviner, setDiviner] = useState<
|
|
68
|
+
const [diviner, setDiviner] = useState<DivinerInstance>()
|
|
69
69
|
useAsyncEffect(
|
|
70
70
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
71
71
|
async (mounted) => {
|
package/src/hooks/index.ts
CHANGED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WrappedModuleHookFactory = void 0;
|
|
4
|
-
const react_wallet_1 = require("@xyo-network/react-wallet");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
exports.WrappedModuleHookFactory = {
|
|
7
|
-
create: (wrapperObject, name) => {
|
|
8
|
-
const useHook = (module, account, logger) => {
|
|
9
|
-
logger === null || logger === void 0 ? void 0 : logger.debug(`Render: ${name}`);
|
|
10
|
-
const [wrapperAccount] = (0, react_wallet_1.useWrapperAccount)();
|
|
11
|
-
const [wrapper, setWrapper] = (0, react_1.useState)();
|
|
12
|
-
const [error, setError] = (0, react_1.useState)();
|
|
13
|
-
(0, react_1.useEffect)(() => {
|
|
14
|
-
const walletToUse = account || wrapperAccount;
|
|
15
|
-
if (module && walletToUse) {
|
|
16
|
-
try {
|
|
17
|
-
const wrapper = wrapperObject.wrap(module, walletToUse);
|
|
18
|
-
setWrapper(wrapper);
|
|
19
|
-
setError(undefined);
|
|
20
|
-
}
|
|
21
|
-
catch (ex) {
|
|
22
|
-
setWrapper(undefined);
|
|
23
|
-
setError(ex);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
setWrapper(undefined);
|
|
28
|
-
setError(undefined);
|
|
29
|
-
}
|
|
30
|
-
}, [module, account, wrapperAccount]);
|
|
31
|
-
return [wrapper, error];
|
|
32
|
-
};
|
|
33
|
-
return useHook;
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
//# sourceMappingURL=WrappedModuleHookFactory.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WrappedModuleHookFactory.js","sourceRoot":"","sources":["../../../src/hooks/WrappedModuleHookFactory.tsx"],"names":[],"mappings":";;;AAGA,4DAA6D;AAC7D,iCAA2C;AAE9B,QAAA,wBAAwB,GAAG;IACtC,MAAM,EAAE,CAAuC,aAAyD,EAAE,IAAa,EAAE,EAAE;QACzH,MAAM,OAAO,GAAG,CACd,MAAwC,EACxC,OAAgC,EAChC,MAAe,EACkC,EAAE;YACnD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,CAAA;YAChC,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,gCAAiB,GAAE,CAAA;YAE5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAkB,CAAA;YACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAS,CAAA;YAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;gBACb,MAAM,WAAW,GAAG,OAAO,IAAI,cAAc,CAAA;gBAC7C,IAAI,MAAM,IAAI,WAAW,EAAE;oBACzB,IAAI;wBACF,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;wBACvD,UAAU,CAAC,OAAO,CAAC,CAAA;wBACnB,QAAQ,CAAC,SAAS,CAAC,CAAA;qBACpB;oBAAC,OAAO,EAAE,EAAE;wBACX,UAAU,CAAC,SAAS,CAAC,CAAA;wBACrB,QAAQ,CAAC,EAAW,CAAC,CAAA;qBACtB;iBACF;qBAAM;oBACL,UAAU,CAAC,SAAS,CAAC,CAAA;oBACrB,QAAQ,CAAC,SAAS,CAAC,CAAA;iBACpB;YACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAA;YAErC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QACzB,CAAC,CAAA;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;CACF,CAAA"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WrappedModulesHookFactory = void 0;
|
|
4
|
-
const react_wallet_1 = require("@xyo-network/react-wallet");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
exports.WrappedModulesHookFactory = {
|
|
7
|
-
create: (wrapperObject, name) => {
|
|
8
|
-
const useHook = (modules, account, logger) => {
|
|
9
|
-
logger === null || logger === void 0 ? void 0 : logger.debug(`Render: ${name}`);
|
|
10
|
-
const [wrapperAccount] = (0, react_wallet_1.useWrapperAccount)();
|
|
11
|
-
const [wrappers, setWrappers] = (0, react_1.useState)();
|
|
12
|
-
const [error, setError] = (0, react_1.useState)();
|
|
13
|
-
(0, react_1.useEffect)(() => {
|
|
14
|
-
const walletToUse = account || wrapperAccount;
|
|
15
|
-
if (module && walletToUse) {
|
|
16
|
-
try {
|
|
17
|
-
const wrappers = modules === null || modules === void 0 ? void 0 : modules.map((module) => wrapperObject.wrap(module, walletToUse));
|
|
18
|
-
setWrappers(wrappers);
|
|
19
|
-
setError(undefined);
|
|
20
|
-
}
|
|
21
|
-
catch (ex) {
|
|
22
|
-
setWrappers(undefined);
|
|
23
|
-
setError(ex);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
setWrappers(undefined);
|
|
28
|
-
setError(undefined);
|
|
29
|
-
}
|
|
30
|
-
}, [modules, account, wrapperAccount]);
|
|
31
|
-
return [wrappers, error];
|
|
32
|
-
};
|
|
33
|
-
return useHook;
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
//# sourceMappingURL=WrappedModulesHookFactory.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WrappedModulesHookFactory.js","sourceRoot":"","sources":["../../../src/hooks/WrappedModulesHookFactory.tsx"],"names":[],"mappings":";;;AAGA,4DAA6D;AAC7D,iCAA2C;AAE9B,QAAA,yBAAyB,GAAG;IACvC,MAAM,EAAE,CAAuC,aAAyD,EAAE,IAAa,EAAE,EAAE;QACzH,MAAM,OAAO,GAAG,CACd,OAAoC,EACpC,OAAyB,EACzB,MAAe,EACoC,EAAE;YACrD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,CAAA;YAChC,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,gCAAiB,GAAE,CAAA;YAE5C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAoB,CAAA;YAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAS,CAAA;YAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;gBACb,MAAM,WAAW,GAAG,OAAO,IAAI,cAAc,CAAA;gBAC7C,IAAI,MAAM,IAAI,WAAW,EAAE;oBACzB,IAAI;wBACF,MAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAA;wBAClF,WAAW,CAAC,QAAQ,CAAC,CAAA;wBACrB,QAAQ,CAAC,SAAS,CAAC,CAAA;qBACpB;oBAAC,OAAO,EAAE,EAAE;wBACX,WAAW,CAAC,SAAS,CAAC,CAAA;wBACtB,QAAQ,CAAC,EAAW,CAAC,CAAA;qBACtB;iBACF;qBAAM;oBACL,WAAW,CAAC,SAAS,CAAC,CAAA;oBACtB,QAAQ,CAAC,SAAS,CAAC,CAAA;iBACpB;YACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAA;YAEtC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;QAC1B,CAAC,CAAA;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;CACF,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useWrappedModule = void 0;
|
|
4
|
-
const module_1 = require("@xyo-network/module");
|
|
5
|
-
const WrappedModuleHookFactory_1 = require("./WrappedModuleHookFactory");
|
|
6
|
-
exports.useWrappedModule = WrappedModuleHookFactory_1.WrappedModuleHookFactory.create(module_1.ModuleWrapper, 'useWrappedModule');
|
|
7
|
-
//# sourceMappingURL=useWrappedModule.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useWrappedModule.js","sourceRoot":"","sources":["../../../src/hooks/useWrappedModule.tsx"],"names":[],"mappings":";;;AAAA,gDAAmD;AAEnD,yEAAqE;AAExD,QAAA,gBAAgB,GAAG,mDAAwB,CAAC,MAAM,CAAC,sBAAa,EAAE,kBAAkB,CAAC,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useWrappedModules = void 0;
|
|
4
|
-
const module_1 = require("@xyo-network/module");
|
|
5
|
-
const WrappedModulesHookFactory_1 = require("./WrappedModulesHookFactory");
|
|
6
|
-
exports.useWrappedModules = WrappedModulesHookFactory_1.WrappedModulesHookFactory.create(module_1.ModuleWrapper, 'useWrappedModules');
|
|
7
|
-
//# sourceMappingURL=useWrappedModules.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useWrappedModules.js","sourceRoot":"","sources":["../../../src/hooks/useWrappedModules.tsx"],"names":[],"mappings":";;;AAAA,gDAAmD;AAEnD,2EAAuE;AAE1D,QAAA,iBAAiB,GAAG,qDAAyB,CAAC,MAAM,CAAC,sBAAa,EAAE,mBAAmB,CAAC,CAAA"}
|