@xyo-network/react-payload-table 2.62.3 → 2.63.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/DynamicTable/DynamicTableRow.js +59 -0
- package/dist/cjs/components/DynamicTable/DynamicTableRow.js.map +1 -0
- package/dist/cjs/components/DynamicTable/PayloadDynamicTableColumnConfig.js +39 -0
- package/dist/cjs/components/DynamicTable/PayloadDynamicTableColumnConfig.js.map +1 -0
- package/dist/cjs/components/DynamicTable/Table.js +72 -0
- package/dist/cjs/components/DynamicTable/Table.js.map +1 -0
- package/dist/cjs/components/DynamicTable/index.js +7 -0
- package/dist/cjs/components/DynamicTable/index.js.map +1 -0
- package/dist/cjs/components/Table/PayloadTableColumnConfig.js +18 -0
- package/dist/cjs/components/Table/PayloadTableColumnConfig.js.map +1 -0
- package/dist/cjs/components/Table/Table.js +60 -0
- package/dist/cjs/components/Table/Table.js.map +1 -0
- package/dist/cjs/components/Table/TableBody.js +22 -0
- package/dist/cjs/components/Table/TableBody.js.map +1 -0
- package/dist/cjs/components/Table/TableFooter.js +24 -0
- package/dist/cjs/components/Table/TableFooter.js.map +1 -0
- package/dist/cjs/components/Table/TableHead.js +20 -0
- package/dist/cjs/components/Table/TableHead.js.map +1 -0
- package/dist/cjs/components/Table/TablePagination.js +36 -0
- package/dist/cjs/components/Table/TablePagination.js.map +1 -0
- package/dist/cjs/components/Table/TableRow.js +50 -0
- package/dist/cjs/components/Table/TableRow.js.map +1 -0
- package/dist/cjs/components/Table/TableRowNoData.js +20 -0
- package/dist/cjs/components/Table/TableRowNoData.js.map +1 -0
- package/dist/cjs/components/Table/index.js +10 -0
- package/dist/cjs/components/Table/index.js.map +1 -0
- package/dist/cjs/components/Table/types/PaginationEventNouns.js +3 -0
- package/dist/cjs/components/Table/types/PaginationEventNouns.js.map +1 -0
- package/dist/cjs/components/Table/types/PayloadTableBodyProps.js +3 -0
- package/dist/cjs/components/Table/types/PayloadTableBodyProps.js.map +1 -0
- package/dist/cjs/components/Table/types/PayloadTableFooterProps.js +3 -0
- package/dist/cjs/components/Table/types/PayloadTableFooterProps.js.map +1 -0
- package/dist/cjs/components/Table/types/PayloadTableHeadProps.js +3 -0
- package/dist/cjs/components/Table/types/PayloadTableHeadProps.js.map +1 -0
- package/dist/cjs/components/Table/types/index.js +8 -0
- package/dist/cjs/components/Table/types/index.js.map +1 -0
- package/dist/cjs/components/index.js +6 -0
- package/dist/cjs/components/index.js.map +1 -0
- package/dist/cjs/index.js +5 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/docs.json +581 -516
- package/dist/esm/components/DynamicTable/DynamicTableRow.js +50 -0
- package/dist/esm/components/DynamicTable/DynamicTableRow.js.map +1 -0
- package/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.js +35 -0
- package/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.js.map +1 -0
- package/dist/esm/components/DynamicTable/Table.js +64 -0
- package/dist/esm/components/DynamicTable/Table.js.map +1 -0
- package/dist/{components/DynamicTable/index.d.mts → esm/components/DynamicTable/index.js} +1 -1
- package/dist/esm/components/DynamicTable/index.js.map +1 -0
- package/dist/esm/components/Table/PayloadTableColumnConfig.js +14 -0
- package/dist/esm/components/Table/PayloadTableColumnConfig.js.map +1 -0
- package/dist/esm/components/Table/Table.js +55 -0
- package/dist/esm/components/Table/Table.js.map +1 -0
- package/dist/esm/components/Table/TableBody.js +16 -0
- package/dist/esm/components/Table/TableBody.js.map +1 -0
- package/dist/esm/components/Table/TableFooter.js +20 -0
- package/dist/esm/components/Table/TableFooter.js.map +1 -0
- package/dist/esm/components/Table/TableHead.js +13 -0
- package/dist/esm/components/Table/TableHead.js.map +1 -0
- package/dist/esm/components/Table/TablePagination.js +29 -0
- package/dist/esm/components/Table/TablePagination.js.map +1 -0
- package/dist/esm/components/Table/TableRow.js +42 -0
- package/dist/esm/components/Table/TableRow.js.map +1 -0
- package/dist/esm/components/Table/TableRowNoData.js +16 -0
- package/dist/esm/components/Table/TableRowNoData.js.map +1 -0
- package/dist/{components/Table/index.d.mts → esm/components/Table/index.js} +1 -1
- package/dist/esm/components/Table/index.js.map +1 -0
- package/dist/esm/components/Table/types/PaginationEventNouns.js +2 -0
- package/dist/esm/components/Table/types/PaginationEventNouns.js.map +1 -0
- package/dist/esm/components/Table/types/PayloadTableBodyProps.js +2 -0
- package/dist/esm/components/Table/types/PayloadTableBodyProps.js.map +1 -0
- package/dist/esm/components/Table/types/PayloadTableFooterProps.js +2 -0
- package/dist/esm/components/Table/types/PayloadTableFooterProps.js.map +1 -0
- package/dist/esm/components/Table/types/PayloadTableHeadProps.js +2 -0
- package/dist/esm/components/Table/types/PayloadTableHeadProps.js.map +1 -0
- package/dist/{components/Table/types/index.d.mts → esm/components/Table/types/index.js} +1 -1
- package/dist/esm/components/Table/types/index.js.map +1 -0
- package/dist/{components/index.d.mts → esm/components/index.js} +1 -1
- package/dist/esm/components/index.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/{components → types/components}/DynamicTable/DynamicTableRow.d.ts +3 -1
- package/dist/types/components/DynamicTable/DynamicTableRow.d.ts.map +1 -0
- package/dist/types/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts.map +1 -0
- package/dist/types/components/DynamicTable/Table.d.ts.map +1 -0
- package/dist/types/components/DynamicTable/index.d.ts.map +1 -0
- package/dist/types/components/Table/PayloadTableColumnConfig.d.ts.map +1 -0
- package/dist/types/components/Table/Table.d.ts.map +1 -0
- package/dist/types/components/Table/TableBody.d.ts.map +1 -0
- package/dist/types/components/Table/TableFooter.d.ts.map +1 -0
- package/dist/types/components/Table/TableHead.d.ts.map +1 -0
- package/dist/types/components/Table/TablePagination.d.ts.map +1 -0
- package/dist/types/components/Table/TableRow.d.ts.map +1 -0
- package/dist/types/components/Table/TableRowNoData.d.ts.map +1 -0
- package/dist/types/components/Table/index.d.ts.map +1 -0
- package/dist/types/components/Table/types/PaginationEventNouns.d.ts.map +1 -0
- package/dist/types/components/Table/types/PayloadTableBodyProps.d.ts.map +1 -0
- package/dist/types/components/Table/types/PayloadTableFooterProps.d.ts.map +1 -0
- package/dist/types/components/Table/types/PayloadTableHeadProps.d.ts.map +1 -0
- package/dist/types/components/Table/types/index.d.ts.map +1 -0
- package/dist/types/components/index.d.ts.map +1 -0
- package/dist/{index.d.ts.map → types/index.d.ts.map} +1 -1
- package/package.json +28 -37
- package/src/components/DynamicTable/DynamicTableRow.tsx +2 -4
- package/dist/components/DynamicTable/DynamicTable.stories.d.mts +0 -7
- package/dist/components/DynamicTable/DynamicTable.stories.d.mts.map +0 -1
- package/dist/components/DynamicTable/DynamicTable.stories.d.ts +0 -7
- package/dist/components/DynamicTable/DynamicTable.stories.d.ts.map +0 -1
- package/dist/components/DynamicTable/DynamicTableRow.d.mts +0 -13
- package/dist/components/DynamicTable/DynamicTableRow.d.mts.map +0 -1
- package/dist/components/DynamicTable/DynamicTableRow.d.ts.map +0 -1
- package/dist/components/DynamicTable/PayloadDynamicTableColumnConfig.d.mts +0 -16
- package/dist/components/DynamicTable/PayloadDynamicTableColumnConfig.d.mts.map +0 -1
- package/dist/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts.map +0 -1
- package/dist/components/DynamicTable/Table.d.mts +0 -14
- package/dist/components/DynamicTable/Table.d.mts.map +0 -1
- package/dist/components/DynamicTable/Table.d.ts.map +0 -1
- package/dist/components/DynamicTable/index.d.mts.map +0 -1
- package/dist/components/DynamicTable/index.d.ts.map +0 -1
- package/dist/components/Table/FetchMoreTable.stories.d.mts +0 -6
- package/dist/components/Table/FetchMoreTable.stories.d.mts.map +0 -1
- package/dist/components/Table/FetchMoreTable.stories.d.ts +0 -6
- package/dist/components/Table/FetchMoreTable.stories.d.ts.map +0 -1
- package/dist/components/Table/PayloadTableColumnConfig.d.mts +0 -11
- package/dist/components/Table/PayloadTableColumnConfig.d.mts.map +0 -1
- package/dist/components/Table/PayloadTableColumnConfig.d.ts.map +0 -1
- package/dist/components/Table/Table.d.mts +0 -26
- package/dist/components/Table/Table.d.mts.map +0 -1
- package/dist/components/Table/Table.d.ts.map +0 -1
- package/dist/components/Table/Table.stories.d.mts +0 -12
- package/dist/components/Table/Table.stories.d.mts.map +0 -1
- package/dist/components/Table/Table.stories.d.ts +0 -12
- package/dist/components/Table/Table.stories.d.ts.map +0 -1
- package/dist/components/Table/TableBody.d.mts +0 -4
- package/dist/components/Table/TableBody.d.mts.map +0 -1
- package/dist/components/Table/TableBody.d.ts.map +0 -1
- package/dist/components/Table/TableFooter.d.mts +0 -4
- package/dist/components/Table/TableFooter.d.mts.map +0 -1
- package/dist/components/Table/TableFooter.d.ts.map +0 -1
- package/dist/components/Table/TableHead.d.mts +0 -4
- package/dist/components/Table/TableHead.d.mts.map +0 -1
- package/dist/components/Table/TableHead.d.ts.map +0 -1
- package/dist/components/Table/TablePagination.d.mts +0 -11
- package/dist/components/Table/TablePagination.d.mts.map +0 -1
- package/dist/components/Table/TablePagination.d.ts.map +0 -1
- package/dist/components/Table/TableRow.d.mts +0 -14
- package/dist/components/Table/TableRow.d.mts.map +0 -1
- package/dist/components/Table/TableRow.d.ts.map +0 -1
- package/dist/components/Table/TableRowNoData.d.mts +0 -9
- package/dist/components/Table/TableRowNoData.d.mts.map +0 -1
- package/dist/components/Table/TableRowNoData.d.ts.map +0 -1
- package/dist/components/Table/index.d.mts.map +0 -1
- package/dist/components/Table/index.d.ts.map +0 -1
- package/dist/components/Table/types/PaginationEventNouns.d.mts +0 -2
- package/dist/components/Table/types/PaginationEventNouns.d.mts.map +0 -1
- package/dist/components/Table/types/PaginationEventNouns.d.ts.map +0 -1
- package/dist/components/Table/types/PayloadTableBodyProps.d.mts +0 -15
- package/dist/components/Table/types/PayloadTableBodyProps.d.mts.map +0 -1
- package/dist/components/Table/types/PayloadTableBodyProps.d.ts.map +0 -1
- package/dist/components/Table/types/PayloadTableFooterProps.d.mts +0 -13
- package/dist/components/Table/types/PayloadTableFooterProps.d.mts.map +0 -1
- package/dist/components/Table/types/PayloadTableFooterProps.d.ts.map +0 -1
- package/dist/components/Table/types/PayloadTableHeadProps.d.mts +0 -6
- package/dist/components/Table/types/PayloadTableHeadProps.d.mts.map +0 -1
- package/dist/components/Table/types/PayloadTableHeadProps.d.ts.map +0 -1
- package/dist/components/Table/types/index.d.mts.map +0 -1
- package/dist/components/Table/types/index.d.ts.map +0 -1
- package/dist/components/index.d.mts.map +0 -1
- package/dist/components/index.d.ts.map +0 -1
- package/dist/index.d.mts +0 -2
- package/dist/index.d.mts.map +0 -1
- package/dist/index.js +0 -622
- package/dist/index.js.map +0 -1
- package/dist/index.mjs +0 -589
- package/dist/index.mjs.map +0 -1
- /package/dist/{components → types/components}/DynamicTable/PayloadDynamicTableColumnConfig.d.ts +0 -0
- /package/dist/{components → types/components}/DynamicTable/Table.d.ts +0 -0
- /package/dist/{components → types/components}/DynamicTable/index.d.ts +0 -0
- /package/dist/{components → types/components}/Table/PayloadTableColumnConfig.d.ts +0 -0
- /package/dist/{components → types/components}/Table/Table.d.ts +0 -0
- /package/dist/{components → types/components}/Table/TableBody.d.ts +0 -0
- /package/dist/{components → types/components}/Table/TableFooter.d.ts +0 -0
- /package/dist/{components → types/components}/Table/TableHead.d.ts +0 -0
- /package/dist/{components → types/components}/Table/TablePagination.d.ts +0 -0
- /package/dist/{components → types/components}/Table/TableRow.d.ts +0 -0
- /package/dist/{components → types/components}/Table/TableRowNoData.d.ts +0 -0
- /package/dist/{components → types/components}/Table/index.d.ts +0 -0
- /package/dist/{components → types/components}/Table/types/PaginationEventNouns.d.ts +0 -0
- /package/dist/{components → types/components}/Table/types/PayloadTableBodyProps.d.ts +0 -0
- /package/dist/{components → types/components}/Table/types/PayloadTableFooterProps.d.ts +0 -0
- /package/dist/{components → types/components}/Table/types/PayloadTableHeadProps.d.ts +0 -0
- /package/dist/{components → types/components}/Table/types/index.d.ts +0 -0
- /package/dist/{components → types/components}/index.d.ts +0 -0
- /package/dist/{index.d.ts → types/index.d.ts} +0 -0
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PayloadDynamicTableRow = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const CheckCircleOutlineRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/CheckCircleOutlineRounded"));
|
|
7
|
+
const ErrorOutlineRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ErrorOutlineRounded"));
|
|
8
|
+
const WarningAmberRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/WarningAmberRounded"));
|
|
9
|
+
const material_1 = require("@mui/material");
|
|
10
|
+
const react_promise_1 = require("@xylabs/react-promise");
|
|
11
|
+
const react_shared_1 = require("@xylabs/react-shared");
|
|
12
|
+
const payload_validator_1 = require("@xyo-network/payload-validator");
|
|
13
|
+
const react_network_1 = require("@xyo-network/react-network");
|
|
14
|
+
const react_payload_plugin_resolver_1 = require("@xyo-network/react-payload-plugin-resolver");
|
|
15
|
+
const react_shared_2 = require("@xyo-network/react-shared");
|
|
16
|
+
const PayloadDynamicTableColumnConfig_1 = require("./PayloadDynamicTableColumnConfig");
|
|
17
|
+
const PayloadDynamicTableRow = (_a) => {
|
|
18
|
+
var _b;
|
|
19
|
+
var { archive, columns = (0, PayloadDynamicTableColumnConfig_1.payloadDynamicTableColumnConfigDefaults)(), exploreDomain, network: networkProp, payload } = _a, props = tslib_1.__rest(_a, ["archive", "columns", "exploreDomain", "network", "payload"]);
|
|
20
|
+
const breakPoint = (0, react_shared_1.useBreakpoint)();
|
|
21
|
+
const payloadHash = (0, react_shared_2.usePayloadHash)(payload);
|
|
22
|
+
const { network } = (0, react_network_1.useNetwork)();
|
|
23
|
+
const { resolver } = (0, react_payload_plugin_resolver_1.usePayloadRenderPluginResolver)();
|
|
24
|
+
const [validationErrors = []] = (0, react_promise_1.usePromise)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () { return (payload ? yield new payload_validator_1.PayloadValidator(payload).validate() : undefined); }), [payload]);
|
|
25
|
+
const isValid = validationErrors.length === 0;
|
|
26
|
+
const hash = (props) => ((0, jsx_runtime_1.jsx)(react_shared_2.HashTableCell, Object.assign({ align: "left", archive: archive, value: payloadHash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp !== null && networkProp !== void 0 ? networkProp : network === null || network === void 0 ? void 0 : network.slug }, props), "hash"));
|
|
27
|
+
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"));
|
|
28
|
+
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"));
|
|
29
|
+
const render = (props) => {
|
|
30
|
+
var _a;
|
|
31
|
+
const Render = payload
|
|
32
|
+
? (_a = resolver === null || resolver === void 0 ? void 0 : resolver.resolve(payload)) === null || _a === void 0 ? void 0 : _a.components.table.cell
|
|
33
|
+
: undefined;
|
|
34
|
+
return Render ? (0, jsx_runtime_1.jsx)(Render, Object.assign({ payload: payload }, props)) : (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "left" }, props), "payloads");
|
|
35
|
+
};
|
|
36
|
+
const icon = (props) => {
|
|
37
|
+
var _a;
|
|
38
|
+
const Avatar = payload
|
|
39
|
+
? (_a = resolver === null || resolver === void 0 ? void 0 : resolver.resolve(payload)) === null || _a === void 0 ? void 0 : _a.components.avatar.image
|
|
40
|
+
: undefined;
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "left" }, props, { children: Avatar ? (0, jsx_runtime_1.jsx)(Avatar, { payload: payload }) : null }), "payloads"));
|
|
42
|
+
};
|
|
43
|
+
const valid = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: isValid === undefined && payload != undefined ? ((0, jsx_runtime_1.jsx)(WarningAmberRounded_1.default, { fontSize: "small", color: "warning" })) : isValid === true ? ((0, jsx_runtime_1.jsx)(CheckCircleOutlineRounded_1.default, { fontSize: "small", color: "success" })) : isValid === false ? ((0, jsx_runtime_1.jsx)(ErrorOutlineRounded_1.default, { color: "error", fontSize: "small" })) : (
|
|
44
|
+
//nbsp to keep row height consistent even when no data is provided for the row
|
|
45
|
+
(0, jsx_runtime_1.jsx)(material_1.Typography, { children: " \u00A0" })) }), "valid"));
|
|
46
|
+
const tableCells = {
|
|
47
|
+
details,
|
|
48
|
+
hash,
|
|
49
|
+
icon,
|
|
50
|
+
render,
|
|
51
|
+
schema,
|
|
52
|
+
valid,
|
|
53
|
+
};
|
|
54
|
+
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) => {
|
|
55
|
+
return column.slug ? tableCells[column.slug]({}) : null;
|
|
56
|
+
}) }))) : null;
|
|
57
|
+
};
|
|
58
|
+
exports.PayloadDynamicTableRow = PayloadDynamicTableRow;
|
|
59
|
+
//# sourceMappingURL=DynamicTableRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DynamicTableRow.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.payloadDynamicTableColumnConfigDefaults = void 0;
|
|
4
|
+
const payloadDynamicTableColumnConfigDefaults = () => {
|
|
5
|
+
const xs = [
|
|
6
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
7
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
8
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
9
|
+
];
|
|
10
|
+
const sm = [
|
|
11
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
12
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
13
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', 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: '100%' },
|
|
19
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
20
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
21
|
+
];
|
|
22
|
+
const lg = [
|
|
23
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
24
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
25
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
26
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
27
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
28
|
+
];
|
|
29
|
+
const xl = [
|
|
30
|
+
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
31
|
+
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
32
|
+
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
33
|
+
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
34
|
+
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
35
|
+
];
|
|
36
|
+
return { lg, md, sm, xl, xs };
|
|
37
|
+
};
|
|
38
|
+
exports.payloadDynamicTableColumnConfigDefaults = payloadDynamicTableColumnConfigDefaults;
|
|
39
|
+
//# sourceMappingURL=PayloadDynamicTableColumnConfig.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PayloadDynamicTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":";;;AAoBO,MAAM,uCAAuC,GAAG,GAAoC,EAAE;IAC3F,MAAM,EAAE,GAAwC;QAC9C,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QACpE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;KACnE,CAAA;IACD,MAAM,EAAE,GAAwC;QAC9C,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QACpE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;KACnE,CAAA;IACD,MAAM,EAAE,GAAwC;QAC9C,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QACpE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;KACnE,CAAA;IACD,MAAM,EAAE,GAAwC;QAC9C,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QACpE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QACpE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;KACnE,CAAA;IACD,MAAM,EAAE,GAAwC;QAC9C,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QACpE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QACpE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;KACnE,CAAA;IACD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAC/B,CAAC,CAAA;AAjCY,QAAA,uCAAuC,2CAiCnD"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PayloadDynamicTable = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const FirstPage_1 = tslib_1.__importDefault(require("@mui/icons-material/FirstPage"));
|
|
7
|
+
const KeyboardArrowLeft_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowLeft"));
|
|
8
|
+
const KeyboardArrowRight_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowRight"));
|
|
9
|
+
const LastPage_1 = tslib_1.__importDefault(require("@mui/icons-material/LastPage"));
|
|
10
|
+
const material_1 = require("@mui/material");
|
|
11
|
+
const react_shared_1 = require("@xylabs/react-shared");
|
|
12
|
+
const react_error_1 = require("@xyo-network/react-error");
|
|
13
|
+
const react_shared_2 = require("@xyo-network/react-shared");
|
|
14
|
+
const react_1 = require("react");
|
|
15
|
+
const DynamicTableRow_1 = require("./DynamicTableRow");
|
|
16
|
+
const PayloadDynamicTableColumnConfig_1 = require("./PayloadDynamicTableColumnConfig");
|
|
17
|
+
function TablePaginationActions(props) {
|
|
18
|
+
const theme = (0, material_1.useTheme)();
|
|
19
|
+
const { count, page, rowsPerPage, onPageChange } = props;
|
|
20
|
+
const handleFirstPageButtonClick = (event) => {
|
|
21
|
+
onPageChange(event, 0);
|
|
22
|
+
};
|
|
23
|
+
const handleBackButtonClick = (event) => {
|
|
24
|
+
onPageChange(event, page - 1);
|
|
25
|
+
};
|
|
26
|
+
const handleNextButtonClick = (event) => {
|
|
27
|
+
onPageChange(event, page + 1);
|
|
28
|
+
};
|
|
29
|
+
const handleLastPageButtonClick = (event) => {
|
|
30
|
+
onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
|
|
31
|
+
};
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { flexShrink: 0, ml: 2.5 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleFirstPageButtonClick, disabled: page === 0, "aria-label": "first page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(LastPage_1.default, {}) : (0, jsx_runtime_1.jsx)(FirstPage_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleBackButtonClick, disabled: page === 0, "aria-label": "previous page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(KeyboardArrowRight_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleNextButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "next page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardArrowRight_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(FirstPage_1.default, {}) : (0, jsx_runtime_1.jsx)(LastPage_1.default, {}) }))] })));
|
|
33
|
+
}
|
|
34
|
+
const PayloadDynamicTable = (_a) => {
|
|
35
|
+
var _b;
|
|
36
|
+
var { archive, children, columns = (0, PayloadDynamicTableColumnConfig_1.payloadDynamicTableColumnConfigDefaults)(), exploreDomain, onRowClick, rowsPerPage: rowsPerPageProp = 10, payloads } = _a, props = tslib_1.__rest(_a, ["archive", "children", "columns", "exploreDomain", "onRowClick", "rowsPerPage", "payloads"]);
|
|
37
|
+
const breakPoint = (0, react_shared_1.useBreakpoint)();
|
|
38
|
+
const [page, setPage] = (0, react_1.useState)(0);
|
|
39
|
+
const [rowsPerPage, setRowsPerPage] = (0, react_1.useState)(rowsPerPageProp);
|
|
40
|
+
const payloadCount = payloads ? payloads.length : 0;
|
|
41
|
+
// Avoid a layout jump when reaching the last page with empty rows.
|
|
42
|
+
const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - payloadCount) : 0;
|
|
43
|
+
const pagedPayloads = (0, react_1.useMemo)(() => payloads === null || payloads === void 0 ? void 0 : payloads.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage), [payloads, page, rowsPerPage]);
|
|
44
|
+
const payloadPairs = (0, react_shared_2.usePayloadHashes)(pagedPayloads);
|
|
45
|
+
(0, react_1.useEffect)(() => {
|
|
46
|
+
setRowsPerPage(rowsPerPageProp);
|
|
47
|
+
}, [rowsPerPageProp]);
|
|
48
|
+
const handleChangePage = (event, newPage) => {
|
|
49
|
+
setPage(newPage);
|
|
50
|
+
};
|
|
51
|
+
const handleChangeRowsPerPage = (event) => {
|
|
52
|
+
setRowsPerPage(parseInt(event.target.value, 10));
|
|
53
|
+
setPage(0);
|
|
54
|
+
};
|
|
55
|
+
return breakPoint ? ((0, jsx_runtime_1.jsxs)(material_1.Table, Object.assign({ stickyHeader: true }, 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) => {
|
|
56
|
+
var _a;
|
|
57
|
+
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));
|
|
58
|
+
}) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, Object.assign({ sx: { overflowY: 'scroll ' } }, { children: [payloadPairs === null || payloadPairs === void 0 ? void 0 : payloadPairs.map(([payload, hash], index) => {
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(react_error_1.ThrownErrorBoundary, Object.assign({ boundaryName: "PayloadTableBody", 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
|
|
60
|
+
? () => {
|
|
61
|
+
onRowClick(payload);
|
|
62
|
+
}
|
|
63
|
+
: undefined, exploreDomain: exploreDomain, payload: payload }) }), `${hash}-${index}`));
|
|
64
|
+
}), children, emptyRows > 0 && Array(emptyRows).fill((0, jsx_runtime_1.jsx)(DynamicTableRow_1.PayloadDynamicTableRow, {}))] })), (0, jsx_runtime_1.jsx)(material_1.TableFooter, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { rowsPerPageOptions: [5, 10, 25, { label: 'All', value: -1 }], colSpan: 5, count: payloadCount, rowsPerPage: rowsPerPage, page: page, SelectProps: {
|
|
65
|
+
inputProps: {
|
|
66
|
+
'aria-label': 'rows per page',
|
|
67
|
+
},
|
|
68
|
+
native: true,
|
|
69
|
+
}, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage, ActionsComponent: TablePaginationActions }) }) })] }))) : null;
|
|
70
|
+
};
|
|
71
|
+
exports.PayloadDynamicTable = PayloadDynamicTable;
|
|
72
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./DynamicTableRow"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./PayloadDynamicTableColumnConfig"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./Table"), exports);
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/index.ts"],"names":[],"mappings":";;;AAAA,4DAAiC;AACjC,4EAAiD;AACjD,kDAAuB"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.payloadTableColumnConfigDefaults = exports.payloadColumnNames = void 0;
|
|
4
|
+
exports.payloadColumnNames = {
|
|
5
|
+
hash: 'Hash',
|
|
6
|
+
schema: 'Schema',
|
|
7
|
+
valid: 'Valid',
|
|
8
|
+
};
|
|
9
|
+
const payloadTableColumnConfigDefaults = () => {
|
|
10
|
+
const xs = ['hash', 'schema', 'valid'];
|
|
11
|
+
const sm = ['hash', 'schema', 'valid'];
|
|
12
|
+
const md = ['hash', 'schema', 'valid'];
|
|
13
|
+
const lg = ['hash', 'schema', 'valid'];
|
|
14
|
+
const xl = ['hash', 'schema', 'valid'];
|
|
15
|
+
return { lg, md, sm, xl, xs };
|
|
16
|
+
};
|
|
17
|
+
exports.payloadTableColumnConfigDefaults = payloadTableColumnConfigDefaults;
|
|
18
|
+
//# sourceMappingURL=PayloadTableColumnConfig.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":";;;AAaa,QAAA,kBAAkB,GAA2C;IACxE,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAA;AAEM,MAAM,gCAAgC,GAAG,GAA6B,EAAE;IAC7E,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAC/B,CAAC,CAAA;AAPY,QAAA,gCAAgC,oCAO5C"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PayloadTable = exports.PayloadTableWithRef = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_table_1 = require("@xyo-network/react-table");
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const TableBody_1 = require("./TableBody");
|
|
9
|
+
const TableFooter_1 = require("./TableFooter");
|
|
10
|
+
const TableHead_1 = require("./TableHead");
|
|
11
|
+
const TableRowNoData_1 = require("./TableRowNoData");
|
|
12
|
+
exports.PayloadTableWithRef = (0, react_1.forwardRef)((_a, ref) => {
|
|
13
|
+
var { exploreDomain, archive, onRowClick, fetchMorePayloads, rowsPerPage: rowsPerPageProp = 25, payloads, columns, PayloadTableHeadComponent = TableHead_1.PayloadTableHead, PayloadTableBodyComponent = TableBody_1.PayloadTableBody, PayloadTableFooterComponent = TableFooter_1.PayloadTableFooter, maxSchemaDepth, count = 0, loading = false, variant = 'scrollable' } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "archive", "onRowClick", "fetchMorePayloads", "rowsPerPage", "payloads", "columns", "PayloadTableHeadComponent", "PayloadTableBodyComponent", "PayloadTableFooterComponent", "maxSchemaDepth", "count", "loading", "variant"]);
|
|
14
|
+
const [page, setPage] = (0, react_1.useState)(0);
|
|
15
|
+
const [rowsPerPage, setRowsPerPage] = (0, react_1.useState)(rowsPerPageProp);
|
|
16
|
+
const [visiblePayloads, setVisiblePayloads] = (0, react_1.useState)([]);
|
|
17
|
+
// Avoid a layout jump when reaching the last page with empty rows.
|
|
18
|
+
const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - count || 0) : 0;
|
|
19
|
+
(0, react_1.useEffect)(() => {
|
|
20
|
+
setRowsPerPage(rowsPerPageProp);
|
|
21
|
+
}, [rowsPerPageProp]);
|
|
22
|
+
// React to various prop changes to derive new visible payloads
|
|
23
|
+
// count is needed to show initial payloads added async to the same payloads reference
|
|
24
|
+
(0, react_1.useEffect)(() => {
|
|
25
|
+
if (payloads) {
|
|
26
|
+
setVisiblePayloads(payloads.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage));
|
|
27
|
+
}
|
|
28
|
+
}, [count, page, payloads, rowsPerPage]);
|
|
29
|
+
// If the payload reference changes, assume we have a new list and reset current page
|
|
30
|
+
(0, react_1.useEffect)(() => {
|
|
31
|
+
setPage(0);
|
|
32
|
+
}, [payloads]);
|
|
33
|
+
const handleAdditionalPayloads = () => {
|
|
34
|
+
if (fetchMorePayloads && payloads) {
|
|
35
|
+
const buffer = rowsPerPage * 2;
|
|
36
|
+
const lastVisiblePayload = visiblePayloads === null || visiblePayloads === void 0 ? void 0 : visiblePayloads.at(-1);
|
|
37
|
+
if (lastVisiblePayload) {
|
|
38
|
+
const lastVisibleIndex = payloads === null || payloads === void 0 ? void 0 : payloads.indexOf(lastVisiblePayload);
|
|
39
|
+
if (lastVisibleIndex !== undefined && payloads.length - (lastVisibleIndex + 1) <= buffer) {
|
|
40
|
+
fetchMorePayloads();
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
const handleChangePage = (_event, newPage) => {
|
|
46
|
+
handleAdditionalPayloads();
|
|
47
|
+
setPage(newPage);
|
|
48
|
+
};
|
|
49
|
+
const handleChangeRowsPerPage = (event) => {
|
|
50
|
+
setRowsPerPage(parseInt(event.target.value, 10));
|
|
51
|
+
setPage(0);
|
|
52
|
+
};
|
|
53
|
+
const noResults = (0, react_1.useMemo)(() => {
|
|
54
|
+
return !loading && (!visiblePayloads || visiblePayloads.length === 0);
|
|
55
|
+
}, [loading, visiblePayloads]);
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)(react_table_1.TableEx, Object.assign({ variant: variant, ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(PayloadTableHeadComponent, { columns: columns }), (0, jsx_runtime_1.jsx)(PayloadTableBodyComponent, { payloads: visiblePayloads, exploreDomain: exploreDomain, archive: archive, maxSchemaDepth: maxSchemaDepth, onRowClick: onRowClick, emptyRows: emptyRows, noResults: noResults, NoResultRowComponent: TableRowNoData_1.TableRowNoData }), (0, jsx_runtime_1.jsx)(PayloadTableFooterComponent, { count: count, variant: variant, rowsPerPage: rowsPerPage, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, fetchMorePayloads: fetchMorePayloads, loading: loading, page: page })] })));
|
|
57
|
+
});
|
|
58
|
+
exports.PayloadTableWithRef.displayName = 'PayloadTable';
|
|
59
|
+
exports.PayloadTable = exports.PayloadTableWithRef;
|
|
60
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PayloadTableBody = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const react_error_1 = require("@xyo-network/react-error");
|
|
8
|
+
const react_shared_1 = require("@xyo-network/react-shared");
|
|
9
|
+
const TableRow_1 = require("./TableRow");
|
|
10
|
+
const PayloadTableBody = (_a) => {
|
|
11
|
+
var { children, exploreDomain, payloads, archive, maxSchemaDepth, onRowClick, emptyRows, noResults, NoResultRowComponent } = _a, props = tslib_1.__rest(_a, ["children", "exploreDomain", "payloads", "archive", "maxSchemaDepth", "onRowClick", "emptyRows", "noResults", "NoResultRowComponent"]);
|
|
12
|
+
const payloadPairs = (0, react_shared_1.usePayloadHashes)(payloads);
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.TableBody, Object.assign({}, props, { children: [noResults && NoResultRowComponent ? (0, jsx_runtime_1.jsx)(NoResultRowComponent, {}) : null, payloadPairs === null || payloadPairs === void 0 ? void 0 : payloadPairs.map(([payload, hash], index) => {
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(react_error_1.ThrownErrorBoundary, Object.assign({ boundaryName: "PayloadTableBody", 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, { maxSchemaDepth: maxSchemaDepth, archive: archive, onClick: onRowClick
|
|
15
|
+
? () => {
|
|
16
|
+
onRowClick(payload);
|
|
17
|
+
}
|
|
18
|
+
: undefined, exploreDomain: exploreDomain, payload: payload }) }), `${hash}-${index}`));
|
|
19
|
+
}), children, (emptyRows !== null && emptyRows !== void 0 ? emptyRows : 0) > 0 && Array(emptyRows).fill((0, jsx_runtime_1.jsx)(TableRow_1.PayloadTableRow, {}))] })));
|
|
20
|
+
};
|
|
21
|
+
exports.PayloadTableBody = PayloadTableBody;
|
|
22
|
+
//# sourceMappingURL=TableBody.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,0DAA8D;AAC9D,4DAA4D;AAE5D,yCAA4C;AAGrC,MAAM,gBAAgB,GAAoC,CAAC,EAWjE,EAAE,EAAE;QAX6D,EAChE,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAO,EACP,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,oBAAoB,OAErB,EADI,KAAK,sBAVwD,sIAWjE,CADS;IAER,MAAM,YAAY,GAAG,IAAA,+BAAgB,EAAC,QAAQ,CAAC,CAAA;IAE/C,OAAO,CACL,wBAAC,oBAAS,oBAAK,KAAK,eACjB,SAAS,IAAI,oBAAoB,CAAC,CAAC,CAAC,uBAAC,oBAAoB,KAAG,CAAC,CAAC,CAAC,IAAI,EACnE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;gBAC5C,OAAO,CACL,uBAAC,iCAAmB,kBAClB,YAAY,EAAC,kBAAkB,EAE/B,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,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,UAAU;4BACR,CAAC,CAAC,GAAG,EAAE;gCACH,UAAU,CAAC,OAAO,CAAC,CAAA;4BACrB,CAAC;4BACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,KAnBG,GAAG,IAAI,IAAI,KAAK,EAAE,CAoBH,CACvB,CAAA;YACH,CAAC,CAAC,EACD,QAAQ,EACR,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,uBAAC,0BAAe,KAAG,CAAC,KACzD,CACb,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,gBAAgB,oBAgD5B"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PayloadTableFooter = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const material_1 = require("@mui/material");
|
|
6
|
+
const react_table_1 = require("@xyo-network/react-table");
|
|
7
|
+
const TablePagination_1 = require("./TablePagination");
|
|
8
|
+
const PayloadTableFooter = ({ count, variant, page, rowsPerPage, handleChangePage = () => undefined, handleChangeRowsPerPage = () => undefined, fetchMorePayloads, loading, }) => ((0, jsx_runtime_1.jsx)(react_table_1.TableFooterEx, Object.assign({ variant: variant }, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(StyledTablePagination, { rowsPerPageOptions: [5, 10, 25, { label: 'All', value: -1 }], count: count !== null && count !== void 0 ? count : 0, rowsPerPage: rowsPerPage !== null && rowsPerPage !== void 0 ? rowsPerPage : 10, page: page !== null && page !== void 0 ? page : 0, SelectProps: {
|
|
9
|
+
inputProps: {
|
|
10
|
+
'aria-label': 'rows per page',
|
|
11
|
+
},
|
|
12
|
+
native: true,
|
|
13
|
+
}, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage,
|
|
14
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
15
|
+
ActionsComponent: (props) => (0, jsx_runtime_1.jsx)(TablePagination_1.TablePaginationActions, Object.assign({ enableNextPage: !!fetchMorePayloads, loading: loading }, props)) }) }) })));
|
|
16
|
+
exports.PayloadTableFooter = PayloadTableFooter;
|
|
17
|
+
const StyledTablePagination = (0, material_1.styled)(material_1.TablePagination)(({ theme }) => ({
|
|
18
|
+
'& > .MuiToolbar-root': {
|
|
19
|
+
paddingLeft: theme.spacing(1),
|
|
20
|
+
},
|
|
21
|
+
borderTop: '1px solid',
|
|
22
|
+
borderTopColor: theme.palette.divider,
|
|
23
|
+
}));
|
|
24
|
+
//# sourceMappingURL=TableFooter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableFooter.js","sourceRoot":"","sources":["../../../../src/components/Table/TableFooter.tsx"],"names":[],"mappings":";;;;AAAA,4CAAiE;AACjE,0DAAwD;AAExD,uDAA0D;AAGnD,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,OAAO,EACP,IAAI,EACJ,WAAW,EACX,gBAAgB,GAAG,GAAG,EAAE,CAAC,SAAS,EAClC,uBAAuB,GAAG,GAAG,EAAE,CAAC,SAAS,EACzC,iBAAiB,EACjB,OAAO,GACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAa,kBAAC,OAAO,EAAE,OAAO,gBAC7B,uBAAC,mBAAQ,cACP,uBAAC,qBAAqB,IACpB,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAC5D,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,EACjB,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAC9B,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CAAC,EACf,WAAW,EAAE;gBACX,UAAU,EAAE;oBACV,YAAY,EAAE,eAAe;iBAC9B;gBACD,MAAM,EAAE,IAAI;aACb,EACD,YAAY,EAAE,gBAAgB,EAC9B,mBAAmB,EAAE,uBAAuB;YAC5C,8DAA8D;YAC9D,gBAAgB,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,uBAAC,wCAAsB,kBAAC,cAAc,EAAE,CAAC,CAAC,iBAAiB,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,GAC9H,GACO,IACG,CACjB,CAAA;AA9BY,QAAA,kBAAkB,sBA8B9B;AAED,MAAM,qBAAqB,GAAG,IAAA,iBAAM,EAAC,0BAAe,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpE,sBAAsB,EAAE;QACtB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B;IACD,SAAS,EAAE,WAAW;IACtB,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;CACtC,CAAC,CAAC,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PayloadTableHead = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const react_shared_1 = require("@xylabs/react-shared");
|
|
8
|
+
const PayloadTableColumnConfig_1 = require("./PayloadTableColumnConfig");
|
|
9
|
+
const PayloadTableHead = (_a) => {
|
|
10
|
+
var _b;
|
|
11
|
+
var { columns = (0, PayloadTableColumnConfig_1.payloadTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["columns"]);
|
|
12
|
+
const breakPoint = (0, react_shared_1.useBreakpoint)();
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)(material_1.TableHead, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: breakPoint && columns
|
|
14
|
+
? (_b = columns[breakPoint]) === null || _b === void 0 ? void 0 : _b.map((column, index) => {
|
|
15
|
+
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));
|
|
16
|
+
})
|
|
17
|
+
: null }) })));
|
|
18
|
+
};
|
|
19
|
+
exports.PayloadTableHead = PayloadTableHead;
|
|
20
|
+
//# sourceMappingURL=TableHead.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0E;AAC1E,uDAAoD;AAEpD,yEAAiG;AAG1F,MAAM,gBAAgB,GAAoC,CAAC,EAA0D,EAAE,EAAE;;QAA9D,EAAE,OAAO,GAAG,IAAA,2DAAgC,GAAE,OAAY,EAAP,KAAK,sBAAxD,WAA0D,CAAF;IACxH,MAAM,UAAU,GAAG,IAAA,4BAAa,GAAE,CAAA;IAClC,OAAO,CACL,uBAAC,oBAAS,oBAAK,KAAK,cAClB,uBAAC,mBAAQ,cACN,UAAU,IAAI,OAAO;gBACpB,CAAC,CAAC,MAAA,OAAO,CAAC,UAAU,CAAC,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBACzC,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;gBACH,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,GACC,IACD,CACb,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,gBAAgB,oBAmB5B"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TablePaginationActions = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const FirstPage_1 = tslib_1.__importDefault(require("@mui/icons-material/FirstPage"));
|
|
7
|
+
const KeyboardArrowLeft_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowLeft"));
|
|
8
|
+
const KeyboardArrowRight_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowRight"));
|
|
9
|
+
const LastPage_1 = tslib_1.__importDefault(require("@mui/icons-material/LastPage"));
|
|
10
|
+
const material_1 = require("@mui/material");
|
|
11
|
+
const react_event_1 = require("@xyo-network/react-event");
|
|
12
|
+
function TablePaginationActions({ count, enableNextPage, loading, onPageChange, page, rowsPerPage }) {
|
|
13
|
+
const theme = (0, material_1.useTheme)();
|
|
14
|
+
const [paginationRef, paginationDispatch] = (0, react_event_1.useEvent)();
|
|
15
|
+
const handleFirstPageButtonClick = (event) => {
|
|
16
|
+
paginationDispatch('firstPage', 'click', 'true');
|
|
17
|
+
onPageChange(event, 0);
|
|
18
|
+
};
|
|
19
|
+
const handleBackButtonClick = (event) => {
|
|
20
|
+
var _a;
|
|
21
|
+
paginationDispatch('previousPage', 'click', (_a = (page - 1)) === null || _a === void 0 ? void 0 : _a.toString());
|
|
22
|
+
onPageChange(event, page - 1);
|
|
23
|
+
};
|
|
24
|
+
const handleNextButtonClick = (event) => {
|
|
25
|
+
var _a;
|
|
26
|
+
paginationDispatch('nextPage', 'click', (_a = (page + 1)) === null || _a === void 0 ? void 0 : _a.toString());
|
|
27
|
+
onPageChange(event, page + 1);
|
|
28
|
+
};
|
|
29
|
+
const handleLastPageButtonClick = (event) => {
|
|
30
|
+
paginationDispatch('lastPage', 'click', 'true');
|
|
31
|
+
onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
|
|
32
|
+
};
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 'small', sx: { height: theme.spacing(2), position: 'absolute', width: theme.spacing(2) } }) : null, (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { flexShrink: 0, ml: 2.5 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleFirstPageButtonClick, disabled: page === 0, "aria-label": "first page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(LastPage_1.default, {}) : (0, jsx_runtime_1.jsx)(FirstPage_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ ref: paginationRef, onClick: handleBackButtonClick, disabled: page === 0, "aria-label": "previous page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(KeyboardArrowRight_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ ref: paginationRef, onClick: handleNextButtonClick, disabled: !enableNextPage && page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "next page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardArrowRight_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(FirstPage_1.default, {}) : (0, jsx_runtime_1.jsx)(LastPage_1.default, {}) }))] }))] }));
|
|
34
|
+
}
|
|
35
|
+
exports.TablePaginationActions = TablePaginationActions;
|
|
36
|
+
//# sourceMappingURL=TablePagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TablePagination.js","sourceRoot":"","sources":["../../../../src/components/Table/TablePagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PayloadTableRow = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const CheckCircleOutlineRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/CheckCircleOutlineRounded"));
|
|
7
|
+
const ErrorOutlineRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ErrorOutlineRounded"));
|
|
8
|
+
const WarningAmberRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/WarningAmberRounded"));
|
|
9
|
+
const material_1 = require("@mui/material");
|
|
10
|
+
const react_promise_1 = require("@xylabs/react-promise");
|
|
11
|
+
const react_shared_1 = require("@xylabs/react-shared");
|
|
12
|
+
const payload_validator_1 = require("@xyo-network/payload-validator");
|
|
13
|
+
const react_network_1 = require("@xyo-network/react-network");
|
|
14
|
+
const react_shared_2 = require("@xyo-network/react-shared");
|
|
15
|
+
const PayloadTableColumnConfig_1 = require("./PayloadTableColumnConfig");
|
|
16
|
+
const PayloadTableRow = (_a) => {
|
|
17
|
+
var _b;
|
|
18
|
+
var { archive, columns = (0, PayloadTableColumnConfig_1.payloadTableColumnConfigDefaults)(), exploreDomain, maxSchemaDepth, network: networkProp, payload } = _a, props = tslib_1.__rest(_a, ["archive", "columns", "exploreDomain", "maxSchemaDepth", "network", "payload"]);
|
|
19
|
+
const breakPoint = (0, react_shared_1.useBreakpoint)();
|
|
20
|
+
const payloadHash = (0, react_shared_2.usePayloadHash)(payload);
|
|
21
|
+
const { network } = (0, react_network_1.useNetwork)();
|
|
22
|
+
const [errors = []] = (0, react_promise_1.usePromise)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () { return (payload ? yield new payload_validator_1.PayloadValidator(payload).validate() : undefined); }), [payload]);
|
|
23
|
+
const isValid = errors.length === 0;
|
|
24
|
+
const hash = (props) => ((0, jsx_runtime_1.jsx)(react_shared_2.HashTableCell, Object.assign({ archive: archive, width: "100%", value: payloadHash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp !== null && networkProp !== void 0 ? networkProp : network === null || network === void 0 ? void 0 : network.slug }, props), "hash"));
|
|
25
|
+
const reduceSchemaDepth = (schema, maxSchemaDepth) => {
|
|
26
|
+
var _a;
|
|
27
|
+
if (maxSchemaDepth) {
|
|
28
|
+
const parts = (_a = schema === null || schema === void 0 ? void 0 : schema.split('.')) !== null && _a !== void 0 ? _a : [];
|
|
29
|
+
const partsToRemove = parts.length - maxSchemaDepth > 0 ? parts.length - maxSchemaDepth : 0;
|
|
30
|
+
if (partsToRemove > 0) {
|
|
31
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u2026" }), `${parts.slice(partsToRemove).reduce((previousValue, part) => `${previousValue}.${part}`)}`] }));
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return schema;
|
|
35
|
+
};
|
|
36
|
+
const schema = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ title: payload === null || payload === void 0 ? void 0 : payload.schema, align: "center" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: reduceSchemaDepth(payload === null || payload === void 0 ? void 0 : payload.schema, maxSchemaDepth) })) }), "payloads"));
|
|
37
|
+
const valid = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: isValid === undefined && payload != undefined ? ((0, jsx_runtime_1.jsx)(WarningAmberRounded_1.default, { fontSize: "small", color: "warning" })) : isValid === true ? ((0, jsx_runtime_1.jsx)(CheckCircleOutlineRounded_1.default, { fontSize: "small", color: "success" })) : isValid === false ? ((0, jsx_runtime_1.jsx)(ErrorOutlineRounded_1.default, { color: "error", fontSize: "small" })) : (
|
|
38
|
+
//to keep row height consistent when no data provided, may need fix later
|
|
39
|
+
(0, jsx_runtime_1.jsx)(ErrorOutlineRounded_1.default, { sx: { color: (0, material_1.alpha)('#fff', 0) }, fontSize: "small" })) }), "valid"));
|
|
40
|
+
const tableCells = {
|
|
41
|
+
hash,
|
|
42
|
+
schema,
|
|
43
|
+
valid,
|
|
44
|
+
};
|
|
45
|
+
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) => {
|
|
46
|
+
return tableCells[column]({});
|
|
47
|
+
}) }))) : null;
|
|
48
|
+
};
|
|
49
|
+
exports.PayloadTableRow = PayloadTableRow;
|
|
50
|
+
//# sourceMappingURL=TableRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TableRowNoData = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const TableRowNoData = (_a) => {
|
|
8
|
+
var { additionalCells, hideBorder = false, typographyProps } = _a, props = tslib_1.__rest(_a, ["additionalCells", "hideBorder", "typographyProps"]);
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.TableRow, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(StyledTableCell, Object.assign({ hideBorder: hideBorder }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2" }, typographyProps, { children: "No Data To Display..." })) })), additionalCells
|
|
10
|
+
? Array(additionalCells)
|
|
11
|
+
.fill(undefined)
|
|
12
|
+
.map((_fill, index) => (0, jsx_runtime_1.jsx)(StyledTableCell, { hideBorder: hideBorder }, index))
|
|
13
|
+
: null] })));
|
|
14
|
+
};
|
|
15
|
+
exports.TableRowNoData = TableRowNoData;
|
|
16
|
+
const StyledTableCell = (0, material_1.styled)(material_1.TableCell, {
|
|
17
|
+
name: 'StyledTableCell',
|
|
18
|
+
shouldForwardProp: (prop) => prop !== 'hideBorder',
|
|
19
|
+
})(({ hideBorder }) => (Object.assign({}, (hideBorder && { border: 'none' }))));
|
|
20
|
+
//# sourceMappingURL=TableRowNoData.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableRowNoData.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRowNoData.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuG;AAQhG,MAAM,cAAc,GAAkC,CAAC,EAAkE,EAAE,EAAE;QAAtE,EAAE,eAAe,EAAE,UAAU,GAAG,KAAK,EAAE,eAAe,OAAY,EAAP,KAAK,sBAAhE,oDAAkE,CAAF;IAC5H,OAAO,CACL,wBAAC,mBAAQ,oBAAK,KAAK,eACjB,uBAAC,eAAe,kBAAC,UAAU,EAAE,UAAU,gBACrC,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,IAAK,eAAe,yCAElC,IACG,EACjB,eAAe;gBACd,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC;qBACnB,IAAI,CAAC,SAAS,CAAC;qBACf,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,uBAAC,eAAe,IAAa,UAAU,EAAE,UAAU,IAA7B,KAAK,CAA4B,CAAC;gBACnF,CAAC,CAAC,IAAI,KACC,CACZ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,cAAc,kBAe1B;AAMD,MAAM,eAAe,GAAG,IAAA,iBAAM,EAAC,oBAAS,EAAE;IACxC,IAAI,EAAE,iBAAiB;IACvB,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,KAAK,YAAY;CAC3D,CAAC,CAAuB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,mBACxC,CAAC,UAAU,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EACrC,CAAC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./PayloadTableColumnConfig"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./Table"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./TablePagination"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./TableRow"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./TableRowNoData"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./types"), exports);
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":";;;AAAA,qEAA0C;AAC1C,kDAAuB;AACvB,4DAAiC;AACjC,qDAA0B;AAC1B,2DAAgC;AAChC,kDAAuB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaginationEventNouns.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PaginationEventNouns.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PayloadTableBodyProps.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableBodyProps.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PayloadTableFooterProps.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableFooterProps.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PayloadTableHeadProps.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableHeadProps.ts"],"names":[],"mappings":""}
|