@xyo-network/react-payload 2.26.53 → 2.26.54
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/Details/ValidationDetails/ValidationDetails.js.map +1 -1
- package/dist/cjs/components/Table/PayloadTableColumnConfig.d.ts +1 -1
- package/dist/cjs/components/Table/PayloadTableColumnConfig.d.ts.map +1 -1
- package/dist/cjs/components/Table/PayloadTableColumnConfig.js +5 -9
- package/dist/cjs/components/Table/PayloadTableColumnConfig.js.map +1 -1
- package/dist/cjs/components/Table/TableRow.d.ts +2 -2
- package/dist/cjs/components/Table/TableRow.d.ts.map +1 -1
- package/dist/cjs/components/Table/TableRow.js +2 -12
- package/dist/cjs/components/Table/TableRow.js.map +1 -1
- package/dist/docs.json +187 -200
- package/dist/esm/components/Details/ValidationDetails/ValidationDetails.js.map +1 -1
- package/dist/esm/components/Table/PayloadTableColumnConfig.d.ts +1 -1
- package/dist/esm/components/Table/PayloadTableColumnConfig.d.ts.map +1 -1
- package/dist/esm/components/Table/PayloadTableColumnConfig.js +5 -9
- package/dist/esm/components/Table/PayloadTableColumnConfig.js.map +1 -1
- package/dist/esm/components/Table/TableRow.d.ts +2 -2
- package/dist/esm/components/Table/TableRow.d.ts.map +1 -1
- package/dist/esm/components/Table/TableRow.js +3 -13
- package/dist/esm/components/Table/TableRow.js.map +1 -1
- package/package.json +15 -15
- package/src/components/Details/ValidationDetails/ValidationDetails.tsx +2 -2
- package/src/components/Table/PayloadTableColumnConfig.ts +7 -10
- package/src/components/Table/TableRow.tsx +4 -43
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"ValidationDetails.js","sourceRoot":"","sources":["../../../../../src/components/Details/ValidationDetails/ValidationDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI1D,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxI,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;IACnE,MAAM,MAAM,GAAY,CAAC,GAAG,UAAU,CAAC,CAAA;IAEvC,IAAI,SAAS,GAAG,CAAC,CAAA;IACjB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,CAAA;KAClC;IAED,OAAO,CACL,MAAC,aAAa,IAAC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,yCAAyC,KAAK,KAAK,aAClH,KAAC,QAAQ,IACP,UAAU,EAAE,EAAE,SAAS,EAAE,EACzB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,GAAG,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAC,OAAO,cACL,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBAC3B,OAAO,KAAC,UAAU,cAAc,KAAK,CAAC,QAAQ,EAAE,IAAxB,KAAK,CAAiC,CAAA;oBAChE,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,4BAAuB,CACnC,GAEH,EACD,KAAK,EAAE,MAAM,IAAI,KAAC,cAAc,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,IACjH,CACjB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare type PayloadTableColumnSlug = 'hash' | '
|
|
1
|
+
export declare type PayloadTableColumnSlug = 'hash' | 'schema' | 'valid';
|
|
2
2
|
export interface PayloadTableColumnConfig {
|
|
3
3
|
xs?: PayloadTableColumnSlug[];
|
|
4
4
|
sm?: PayloadTableColumnSlug[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadTableColumnConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAAA,oBAAY,sBAAsB,GAAG,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"PayloadTableColumnConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAAA,oBAAY,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEhE,MAAM,WAAW,wBAAwB;IACvC,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;CAC9B;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAKrE,CAAA;AAED,eAAO,MAAM,gCAAgC,QAAO,wBAOnD,CAAA"}
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
export const payloadColumnNames = {
|
|
2
|
-
archive: 'Archive',
|
|
3
|
-
client: 'Client',
|
|
4
|
-
date: 'Date',
|
|
5
2
|
hash: 'Hash',
|
|
6
3
|
schema: 'Schema',
|
|
7
|
-
time: 'Time',
|
|
8
4
|
valid: 'Valid',
|
|
9
5
|
};
|
|
10
6
|
export const payloadTableColumnConfigDefaults = () => {
|
|
11
|
-
const xs = ['hash', '
|
|
12
|
-
const sm = ['hash', '
|
|
13
|
-
const md = ['hash', 'schema', '
|
|
14
|
-
const lg = ['hash', 'schema', '
|
|
15
|
-
const xl = ['hash', 'schema', '
|
|
7
|
+
const xs = ['hash', 'schema', 'valid'];
|
|
8
|
+
const sm = ['hash', 'schema', 'valid'];
|
|
9
|
+
const md = ['hash', 'schema', 'valid'];
|
|
10
|
+
const lg = ['hash', 'schema', 'valid'];
|
|
11
|
+
const xl = ['hash', 'schema', 'valid'];
|
|
16
12
|
return { lg, md, sm, xl, xs };
|
|
17
13
|
};
|
|
18
14
|
//# sourceMappingURL=PayloadTableColumnConfig.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,kBAAkB,GAA2C;IACxE,
|
|
1
|
+
{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,kBAAkB,GAA2C;IACxE,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAEhB,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAA6B,EAAE;IAC7E,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAC/B,CAAC,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TableRowProps } from '@mui/material';
|
|
3
|
-
import {
|
|
3
|
+
import { XyoPayload } from '@xyo-network/payload';
|
|
4
4
|
import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
|
|
5
5
|
export interface PayloadTableRowProps extends TableRowProps {
|
|
6
|
-
payload?:
|
|
6
|
+
payload?: XyoPayload;
|
|
7
7
|
exploreDomain?: string;
|
|
8
8
|
columns?: PayloadTableColumnConfig;
|
|
9
9
|
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,
|
|
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,CA4D1D,CAAA"}
|
|
@@ -1,32 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { TableCell, TableRow, Typography } from '@mui/material';
|
|
3
3
|
import { useBreakpoint } from '@xylabs/react-shared';
|
|
4
|
-
import {
|
|
4
|
+
import { XyoPayloadValidator, XyoPayloadWrapper } from '@xyo-network/payload';
|
|
5
5
|
import { useNetwork } from '@xyo-network/react-network';
|
|
6
6
|
import { HashTableCell } from '@xyo-network/react-shared';
|
|
7
|
-
import { DateTime } from 'luxon';
|
|
8
7
|
import { MdClear, MdDone } from 'react-icons/md';
|
|
9
8
|
import { payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
|
|
10
9
|
export const PayloadTableRow = ({ exploreDomain, network: networkProp, payload, columns = payloadTableColumnConfigDefaults(), ...props }) => {
|
|
11
10
|
const breakPoint = useBreakpoint();
|
|
12
|
-
const timeStamp = payload?._timestamp ? DateTime.fromMillis(payload?._timestamp) : undefined;
|
|
13
11
|
const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined;
|
|
14
12
|
const { network } = useNetwork();
|
|
15
|
-
const
|
|
16
|
-
const client = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?._client }) }, "client"));
|
|
17
|
-
const date = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: timeStamp?.toLocaleString(DateTime.DATE_SHORT) }) }, "date"));
|
|
18
|
-
const hash = (props) => (_jsx(HashTableCell, { width: "100%", value: payload?._hash, archive: payload?._archive, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug, ...props }, "hash"));
|
|
13
|
+
const hash = (props) => (_jsx(HashTableCell, { width: "100%", value: wrapper?.hash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug, ...props }, "hash"));
|
|
19
14
|
const schema = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
|
|
20
|
-
const
|
|
21
|
-
const isValid = wrapper ? new XyoPayloadWrapperValidator(wrapper).validate().length === 0 : undefined;
|
|
15
|
+
const isValid = wrapper ? new XyoPayloadValidator(wrapper.body).validate().length === 0 : undefined;
|
|
22
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"));
|
|
23
17
|
const tableCells = {
|
|
24
|
-
archive,
|
|
25
|
-
client,
|
|
26
|
-
date,
|
|
27
18
|
hash,
|
|
28
19
|
schema,
|
|
29
|
-
time,
|
|
30
20
|
valid,
|
|
31
21
|
};
|
|
32
22
|
return breakPoint ? (_jsx(TableRow, { style: { maxWidth: '100vw' }, ...props, children: columns[breakPoint]?.map((column) => {
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -13,23 +13,23 @@
|
|
|
13
13
|
"@emotion/react": "^11.10.0",
|
|
14
14
|
"@emotion/styled": "^11.10.0",
|
|
15
15
|
"@mui/icons-material": "^5.8.4",
|
|
16
|
-
"@mui/material": "^5.9.
|
|
16
|
+
"@mui/material": "^5.9.3",
|
|
17
17
|
"@xylabs/react-button": "^2.14.10",
|
|
18
18
|
"@xylabs/react-flexbox": "^2.14.10",
|
|
19
19
|
"@xylabs/react-quick-tip-button": "^2.14.10",
|
|
20
20
|
"@xylabs/react-shared": "^2.14.10",
|
|
21
|
-
"@xyo-network/api": "^2.22.
|
|
22
|
-
"@xyo-network/network": "^2.22.
|
|
23
|
-
"@xyo-network/payload": "^2.22.
|
|
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.
|
|
32
|
-
"@xyo-network/utils": "^2.22.
|
|
21
|
+
"@xyo-network/api": "^2.22.26",
|
|
22
|
+
"@xyo-network/network": "^2.22.26",
|
|
23
|
+
"@xyo-network/payload": "^2.22.26",
|
|
24
|
+
"@xyo-network/react-archive": "^2.26.54",
|
|
25
|
+
"@xyo-network/react-archivist": "^2.26.54",
|
|
26
|
+
"@xyo-network/react-archivist-api": "^2.26.54",
|
|
27
|
+
"@xyo-network/react-auth-service": "^2.26.54",
|
|
28
|
+
"@xyo-network/react-network": "^2.26.54",
|
|
29
|
+
"@xyo-network/react-property": "^2.26.54",
|
|
30
|
+
"@xyo-network/react-schema": "^2.26.54",
|
|
31
|
+
"@xyo-network/react-shared": "^2.26.54",
|
|
32
|
+
"@xyo-network/utils": "^2.22.26",
|
|
33
33
|
"luxon": "^3.0.1",
|
|
34
34
|
"react": "^18.2.0",
|
|
35
35
|
"react-dom": "^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.54"
|
|
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.54"
|
|
97
97
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Typography } from '@mui/material'
|
|
2
2
|
import { FlexCol } from '@xylabs/react-flexbox'
|
|
3
|
-
import { XyoPayloadValidator
|
|
3
|
+
import { XyoPayloadValidator } from '@xyo-network/payload'
|
|
4
4
|
import { Property, PropertyGroup } from '@xyo-network/react-property'
|
|
5
5
|
import { SchemaProperty } from '@xyo-network/react-schema'
|
|
6
6
|
|
|
7
7
|
import { PayloadValidationDetailsProps } from './ValidationDetailsProps'
|
|
8
8
|
|
|
9
9
|
export const PayloadValidationDetails: React.FC<PayloadValidationDetailsProps> = ({ viewSchemaUrl, skipBody = false, value, ...props }) => {
|
|
10
|
-
const validator = value ? new XyoPayloadValidator(value
|
|
10
|
+
const validator = value ? new XyoPayloadValidator(value) : undefined
|
|
11
11
|
|
|
12
12
|
const bodyErrors = skipBody ? [] : validator?.body.validate() ?? []
|
|
13
13
|
const errors: Error[] = [...bodyErrors]
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type PayloadTableColumnSlug = 'hash' | '
|
|
1
|
+
export type PayloadTableColumnSlug = 'hash' | 'schema' | 'valid'
|
|
2
2
|
|
|
3
3
|
export interface PayloadTableColumnConfig {
|
|
4
4
|
xs?: PayloadTableColumnSlug[]
|
|
@@ -9,20 +9,17 @@ export interface PayloadTableColumnConfig {
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export const payloadColumnNames: Record<PayloadTableColumnSlug, string> = {
|
|
12
|
-
archive: 'Archive',
|
|
13
|
-
client: 'Client',
|
|
14
|
-
date: 'Date',
|
|
15
12
|
hash: 'Hash',
|
|
16
13
|
schema: 'Schema',
|
|
17
|
-
|
|
14
|
+
|
|
18
15
|
valid: 'Valid',
|
|
19
16
|
}
|
|
20
17
|
|
|
21
18
|
export const payloadTableColumnConfigDefaults = (): PayloadTableColumnConfig => {
|
|
22
|
-
const xs: PayloadTableColumnSlug[] = ['hash', '
|
|
23
|
-
const sm: PayloadTableColumnSlug[] = ['hash', '
|
|
24
|
-
const md: PayloadTableColumnSlug[] = ['hash', 'schema', '
|
|
25
|
-
const lg: PayloadTableColumnSlug[] = ['hash', 'schema', '
|
|
26
|
-
const xl: PayloadTableColumnSlug[] = ['hash', 'schema', '
|
|
19
|
+
const xs: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']
|
|
20
|
+
const sm: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']
|
|
21
|
+
const md: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']
|
|
22
|
+
const lg: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']
|
|
23
|
+
const xl: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']
|
|
27
24
|
return { lg, md, sm, xl, xs }
|
|
28
25
|
}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { TableCell, TableCellProps, TableRow, TableRowProps, Typography } from '@mui/material'
|
|
2
2
|
import { useBreakpoint } from '@xylabs/react-shared'
|
|
3
|
-
import {
|
|
3
|
+
import { XyoPayload, XyoPayloadValidator, XyoPayloadWrapper } from '@xyo-network/payload'
|
|
4
4
|
import { useNetwork } from '@xyo-network/react-network'
|
|
5
5
|
import { HashTableCell } from '@xyo-network/react-shared'
|
|
6
|
-
import { DateTime } from 'luxon'
|
|
7
6
|
import { MdClear, MdDone } from 'react-icons/md'
|
|
8
7
|
|
|
9
8
|
import { PayloadTableColumnConfig, payloadTableColumnConfigDefaults, PayloadTableColumnSlug } from './PayloadTableColumnConfig'
|
|
10
9
|
|
|
11
10
|
export interface PayloadTableRowProps extends TableRowProps {
|
|
12
|
-
payload?:
|
|
11
|
+
payload?: XyoPayload
|
|
13
12
|
exploreDomain?: string
|
|
14
13
|
columns?: PayloadTableColumnConfig
|
|
15
14
|
network?: string
|
|
@@ -23,40 +22,14 @@ export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({
|
|
|
23
22
|
...props
|
|
24
23
|
}) => {
|
|
25
24
|
const breakPoint = useBreakpoint()
|
|
26
|
-
const timeStamp = payload?._timestamp ? DateTime.fromMillis(payload?._timestamp) : undefined
|
|
27
25
|
const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined
|
|
28
26
|
const { network } = useNetwork()
|
|
29
27
|
|
|
30
|
-
const archive: React.FC<TableCellProps> = (props) => (
|
|
31
|
-
<TableCell key="archive" align="center" {...props}>
|
|
32
|
-
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
33
|
-
{payload?._archive}
|
|
34
|
-
</Typography>
|
|
35
|
-
</TableCell>
|
|
36
|
-
)
|
|
37
|
-
|
|
38
|
-
const client: React.FC<TableCellProps> = (props) => (
|
|
39
|
-
<TableCell key="client" align="center" {...props}>
|
|
40
|
-
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
41
|
-
{payload?._client}
|
|
42
|
-
</Typography>
|
|
43
|
-
</TableCell>
|
|
44
|
-
)
|
|
45
|
-
|
|
46
|
-
const date: React.FC<TableCellProps> = (props) => (
|
|
47
|
-
<TableCell key="date" align="center" {...props}>
|
|
48
|
-
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
49
|
-
{timeStamp?.toLocaleString(DateTime.DATE_SHORT)}
|
|
50
|
-
</Typography>
|
|
51
|
-
</TableCell>
|
|
52
|
-
)
|
|
53
|
-
|
|
54
28
|
const hash: React.FC<TableCellProps> = (props) => (
|
|
55
29
|
<HashTableCell
|
|
56
30
|
key="hash"
|
|
57
31
|
width="100%"
|
|
58
|
-
value={
|
|
59
|
-
archive={payload?._archive}
|
|
32
|
+
value={wrapper?.hash}
|
|
60
33
|
dataType="payload"
|
|
61
34
|
exploreDomain={exploreDomain}
|
|
62
35
|
network={networkProp ?? network?.slug}
|
|
@@ -72,15 +45,7 @@ export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({
|
|
|
72
45
|
</TableCell>
|
|
73
46
|
)
|
|
74
47
|
|
|
75
|
-
const
|
|
76
|
-
<TableCell key="time" align="center" {...props}>
|
|
77
|
-
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
78
|
-
{timeStamp?.toLocaleString(DateTime.TIME_SIMPLE)}
|
|
79
|
-
</Typography>
|
|
80
|
-
</TableCell>
|
|
81
|
-
)
|
|
82
|
-
|
|
83
|
-
const isValid = wrapper ? new XyoPayloadWrapperValidator(wrapper as XyoPayloadWrapper<XyoPayloadWithMeta>).validate().length === 0 : undefined
|
|
48
|
+
const isValid = wrapper ? new XyoPayloadValidator(wrapper.body).validate().length === 0 : undefined
|
|
84
49
|
|
|
85
50
|
const valid: React.FC<TableCellProps> = (props) => (
|
|
86
51
|
<TableCell key="valid" align="center" {...props}>
|
|
@@ -97,12 +62,8 @@ export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({
|
|
|
97
62
|
)
|
|
98
63
|
|
|
99
64
|
const tableCells: Record<PayloadTableColumnSlug, React.FC<TableCellProps>> = {
|
|
100
|
-
archive,
|
|
101
|
-
client,
|
|
102
|
-
date,
|
|
103
65
|
hash,
|
|
104
66
|
schema,
|
|
105
|
-
time,
|
|
106
67
|
valid,
|
|
107
68
|
}
|
|
108
69
|
|