@xyo-network/react-payload 2.26.54 → 2.26.55
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/Table/Table.d.ts +2 -2
- package/dist/cjs/components/Table/Table.d.ts.map +1 -1
- package/dist/cjs/components/Table/Table.js +9 -5
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/Table/TableRow.d.ts +1 -0
- package/dist/cjs/components/Table/TableRow.d.ts.map +1 -1
- package/dist/cjs/components/Table/TableRow.js +2 -2
- package/dist/cjs/components/Table/TableRow.js.map +1 -1
- package/dist/docs.json +219 -194
- package/dist/esm/components/Table/Table.d.ts +2 -2
- package/dist/esm/components/Table/Table.d.ts.map +1 -1
- package/dist/esm/components/Table/Table.js +9 -5
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableRow.d.ts +1 -0
- package/dist/esm/components/Table/TableRow.d.ts.map +1 -1
- package/dist/esm/components/Table/TableRow.js +2 -2
- package/dist/esm/components/Table/TableRow.js.map +1 -1
- package/package.json +10 -10
- package/src/components/Table/Table.tsx +27 -24
- package/src/components/Table/TableRow.tsx +3 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TableProps } from '@mui/material';
|
|
3
|
-
import { XyoPayload
|
|
3
|
+
import { XyoPayload } from '@xyo-network/payload';
|
|
4
4
|
import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
|
|
5
5
|
export interface PayloadTableProps extends TableProps {
|
|
6
6
|
exploreDomain?: string;
|
|
7
7
|
onRowClick?: (value: XyoPayload) => void;
|
|
8
|
-
payloads?:
|
|
8
|
+
payloads?: XyoPayload[] | null;
|
|
9
9
|
columns?: PayloadTableColumnConfig;
|
|
10
10
|
}
|
|
11
11
|
export declare const PayloadTable: React.FC<PayloadTableProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAsB,wBAAwB,EAAoC,MAAM,4BAA4B,CAAA;AAG3H,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,wBAAwB,CAAA;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsDpD,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Alert, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material';
|
|
3
3
|
import { useBreakpoint } from '@xylabs/react-shared';
|
|
4
|
+
import { XyoPayloadWrapper } from '@xyo-network/payload';
|
|
4
5
|
import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service';
|
|
5
6
|
import { payloadColumnNames, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
|
|
6
7
|
import { PayloadTableRow } from './TableRow';
|
|
@@ -8,10 +9,13 @@ export const PayloadTable = ({ exploreDomain, onRowClick, payloads, children, co
|
|
|
8
9
|
const breakPoint = useBreakpoint();
|
|
9
10
|
return breakPoint ? (_jsxs(Table, { ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
|
|
10
11
|
return (_jsx(TableCell, { width: index === 0 ? '100%' : undefined, align: index === 0 ? 'left' : 'center', children: _jsx(Typography, { variant: "caption", noWrap: true, children: _jsx("strong", { children: payloadColumnNames[column] }) }) }, index));
|
|
11
|
-
}) }) }), _jsxs(TableBody, { children: [payloads?.map((payload, index) =>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
}) }) }), _jsxs(TableBody, { children: [payloads?.map((payload, index) => {
|
|
13
|
+
const wrapper = new XyoPayloadWrapper(payload);
|
|
14
|
+
return (_jsx(XyoApiThrownErrorBoundary, { errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadTableRow, { onClick: onRowClick
|
|
15
|
+
? () => {
|
|
16
|
+
onRowClick(payload);
|
|
17
|
+
}
|
|
18
|
+
: undefined, exploreDomain: exploreDomain, payload: payload }) }, `${wrapper.hash}-${index}`));
|
|
19
|
+
}), children] })] })) : null;
|
|
16
20
|
};
|
|
17
21
|
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAc,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAE3E,OAAO,EAAE,kBAAkB,EAA4B,gCAAgC,EAAE,MAAM,4BAA4B,CAAA;AAC3H,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAS5C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,aAAa,EACb,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,gCAAgC,EAAE,EAC5C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,MAAC,KAAK,OAAK,KAAK,aACd,KAAC,SAAS,cACR,KAAC,QAAQ,cACN,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wBAC1C,OAAO,CACL,KAAC,SAAS,IAAa,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,YACpG,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,kBAClC,2BAAS,kBAAkB,CAAC,MAAM,CAAC,GAAU,GAClC,IAHC,KAAK,CAIT,CACb,CAAA;oBACH,CAAC,CAAC,GACO,GACD,EACZ,MAAC,SAAS,eACP,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;wBAChC,MAAM,OAAO,GAAG,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAA;wBAC9C,OAAO,CACL,KAAC,yBAAyB,IAExB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,MAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,wCACE,KAAC,UAAU,IAAC,UAAU,EAAC,MAAM,YAAE,CAAC,CAAC,OAAO,GAAc,IACvE,CACT,YAED,KAAC,eAAe,IACd,OAAO,EACL,UAAU;oCACR,CAAC,CAAC,GAAG,EAAE;wCACH,UAAU,CAAC,OAAO,CAAC,CAAA;oCACrB,CAAC;oCACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,IAjBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAkBL,CAC7B,CAAA;oBACH,CAAC,CAAC,EACD,QAAQ,IACC,IACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
|
|
@@ -4,6 +4,7 @@ import { XyoPayload } from '@xyo-network/payload';
|
|
|
4
4
|
import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
|
|
5
5
|
export interface PayloadTableRowProps extends TableRowProps {
|
|
6
6
|
payload?: XyoPayload;
|
|
7
|
+
archive?: string;
|
|
7
8
|
exploreDomain?: string;
|
|
8
9
|
columns?: PayloadTableColumnConfig;
|
|
9
10
|
network?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,aAAa,EAAc,MAAM,eAAe,CAAA;AAE9F,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAKzF,OAAO,EAAE,wBAAwB,EAA4D,MAAM,4BAA4B,CAAA;AAE/H,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,aAAa,EAAc,MAAM,eAAe,CAAA;AAE9F,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAKzF,OAAO,EAAE,wBAAwB,EAA4D,MAAM,4BAA4B,CAAA;AAE/H,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8D1D,CAAA"}
|
|
@@ -6,11 +6,11 @@ import { useNetwork } from '@xyo-network/react-network';
|
|
|
6
6
|
import { HashTableCell } from '@xyo-network/react-shared';
|
|
7
7
|
import { MdClear, MdDone } from 'react-icons/md';
|
|
8
8
|
import { payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
|
|
9
|
-
export const PayloadTableRow = ({ exploreDomain, network: networkProp, payload, columns = payloadTableColumnConfigDefaults(), ...props }) => {
|
|
9
|
+
export const PayloadTableRow = ({ exploreDomain, network: networkProp, payload, archive, columns = payloadTableColumnConfigDefaults(), ...props }) => {
|
|
10
10
|
const breakPoint = useBreakpoint();
|
|
11
11
|
const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined;
|
|
12
12
|
const { network } = useNetwork();
|
|
13
|
-
const hash = (props) => (_jsx(HashTableCell, { width: "100%", value: wrapper?.hash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug, ...props }, "hash"));
|
|
13
|
+
const hash = (props) => (_jsx(HashTableCell, { archive: archive, width: "100%", value: wrapper?.hash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug, ...props }, "hash"));
|
|
14
14
|
const schema = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
|
|
15
15
|
const isValid = wrapper ? new XyoPayloadValidator(wrapper.body).validate().length === 0 : undefined;
|
|
16
16
|
const valid = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: isValid === undefined ? (_jsx(MdDone, { fontSize: 18, color: "yellow" })) : isValid ? (_jsx(MdDone, { fontSize: 18, color: "green" })) : (_jsx(MdClear, { color: "red", fontSize: 18 })) }) }, "valid"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAkB,QAAQ,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAc,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEhD,OAAO,EAA4B,gCAAgC,EAA0B,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAkB,QAAQ,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAc,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEhD,OAAO,EAA4B,gCAAgC,EAA0B,MAAM,4BAA4B,CAAA;AAU/H,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,aAAa,EACb,OAAO,EAAE,WAAW,EACpB,OAAO,EACP,OAAO,EACP,OAAO,GAAG,gCAAgC,EAAE,EAC5C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACpE,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAEhC,MAAM,IAAI,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAChD,KAAC,aAAa,IAEZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,OAAO,EAAE,IAAI,EACpB,QAAQ,EAAC,SAAS,EAClB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,IAAI,KACjC,KAAK,IAPL,MAAM,CAQV,CACH,CAAA;IAED,MAAM,MAAM,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,KAAC,SAAS,IAAgB,KAAK,EAAC,QAAQ,KAAK,KAAK,YAChD,KAAC,UAAU,IAAC,UAAU,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,kBACtD,OAAO,EAAE,MAAM,GACL,IAHA,UAAU,CAIb,CACb,CAAA;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,mBAAmB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEnG,MAAM,KAAK,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CACjD,KAAC,SAAS,IAAa,KAAK,EAAC,QAAQ,KAAK,KAAK,YAC7C,KAAC,UAAU,IAAC,UAAU,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,kBACtD,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,KAAC,MAAM,IAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAC,QAAQ,GAAG,CACxC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,KAAC,MAAM,IAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAE,EAAE,GAAI,CACtC,GACU,IATA,OAAO,CAUV,CACb,CAAA;IAED,MAAM,UAAU,GAA6D;QAC3E,IAAI;QACJ,MAAM;QACN,KAAK;KACN,CAAA;IAED,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAM,KAAK,YAC9C,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACnC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAA;QAC/B,CAAC,CAAC,GACO,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"@xyo-network/api": "^2.22.26",
|
|
22
22
|
"@xyo-network/network": "^2.22.26",
|
|
23
23
|
"@xyo-network/payload": "^2.22.26",
|
|
24
|
-
"@xyo-network/react-archive": "^2.26.
|
|
25
|
-
"@xyo-network/react-archivist": "^2.26.
|
|
26
|
-
"@xyo-network/react-archivist-api": "^2.26.
|
|
27
|
-
"@xyo-network/react-auth-service": "^2.26.
|
|
28
|
-
"@xyo-network/react-network": "^2.26.
|
|
29
|
-
"@xyo-network/react-property": "^2.26.
|
|
30
|
-
"@xyo-network/react-schema": "^2.26.
|
|
31
|
-
"@xyo-network/react-shared": "^2.26.
|
|
24
|
+
"@xyo-network/react-archive": "^2.26.55",
|
|
25
|
+
"@xyo-network/react-archivist": "^2.26.55",
|
|
26
|
+
"@xyo-network/react-archivist-api": "^2.26.55",
|
|
27
|
+
"@xyo-network/react-auth-service": "^2.26.55",
|
|
28
|
+
"@xyo-network/react-network": "^2.26.55",
|
|
29
|
+
"@xyo-network/react-property": "^2.26.55",
|
|
30
|
+
"@xyo-network/react-schema": "^2.26.55",
|
|
31
|
+
"@xyo-network/react-shared": "^2.26.55",
|
|
32
32
|
"@xyo-network/utils": "^2.22.26",
|
|
33
33
|
"luxon": "^3.0.1",
|
|
34
34
|
"react": "^18.2.0",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"@storybook/react": "^6.5.9",
|
|
43
43
|
"@types/luxon": "^3.0.0",
|
|
44
44
|
"@xylabs/tsconfig-dom": "^2.5.11",
|
|
45
|
-
"@xyo-network/react-storybook": "^2.26.
|
|
45
|
+
"@xyo-network/react-storybook": "^2.26.55"
|
|
46
46
|
},
|
|
47
47
|
"browser": "dist/esm/index.js",
|
|
48
48
|
"docs": "dist/docs.json",
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
},
|
|
94
94
|
"sideEffects": false,
|
|
95
95
|
"types": "dist/esm/index.d.ts",
|
|
96
|
-
"version": "2.26.
|
|
96
|
+
"version": "2.26.55"
|
|
97
97
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Alert, Table, TableBody, TableCell, TableHead, TableProps, TableRow, Typography } from '@mui/material'
|
|
2
2
|
import { useBreakpoint } from '@xylabs/react-shared'
|
|
3
|
-
import { XyoPayload,
|
|
3
|
+
import { XyoPayload, XyoPayloadWrapper } from '@xyo-network/payload'
|
|
4
4
|
import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service'
|
|
5
5
|
|
|
6
6
|
import { payloadColumnNames, PayloadTableColumnConfig, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig'
|
|
@@ -9,7 +9,7 @@ import { PayloadTableRow } from './TableRow'
|
|
|
9
9
|
export interface PayloadTableProps extends TableProps {
|
|
10
10
|
exploreDomain?: string
|
|
11
11
|
onRowClick?: (value: XyoPayload) => void
|
|
12
|
-
payloads?:
|
|
12
|
+
payloads?: XyoPayload[] | null
|
|
13
13
|
columns?: PayloadTableColumnConfig
|
|
14
14
|
}
|
|
15
15
|
|
|
@@ -38,28 +38,31 @@ export const PayloadTable: React.FC<PayloadTableProps> = ({
|
|
|
38
38
|
</TableRow>
|
|
39
39
|
</TableHead>
|
|
40
40
|
<TableBody>
|
|
41
|
-
{payloads?.map((payload, index) =>
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
41
|
+
{payloads?.map((payload, index) => {
|
|
42
|
+
const wrapper = new XyoPayloadWrapper(payload)
|
|
43
|
+
return (
|
|
44
|
+
<XyoApiThrownErrorBoundary
|
|
45
|
+
key={`${wrapper.hash}-${index}`}
|
|
46
|
+
errorComponent={(e) => (
|
|
47
|
+
<Alert severity="error">
|
|
48
|
+
Error Loading Payload: <Typography fontWeight="bold">{e.message}</Typography>
|
|
49
|
+
</Alert>
|
|
50
|
+
)}
|
|
51
|
+
>
|
|
52
|
+
<PayloadTableRow
|
|
53
|
+
onClick={
|
|
54
|
+
onRowClick
|
|
55
|
+
? () => {
|
|
56
|
+
onRowClick(payload)
|
|
57
|
+
}
|
|
58
|
+
: undefined
|
|
59
|
+
}
|
|
60
|
+
exploreDomain={exploreDomain}
|
|
61
|
+
payload={payload}
|
|
62
|
+
/>
|
|
63
|
+
</XyoApiThrownErrorBoundary>
|
|
64
|
+
)
|
|
65
|
+
})}
|
|
63
66
|
{children}
|
|
64
67
|
</TableBody>
|
|
65
68
|
</Table>
|
|
@@ -9,6 +9,7 @@ import { PayloadTableColumnConfig, payloadTableColumnConfigDefaults, PayloadTabl
|
|
|
9
9
|
|
|
10
10
|
export interface PayloadTableRowProps extends TableRowProps {
|
|
11
11
|
payload?: XyoPayload
|
|
12
|
+
archive?: string
|
|
12
13
|
exploreDomain?: string
|
|
13
14
|
columns?: PayloadTableColumnConfig
|
|
14
15
|
network?: string
|
|
@@ -18,6 +19,7 @@ export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({
|
|
|
18
19
|
exploreDomain,
|
|
19
20
|
network: networkProp,
|
|
20
21
|
payload,
|
|
22
|
+
archive,
|
|
21
23
|
columns = payloadTableColumnConfigDefaults(),
|
|
22
24
|
...props
|
|
23
25
|
}) => {
|
|
@@ -28,6 +30,7 @@ export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({
|
|
|
28
30
|
const hash: React.FC<TableCellProps> = (props) => (
|
|
29
31
|
<HashTableCell
|
|
30
32
|
key="hash"
|
|
33
|
+
archive={archive}
|
|
31
34
|
width="100%"
|
|
32
35
|
value={wrapper?.hash}
|
|
33
36
|
dataType="payload"
|