@xyo-network/react-payload-table 2.28.6 → 2.28.9
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/DynamicTable/DynamicTableRow.d.ts.map +1 -1
- package/dist/cjs/components/DynamicTable/DynamicTableRow.js +11 -5
- package/dist/cjs/components/DynamicTable/DynamicTableRow.js.map +1 -1
- package/dist/cjs/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts +11 -6
- package/dist/cjs/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts.map +1 -1
- package/dist/cjs/components/DynamicTable/PayloadDynamicTableColumnConfig.js +36 -14
- package/dist/cjs/components/DynamicTable/PayloadDynamicTableColumnConfig.js.map +1 -1
- package/dist/cjs/components/DynamicTable/Table.d.ts.map +1 -1
- package/dist/cjs/components/DynamicTable/Table.js +3 -2
- package/dist/cjs/components/DynamicTable/Table.js.map +1 -1
- package/dist/cjs/components/Table/Table.js +1 -1
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/docs.json +25 -25
- package/dist/esm/components/DynamicTable/DynamicTableRow.d.ts.map +1 -1
- package/dist/esm/components/DynamicTable/DynamicTableRow.js +10 -5
- package/dist/esm/components/DynamicTable/DynamicTableRow.js.map +1 -1
- package/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts +11 -6
- package/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts.map +1 -1
- package/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.js +35 -13
- package/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.js.map +1 -1
- package/dist/esm/components/DynamicTable/Table.d.ts.map +1 -1
- package/dist/esm/components/DynamicTable/Table.js +3 -3
- package/dist/esm/components/DynamicTable/Table.js.map +1 -1
- package/dist/esm/components/Table/Table.js +1 -1
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/package.json +9 -9
- package/src/components/DynamicTable/DynamicTable.stories.tsx +2 -2
- package/src/components/DynamicTable/DynamicTableRow.tsx +14 -12
- package/src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts +46 -18
- package/src/components/DynamicTable/Table.tsx +5 -5
- package/src/components/Table/Table.stories.tsx +1 -5
- package/src/components/Table/Table.tsx +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicTableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAoD,aAAa,EAAc,MAAM,eAAe,CAAA;AAE3G,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAMzF,OAAO,EACL,+BAA+B,EAGhC,MAAM,mCAAmC,CAAA;AAE1C,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,+BAA+B,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,
|
|
1
|
+
{"version":3,"file":"DynamicTableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAoD,aAAa,EAAc,MAAM,eAAe,CAAA;AAE3G,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAMzF,OAAO,EACL,+BAA+B,EAGhC,MAAM,mCAAmC,CAAA;AAE1C,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,+BAA+B,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA8FxE,CAAA"}
|
|
@@ -20,10 +20,16 @@ const PayloadDynamicTableRow = (_a) => {
|
|
|
20
20
|
const wrapper = payload ? new payload_1.XyoPayloadWrapper(payload) : undefined;
|
|
21
21
|
const { network } = (0, react_network_1.useNetwork)();
|
|
22
22
|
const { resolver } = (0, react_payload_plugin_1.usePayloadRenderPluginResolver)();
|
|
23
|
-
const hash = (props) => ((0, jsx_runtime_1.jsx)(react_shared_2.HashTableCell, Object.assign({ align: "left", archive: archive,
|
|
24
|
-
const schema = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "
|
|
25
|
-
const details = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "
|
|
26
|
-
const render = (props) =>
|
|
23
|
+
const hash = (props) => ((0, jsx_runtime_1.jsx)(react_shared_2.HashTableCell, Object.assign({ align: "left", archive: archive, value: wrapper === null || wrapper === void 0 ? void 0 : wrapper.hash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp !== null && networkProp !== void 0 ? networkProp : network === null || network === void 0 ? void 0 : network.slug }, props), "hash"));
|
|
24
|
+
const schema = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "left" }, 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"));
|
|
25
|
+
const details = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "left" }, 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.sources })) }), "payloads"));
|
|
26
|
+
const render = (props) => {
|
|
27
|
+
var _a;
|
|
28
|
+
const Render = payload
|
|
29
|
+
? (_a = resolver === null || resolver === void 0 ? void 0 : resolver.resolve(payload)) === null || _a === void 0 ? void 0 : _a.components.table.cell
|
|
30
|
+
: undefined;
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "left" }, props, { children: Render ? (0, jsx_runtime_1.jsx)(Render, { payload: payload }) : null }), "payloads"));
|
|
32
|
+
};
|
|
27
33
|
const icon = (props) => {
|
|
28
34
|
var _a;
|
|
29
35
|
const Avatar = payload
|
|
@@ -42,7 +48,7 @@ const PayloadDynamicTableRow = (_a) => {
|
|
|
42
48
|
valid,
|
|
43
49
|
};
|
|
44
50
|
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) => {
|
|
45
|
-
return tableCells[column]({});
|
|
51
|
+
return column.slug ? tableCells[column.slug]({}) : null;
|
|
46
52
|
}) }))) : null;
|
|
47
53
|
};
|
|
48
54
|
exports.PayloadDynamicTableRow = PayloadDynamicTableRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicTableRow.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":";;;;;AAAA,sHAAyF;AACzF,0GAA6E;AAC7E,0GAA6E;AAC7E,4CAA2G;AAC3G,uDAAoD;AACpD,kDAAyF;AACzF,8DAAuD;AACvD,4EAAyG;AACzG,4DAAyD;AAGzD,uFAI0C;AAUnC,MAAM,sBAAsB,GAA0C,CAAC,EAO7E,EAAE,EAAE;;QAPyE,EAC5E,aAAa,EACb,OAAO,EAAE,WAAW,EACpB,OAAO,EACP,OAAO,EACP,OAAO,GAAG,IAAA,yEAAuC,GAAE,OAEpD,EADI,KAAK,sBANoE,6DAO7E,CADS;IAER,MAAM,UAAU,GAAG,IAAA,4BAAa,GAAE,CAAA;IAClC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,2BAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACpE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAChC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,qDAA8B,GAAE,CAAA;IACrD,MAAM,IAAI,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAChD,uBAAC,4BAAa,kBAEZ,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,
|
|
1
|
+
{"version":3,"file":"DynamicTableRow.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
export declare type PayloadDynamicTableColumnSlug = 'hash' | 'schema' | 'valid' | 'details' | 'render' | 'icon';
|
|
2
|
+
export interface PayloadDynamicTableColumnHeadData {
|
|
3
|
+
slug?: 'hash' | 'schema' | 'valid' | 'details' | 'render' | 'icon';
|
|
4
|
+
alignment?: 'left' | 'center' | 'right';
|
|
5
|
+
width?: string | number;
|
|
6
|
+
name?: string;
|
|
7
|
+
}
|
|
2
8
|
export interface PayloadDynamicTableColumnConfig {
|
|
3
|
-
xs?:
|
|
4
|
-
sm?:
|
|
5
|
-
md?:
|
|
6
|
-
lg?:
|
|
7
|
-
xl?:
|
|
9
|
+
xs?: PayloadDynamicTableColumnHeadData[];
|
|
10
|
+
sm?: PayloadDynamicTableColumnHeadData[];
|
|
11
|
+
md?: PayloadDynamicTableColumnHeadData[];
|
|
12
|
+
lg?: PayloadDynamicTableColumnHeadData[];
|
|
13
|
+
xl?: PayloadDynamicTableColumnHeadData[];
|
|
8
14
|
}
|
|
9
|
-
export declare const payloadColumnNames: Record<PayloadDynamicTableColumnSlug, string>;
|
|
10
15
|
export declare const payloadDynamicTableColumnConfigDefaults: () => PayloadDynamicTableColumnConfig;
|
|
11
16
|
//# sourceMappingURL=PayloadDynamicTableColumnConfig.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadDynamicTableColumnConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"AAAA,oBAAY,6BAA6B,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEvG,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"PayloadDynamicTableColumnConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"AAAA,oBAAY,6BAA6B,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEvG,MAAM,WAAW,iCAAiC;IAChD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClE,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,+BAA+B;IAC9C,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;CACzC;AAED,eAAO,MAAM,uCAAuC,QAAO,+BAqC1D,CAAA"}
|
|
@@ -1,20 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.payloadDynamicTableColumnConfigDefaults =
|
|
4
|
-
exports.payloadColumnNames = {
|
|
5
|
-
details: 'Details',
|
|
6
|
-
hash: 'Hash',
|
|
7
|
-
icon: 'Icon',
|
|
8
|
-
render: 'Render',
|
|
9
|
-
schema: 'Schema',
|
|
10
|
-
valid: 'Valid',
|
|
11
|
-
};
|
|
3
|
+
exports.payloadDynamicTableColumnConfigDefaults = void 0;
|
|
12
4
|
const payloadDynamicTableColumnConfigDefaults = () => {
|
|
13
|
-
const xs = [
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
5
|
+
const xs = [
|
|
6
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon' },
|
|
7
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
8
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
9
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
10
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
11
|
+
];
|
|
12
|
+
const sm = [
|
|
13
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
14
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
15
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
16
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
17
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
18
|
+
];
|
|
19
|
+
const md = [
|
|
20
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
21
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
22
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
23
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
24
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
25
|
+
];
|
|
26
|
+
const lg = [
|
|
27
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
28
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
29
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
30
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
31
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
32
|
+
];
|
|
33
|
+
const xl = [
|
|
34
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
35
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
36
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
37
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
38
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
39
|
+
];
|
|
18
40
|
return { lg, md, sm, xl, xs };
|
|
19
41
|
};
|
|
20
42
|
exports.payloadDynamicTableColumnConfigDefaults = payloadDynamicTableColumnConfigDefaults;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadDynamicTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"PayloadDynamicTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAIpE,OAAO,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAIpE,OAAO,EAAE,+BAA+B,EAA2C,MAAM,mCAAmC,CAAA;AAE5H,MAAM,WAAW,wBAAyB,SAAQ,UAAU;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,+BAA+B,CAAA;CAC1C;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwDlE,CAAA"}
|
|
@@ -13,8 +13,9 @@ const PayloadDynamicTable = (_a) => {
|
|
|
13
13
|
var _b;
|
|
14
14
|
var { exploreDomain, archive, onRowClick, payloads, children, columns = (0, PayloadDynamicTableColumnConfig_1.payloadDynamicTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "archive", "onRowClick", "payloads", "children", "columns"]);
|
|
15
15
|
const breakPoint = (0, react_shared_1.useBreakpoint)();
|
|
16
|
-
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) => {
|
|
17
|
-
|
|
16
|
+
return breakPoint ? ((0, jsx_runtime_1.jsxs)(material_1.Table, Object.assign({}, props, { stickyHeader: true }, { 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) => {
|
|
17
|
+
var _a;
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: (_a = column.alignment) !== null && _a !== void 0 ? _a : 'left', width: column.width }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", noWrap: true }, { children: column.name })) }), index));
|
|
18
19
|
}) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [payloads === null || payloads === void 0 ? void 0 : payloads.map((payload, index) => {
|
|
19
20
|
const wrapper = new payload_1.XyoPayloadWrapper(payload);
|
|
20
21
|
return ((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)(DynamicTableRow_1.PayloadDynamicTableRow, { archive: archive, onClick: onRowClick
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+G;AAC/G,uDAAoD;AACpD,kDAAoE;AACpE,wEAA2E;AAE3E,uDAA0D;AAC1D,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+G;AAC/G,uDAAoD;AACpD,kDAAoE;AACpE,wEAA2E;AAE3E,uDAA0D;AAC1D,uFAA4H;AAUrH,MAAM,mBAAmB,GAAuC,CAAC,EAQvE,EAAE,EAAE;;QARmE,EACtE,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,IAAA,yEAAuC,GAAE,OAEpD,EADI,KAAK,sBAP8D,6EAQvE,CADS;IAER,MAAM,UAAU,GAAG,IAAA,4BAAa,GAAE,CAAA;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,wBAAC,gBAAK,oBAAK,KAAK,IAAE,YAAY,uBAC5B,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,MAAA,MAAM,CAAC,SAAS,mCAAI,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,gBAC3E,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,MAAM,sBAC/B,MAAM,CAAC,IAAI,IACD,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;wBAChC,MAAM,OAAO,GAAG,IAAI,2BAAiB,CAAC,OAAO,CAAC,CAAA;wBAC9C,OAAO,CACL,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,wCAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,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,KAlBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAmBL,CAC7B,CAAA;oBACH,CAAC,CAAC,EACD,QAAQ,IACC,KACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAxDY,QAAA,mBAAmB,uBAwD/B"}
|
|
@@ -14,7 +14,7 @@ const PayloadTable = (_a) => {
|
|
|
14
14
|
var { exploreDomain, archive, onRowClick, payloads, children, columns = (0, PayloadTableColumnConfig_1.payloadTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "archive", "onRowClick", "payloads", "children", "columns"]);
|
|
15
15
|
const breakPoint = (0, react_shared_1.useBreakpoint)();
|
|
16
16
|
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) => {
|
|
17
|
-
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: "
|
|
17
|
+
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: "body2", noWrap: true }, { children: PayloadTableColumnConfig_1.payloadColumnNames[column] })) }), index));
|
|
18
18
|
}) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [payloads === null || payloads === void 0 ? void 0 : payloads.map((payload, index) => {
|
|
19
19
|
const wrapper = new payload_1.XyoPayloadWrapper(payload);
|
|
20
20
|
return ((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, { archive: archive, onClick: onRowClick
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+G;AAC/G,uDAAoD;AACpD,kDAAoE;AACpE,wEAA2E;AAE3E,yEAA2H;AAC3H,yCAA4C;AAUrC,MAAM,YAAY,GAAgC,CAAC,EAQzD,EAAE,EAAE;;QARqD,EACxD,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,IAAA,2DAAgC,GAAE,OAE7C,EADI,KAAK,sBAPgD,6EAQzD,CADS;IAER,MAAM,UAAU,GAAG,IAAA,4BAAa,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,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+G;AAC/G,uDAAoD;AACpD,kDAAoE;AACpE,wEAA2E;AAE3E,yEAA2H;AAC3H,yCAA4C;AAUrC,MAAM,YAAY,GAAgC,CAAC,EAQzD,EAAE,EAAE;;QARqD,EACxD,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,IAAA,2DAAgC,GAAE,OAE7C,EADI,KAAK,sBAPgD,6EAQzD,CADS;IAER,MAAM,UAAU,GAAG,IAAA,4BAAa,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,OAAO,EAAC,MAAM,sBAC/B,6CAAkB,CAAC,MAAM,CAAC,IAChB,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;wBAChC,MAAM,OAAO,GAAG,IAAI,2BAAiB,CAAC,OAAO,CAAC,CAAA;wBAC9C,OAAO,CACL,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,EAAE,OAAO,EAChB,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,KAlBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAmBL,CAC7B,CAAA;oBACH,CAAC,CAAC,EACD,QAAQ,IACC,KACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAxDY,QAAA,YAAY,gBAwDxB"}
|
package/dist/docs.json
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"fileName": "packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts",
|
|
27
27
|
"line": 7,
|
|
28
28
|
"character": 2,
|
|
29
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
29
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts#L7"
|
|
30
30
|
}
|
|
31
31
|
],
|
|
32
32
|
"type": {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"fileName": "packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts",
|
|
52
52
|
"line": 6,
|
|
53
53
|
"character": 2,
|
|
54
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
54
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts#L6"
|
|
55
55
|
}
|
|
56
56
|
],
|
|
57
57
|
"type": {
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"fileName": "packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts",
|
|
77
77
|
"line": 5,
|
|
78
78
|
"character": 2,
|
|
79
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
79
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts#L5"
|
|
80
80
|
}
|
|
81
81
|
],
|
|
82
82
|
"type": {
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
"fileName": "packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts",
|
|
102
102
|
"line": 8,
|
|
103
103
|
"character": 2,
|
|
104
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
104
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts#L8"
|
|
105
105
|
}
|
|
106
106
|
],
|
|
107
107
|
"type": {
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
"fileName": "packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts",
|
|
127
127
|
"line": 4,
|
|
128
128
|
"character": 2,
|
|
129
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
129
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts#L4"
|
|
130
130
|
}
|
|
131
131
|
],
|
|
132
132
|
"type": {
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
"fileName": "packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts",
|
|
157
157
|
"line": 3,
|
|
158
158
|
"character": 17,
|
|
159
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
159
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts#L3"
|
|
160
160
|
}
|
|
161
161
|
]
|
|
162
162
|
},
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
"fileName": "packages/sdk/payload-table/src/components/Table/Table.tsx",
|
|
181
181
|
"line": 11,
|
|
182
182
|
"character": 2,
|
|
183
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
183
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/Table.tsx#L11"
|
|
184
184
|
}
|
|
185
185
|
],
|
|
186
186
|
"type": {
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
"fileName": "packages/sdk/payload-table/src/components/Table/Table.tsx",
|
|
202
202
|
"line": 14,
|
|
203
203
|
"character": 2,
|
|
204
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
204
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/Table.tsx#L14"
|
|
205
205
|
}
|
|
206
206
|
],
|
|
207
207
|
"type": {
|
|
@@ -223,7 +223,7 @@
|
|
|
223
223
|
"fileName": "packages/sdk/payload-table/src/components/Table/Table.tsx",
|
|
224
224
|
"line": 10,
|
|
225
225
|
"character": 2,
|
|
226
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
226
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/Table.tsx#L10"
|
|
227
227
|
}
|
|
228
228
|
],
|
|
229
229
|
"type": {
|
|
@@ -244,7 +244,7 @@
|
|
|
244
244
|
"fileName": "packages/sdk/payload-table/src/components/Table/Table.tsx",
|
|
245
245
|
"line": 12,
|
|
246
246
|
"character": 2,
|
|
247
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
247
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/Table.tsx#L12"
|
|
248
248
|
}
|
|
249
249
|
],
|
|
250
250
|
"type": {
|
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
"fileName": "packages/sdk/payload-table/src/components/Table/Table.tsx",
|
|
261
261
|
"line": 12,
|
|
262
262
|
"character": 15,
|
|
263
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
263
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/Table.tsx#L12"
|
|
264
264
|
}
|
|
265
265
|
],
|
|
266
266
|
"signatures": [
|
|
@@ -326,7 +326,7 @@
|
|
|
326
326
|
"fileName": "packages/sdk/payload-table/src/components/Table/Table.tsx",
|
|
327
327
|
"line": 13,
|
|
328
328
|
"character": 2,
|
|
329
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
329
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/Table.tsx#L13"
|
|
330
330
|
}
|
|
331
331
|
],
|
|
332
332
|
"type": {
|
|
@@ -385,7 +385,7 @@
|
|
|
385
385
|
"fileName": "packages/sdk/payload-table/src/components/Table/Table.tsx",
|
|
386
386
|
"line": 9,
|
|
387
387
|
"character": 17,
|
|
388
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
388
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/Table.tsx#L9"
|
|
389
389
|
}
|
|
390
390
|
],
|
|
391
391
|
"extendedTypes": [
|
|
@@ -417,7 +417,7 @@
|
|
|
417
417
|
"fileName": "packages/sdk/payload-table/src/components/Table/TableRow.tsx",
|
|
418
418
|
"line": 12,
|
|
419
419
|
"character": 2,
|
|
420
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
420
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/TableRow.tsx#L12"
|
|
421
421
|
}
|
|
422
422
|
],
|
|
423
423
|
"type": {
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
"fileName": "packages/sdk/payload-table/src/components/Table/TableRow.tsx",
|
|
439
439
|
"line": 14,
|
|
440
440
|
"character": 2,
|
|
441
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
441
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/TableRow.tsx#L14"
|
|
442
442
|
}
|
|
443
443
|
],
|
|
444
444
|
"type": {
|
|
@@ -460,7 +460,7 @@
|
|
|
460
460
|
"fileName": "packages/sdk/payload-table/src/components/Table/TableRow.tsx",
|
|
461
461
|
"line": 13,
|
|
462
462
|
"character": 2,
|
|
463
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
463
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/TableRow.tsx#L13"
|
|
464
464
|
}
|
|
465
465
|
],
|
|
466
466
|
"type": {
|
|
@@ -481,7 +481,7 @@
|
|
|
481
481
|
"fileName": "packages/sdk/payload-table/src/components/Table/TableRow.tsx",
|
|
482
482
|
"line": 15,
|
|
483
483
|
"character": 2,
|
|
484
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
484
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/TableRow.tsx#L15"
|
|
485
485
|
}
|
|
486
486
|
],
|
|
487
487
|
"type": {
|
|
@@ -502,7 +502,7 @@
|
|
|
502
502
|
"fileName": "packages/sdk/payload-table/src/components/Table/TableRow.tsx",
|
|
503
503
|
"line": 11,
|
|
504
504
|
"character": 2,
|
|
505
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
505
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/TableRow.tsx#L11"
|
|
506
506
|
}
|
|
507
507
|
],
|
|
508
508
|
"type": {
|
|
@@ -549,7 +549,7 @@
|
|
|
549
549
|
"fileName": "packages/sdk/payload-table/src/components/Table/TableRow.tsx",
|
|
550
550
|
"line": 10,
|
|
551
551
|
"character": 17,
|
|
552
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
552
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/TableRow.tsx#L10"
|
|
553
553
|
}
|
|
554
554
|
],
|
|
555
555
|
"extendedTypes": [
|
|
@@ -572,7 +572,7 @@
|
|
|
572
572
|
"fileName": "packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts",
|
|
573
573
|
"line": 1,
|
|
574
574
|
"character": 12,
|
|
575
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
575
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts#L1"
|
|
576
576
|
}
|
|
577
577
|
],
|
|
578
578
|
"type": {
|
|
@@ -606,7 +606,7 @@
|
|
|
606
606
|
"fileName": "packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts",
|
|
607
607
|
"line": 11,
|
|
608
608
|
"character": 13,
|
|
609
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
609
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts#L11"
|
|
610
610
|
}
|
|
611
611
|
],
|
|
612
612
|
"type": {
|
|
@@ -639,7 +639,7 @@
|
|
|
639
639
|
"fileName": "packages/sdk/payload-table/src/components/Table/Table.tsx",
|
|
640
640
|
"line": 17,
|
|
641
641
|
"character": 13,
|
|
642
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
642
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/Table.tsx#L17"
|
|
643
643
|
}
|
|
644
644
|
],
|
|
645
645
|
"signatures": [
|
|
@@ -715,7 +715,7 @@
|
|
|
715
715
|
"fileName": "packages/sdk/payload-table/src/components/Table/TableRow.tsx",
|
|
716
716
|
"line": 18,
|
|
717
717
|
"character": 13,
|
|
718
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
718
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/TableRow.tsx#L18"
|
|
719
719
|
}
|
|
720
720
|
],
|
|
721
721
|
"signatures": [
|
|
@@ -791,7 +791,7 @@
|
|
|
791
791
|
"fileName": "packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts",
|
|
792
792
|
"line": 18,
|
|
793
793
|
"character": 13,
|
|
794
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
794
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/components/Table/PayloadTableColumnConfig.ts#L18"
|
|
795
795
|
}
|
|
796
796
|
],
|
|
797
797
|
"signatures": [
|
|
@@ -845,7 +845,7 @@
|
|
|
845
845
|
"fileName": "packages/sdk/payload-table/src/index.ts",
|
|
846
846
|
"line": 1,
|
|
847
847
|
"character": 0,
|
|
848
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
848
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/9d8ea9d1/packages/sdk/payload-table/src/index.ts#L1"
|
|
849
849
|
}
|
|
850
850
|
]
|
|
851
851
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicTableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAoD,aAAa,EAAc,MAAM,eAAe,CAAA;AAE3G,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAMzF,OAAO,EACL,+BAA+B,EAGhC,MAAM,mCAAmC,CAAA;AAE1C,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,+BAA+B,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,
|
|
1
|
+
{"version":3,"file":"DynamicTableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAoD,aAAa,EAAc,MAAM,eAAe,CAAA;AAE3G,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAMzF,OAAO,EACL,+BAA+B,EAGhC,MAAM,mCAAmC,CAAA;AAE1C,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,+BAA+B,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA8FxE,CAAA"}
|
|
@@ -14,10 +14,15 @@ export const PayloadDynamicTableRow = ({ exploreDomain, network: networkProp, pa
|
|
|
14
14
|
const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined;
|
|
15
15
|
const { network } = useNetwork();
|
|
16
16
|
const { resolver } = usePayloadRenderPluginResolver();
|
|
17
|
-
const hash = (props) => (_jsx(HashTableCell, { align: "left", archive: archive,
|
|
18
|
-
const schema = (props) => (_jsx(TableCell, { align: "
|
|
19
|
-
const details = (props) => (_jsx(TableCell, { align: "
|
|
20
|
-
const render = (props) =>
|
|
17
|
+
const hash = (props) => (_jsx(HashTableCell, { align: "left", archive: archive, value: wrapper?.hash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug, ...props }, "hash"));
|
|
18
|
+
const schema = (props) => (_jsx(TableCell, { align: "left", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
|
|
19
|
+
const details = (props) => (_jsx(TableCell, { align: "left", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.sources }) }, "payloads"));
|
|
20
|
+
const render = (props) => {
|
|
21
|
+
const Render = payload
|
|
22
|
+
? resolver?.resolve(payload)?.components.table.cell
|
|
23
|
+
: undefined;
|
|
24
|
+
return (_jsx(TableCell, { align: "left", ...props, children: Render ? _jsx(Render, { payload: payload }) : null }, "payloads"));
|
|
25
|
+
};
|
|
21
26
|
const icon = (props) => {
|
|
22
27
|
const Avatar = payload
|
|
23
28
|
? resolver?.resolve(payload)?.components.avatar.image
|
|
@@ -35,7 +40,7 @@ export const PayloadDynamicTableRow = ({ exploreDomain, network: networkProp, pa
|
|
|
35
40
|
valid,
|
|
36
41
|
};
|
|
37
42
|
return breakPoint ? (_jsx(TableRow, { style: { maxWidth: '100vw' }, ...props, children: columns[breakPoint]?.map((column) => {
|
|
38
|
-
return tableCells[column]({});
|
|
43
|
+
return column.slug ? tableCells[column.slug]({}) : null;
|
|
39
44
|
}) })) : null;
|
|
40
45
|
};
|
|
41
46
|
//# sourceMappingURL=DynamicTableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicTableRow.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,MAAM,+CAA+C,CAAA;AACzF,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAC7E,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAC7E,OAAO,EAAe,SAAS,EAAkB,QAAQ,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AAC3G,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,8BAA8B,EAAyB,MAAM,mCAAmC,CAAA;AACzG,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAGzD,OAAO,EAEL,uCAAuC,GAExC,MAAM,mCAAmC,CAAA;AAU1C,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,aAAa,EACb,OAAO,EAAE,WAAW,EACpB,OAAO,EACP,OAAO,EACP,OAAO,GAAG,uCAAuC,EAAE,EACnD,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;IAChC,MAAM,EAAE,QAAQ,EAAE,GAAG,8BAA8B,EAAE,CAAA;IACrD,MAAM,IAAI,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAChD,KAAC,aAAa,IAEZ,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,
|
|
1
|
+
{"version":3,"file":"DynamicTableRow.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
export declare type PayloadDynamicTableColumnSlug = 'hash' | 'schema' | 'valid' | 'details' | 'render' | 'icon';
|
|
2
|
+
export interface PayloadDynamicTableColumnHeadData {
|
|
3
|
+
slug?: 'hash' | 'schema' | 'valid' | 'details' | 'render' | 'icon';
|
|
4
|
+
alignment?: 'left' | 'center' | 'right';
|
|
5
|
+
width?: string | number;
|
|
6
|
+
name?: string;
|
|
7
|
+
}
|
|
2
8
|
export interface PayloadDynamicTableColumnConfig {
|
|
3
|
-
xs?:
|
|
4
|
-
sm?:
|
|
5
|
-
md?:
|
|
6
|
-
lg?:
|
|
7
|
-
xl?:
|
|
9
|
+
xs?: PayloadDynamicTableColumnHeadData[];
|
|
10
|
+
sm?: PayloadDynamicTableColumnHeadData[];
|
|
11
|
+
md?: PayloadDynamicTableColumnHeadData[];
|
|
12
|
+
lg?: PayloadDynamicTableColumnHeadData[];
|
|
13
|
+
xl?: PayloadDynamicTableColumnHeadData[];
|
|
8
14
|
}
|
|
9
|
-
export declare const payloadColumnNames: Record<PayloadDynamicTableColumnSlug, string>;
|
|
10
15
|
export declare const payloadDynamicTableColumnConfigDefaults: () => PayloadDynamicTableColumnConfig;
|
|
11
16
|
//# sourceMappingURL=PayloadDynamicTableColumnConfig.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadDynamicTableColumnConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"AAAA,oBAAY,6BAA6B,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEvG,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"PayloadDynamicTableColumnConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"AAAA,oBAAY,6BAA6B,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEvG,MAAM,WAAW,iCAAiC;IAChD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClE,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,+BAA+B;IAC9C,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;CACzC;AAED,eAAO,MAAM,uCAAuC,QAAO,+BAqC1D,CAAA"}
|
|
@@ -1,17 +1,39 @@
|
|
|
1
|
-
export const payloadColumnNames = {
|
|
2
|
-
details: 'Details',
|
|
3
|
-
hash: 'Hash',
|
|
4
|
-
icon: 'Icon',
|
|
5
|
-
render: 'Render',
|
|
6
|
-
schema: 'Schema',
|
|
7
|
-
valid: 'Valid',
|
|
8
|
-
};
|
|
9
1
|
export const payloadDynamicTableColumnConfigDefaults = () => {
|
|
10
|
-
const xs = [
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
const xs = [
|
|
3
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon' },
|
|
4
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
5
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
6
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
7
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
8
|
+
];
|
|
9
|
+
const sm = [
|
|
10
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
11
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
12
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
13
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
14
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
15
|
+
];
|
|
16
|
+
const md = [
|
|
17
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
18
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
19
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
20
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
21
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
22
|
+
];
|
|
23
|
+
const lg = [
|
|
24
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
25
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
26
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
27
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
28
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
29
|
+
];
|
|
30
|
+
const xl = [
|
|
31
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
32
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
33
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
34
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
35
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
36
|
+
];
|
|
15
37
|
return { lg, md, sm, xl, xs };
|
|
16
38
|
};
|
|
17
39
|
//# sourceMappingURL=PayloadDynamicTableColumnConfig.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadDynamicTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PayloadDynamicTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAIpE,OAAO,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAIpE,OAAO,EAAE,+BAA+B,EAA2C,MAAM,mCAAmC,CAAA;AAE5H,MAAM,WAAW,wBAAyB,SAAQ,UAAU;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,+BAA+B,CAAA;CAC1C;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwDlE,CAAA"}
|
|
@@ -4,11 +4,11 @@ import { useBreakpoint } from '@xylabs/react-shared';
|
|
|
4
4
|
import { XyoPayloadWrapper } from '@xyo-network/payload';
|
|
5
5
|
import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service';
|
|
6
6
|
import { PayloadDynamicTableRow } from './DynamicTableRow';
|
|
7
|
-
import {
|
|
7
|
+
import { payloadDynamicTableColumnConfigDefaults } from './PayloadDynamicTableColumnConfig';
|
|
8
8
|
export const PayloadDynamicTable = ({ exploreDomain, archive, onRowClick, payloads, children, columns = payloadDynamicTableColumnConfigDefaults(), ...props }) => {
|
|
9
9
|
const breakPoint = useBreakpoint();
|
|
10
|
-
return breakPoint ? (_jsxs(Table, { ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
|
|
11
|
-
return (_jsx(TableCell, {
|
|
10
|
+
return breakPoint ? (_jsxs(Table, { ...props, stickyHeader: true, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
|
|
11
|
+
return (_jsx(TableCell, { align: column.alignment ?? 'left', width: column.width, children: _jsx(Typography, { variant: "body2", noWrap: true, children: column.name }) }, index));
|
|
12
12
|
}) }) }), _jsxs(TableBody, { children: [payloads?.map((payload, index) => {
|
|
13
13
|
const wrapper = new XyoPayloadWrapper(payload);
|
|
14
14
|
return (_jsx(XyoApiThrownErrorBoundary, { errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadDynamicTableRow, { archive: archive, onClick: onRowClick
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/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,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/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,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAmC,uCAAuC,EAAE,MAAM,mCAAmC,CAAA;AAU5H,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,uCAAuC,EAAE,EACnD,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,MAAC,KAAK,OAAK,KAAK,EAAE,YAAY,mBAC5B,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,MAAM,CAAC,SAAS,IAAI,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3E,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,MAAM,kBAC/B,MAAM,CAAC,IAAI,GACD,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,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,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,IAlBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAmBL,CAC7B,CAAA;oBACH,CAAC,CAAC,EACD,QAAQ,IACC,IACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
|
|
@@ -8,7 +8,7 @@ import { PayloadTableRow } from './TableRow';
|
|
|
8
8
|
export const PayloadTable = ({ exploreDomain, archive, onRowClick, payloads, children, columns = payloadTableColumnConfigDefaults(), ...props }) => {
|
|
9
9
|
const breakPoint = useBreakpoint();
|
|
10
10
|
return breakPoint ? (_jsxs(Table, { ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
|
|
11
|
-
return (_jsx(TableCell, { width: index === 0 ? '100%' : undefined, align: index === 0 ? 'left' : 'center', children: _jsx(Typography, { variant: "
|
|
11
|
+
return (_jsx(TableCell, { width: index === 0 ? '100%' : undefined, align: index === 0 ? 'left' : 'center', children: _jsx(Typography, { variant: "body2", noWrap: true, children: payloadColumnNames[column] }) }, index));
|
|
12
12
|
}) }) }), _jsxs(TableBody, { children: [payloads?.map((payload, index) => {
|
|
13
13
|
const wrapper = new XyoPayloadWrapper(payload);
|
|
14
14
|
return (_jsx(XyoApiThrownErrorBoundary, { errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadTableRow, { archive: archive, onClick: onRowClick
|
|
@@ -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;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;AAU5C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,aAAa,EACb,OAAO,EACP,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,
|
|
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;AAU5C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,aAAa,EACb,OAAO,EACP,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,OAAO,EAAC,MAAM,kBAC/B,kBAAkB,CAAC,MAAM,CAAC,GAChB,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,EAAE,OAAO,EAChB,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,IAlBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAmBL,CAC7B,CAAA;oBACH,CAAC,CAAC,EACD,QAAQ,IACC,IACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
"@mui/icons-material": "^5.8.4",
|
|
16
16
|
"@mui/material": "^5.10.1",
|
|
17
17
|
"@xylabs/react-shared": "^2.14.13",
|
|
18
|
-
"@xyo-network/payload": "^2.26.
|
|
19
|
-
"@xyo-network/react-auth-service": "^2.28.
|
|
20
|
-
"@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.28.
|
|
21
|
-
"@xyo-network/react-network": "^2.28.
|
|
22
|
-
"@xyo-network/react-payload-plugin": "^2.28.
|
|
23
|
-
"@xyo-network/react-shared": "^2.28.
|
|
18
|
+
"@xyo-network/payload": "^2.26.19",
|
|
19
|
+
"@xyo-network/react-auth-service": "^2.28.9",
|
|
20
|
+
"@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.28.9",
|
|
21
|
+
"@xyo-network/react-network": "^2.28.9",
|
|
22
|
+
"@xyo-network/react-payload-plugin": "^2.28.9",
|
|
23
|
+
"@xyo-network/react-shared": "^2.28.9",
|
|
24
24
|
"react": "^18.2.0",
|
|
25
25
|
"react-dom": "^18.2.0",
|
|
26
26
|
"react-icons": "^4.4.0",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"description": "Common React library for all XYO projects that use React",
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@storybook/react": "^6.5.10",
|
|
33
|
-
"@xylabs/tsconfig-dom": "^2.5.
|
|
34
|
-
"@xyo-network/react-storybook": "^2.28.
|
|
33
|
+
"@xylabs/tsconfig-dom": "^2.5.122",
|
|
34
|
+
"@xyo-network/react-storybook": "^2.28.9"
|
|
35
35
|
},
|
|
36
36
|
"browser": "dist/esm/index.js",
|
|
37
37
|
"docs": "dist/docs.json",
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
},
|
|
76
76
|
"sideEffects": false,
|
|
77
77
|
"types": "dist/esm/index.d.ts",
|
|
78
|
-
"version": "2.28.
|
|
78
|
+
"version": "2.28.9"
|
|
79
79
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentMeta, ComponentStory } from '@storybook/react'
|
|
2
2
|
import { UniswapPairsRenderPlugin } from '@xyo-network/react-crypto-market-uniswap-payload-plugin'
|
|
3
3
|
import { DefaultPayloadRenderPlugin, PayloadRenderPluginResolverProvider, XyoPayloadRenderPluginResolver } from '@xyo-network/react-payload-plugin'
|
|
4
|
-
import { samplePayload, useAppThemeDecorator } from '@xyo-network/react-storybook'
|
|
4
|
+
import { samplePayload, sampleUniswapPayload, useAppThemeDecorator } from '@xyo-network/react-storybook'
|
|
5
5
|
import { BrowserRouter } from 'react-router-dom'
|
|
6
6
|
|
|
7
7
|
import { PayloadDynamicTable } from './Table'
|
|
@@ -32,7 +32,7 @@ Default.args = {}
|
|
|
32
32
|
Default.decorators = [useAppThemeDecorator]
|
|
33
33
|
|
|
34
34
|
const WithData = Template.bind({})
|
|
35
|
-
WithData.args = { payloads: [samplePayload, samplePayload] }
|
|
35
|
+
WithData.args = { payloads: [samplePayload, samplePayload, sampleUniswapPayload, samplePayload, sampleUniswapPayload] }
|
|
36
36
|
WithData.decorators = [useAppThemeDecorator]
|
|
37
37
|
|
|
38
38
|
const WithError = Template.bind({})
|
|
@@ -40,18 +40,16 @@ export const PayloadDynamicTableRow: React.FC<PayloadDynamicTableRowProps> = ({
|
|
|
40
40
|
key="hash"
|
|
41
41
|
align="left"
|
|
42
42
|
archive={archive}
|
|
43
|
-
width="100%"
|
|
44
43
|
value={wrapper?.hash}
|
|
45
44
|
dataType="payload"
|
|
46
45
|
exploreDomain={exploreDomain}
|
|
47
|
-
sx={{ textOverflow: 'ellipsis' }}
|
|
48
46
|
network={networkProp ?? network?.slug}
|
|
49
47
|
{...props}
|
|
50
48
|
/>
|
|
51
49
|
)
|
|
52
50
|
|
|
53
51
|
const schema: React.FC<TableCellProps> = (props) => (
|
|
54
|
-
<TableCell key="payloads" align="
|
|
52
|
+
<TableCell key="payloads" align="left" {...props}>
|
|
55
53
|
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
56
54
|
{payload?.schema}
|
|
57
55
|
</Typography>
|
|
@@ -59,25 +57,29 @@ export const PayloadDynamicTableRow: React.FC<PayloadDynamicTableRowProps> = ({
|
|
|
59
57
|
)
|
|
60
58
|
|
|
61
59
|
const details: React.FC<TableCellProps> = (props) => (
|
|
62
|
-
<TableCell key="payloads" align="
|
|
60
|
+
<TableCell key="payloads" align="left" {...props}>
|
|
63
61
|
<Typography fontFamily="monospace" variant="body2" noWrap>
|
|
64
62
|
{payload?.sources}
|
|
65
63
|
</Typography>
|
|
66
64
|
</TableCell>
|
|
67
65
|
)
|
|
68
66
|
|
|
69
|
-
const render: React.FC<TableCellProps> = (props) =>
|
|
70
|
-
<
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
67
|
+
const render: React.FC<TableCellProps> = (props) => {
|
|
68
|
+
const Render: ComponentType<XyoPayloadRenderProps & TableCellProps> | undefined = payload
|
|
69
|
+
? resolver?.resolve(payload)?.components.table.cell
|
|
70
|
+
: undefined
|
|
71
|
+
return (
|
|
72
|
+
<TableCell key="payloads" align="left" {...props}>
|
|
73
|
+
{Render ? <Render payload={payload} /> : null}
|
|
74
|
+
</TableCell>
|
|
75
|
+
)
|
|
76
|
+
}
|
|
76
77
|
|
|
77
78
|
const icon: React.FC<TableCellProps> = (props) => {
|
|
78
79
|
const Avatar: ComponentType<XyoPayloadRenderProps & AvatarProps> | undefined = payload
|
|
79
80
|
? resolver?.resolve(payload)?.components.avatar.image
|
|
80
81
|
: undefined
|
|
82
|
+
|
|
81
83
|
return (
|
|
82
84
|
<TableCell key="payloads" align="left" {...props}>
|
|
83
85
|
{Avatar ? <Avatar payload={payload} /> : null}
|
|
@@ -111,7 +113,7 @@ export const PayloadDynamicTableRow: React.FC<PayloadDynamicTableRowProps> = ({
|
|
|
111
113
|
return breakPoint ? (
|
|
112
114
|
<TableRow style={{ maxWidth: '100vw' }} {...props}>
|
|
113
115
|
{columns[breakPoint]?.map((column) => {
|
|
114
|
-
return tableCells[column]({})
|
|
116
|
+
return column.slug ? tableCells[column.slug]({}) : null
|
|
115
117
|
})}
|
|
116
118
|
</TableRow>
|
|
117
119
|
) : null
|
|
@@ -1,27 +1,55 @@
|
|
|
1
1
|
export type PayloadDynamicTableColumnSlug = 'hash' | 'schema' | 'valid' | 'details' | 'render' | 'icon'
|
|
2
2
|
|
|
3
|
-
export interface
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
xl?: PayloadDynamicTableColumnSlug[]
|
|
3
|
+
export interface PayloadDynamicTableColumnHeadData {
|
|
4
|
+
slug?: 'hash' | 'schema' | 'valid' | 'details' | 'render' | 'icon'
|
|
5
|
+
alignment?: 'left' | 'center' | 'right'
|
|
6
|
+
width?: string | number
|
|
7
|
+
name?: string
|
|
9
8
|
}
|
|
10
9
|
|
|
11
|
-
export
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
valid: 'Valid',
|
|
10
|
+
export interface PayloadDynamicTableColumnConfig {
|
|
11
|
+
xs?: PayloadDynamicTableColumnHeadData[]
|
|
12
|
+
sm?: PayloadDynamicTableColumnHeadData[]
|
|
13
|
+
md?: PayloadDynamicTableColumnHeadData[]
|
|
14
|
+
lg?: PayloadDynamicTableColumnHeadData[]
|
|
15
|
+
xl?: PayloadDynamicTableColumnHeadData[]
|
|
18
16
|
}
|
|
19
17
|
|
|
20
18
|
export const payloadDynamicTableColumnConfigDefaults = (): PayloadDynamicTableColumnConfig => {
|
|
21
|
-
const xs:
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
const xs: PayloadDynamicTableColumnHeadData[] = [
|
|
20
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon' },
|
|
21
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
22
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
23
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
24
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
25
|
+
]
|
|
26
|
+
const sm: PayloadDynamicTableColumnHeadData[] = [
|
|
27
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
28
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
29
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
30
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
31
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
32
|
+
]
|
|
33
|
+
const md: PayloadDynamicTableColumnHeadData[] = [
|
|
34
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
35
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
36
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
37
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
38
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
39
|
+
]
|
|
40
|
+
const lg: PayloadDynamicTableColumnHeadData[] = [
|
|
41
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
42
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
43
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
44
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
45
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
46
|
+
]
|
|
47
|
+
const xl: PayloadDynamicTableColumnHeadData[] = [
|
|
48
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
49
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '50px' },
|
|
50
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
51
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
52
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
53
|
+
]
|
|
26
54
|
return { lg, md, sm, xl, xs }
|
|
27
55
|
}
|
|
@@ -4,7 +4,7 @@ import { XyoPayload, XyoPayloadWrapper } from '@xyo-network/payload'
|
|
|
4
4
|
import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service'
|
|
5
5
|
|
|
6
6
|
import { PayloadDynamicTableRow } from './DynamicTableRow'
|
|
7
|
-
import {
|
|
7
|
+
import { PayloadDynamicTableColumnConfig, payloadDynamicTableColumnConfigDefaults } from './PayloadDynamicTableColumnConfig'
|
|
8
8
|
|
|
9
9
|
export interface PayloadDynamicTableProps extends TableProps {
|
|
10
10
|
exploreDomain?: string
|
|
@@ -25,14 +25,14 @@ export const PayloadDynamicTable: React.FC<PayloadDynamicTableProps> = ({
|
|
|
25
25
|
}) => {
|
|
26
26
|
const breakPoint = useBreakpoint()
|
|
27
27
|
return breakPoint ? (
|
|
28
|
-
<Table {...props}>
|
|
28
|
+
<Table {...props} stickyHeader>
|
|
29
29
|
<TableHead>
|
|
30
30
|
<TableRow>
|
|
31
31
|
{columns[breakPoint]?.map((column, index) => {
|
|
32
32
|
return (
|
|
33
|
-
<TableCell key={index}
|
|
34
|
-
<Typography variant="
|
|
35
|
-
|
|
33
|
+
<TableCell key={index} align={column.alignment ?? 'left'} width={column.width}>
|
|
34
|
+
<Typography variant="body2" noWrap>
|
|
35
|
+
{column.name}
|
|
36
36
|
</Typography>
|
|
37
37
|
</TableCell>
|
|
38
38
|
)
|
|
@@ -29,10 +29,6 @@ const WithData = Template.bind({})
|
|
|
29
29
|
WithData.args = { payloads: [samplePayload, samplePayload] }
|
|
30
30
|
WithData.decorators = [useAppThemeDecorator]
|
|
31
31
|
|
|
32
|
-
const WithDynamicDataRow = Template.bind({})
|
|
33
|
-
WithData.args = { payloads: [samplePayload, samplePayload] }
|
|
34
|
-
WithData.decorators = [useAppThemeDecorator]
|
|
35
|
-
|
|
36
32
|
const WithError = Template.bind({})
|
|
37
33
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
38
34
|
const { _hash, ...badPayload } = samplePayload
|
|
@@ -41,7 +37,7 @@ const { _hash, ...badPayload } = samplePayload
|
|
|
41
37
|
//@ts-ignore
|
|
42
38
|
WithError.args = { payloads: [samplePayload, badPayload] }
|
|
43
39
|
|
|
44
|
-
export { Default, WithData,
|
|
40
|
+
export { Default, WithData, WithError }
|
|
45
41
|
|
|
46
42
|
// eslint-disable-next-line import/no-default-export
|
|
47
43
|
export default StorybookEntry
|
|
@@ -31,8 +31,8 @@ export const PayloadTable: React.FC<PayloadTableProps> = ({
|
|
|
31
31
|
{columns[breakPoint]?.map((column, index) => {
|
|
32
32
|
return (
|
|
33
33
|
<TableCell key={index} width={index === 0 ? '100%' : undefined} align={index === 0 ? 'left' : 'center'}>
|
|
34
|
-
<Typography variant="
|
|
35
|
-
|
|
34
|
+
<Typography variant="body2" noWrap>
|
|
35
|
+
{payloadColumnNames[column]}
|
|
36
36
|
</Typography>
|
|
37
37
|
</TableCell>
|
|
38
38
|
)
|