@xyo-network/react-payload 2.25.27 → 2.25.30
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/Details.d.ts +2 -2
- package/dist/cjs/components/Details/Details.js +2 -2
- package/dist/cjs/components/Details/Details.js.map +1 -1
- package/dist/cjs/components/Table/PayloadTableColumnConfig.js +3 -3
- package/dist/cjs/components/Table/PayloadTableColumnConfig.js.map +1 -1
- package/dist/cjs/components/Table/Table.js +7 -8
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/Table/TableRow.js +8 -8
- package/dist/cjs/components/Table/TableRow.js.map +1 -1
- package/dist/docs.json +16 -16
- package/dist/esm/components/Details/Details.d.ts +2 -2
- package/dist/esm/components/Details/Details.js +2 -2
- package/dist/esm/components/Details/Details.js.map +1 -1
- package/dist/esm/components/Table/PayloadTableColumnConfig.js +3 -3
- package/dist/esm/components/Table/PayloadTableColumnConfig.js.map +1 -1
- package/dist/esm/components/Table/Table.js +7 -8
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableRow.js +8 -8
- package/dist/esm/components/Table/TableRow.js.map +1 -1
- package/package.json +9 -9
- package/src/components/Details/Details.tsx +4 -4
- package/src/components/Table/PayloadTableColumnConfig.ts +3 -3
- package/src/components/Table/Table.tsx +40 -43
- package/src/components/Table/TableRow.tsx +26 -18
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/sdk-react';
|
|
3
3
|
import { XyoPayload } from '@xyo-network/core';
|
|
4
4
|
export declare type WithPaper<T> = T & {
|
|
5
5
|
paper: true;
|
|
@@ -7,7 +7,7 @@ export declare type WithPaper<T> = T & {
|
|
|
7
7
|
export declare type WithoutPaper<T> = T & {
|
|
8
8
|
paper?: false;
|
|
9
9
|
};
|
|
10
|
-
export declare type PayloadDetailsProps =
|
|
10
|
+
export declare type PayloadDetailsProps = FlexBoxProps & {
|
|
11
11
|
payload?: XyoPayload;
|
|
12
12
|
paper?: boolean;
|
|
13
13
|
archivePath?: string;
|
|
@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.PayloadDetails = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const
|
|
6
|
+
const sdk_react_1 = require("@xylabs/sdk-react");
|
|
7
7
|
const DataDetails_1 = require("./DataDetails");
|
|
8
8
|
const JsonDetails_1 = require("./JsonDetails");
|
|
9
9
|
const MetaDetails_1 = require("./MetaDetails");
|
|
10
10
|
const ValidationDetails_1 = require("./ValidationDetails");
|
|
11
11
|
const PayloadDetails = (_a) => {
|
|
12
12
|
var { archivePath, paper, payload } = _a, props = tslib_1.__rest(_a, ["archivePath", "paper", "payload"]);
|
|
13
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ gap: 1, justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8 }, props, { children: [(0, jsx_runtime_1.jsx)(DataDetails_1.PayloadDataDetails, { paper: paper, size: "large", badge: true, payload: payload }), (0, jsx_runtime_1.jsx)(MetaDetails_1.PayloadMetaDetails, { archivePath: archivePath, paper: paper ? true : false, value: payload }), (0, jsx_runtime_1.jsx)(ValidationDetails_1.PayloadValidationDetails, { paper: paper, value: payload }), (0, jsx_runtime_1.jsx)(JsonDetails_1.PayloadJsonDetails, { paper: paper, payload: payload })] })));
|
|
14
14
|
};
|
|
15
15
|
exports.PayloadDetails = PayloadDetails;
|
|
16
16
|
//# sourceMappingURL=Details.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";;;;;AAAA,iDAAyD;AAGzD,+CAAkD;AAClD,+CAAkD;AAClD,+CAAkD;AAClD,2DAA8D;AAWvD,MAAM,cAAc,GAAkC,CAAC,EAAyC,EAAE,EAAE;QAA7C,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAvC,mCAAyC,CAAF;IACnG,OAAO,CACL,wBAAC,mBAAO,kBAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,IAAM,KAAK,eACxG,uBAAC,gCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,OAAO,EAAE,OAAO,GAAI,EACzE,uBAAC,gCAAkB,IAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC7F,uBAAC,4CAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,uBAAC,gCAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,KAC9C,CACX,CAAA;AACH,CAAC,CAAA;AATY,QAAA,cAAc,kBAS1B"}
|
|
@@ -11,9 +11,9 @@ exports.payloadColumnNames = {
|
|
|
11
11
|
valid: 'Valid',
|
|
12
12
|
};
|
|
13
13
|
const payloadTableColumnConfigDefaults = () => {
|
|
14
|
-
const xs = ['hash'];
|
|
15
|
-
const sm = ['hash', 'valid'];
|
|
16
|
-
const md = ['hash', 'schema', 'time', 'valid'];
|
|
14
|
+
const xs = ['hash', 'time', 'valid'];
|
|
15
|
+
const sm = ['hash', 'time', 'archive', 'valid'];
|
|
16
|
+
const md = ['hash', 'schema', 'archive', 'time', 'valid'];
|
|
17
17
|
const lg = ['hash', 'schema', 'archive', 'date', 'time', 'valid'];
|
|
18
18
|
const xl = ['hash', 'schema', 'archive', 'client', 'date', 'time', 'valid'];
|
|
19
19
|
return { lg, md, sm, xl, xs };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":";;;AAUa,QAAA,kBAAkB,GAA2C;IACxE,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAA;AAEM,MAAM,gCAAgC,GAAG,GAA6B,EAAE;IAC7E,MAAM,EAAE,GAA6B,CAAC,MAAM,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":";;;AAUa,QAAA,kBAAkB,GAA2C;IACxE,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAA;AAEM,MAAM,gCAAgC,GAAG,GAA6B,EAAE;IAC7E,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9D,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;IACzE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IACnF,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3F,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IACrG,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAC/B,CAAC,CAAA;AAPY,QAAA,gCAAgC,oCAO5C"}
|
|
@@ -6,20 +6,19 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
7
|
const sdk_react_1 = require("@xylabs/sdk-react");
|
|
8
8
|
const react_auth_service_1 = require("@xyo-network/react-auth-service");
|
|
9
|
-
const react_shared_1 = require("@xyo-network/react-shared");
|
|
10
9
|
const PayloadTableColumnConfig_1 = require("./PayloadTableColumnConfig");
|
|
11
10
|
const TableRow_1 = require("./TableRow");
|
|
12
11
|
const PayloadTable = (_a) => {
|
|
13
12
|
var _b;
|
|
14
13
|
var { exploreDomain, onRowClick, payloads, children, columns = (0, PayloadTableColumnConfig_1.payloadTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "onRowClick", "payloads", "children", "columns"]);
|
|
15
14
|
const breakPoint = (0, sdk_react_1.useBreakpoint)();
|
|
16
|
-
return breakPoint ? ((0, jsx_runtime_1.
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
15
|
+
return breakPoint ? ((0, jsx_runtime_1.jsxs)(material_1.Table, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (_b = columns[breakPoint]) === null || _b === void 0 ? void 0 : _b.map((column, index) => {
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ width: index === 0 ? '100%' : undefined, align: index === 0 ? 'left' : 'center' }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", noWrap: true }, { children: (0, jsx_runtime_1.jsx)("strong", { children: PayloadTableColumnConfig_1.payloadColumnNames[column] }) })) }), index));
|
|
17
|
+
}) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [payloads === null || payloads === void 0 ? void 0 : payloads.map((payload, index) => ((0, jsx_runtime_1.jsx)(react_auth_service_1.XyoApiThrownErrorBoundary, Object.assign({ errorComponent: (e) => ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error" }, { children: ["Error Loading Payload: ", (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: "bold" }, { children: e.message }))] }))) }, { children: (0, jsx_runtime_1.jsx)(TableRow_1.PayloadTableRow, { onClick: onRowClick
|
|
18
|
+
? () => {
|
|
19
|
+
onRowClick(payload);
|
|
20
|
+
}
|
|
21
|
+
: undefined, exploreDomain: exploreDomain, payload: payload }) }), `${payload._hash}-${payload._timestamp}-${index}`))), children] })] }))) : null;
|
|
23
22
|
};
|
|
24
23
|
exports.PayloadTable = PayloadTable;
|
|
25
24
|
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+G;AAC/G,iDAAiD;AAEjD,wEAA2E;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+G;AAC/G,iDAAiD;AAEjD,wEAA2E;AAE3E,yEAA2H;AAC3H,yCAA4C;AASrC,MAAM,YAAY,GAAgC,CAAC,EAAyG,EAAE,EAAE;;QAA7G,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAA,2DAAgC,GAAE,OAAY,EAAP,KAAK,sBAAvG,kEAAyG,CAAF;IAC/J,MAAM,UAAU,GAAG,IAAA,yBAAa,GAAE,CAAA;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,wBAAC,gBAAK,oBAAK,KAAK,eACd,uBAAC,oBAAS,cACR,uBAAC,mBAAQ,cACN,MAAA,OAAO,CAAC,UAAU,CAAC,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wBAC1C,OAAO,CACL,uBAAC,oBAAS,kBAAa,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,gBACpG,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAClC,6CAAS,6CAAkB,CAAC,MAAM,CAAC,GAAU,IAClC,KAHC,KAAK,CAIT,CACb,CAAA;oBACH,CAAC,CAAC,GACO,GACD,EACZ,wBAAC,oBAAS,eACP,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,uBAAC,8CAAyB,kBAExB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,wBAAC,gBAAK,kBAAC,QAAQ,EAAC,OAAO,4CACE,uBAAC,qBAAU,kBAAC,UAAU,EAAC,MAAM,gBAAE,CAAC,CAAC,OAAO,IAAc,KACvE,CACT,gBAED,uBAAC,0BAAe,IACd,OAAO,EACL,UAAU;gCACR,CAAC,CAAC,GAAG,EAAE;oCACH,UAAU,CAAC,OAAO,CAAC,CAAA;gCACrB,CAAC;gCACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,KAjBG,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,UAAU,IAAI,KAAK,EAAE,CAkB5B,CAC7B,CAAC,EACD,QAAQ,IACC,KACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AA5CY,QAAA,YAAY,gBA4CxB"}
|
|
@@ -18,14 +18,14 @@ const PayloadTableRow = (_a) => {
|
|
|
18
18
|
const timeStamp = (payload === null || payload === void 0 ? void 0 : payload._timestamp) ? luxon_1.DateTime.fromMillis(payload === null || payload === void 0 ? void 0 : payload._timestamp) : undefined;
|
|
19
19
|
const wrapper = payload ? new core_1.XyoPayloadWrapper(payload) : undefined;
|
|
20
20
|
const { network } = (0, react_network_1.useNetwork)();
|
|
21
|
-
const archive = ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: payload === null || payload === void 0 ? void 0 : payload._archive })) }), "archive"));
|
|
22
|
-
const client = ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: payload === null || payload === void 0 ? void 0 : payload._client })) }), "client"));
|
|
23
|
-
const date = ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: timeStamp === null || timeStamp === void 0 ? void 0 : timeStamp.toLocaleString(luxon_1.DateTime.DATE_SHORT) })) }), "date"));
|
|
24
|
-
const hash = ((0, jsx_runtime_1.jsx)(react_shared_1.HashTableCell, { value: payload === null || payload === void 0 ? void 0 : payload._hash, archive: payload === null || payload === void 0 ? void 0 : payload._archive, dataType: "payload", exploreDomain: exploreDomain, network: networkProp !== null && networkProp !== void 0 ? networkProp : network === null || network === void 0 ? void 0 : network.slug }, "hash"));
|
|
25
|
-
const schema = ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: payload === null || payload === void 0 ? void 0 : payload.schema })) }), "payloads"));
|
|
26
|
-
const time = ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: timeStamp === null || timeStamp === void 0 ? void 0 : timeStamp.toLocaleString(luxon_1.DateTime.TIME_SIMPLE) })) }), "time"));
|
|
21
|
+
const archive = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: payload === null || payload === void 0 ? void 0 : payload._archive })) }), "archive"));
|
|
22
|
+
const client = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: payload === null || payload === void 0 ? void 0 : payload._client })) }), "client"));
|
|
23
|
+
const date = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: timeStamp === null || timeStamp === void 0 ? void 0 : timeStamp.toLocaleString(luxon_1.DateTime.DATE_SHORT) })) }), "date"));
|
|
24
|
+
const hash = (props) => ((0, jsx_runtime_1.jsx)(react_shared_1.HashTableCell, Object.assign({ width: "100%", value: payload === null || payload === void 0 ? void 0 : payload._hash, archive: payload === null || payload === void 0 ? void 0 : payload._archive, dataType: "payload", exploreDomain: exploreDomain, network: networkProp !== null && networkProp !== void 0 ? networkProp : network === null || network === void 0 ? void 0 : network.slug }, props), "hash"));
|
|
25
|
+
const schema = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: payload === null || payload === void 0 ? void 0 : payload.schema })) }), "payloads"));
|
|
26
|
+
const time = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: timeStamp === null || timeStamp === void 0 ? void 0 : timeStamp.toLocaleString(luxon_1.DateTime.TIME_SIMPLE) })) }), "time"));
|
|
27
27
|
const isValid = wrapper ? new core_1.XyoPayloadWrapperValidator(wrapper).all().length === 0 : undefined;
|
|
28
|
-
const valid = ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: isValid === undefined ? (0, jsx_runtime_1.jsx)(md_1.MdDone, { fontSize: 18, color: "yellow" }) : isValid ? (0, jsx_runtime_1.jsx)(md_1.MdDone, { fontSize: 18, color: "green" }) : (0, jsx_runtime_1.jsx)(md_1.MdClear, { color: "red", fontSize: 18 }) })) }), "valid"));
|
|
28
|
+
const valid = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: isValid === undefined ? (0, jsx_runtime_1.jsx)(md_1.MdDone, { fontSize: 18, color: "yellow" }) : isValid ? (0, jsx_runtime_1.jsx)(md_1.MdDone, { fontSize: 18, color: "green" }) : (0, jsx_runtime_1.jsx)(md_1.MdClear, { color: "red", fontSize: 18 }) })) }), "valid"));
|
|
29
29
|
const tableCells = {
|
|
30
30
|
archive,
|
|
31
31
|
client,
|
|
@@ -36,7 +36,7 @@ const PayloadTableRow = (_a) => {
|
|
|
36
36
|
valid,
|
|
37
37
|
};
|
|
38
38
|
return breakPoint ? ((0, jsx_runtime_1.jsx)(material_1.TableRow, Object.assign({ style: { maxWidth: '100vw' } }, props, { children: (_b = columns[breakPoint]) === null || _b === void 0 ? void 0 : _b.map((column) => {
|
|
39
|
-
return tableCells[column];
|
|
39
|
+
return tableCells[column]({});
|
|
40
40
|
}) }))) : null;
|
|
41
41
|
};
|
|
42
42
|
exports.PayloadTableRow = PayloadTableRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"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"}
|
package/dist/docs.json
CHANGED
|
@@ -2321,7 +2321,7 @@
|
|
|
2321
2321
|
"sources": [
|
|
2322
2322
|
{
|
|
2323
2323
|
"fileName": "packages/payload/src/components/Table/Table.tsx",
|
|
2324
|
-
"line":
|
|
2324
|
+
"line": 13,
|
|
2325
2325
|
"character": 2
|
|
2326
2326
|
}
|
|
2327
2327
|
],
|
|
@@ -2612,7 +2612,7 @@
|
|
|
2612
2612
|
"sources": [
|
|
2613
2613
|
{
|
|
2614
2614
|
"fileName": "packages/payload/src/components/Table/Table.tsx",
|
|
2615
|
-
"line":
|
|
2615
|
+
"line": 10,
|
|
2616
2616
|
"character": 2
|
|
2617
2617
|
}
|
|
2618
2618
|
],
|
|
@@ -8657,7 +8657,7 @@
|
|
|
8657
8657
|
"sources": [
|
|
8658
8658
|
{
|
|
8659
8659
|
"fileName": "packages/payload/src/components/Table/Table.tsx",
|
|
8660
|
-
"line":
|
|
8660
|
+
"line": 12,
|
|
8661
8661
|
"character": 2
|
|
8662
8662
|
}
|
|
8663
8663
|
],
|
|
@@ -9456,7 +9456,7 @@
|
|
|
9456
9456
|
"sources": [
|
|
9457
9457
|
{
|
|
9458
9458
|
"fileName": "packages/payload/src/components/Table/Table.tsx",
|
|
9459
|
-
"line":
|
|
9459
|
+
"line": 11,
|
|
9460
9460
|
"character": 2
|
|
9461
9461
|
}
|
|
9462
9462
|
],
|
|
@@ -9776,7 +9776,7 @@
|
|
|
9776
9776
|
"sources": [
|
|
9777
9777
|
{
|
|
9778
9778
|
"fileName": "packages/payload/src/components/Table/Table.tsx",
|
|
9779
|
-
"line":
|
|
9779
|
+
"line": 9,
|
|
9780
9780
|
"character": 17
|
|
9781
9781
|
}
|
|
9782
9782
|
],
|
|
@@ -11842,7 +11842,7 @@
|
|
|
11842
11842
|
"sources": [
|
|
11843
11843
|
{
|
|
11844
11844
|
"fileName": "packages/payload/src/components/Table/TableRow.tsx",
|
|
11845
|
-
"line":
|
|
11845
|
+
"line": 14,
|
|
11846
11846
|
"character": 2
|
|
11847
11847
|
}
|
|
11848
11848
|
],
|
|
@@ -12133,7 +12133,7 @@
|
|
|
12133
12133
|
"sources": [
|
|
12134
12134
|
{
|
|
12135
12135
|
"fileName": "packages/payload/src/components/Table/TableRow.tsx",
|
|
12136
|
-
"line":
|
|
12136
|
+
"line": 13,
|
|
12137
12137
|
"character": 2
|
|
12138
12138
|
}
|
|
12139
12139
|
],
|
|
@@ -12549,7 +12549,7 @@
|
|
|
12549
12549
|
"sources": [
|
|
12550
12550
|
{
|
|
12551
12551
|
"fileName": "packages/payload/src/components/Table/TableRow.tsx",
|
|
12552
|
-
"line":
|
|
12552
|
+
"line": 15,
|
|
12553
12553
|
"character": 2
|
|
12554
12554
|
}
|
|
12555
12555
|
],
|
|
@@ -18185,7 +18185,7 @@
|
|
|
18185
18185
|
"sources": [
|
|
18186
18186
|
{
|
|
18187
18187
|
"fileName": "packages/payload/src/components/Table/TableRow.tsx",
|
|
18188
|
-
"line":
|
|
18188
|
+
"line": 12,
|
|
18189
18189
|
"character": 2
|
|
18190
18190
|
}
|
|
18191
18191
|
],
|
|
@@ -19134,7 +19134,7 @@
|
|
|
19134
19134
|
"sources": [
|
|
19135
19135
|
{
|
|
19136
19136
|
"fileName": "packages/payload/src/components/Table/TableRow.tsx",
|
|
19137
|
-
"line":
|
|
19137
|
+
"line": 11,
|
|
19138
19138
|
"character": 17
|
|
19139
19139
|
}
|
|
19140
19140
|
],
|
|
@@ -19280,9 +19280,9 @@
|
|
|
19280
19280
|
"types": [
|
|
19281
19281
|
{
|
|
19282
19282
|
"type": "reference",
|
|
19283
|
-
"qualifiedName": "
|
|
19284
|
-
"package": "@
|
|
19285
|
-
"name": "
|
|
19283
|
+
"qualifiedName": "FlexBoxProps",
|
|
19284
|
+
"package": "@xylabs/sdk-react",
|
|
19285
|
+
"name": "FlexBoxProps"
|
|
19286
19286
|
},
|
|
19287
19287
|
{
|
|
19288
19288
|
"type": "reflection",
|
|
@@ -19371,7 +19371,7 @@
|
|
|
19371
19371
|
{
|
|
19372
19372
|
"fileName": "packages/payload/src/components/Details/Details.tsx",
|
|
19373
19373
|
"line": 12,
|
|
19374
|
-
"character":
|
|
19374
|
+
"character": 49
|
|
19375
19375
|
}
|
|
19376
19376
|
]
|
|
19377
19377
|
}
|
|
@@ -20043,7 +20043,7 @@
|
|
|
20043
20043
|
"sources": [
|
|
20044
20044
|
{
|
|
20045
20045
|
"fileName": "packages/payload/src/components/Table/Table.tsx",
|
|
20046
|
-
"line":
|
|
20046
|
+
"line": 16,
|
|
20047
20047
|
"character": 13
|
|
20048
20048
|
}
|
|
20049
20049
|
],
|
|
@@ -20073,7 +20073,7 @@
|
|
|
20073
20073
|
"sources": [
|
|
20074
20074
|
{
|
|
20075
20075
|
"fileName": "packages/payload/src/components/Table/TableRow.tsx",
|
|
20076
|
-
"line":
|
|
20076
|
+
"line": 18,
|
|
20077
20077
|
"character": 13
|
|
20078
20078
|
}
|
|
20079
20079
|
],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/sdk-react';
|
|
3
3
|
import { XyoPayload } from '@xyo-network/core';
|
|
4
4
|
export declare type WithPaper<T> = T & {
|
|
5
5
|
paper: true;
|
|
@@ -7,7 +7,7 @@ export declare type WithPaper<T> = T & {
|
|
|
7
7
|
export declare type WithoutPaper<T> = T & {
|
|
8
8
|
paper?: false;
|
|
9
9
|
};
|
|
10
|
-
export declare type PayloadDetailsProps =
|
|
10
|
+
export declare type PayloadDetailsProps = FlexBoxProps & {
|
|
11
11
|
payload?: XyoPayload;
|
|
12
12
|
paper?: boolean;
|
|
13
13
|
archivePath?: string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { FlexCol } from '@xylabs/sdk-react';
|
|
3
3
|
import { PayloadDataDetails } from './DataDetails';
|
|
4
4
|
import { PayloadJsonDetails } from './JsonDetails';
|
|
5
5
|
import { PayloadMetaDetails } from './MetaDetails';
|
|
6
6
|
import { PayloadValidationDetails } from './ValidationDetails';
|
|
7
7
|
export const PayloadDetails = ({ archivePath, paper, payload, ...props }) => {
|
|
8
|
-
return (_jsxs(
|
|
8
|
+
return (_jsxs(FlexCol, { gap: 1, justifyContent: "flex-start", alignItems: "stretch", marginTop: 2, marginBottom: 8, ...props, children: [_jsx(PayloadDataDetails, { paper: paper, size: "large", badge: true, payload: payload }), _jsx(PayloadMetaDetails, { archivePath: archivePath, paper: paper ? true : false, value: payload }), _jsx(PayloadValidationDetails, { paper: paper, value: payload }), _jsx(PayloadJsonDetails, { paper: paper, payload: payload })] }));
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=Details.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../src/components/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAW9D,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzG,OAAO,CACL,MAAC,OAAO,IAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,KAAM,KAAK,aACxG,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,QAAC,OAAO,EAAE,OAAO,GAAI,EACzE,KAAC,kBAAkB,IAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC7F,KAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,IAC9C,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -8,9 +8,9 @@ export const payloadColumnNames = {
|
|
|
8
8
|
valid: 'Valid',
|
|
9
9
|
};
|
|
10
10
|
export const payloadTableColumnConfigDefaults = () => {
|
|
11
|
-
const xs = ['hash'];
|
|
12
|
-
const sm = ['hash', 'valid'];
|
|
13
|
-
const md = ['hash', 'schema', 'time', 'valid'];
|
|
11
|
+
const xs = ['hash', 'time', 'valid'];
|
|
12
|
+
const sm = ['hash', 'time', 'archive', 'valid'];
|
|
13
|
+
const md = ['hash', 'schema', 'archive', 'time', 'valid'];
|
|
14
14
|
const lg = ['hash', 'schema', 'archive', 'date', 'time', 'valid'];
|
|
15
15
|
const xl = ['hash', 'schema', 'archive', 'client', 'date', 'time', 'valid'];
|
|
16
16
|
return { lg, md, sm, xl, xs };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,kBAAkB,GAA2C;IACxE,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAA6B,EAAE;IAC7E,MAAM,EAAE,GAA6B,CAAC,MAAM,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,kBAAkB,GAA2C;IACxE,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAA6B,EAAE;IAC7E,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9D,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;IACzE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IACnF,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3F,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IACrG,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAC/B,CAAC,CAAA"}
|
|
@@ -2,17 +2,16 @@ 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/sdk-react';
|
|
4
4
|
import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service';
|
|
5
|
-
import { ScrollTableOnSm } from '@xyo-network/react-shared';
|
|
6
5
|
import { payloadColumnNames, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
|
|
7
6
|
import { PayloadTableRow } from './TableRow';
|
|
8
7
|
export const PayloadTable = ({ exploreDomain, onRowClick, payloads, children, columns = payloadTableColumnConfigDefaults(), ...props }) => {
|
|
9
8
|
const breakPoint = useBreakpoint();
|
|
10
|
-
return breakPoint ? (
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
9
|
+
return breakPoint ? (_jsxs(Table, { ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
|
|
10
|
+
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) => (_jsx(XyoApiThrownErrorBoundary, { errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadTableRow, { onClick: onRowClick
|
|
12
|
+
? () => {
|
|
13
|
+
onRowClick(payload);
|
|
14
|
+
}
|
|
15
|
+
: undefined, exploreDomain: exploreDomain, payload: payload }) }, `${payload._hash}-${payload._timestamp}-${index}`))), children] })] })) : null;
|
|
17
16
|
};
|
|
18
17
|
//# 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,mBAAmB,CAAA;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,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,mBAAmB,CAAA;AAEjD,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,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,GAAG,gCAAgC,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrK,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,CAAC,CACjC,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;gCACR,CAAC,CAAC,GAAG,EAAE;oCACH,UAAU,CAAC,OAAO,CAAC,CAAA;gCACrB,CAAC;gCACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,IAjBG,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,UAAU,IAAI,KAAK,EAAE,CAkB5B,CAC7B,CAAC,EACD,QAAQ,IACC,IACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
|
|
@@ -12,14 +12,14 @@ export const PayloadTableRow = ({ exploreDomain, network: networkProp, payload,
|
|
|
12
12
|
const timeStamp = payload?._timestamp ? DateTime.fromMillis(payload?._timestamp) : undefined;
|
|
13
13
|
const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined;
|
|
14
14
|
const { network } = useNetwork();
|
|
15
|
-
const archive = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?._archive }) }, "archive"));
|
|
16
|
-
const client = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?._client }) }, "client"));
|
|
17
|
-
const date = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: timeStamp?.toLocaleString(DateTime.DATE_SHORT) }) }, "date"));
|
|
18
|
-
const hash = (_jsx(HashTableCell, { value: payload?._hash, archive: payload?._archive, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug }, "hash"));
|
|
19
|
-
const schema = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
|
|
20
|
-
const time = (_jsx(TableCell, { align: "center", children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: timeStamp?.toLocaleString(DateTime.TIME_SIMPLE) }) }, "time"));
|
|
15
|
+
const archive = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?._archive }) }, "archive"));
|
|
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"));
|
|
19
|
+
const schema = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
|
|
20
|
+
const time = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: timeStamp?.toLocaleString(DateTime.TIME_SIMPLE) }) }, "time"));
|
|
21
21
|
const isValid = wrapper ? new XyoPayloadWrapperValidator(wrapper).all().length === 0 : undefined;
|
|
22
|
-
const valid = (_jsx(TableCell, { align: "center", 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"));
|
|
22
|
+
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
23
|
const tableCells = {
|
|
24
24
|
archive,
|
|
25
25
|
client,
|
|
@@ -30,7 +30,7 @@ export const PayloadTableRow = ({ exploreDomain, network: networkProp, payload,
|
|
|
30
30
|
valid,
|
|
31
31
|
};
|
|
32
32
|
return breakPoint ? (_jsx(TableRow, { style: { maxWidth: '100vw' }, ...props, children: columns[breakPoint]?.map((column) => {
|
|
33
|
-
return tableCells[column];
|
|
33
|
+
return tableCells[column]({});
|
|
34
34
|
}) })) : null;
|
|
35
35
|
};
|
|
36
36
|
//# sourceMappingURL=TableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -18,14 +18,14 @@
|
|
|
18
18
|
"@xyo-network/api": "^2.20.38",
|
|
19
19
|
"@xyo-network/core": "^2.20.38",
|
|
20
20
|
"@xyo-network/network": "^2.20.38",
|
|
21
|
-
"@xyo-network/react-archive": "^2.25.
|
|
22
|
-
"@xyo-network/react-archivist-api": "^2.25.
|
|
23
|
-
"@xyo-network/react-auth-service": "^2.25.
|
|
24
|
-
"@xyo-network/react-network": "^2.25.
|
|
25
|
-
"@xyo-network/react-property": "^2.25.
|
|
26
|
-
"@xyo-network/react-schema": "^2.25.
|
|
27
|
-
"@xyo-network/react-shared": "^2.25.
|
|
28
|
-
"@xyo-network/react-theme": "^2.25.
|
|
21
|
+
"@xyo-network/react-archive": "^2.25.30",
|
|
22
|
+
"@xyo-network/react-archivist-api": "^2.25.30",
|
|
23
|
+
"@xyo-network/react-auth-service": "^2.25.30",
|
|
24
|
+
"@xyo-network/react-network": "^2.25.30",
|
|
25
|
+
"@xyo-network/react-property": "^2.25.30",
|
|
26
|
+
"@xyo-network/react-schema": "^2.25.30",
|
|
27
|
+
"@xyo-network/react-shared": "^2.25.30",
|
|
28
|
+
"@xyo-network/react-theme": "^2.25.30",
|
|
29
29
|
"@xyo-network/utils": "^2.20.38",
|
|
30
30
|
"lodash": "^4.17.21",
|
|
31
31
|
"luxon": "^2.4.0",
|
|
@@ -114,6 +114,6 @@
|
|
|
114
114
|
},
|
|
115
115
|
"sideEffects": false,
|
|
116
116
|
"types": "dist/esm/index.d.ts",
|
|
117
|
-
"version": "2.25.
|
|
117
|
+
"version": "2.25.30",
|
|
118
118
|
"packageManager": "yarn@3.1.1"
|
|
119
119
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FlexBoxProps, FlexCol } from '@xylabs/sdk-react'
|
|
2
2
|
import { XyoPayload } from '@xyo-network/core'
|
|
3
3
|
|
|
4
4
|
import { PayloadDataDetails } from './DataDetails'
|
|
@@ -9,7 +9,7 @@ import { PayloadValidationDetails } from './ValidationDetails'
|
|
|
9
9
|
export type WithPaper<T> = T & { paper: true }
|
|
10
10
|
export type WithoutPaper<T> = T & { paper?: false }
|
|
11
11
|
|
|
12
|
-
export type PayloadDetailsProps =
|
|
12
|
+
export type PayloadDetailsProps = FlexBoxProps & {
|
|
13
13
|
payload?: XyoPayload
|
|
14
14
|
paper?: boolean
|
|
15
15
|
archivePath?: string
|
|
@@ -17,11 +17,11 @@ export type PayloadDetailsProps = StackProps & {
|
|
|
17
17
|
|
|
18
18
|
export const PayloadDetails: React.FC<PayloadDetailsProps> = ({ archivePath, paper, payload, ...props }) => {
|
|
19
19
|
return (
|
|
20
|
-
<
|
|
20
|
+
<FlexCol gap={1} justifyContent="flex-start" alignItems="stretch" marginTop={2} marginBottom={8} {...props}>
|
|
21
21
|
<PayloadDataDetails paper={paper} size="large" badge payload={payload} />
|
|
22
22
|
<PayloadMetaDetails archivePath={archivePath} paper={paper ? true : false} value={payload} />
|
|
23
23
|
<PayloadValidationDetails paper={paper} value={payload} />
|
|
24
24
|
<PayloadJsonDetails paper={paper} payload={payload} />
|
|
25
|
-
</
|
|
25
|
+
</FlexCol>
|
|
26
26
|
)
|
|
27
27
|
}
|
|
@@ -19,9 +19,9 @@ export const payloadColumnNames: Record<PayloadTableColumnSlug, string> = {
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
export const payloadTableColumnConfigDefaults = (): PayloadTableColumnConfig => {
|
|
22
|
-
const xs: PayloadTableColumnSlug[] = ['hash']
|
|
23
|
-
const sm: PayloadTableColumnSlug[] = ['hash', 'valid']
|
|
24
|
-
const md: PayloadTableColumnSlug[] = ['hash', 'schema', 'time', 'valid']
|
|
22
|
+
const xs: PayloadTableColumnSlug[] = ['hash', 'time', 'valid']
|
|
23
|
+
const sm: PayloadTableColumnSlug[] = ['hash', 'time', 'archive', 'valid']
|
|
24
|
+
const md: PayloadTableColumnSlug[] = ['hash', 'schema', 'archive', 'time', 'valid']
|
|
25
25
|
const lg: PayloadTableColumnSlug[] = ['hash', 'schema', 'archive', 'date', 'time', 'valid']
|
|
26
26
|
const xl: PayloadTableColumnSlug[] = ['hash', 'schema', 'archive', 'client', 'date', 'time', 'valid']
|
|
27
27
|
return { lg, md, sm, xl, xs }
|
|
@@ -2,7 +2,6 @@ import { Alert, Table, TableBody, TableCell, TableHead, TableProps, TableRow, Ty
|
|
|
2
2
|
import { useBreakpoint } from '@xylabs/sdk-react'
|
|
3
3
|
import { XyoPayload } from '@xyo-network/core'
|
|
4
4
|
import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service'
|
|
5
|
-
import { ScrollTableOnSm } from '@xyo-network/react-shared'
|
|
6
5
|
|
|
7
6
|
import { payloadColumnNames, PayloadTableColumnConfig, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig'
|
|
8
7
|
import { PayloadTableRow } from './TableRow'
|
|
@@ -17,47 +16,45 @@ export interface PayloadTableProps extends TableProps {
|
|
|
17
16
|
export const PayloadTable: React.FC<PayloadTableProps> = ({ exploreDomain, onRowClick, payloads, children, columns = payloadTableColumnConfigDefaults(), ...props }) => {
|
|
18
17
|
const breakPoint = useBreakpoint()
|
|
19
18
|
return breakPoint ? (
|
|
20
|
-
<
|
|
21
|
-
<
|
|
22
|
-
<
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
<
|
|
27
|
-
<
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
<
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
</Table>
|
|
61
|
-
</ScrollTableOnSm>
|
|
19
|
+
<Table {...props}>
|
|
20
|
+
<TableHead>
|
|
21
|
+
<TableRow>
|
|
22
|
+
{columns[breakPoint]?.map((column, index) => {
|
|
23
|
+
return (
|
|
24
|
+
<TableCell key={index} width={index === 0 ? '100%' : undefined} align={index === 0 ? 'left' : 'center'}>
|
|
25
|
+
<Typography variant="caption" noWrap>
|
|
26
|
+
<strong>{payloadColumnNames[column]}</strong>
|
|
27
|
+
</Typography>
|
|
28
|
+
</TableCell>
|
|
29
|
+
)
|
|
30
|
+
})}
|
|
31
|
+
</TableRow>
|
|
32
|
+
</TableHead>
|
|
33
|
+
<TableBody>
|
|
34
|
+
{payloads?.map((payload, index) => (
|
|
35
|
+
<XyoApiThrownErrorBoundary
|
|
36
|
+
key={`${payload._hash}-${payload._timestamp}-${index}`}
|
|
37
|
+
errorComponent={(e) => (
|
|
38
|
+
<Alert severity="error">
|
|
39
|
+
Error Loading Payload: <Typography fontWeight="bold">{e.message}</Typography>
|
|
40
|
+
</Alert>
|
|
41
|
+
)}
|
|
42
|
+
>
|
|
43
|
+
<PayloadTableRow
|
|
44
|
+
onClick={
|
|
45
|
+
onRowClick
|
|
46
|
+
? () => {
|
|
47
|
+
onRowClick(payload)
|
|
48
|
+
}
|
|
49
|
+
: undefined
|
|
50
|
+
}
|
|
51
|
+
exploreDomain={exploreDomain}
|
|
52
|
+
payload={payload}
|
|
53
|
+
/>
|
|
54
|
+
</XyoApiThrownErrorBoundary>
|
|
55
|
+
))}
|
|
56
|
+
{children}
|
|
57
|
+
</TableBody>
|
|
58
|
+
</Table>
|
|
62
59
|
) : null
|
|
63
60
|
}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { TableCell, TableRow, TableRowProps, Typography } from '@mui/material'
|
|
1
|
+
import { TableCell, TableCellProps, TableRow, TableRowProps, Typography } from '@mui/material'
|
|
2
2
|
import { useBreakpoint } from '@xylabs/sdk-react'
|
|
3
3
|
import { XyoPayload, XyoPayloadWrapper, XyoPayloadWrapperValidator } from '@xyo-network/core'
|
|
4
4
|
import { useNetwork } from '@xyo-network/react-network'
|
|
5
5
|
import { HashTableCell } from '@xyo-network/react-shared'
|
|
6
6
|
import { DateTime } from 'luxon'
|
|
7
|
-
import { ReactElement } from 'react'
|
|
8
7
|
import { MdClear, MdDone } from 'react-icons/md'
|
|
9
8
|
|
|
10
9
|
import { PayloadTableColumnConfig, payloadTableColumnConfigDefaults, PayloadTableColumnSlug } from './PayloadTableColumnConfig'
|
|
@@ -22,44 +21,53 @@ export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({ exploreDomain,
|
|
|
22
21
|
const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined
|
|
23
22
|
const { network } = useNetwork()
|
|
24
23
|
|
|
25
|
-
const archive = (
|
|
26
|
-
<TableCell key="archive" align="center">
|
|
24
|
+
const archive: React.FC<TableCellProps> = (props) => (
|
|
25
|
+
<TableCell key="archive" align="center" {...props}>
|
|
27
26
|
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
28
27
|
{payload?._archive}
|
|
29
28
|
</Typography>
|
|
30
29
|
</TableCell>
|
|
31
30
|
)
|
|
32
31
|
|
|
33
|
-
const client = (
|
|
34
|
-
<TableCell key="client" align="center">
|
|
32
|
+
const client: React.FC<TableCellProps> = (props) => (
|
|
33
|
+
<TableCell key="client" align="center" {...props}>
|
|
35
34
|
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
36
35
|
{payload?._client}
|
|
37
36
|
</Typography>
|
|
38
37
|
</TableCell>
|
|
39
38
|
)
|
|
40
39
|
|
|
41
|
-
const date = (
|
|
42
|
-
<TableCell key="date" align="center">
|
|
40
|
+
const date: React.FC<TableCellProps> = (props) => (
|
|
41
|
+
<TableCell key="date" align="center" {...props}>
|
|
43
42
|
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
44
43
|
{timeStamp?.toLocaleString(DateTime.DATE_SHORT)}
|
|
45
44
|
</Typography>
|
|
46
45
|
</TableCell>
|
|
47
46
|
)
|
|
48
47
|
|
|
49
|
-
const hash = (
|
|
50
|
-
<HashTableCell
|
|
48
|
+
const hash: React.FC<TableCellProps> = (props) => (
|
|
49
|
+
<HashTableCell
|
|
50
|
+
key="hash"
|
|
51
|
+
width="100%"
|
|
52
|
+
value={payload?._hash}
|
|
53
|
+
archive={payload?._archive}
|
|
54
|
+
dataType="payload"
|
|
55
|
+
exploreDomain={exploreDomain}
|
|
56
|
+
network={networkProp ?? network?.slug}
|
|
57
|
+
{...props}
|
|
58
|
+
/>
|
|
51
59
|
)
|
|
52
60
|
|
|
53
|
-
const schema = (
|
|
54
|
-
<TableCell key="payloads" align="center">
|
|
61
|
+
const schema: React.FC<TableCellProps> = (props) => (
|
|
62
|
+
<TableCell key="payloads" align="center" {...props}>
|
|
55
63
|
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
56
64
|
{payload?.schema}
|
|
57
65
|
</Typography>
|
|
58
66
|
</TableCell>
|
|
59
67
|
)
|
|
60
68
|
|
|
61
|
-
const time = (
|
|
62
|
-
<TableCell key="time" align="center">
|
|
69
|
+
const time: React.FC<TableCellProps> = (props) => (
|
|
70
|
+
<TableCell key="time" align="center" {...props}>
|
|
63
71
|
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
64
72
|
{timeStamp?.toLocaleString(DateTime.TIME_SIMPLE)}
|
|
65
73
|
</Typography>
|
|
@@ -68,15 +76,15 @@ export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({ exploreDomain,
|
|
|
68
76
|
|
|
69
77
|
const isValid = wrapper ? new XyoPayloadWrapperValidator(wrapper).all().length === 0 : undefined
|
|
70
78
|
|
|
71
|
-
const valid = (
|
|
72
|
-
<TableCell key="valid" align="center">
|
|
79
|
+
const valid: React.FC<TableCellProps> = (props) => (
|
|
80
|
+
<TableCell key="valid" align="center" {...props}>
|
|
73
81
|
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
74
82
|
{isValid === undefined ? <MdDone fontSize={18} color="yellow" /> : isValid ? <MdDone fontSize={18} color="green" /> : <MdClear color="red" fontSize={18} />}
|
|
75
83
|
</Typography>
|
|
76
84
|
</TableCell>
|
|
77
85
|
)
|
|
78
86
|
|
|
79
|
-
const tableCells: Record<PayloadTableColumnSlug,
|
|
87
|
+
const tableCells: Record<PayloadTableColumnSlug, React.FC<TableCellProps>> = {
|
|
80
88
|
archive,
|
|
81
89
|
client,
|
|
82
90
|
date,
|
|
@@ -89,7 +97,7 @@ export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({ exploreDomain,
|
|
|
89
97
|
return breakPoint ? (
|
|
90
98
|
<TableRow style={{ maxWidth: '100vw' }} {...props}>
|
|
91
99
|
{columns[breakPoint]?.map((column) => {
|
|
92
|
-
return tableCells[column]
|
|
100
|
+
return tableCells[column]({})
|
|
93
101
|
})}
|
|
94
102
|
</TableRow>
|
|
95
103
|
) : null
|