@xyo-network/react-payload-table 2.64.0 → 2.64.3
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/browser/components/DynamicTable/DynamicTableRow.js +41 -5
- package/dist/browser/components/DynamicTable/DynamicTableRow.js.map +1 -1
- package/dist/browser/components/DynamicTable/PayloadDynamicTableColumnConfig.js +2 -1
- package/dist/browser/components/DynamicTable/PayloadDynamicTableColumnConfig.js.map +1 -1
- package/dist/browser/components/DynamicTable/Table.js +129 -20
- package/dist/browser/components/DynamicTable/Table.js.map +1 -1
- package/dist/browser/components/DynamicTable/index.js +236 -3
- package/dist/browser/components/DynamicTable/index.js.map +1 -1
- package/dist/browser/components/Table/PayloadTableColumnConfig.js +3 -2
- package/dist/browser/components/Table/PayloadTableColumnConfig.js.map +1 -1
- package/dist/browser/components/Table/Table.js +259 -11
- package/dist/browser/components/Table/Table.js.map +1 -1
- package/dist/browser/components/Table/TableBody.js +93 -11
- package/dist/browser/components/Table/TableBody.js.map +1 -1
- package/dist/browser/components/Table/TableFooter.js +52 -6
- package/dist/browser/components/Table/TableFooter.js.map +1 -1
- package/dist/browser/components/Table/TableHead.js +20 -3
- package/dist/browser/components/Table/TableHead.js.map +1 -1
- package/dist/browser/components/Table/TablePagination.js +2 -1
- package/dist/browser/components/Table/TablePagination.js.map +1 -1
- package/dist/browser/components/Table/TableRow.js +15 -3
- package/dist/browser/components/Table/TableRow.js.map +1 -1
- package/dist/browser/components/Table/TableRowNoData.js +4 -3
- package/dist/browser/components/Table/TableRowNoData.js.map +1 -1
- package/dist/browser/components/Table/index.js +351 -6
- package/dist/browser/components/Table/index.js.map +1 -1
- package/dist/browser/components/Table/types/index.js +0 -4
- package/dist/browser/components/Table/types/index.js.map +1 -1
- package/dist/browser/components/index.js +586 -2
- package/dist/browser/components/index.js.map +1 -1
- package/dist/browser/index.js +586 -1
- package/dist/browser/index.js.map +1 -1
- package/dist/docs.json +116 -116
- package/package.json +18 -18
|
@@ -1,7 +1,352 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
// src/components/Table/PayloadTableColumnConfig.ts
|
|
2
|
+
var payloadColumnNames = {
|
|
3
|
+
hash: "Hash",
|
|
4
|
+
schema: "Schema",
|
|
5
|
+
valid: "Valid"
|
|
6
|
+
};
|
|
7
|
+
var payloadTableColumnConfigDefaults = () => {
|
|
8
|
+
const xs = ["hash", "schema", "valid"];
|
|
9
|
+
const sm = ["hash", "schema", "valid"];
|
|
10
|
+
const md = ["hash", "schema", "valid"];
|
|
11
|
+
const lg = ["hash", "schema", "valid"];
|
|
12
|
+
const xl = ["hash", "schema", "valid"];
|
|
13
|
+
return { lg, md, sm, xl, xs };
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
// src/components/Table/Table.tsx
|
|
17
|
+
import { TableEx } from "@xyo-network/react-table";
|
|
18
|
+
import { forwardRef, useEffect, useMemo, useState } from "react";
|
|
19
|
+
|
|
20
|
+
// src/components/Table/TableBody.tsx
|
|
21
|
+
import { Alert, TableBody, Typography as Typography2 } from "@mui/material";
|
|
22
|
+
import { ThrownErrorBoundary } from "@xyo-network/react-error";
|
|
23
|
+
import { usePayloadHashes } from "@xyo-network/react-shared";
|
|
24
|
+
|
|
25
|
+
// src/components/Table/TableRow.tsx
|
|
26
|
+
import {
|
|
27
|
+
CheckCircleOutlineRounded as CheckCircleOutlineRoundedIcon,
|
|
28
|
+
ErrorOutlineRounded as ErrorOutlineRoundedIcon,
|
|
29
|
+
WarningAmberRounded as WarningAmberRoundedIcon
|
|
30
|
+
} from "@mui/icons-material";
|
|
31
|
+
import { alpha, TableCell, TableRow, Typography } from "@mui/material";
|
|
32
|
+
import { usePromise } from "@xylabs/react-promise";
|
|
33
|
+
import { useBreakpoint } from "@xylabs/react-shared";
|
|
34
|
+
import { PayloadValidator } from "@xyo-network/payload-validator";
|
|
35
|
+
import { useNetwork } from "@xyo-network/react-network";
|
|
36
|
+
import { HashTableCell, usePayloadHash } from "@xyo-network/react-shared";
|
|
37
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
38
|
+
var PayloadTableRow = ({
|
|
39
|
+
archive,
|
|
40
|
+
columns = payloadTableColumnConfigDefaults(),
|
|
41
|
+
exploreDomain,
|
|
42
|
+
maxSchemaDepth,
|
|
43
|
+
network: networkProp,
|
|
44
|
+
payload,
|
|
45
|
+
...props
|
|
46
|
+
}) => {
|
|
47
|
+
const breakPoint = useBreakpoint();
|
|
48
|
+
const payloadHash = usePayloadHash(payload);
|
|
49
|
+
const { network } = useNetwork();
|
|
50
|
+
const [errors = []] = usePromise(async () => payload ? await new PayloadValidator(payload).validate() : void 0, [payload]);
|
|
51
|
+
const isValid = errors.length === 0;
|
|
52
|
+
const hash = (props2) => /* @__PURE__ */ jsx(
|
|
53
|
+
HashTableCell,
|
|
54
|
+
{
|
|
55
|
+
archive,
|
|
56
|
+
width: "100%",
|
|
57
|
+
value: payloadHash,
|
|
58
|
+
dataType: "payload",
|
|
59
|
+
exploreDomain,
|
|
60
|
+
network: networkProp ?? network?.slug,
|
|
61
|
+
...props2
|
|
62
|
+
},
|
|
63
|
+
"hash"
|
|
64
|
+
);
|
|
65
|
+
const reduceSchemaDepth = (schema2, maxSchemaDepth2) => {
|
|
66
|
+
if (maxSchemaDepth2) {
|
|
67
|
+
const parts = schema2?.split(".") ?? [];
|
|
68
|
+
const partsToRemove = parts.length - maxSchemaDepth2 > 0 ? parts.length - maxSchemaDepth2 : 0;
|
|
69
|
+
if (partsToRemove > 0) {
|
|
70
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
71
|
+
/* @__PURE__ */ jsx(Fragment, { children: "\u2026" }),
|
|
72
|
+
`${parts.slice(partsToRemove).reduce((previousValue, part) => `${previousValue}.${part}`)}`
|
|
73
|
+
] });
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
return schema2;
|
|
77
|
+
};
|
|
78
|
+
const schema = (props2) => /* @__PURE__ */ jsx(TableCell, { title: payload?.schema, align: "center", ...props2, children: /* @__PURE__ */ jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: reduceSchemaDepth(payload?.schema, maxSchemaDepth) }) }, "payloads");
|
|
79
|
+
const valid = (props2) => /* @__PURE__ */ jsx(TableCell, { align: "center", ...props2, children: isValid === void 0 && payload != void 0 ? /* @__PURE__ */ jsx(WarningAmberRoundedIcon, { fontSize: "small", color: "warning" }) : isValid === true ? /* @__PURE__ */ jsx(CheckCircleOutlineRoundedIcon, { fontSize: "small", color: "success" }) : isValid === false ? /* @__PURE__ */ jsx(ErrorOutlineRoundedIcon, { color: "error", fontSize: "small" }) : (
|
|
80
|
+
//to keep row height consistent when no data provided, may need fix later
|
|
81
|
+
/* @__PURE__ */ jsx(ErrorOutlineRoundedIcon, { sx: { color: alpha("#fff", 0) }, fontSize: "small" })
|
|
82
|
+
) }, "valid");
|
|
83
|
+
const tableCells = {
|
|
84
|
+
hash,
|
|
85
|
+
schema,
|
|
86
|
+
valid
|
|
87
|
+
};
|
|
88
|
+
return breakPoint ? /* @__PURE__ */ jsx(TableRow, { style: { maxWidth: "100vw" }, ...props, children: columns[breakPoint]?.map((column) => {
|
|
89
|
+
return tableCells[column]({});
|
|
90
|
+
}) }) : null;
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
// src/components/Table/TableBody.tsx
|
|
94
|
+
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
95
|
+
var PayloadTableBody = ({
|
|
96
|
+
children,
|
|
97
|
+
exploreDomain,
|
|
98
|
+
payloads,
|
|
99
|
+
archive,
|
|
100
|
+
maxSchemaDepth,
|
|
101
|
+
onRowClick,
|
|
102
|
+
emptyRows,
|
|
103
|
+
noResults,
|
|
104
|
+
NoResultRowComponent,
|
|
105
|
+
...props
|
|
106
|
+
}) => {
|
|
107
|
+
const payloadPairs = usePayloadHashes(payloads);
|
|
108
|
+
return /* @__PURE__ */ jsxs2(TableBody, { ...props, children: [
|
|
109
|
+
noResults && NoResultRowComponent ? /* @__PURE__ */ jsx2(NoResultRowComponent, {}) : null,
|
|
110
|
+
payloadPairs?.map(([payload, hash], index) => {
|
|
111
|
+
return /* @__PURE__ */ jsx2(
|
|
112
|
+
ThrownErrorBoundary,
|
|
113
|
+
{
|
|
114
|
+
boundaryName: "PayloadTableBody",
|
|
115
|
+
errorComponent: (e) => /* @__PURE__ */ jsxs2(Alert, { severity: "error", children: [
|
|
116
|
+
"Error Loading Payload: ",
|
|
117
|
+
/* @__PURE__ */ jsx2(Typography2, { fontWeight: "bold", children: e.message })
|
|
118
|
+
] }),
|
|
119
|
+
children: /* @__PURE__ */ jsx2(
|
|
120
|
+
PayloadTableRow,
|
|
121
|
+
{
|
|
122
|
+
maxSchemaDepth,
|
|
123
|
+
archive,
|
|
124
|
+
onClick: onRowClick ? () => {
|
|
125
|
+
onRowClick(payload);
|
|
126
|
+
} : void 0,
|
|
127
|
+
exploreDomain,
|
|
128
|
+
payload
|
|
129
|
+
}
|
|
130
|
+
)
|
|
131
|
+
},
|
|
132
|
+
`${hash}-${index}`
|
|
133
|
+
);
|
|
134
|
+
}),
|
|
135
|
+
children,
|
|
136
|
+
(emptyRows ?? 0) > 0 && Array(emptyRows).fill(/* @__PURE__ */ jsx2(PayloadTableRow, {}))
|
|
137
|
+
] });
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
// src/components/Table/TableFooter.tsx
|
|
141
|
+
import { styled, TablePagination, TableRow as TableRow2 } from "@mui/material";
|
|
142
|
+
import { TableFooterEx } from "@xyo-network/react-table";
|
|
143
|
+
|
|
144
|
+
// src/components/Table/TablePagination.tsx
|
|
145
|
+
import { FirstPage as FirstPageIcon, KeyboardArrowLeft, KeyboardArrowRight, LastPage as LastPageIcon } from "@mui/icons-material";
|
|
146
|
+
import { Box, CircularProgress, IconButton, useTheme } from "@mui/material";
|
|
147
|
+
import { useEvent } from "@xyo-network/react-event";
|
|
148
|
+
import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
149
|
+
function TablePaginationActions({ count, enableNextPage, loading, onPageChange, page, rowsPerPage }) {
|
|
150
|
+
const theme = useTheme();
|
|
151
|
+
const [paginationRef, paginationDispatch] = useEvent();
|
|
152
|
+
const handleFirstPageButtonClick = (event) => {
|
|
153
|
+
paginationDispatch("firstPage", "click", "true");
|
|
154
|
+
onPageChange(event, 0);
|
|
155
|
+
};
|
|
156
|
+
const handleBackButtonClick = (event) => {
|
|
157
|
+
paginationDispatch("previousPage", "click", (page - 1)?.toString());
|
|
158
|
+
onPageChange(event, page - 1);
|
|
159
|
+
};
|
|
160
|
+
const handleNextButtonClick = (event) => {
|
|
161
|
+
paginationDispatch("nextPage", "click", (page + 1)?.toString());
|
|
162
|
+
onPageChange(event, page + 1);
|
|
163
|
+
};
|
|
164
|
+
const handleLastPageButtonClick = (event) => {
|
|
165
|
+
paginationDispatch("lastPage", "click", "true");
|
|
166
|
+
onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
|
|
167
|
+
};
|
|
168
|
+
return /* @__PURE__ */ jsxs3(Fragment2, { children: [
|
|
169
|
+
loading ? /* @__PURE__ */ jsx3(CircularProgress, { size: "small", sx: { height: theme.spacing(2), position: "absolute", width: theme.spacing(2) } }) : null,
|
|
170
|
+
/* @__PURE__ */ jsxs3(Box, { sx: { flexShrink: 0, ml: 2.5 }, children: [
|
|
171
|
+
/* @__PURE__ */ jsx3(IconButton, { onClick: handleFirstPageButtonClick, disabled: page === 0, "aria-label": "first page", children: theme.direction === "rtl" ? /* @__PURE__ */ jsx3(LastPageIcon, {}) : /* @__PURE__ */ jsx3(FirstPageIcon, {}) }),
|
|
172
|
+
/* @__PURE__ */ jsx3(IconButton, { ref: paginationRef, onClick: handleBackButtonClick, disabled: page === 0, "aria-label": "previous page", children: theme.direction === "rtl" ? /* @__PURE__ */ jsx3(KeyboardArrowRight, {}) : /* @__PURE__ */ jsx3(KeyboardArrowLeft, {}) }),
|
|
173
|
+
/* @__PURE__ */ jsx3(
|
|
174
|
+
IconButton,
|
|
175
|
+
{
|
|
176
|
+
ref: paginationRef,
|
|
177
|
+
onClick: handleNextButtonClick,
|
|
178
|
+
disabled: !enableNextPage && page >= Math.ceil(count / rowsPerPage) - 1,
|
|
179
|
+
"aria-label": "next page",
|
|
180
|
+
children: theme.direction === "rtl" ? /* @__PURE__ */ jsx3(KeyboardArrowLeft, {}) : /* @__PURE__ */ jsx3(KeyboardArrowRight, {})
|
|
181
|
+
}
|
|
182
|
+
),
|
|
183
|
+
/* @__PURE__ */ jsx3(IconButton, { onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page", children: theme.direction === "rtl" ? /* @__PURE__ */ jsx3(FirstPageIcon, {}) : /* @__PURE__ */ jsx3(LastPageIcon, {}) })
|
|
184
|
+
] })
|
|
185
|
+
] });
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
// src/components/Table/TableFooter.tsx
|
|
189
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
190
|
+
var PayloadTableFooter = ({
|
|
191
|
+
count,
|
|
192
|
+
variant,
|
|
193
|
+
page,
|
|
194
|
+
rowsPerPage,
|
|
195
|
+
handleChangePage = () => void 0,
|
|
196
|
+
handleChangeRowsPerPage = () => void 0,
|
|
197
|
+
fetchMorePayloads,
|
|
198
|
+
loading
|
|
199
|
+
}) => /* @__PURE__ */ jsx4(TableFooterEx, { variant, children: /* @__PURE__ */ jsx4(TableRow2, { children: /* @__PURE__ */ jsx4(
|
|
200
|
+
StyledTablePagination,
|
|
201
|
+
{
|
|
202
|
+
rowsPerPageOptions: [5, 10, 25, { label: "All", value: -1 }],
|
|
203
|
+
count: count ?? 0,
|
|
204
|
+
rowsPerPage: rowsPerPage ?? 10,
|
|
205
|
+
page: page ?? 0,
|
|
206
|
+
SelectProps: {
|
|
207
|
+
inputProps: {
|
|
208
|
+
"aria-label": "rows per page"
|
|
209
|
+
},
|
|
210
|
+
native: true
|
|
211
|
+
},
|
|
212
|
+
onPageChange: handleChangePage,
|
|
213
|
+
onRowsPerPageChange: handleChangeRowsPerPage,
|
|
214
|
+
ActionsComponent: (props) => /* @__PURE__ */ jsx4(TablePaginationActions, { enableNextPage: !!fetchMorePayloads, loading, ...props })
|
|
215
|
+
}
|
|
216
|
+
) }) });
|
|
217
|
+
var StyledTablePagination = styled(TablePagination)(({ theme }) => ({
|
|
218
|
+
"& > .MuiToolbar-root": {
|
|
219
|
+
paddingLeft: theme.spacing(1)
|
|
220
|
+
},
|
|
221
|
+
borderTop: "1px solid",
|
|
222
|
+
borderTopColor: theme.palette.divider
|
|
223
|
+
}));
|
|
224
|
+
|
|
225
|
+
// src/components/Table/TableHead.tsx
|
|
226
|
+
import { TableCell as TableCell2, TableHead, TableRow as TableRow3, Typography as Typography3 } from "@mui/material";
|
|
227
|
+
import { useBreakpoint as useBreakpoint2 } from "@xylabs/react-shared";
|
|
228
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
229
|
+
var PayloadTableHead = ({ columns = payloadTableColumnConfigDefaults(), ...props }) => {
|
|
230
|
+
const breakPoint = useBreakpoint2();
|
|
231
|
+
return /* @__PURE__ */ jsx5(TableHead, { ...props, children: /* @__PURE__ */ jsx5(TableRow3, { children: breakPoint && columns ? columns[breakPoint]?.map((column, index) => {
|
|
232
|
+
return /* @__PURE__ */ jsx5(TableCell2, { width: index === 0 ? "100%" : void 0, align: index === 0 ? "left" : "center", children: /* @__PURE__ */ jsx5(Typography3, { variant: "body2", noWrap: true, children: payloadColumnNames[column] }) }, index);
|
|
233
|
+
}) : null }) });
|
|
234
|
+
};
|
|
235
|
+
|
|
236
|
+
// src/components/Table/TableRowNoData.tsx
|
|
237
|
+
import { styled as styled2, TableCell as TableCell3, TableRow as TableRow4, Typography as Typography4 } from "@mui/material";
|
|
238
|
+
import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
239
|
+
var TableRowNoData = ({ additionalCells, hideBorder = false, typographyProps, ...props }) => {
|
|
240
|
+
return /* @__PURE__ */ jsxs4(TableRow4, { ...props, children: [
|
|
241
|
+
/* @__PURE__ */ jsx6(StyledTableCell, { hideBorder, children: /* @__PURE__ */ jsx6(Typography4, { variant: "body2", ...typographyProps, children: "No Data To Display..." }) }),
|
|
242
|
+
additionalCells ? Array(additionalCells).fill(void 0).map((_fill, index) => /* @__PURE__ */ jsx6(StyledTableCell, { hideBorder }, index)) : null
|
|
243
|
+
] });
|
|
244
|
+
};
|
|
245
|
+
var StyledTableCell = styled2(TableCell3, {
|
|
246
|
+
name: "StyledTableCell",
|
|
247
|
+
shouldForwardProp: (prop) => prop !== "hideBorder"
|
|
248
|
+
})(({ hideBorder }) => ({
|
|
249
|
+
...hideBorder && { border: "none" }
|
|
250
|
+
}));
|
|
251
|
+
|
|
252
|
+
// src/components/Table/Table.tsx
|
|
253
|
+
import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
254
|
+
var PayloadTableWithRef = forwardRef(
|
|
255
|
+
({
|
|
256
|
+
exploreDomain,
|
|
257
|
+
archive,
|
|
258
|
+
onRowClick,
|
|
259
|
+
fetchMorePayloads,
|
|
260
|
+
rowsPerPage: rowsPerPageProp = 25,
|
|
261
|
+
payloads,
|
|
262
|
+
columns,
|
|
263
|
+
PayloadTableHeadComponent = PayloadTableHead,
|
|
264
|
+
PayloadTableBodyComponent = PayloadTableBody,
|
|
265
|
+
PayloadTableFooterComponent = PayloadTableFooter,
|
|
266
|
+
maxSchemaDepth,
|
|
267
|
+
count = 0,
|
|
268
|
+
loading = false,
|
|
269
|
+
variant = "scrollable",
|
|
270
|
+
...props
|
|
271
|
+
}, ref) => {
|
|
272
|
+
const [page, setPage] = useState(0);
|
|
273
|
+
const [rowsPerPage, setRowsPerPage] = useState(rowsPerPageProp);
|
|
274
|
+
const [visiblePayloads, setVisiblePayloads] = useState([]);
|
|
275
|
+
const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - count || 0) : 0;
|
|
276
|
+
useEffect(() => {
|
|
277
|
+
setRowsPerPage(rowsPerPageProp);
|
|
278
|
+
}, [rowsPerPageProp]);
|
|
279
|
+
useEffect(() => {
|
|
280
|
+
if (payloads) {
|
|
281
|
+
setVisiblePayloads(payloads.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage));
|
|
282
|
+
}
|
|
283
|
+
}, [count, page, payloads, rowsPerPage]);
|
|
284
|
+
useEffect(() => {
|
|
285
|
+
setPage(0);
|
|
286
|
+
}, [payloads]);
|
|
287
|
+
const handleAdditionalPayloads = () => {
|
|
288
|
+
if (fetchMorePayloads && payloads) {
|
|
289
|
+
const buffer = rowsPerPage * 2;
|
|
290
|
+
const lastVisiblePayload = visiblePayloads?.at(-1);
|
|
291
|
+
if (lastVisiblePayload) {
|
|
292
|
+
const lastVisibleIndex = payloads?.indexOf(lastVisiblePayload);
|
|
293
|
+
if (lastVisibleIndex !== void 0 && payloads.length - (lastVisibleIndex + 1) <= buffer) {
|
|
294
|
+
fetchMorePayloads();
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
}
|
|
298
|
+
};
|
|
299
|
+
const handleChangePage = (_event, newPage) => {
|
|
300
|
+
handleAdditionalPayloads();
|
|
301
|
+
setPage(newPage);
|
|
302
|
+
};
|
|
303
|
+
const handleChangeRowsPerPage = (event) => {
|
|
304
|
+
setRowsPerPage(parseInt(event.target.value, 10));
|
|
305
|
+
setPage(0);
|
|
306
|
+
};
|
|
307
|
+
const noResults = useMemo(() => {
|
|
308
|
+
return !loading && (!visiblePayloads || visiblePayloads.length === 0);
|
|
309
|
+
}, [loading, visiblePayloads]);
|
|
310
|
+
return /* @__PURE__ */ jsxs5(TableEx, { variant, ref, ...props, children: [
|
|
311
|
+
/* @__PURE__ */ jsx7(PayloadTableHeadComponent, { columns }),
|
|
312
|
+
/* @__PURE__ */ jsx7(
|
|
313
|
+
PayloadTableBodyComponent,
|
|
314
|
+
{
|
|
315
|
+
payloads: visiblePayloads,
|
|
316
|
+
exploreDomain,
|
|
317
|
+
archive,
|
|
318
|
+
maxSchemaDepth,
|
|
319
|
+
onRowClick,
|
|
320
|
+
emptyRows,
|
|
321
|
+
noResults,
|
|
322
|
+
NoResultRowComponent: TableRowNoData
|
|
323
|
+
}
|
|
324
|
+
),
|
|
325
|
+
/* @__PURE__ */ jsx7(
|
|
326
|
+
PayloadTableFooterComponent,
|
|
327
|
+
{
|
|
328
|
+
count,
|
|
329
|
+
variant,
|
|
330
|
+
rowsPerPage,
|
|
331
|
+
handleChangePage,
|
|
332
|
+
handleChangeRowsPerPage,
|
|
333
|
+
fetchMorePayloads,
|
|
334
|
+
loading,
|
|
335
|
+
page
|
|
336
|
+
}
|
|
337
|
+
)
|
|
338
|
+
] });
|
|
339
|
+
}
|
|
340
|
+
);
|
|
341
|
+
PayloadTableWithRef.displayName = "PayloadTable";
|
|
342
|
+
var PayloadTable = PayloadTableWithRef;
|
|
343
|
+
export {
|
|
344
|
+
PayloadTable,
|
|
345
|
+
PayloadTableRow,
|
|
346
|
+
PayloadTableWithRef,
|
|
347
|
+
TablePaginationActions,
|
|
348
|
+
TableRowNoData,
|
|
349
|
+
payloadColumnNames,
|
|
350
|
+
payloadTableColumnConfigDefaults
|
|
351
|
+
};
|
|
7
352
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Table/index.ts"],"sourcesContent":["export * from './PayloadTableColumnConfig'\nexport * from './Table'\nexport * from './TablePagination'\nexport * from './TableRow'\nexport * from './TableRowNoData'\nexport * from './types'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts","../../../../src/components/Table/Table.tsx","../../../../src/components/Table/TableBody.tsx","../../../../src/components/Table/TableRow.tsx","../../../../src/components/Table/TableFooter.tsx","../../../../src/components/Table/TablePagination.tsx","../../../../src/components/Table/TableHead.tsx","../../../../src/components/Table/TableRowNoData.tsx"],"sourcesContent":["export type PayloadTableColumnSlug = 'hash' | 'schema' | 'valid'\n\nexport interface PayloadTableColumnConfig<T = PayloadTableColumnSlug> {\n xs?: T[]\n // eslint-disable-next-line @typescript-eslint/member-ordering\n sm?: T[]\n // eslint-disable-next-line @typescript-eslint/member-ordering\n md?: T[]\n // eslint-disable-next-line @typescript-eslint/member-ordering\n lg?: T[]\n xl?: T[]\n}\n\nexport const payloadColumnNames: Record<PayloadTableColumnSlug, string> = {\n hash: 'Hash',\n schema: 'Schema',\n valid: 'Valid',\n}\n\nexport const payloadTableColumnConfigDefaults = (): PayloadTableColumnConfig => {\n const xs: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']\n const sm: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']\n const md: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']\n const lg: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']\n const xl: PayloadTableColumnSlug[] = ['hash', 'schema', 'valid']\n return { lg, md, sm, xl, xs }\n}\n","import { Payload } from '@xyo-network/payload-model'\nimport { TableEx, TableExProps } from '@xyo-network/react-table'\nimport { ComponentType, forwardRef, useEffect, useMemo, useState } from 'react'\n\nimport { PayloadTableColumnConfig } from './PayloadTableColumnConfig'\nimport { PayloadTableBody } from './TableBody'\nimport { PayloadTableFooter } from './TableFooter'\nimport { PayloadTableHead } from './TableHead'\nimport { TableRowNoData } from './TableRowNoData'\nimport { PayloadTableBodyProps, PayloadTableFooterProps, PayloadTableHeadProps } from './types'\n\nexport interface PayloadTableProps extends TableExProps {\n PayloadTableBodyComponent?: ComponentType<PayloadTableBodyProps>\n PayloadTableFooterComponent?: ComponentType<PayloadTableFooterProps>\n PayloadTableHeadComponent?: ComponentType<PayloadTableHeadProps>\n archive?: string\n columns?: PayloadTableColumnConfig\n /** Total number of payloads passed */\n count?: number\n exploreDomain?: string\n /** External trigger to fetch more payloads */\n fetchMorePayloads?: () => void\n loading?: boolean\n /** set number of schema parts to display starting from the end */\n maxSchemaDepth?: number\n onRowClick?: (value: Payload) => void\n payloads?: Payload[] | null\n rowsPerPage?: number\n}\n\nexport const PayloadTableWithRef = forwardRef<HTMLTableElement, PayloadTableProps>(\n (\n {\n exploreDomain,\n archive,\n onRowClick,\n fetchMorePayloads,\n rowsPerPage: rowsPerPageProp = 25,\n payloads,\n columns,\n PayloadTableHeadComponent = PayloadTableHead,\n PayloadTableBodyComponent = PayloadTableBody,\n PayloadTableFooterComponent = PayloadTableFooter,\n maxSchemaDepth,\n count = 0,\n loading = false,\n variant = 'scrollable',\n ...props\n },\n ref,\n ) => {\n const [page, setPage] = useState(0)\n const [rowsPerPage, setRowsPerPage] = useState(rowsPerPageProp)\n const [visiblePayloads, setVisiblePayloads] = useState<Payload[]>([])\n\n // Avoid a layout jump when reaching the last page with empty rows.\n const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - count || 0) : 0\n\n useEffect(() => {\n setRowsPerPage(rowsPerPageProp)\n }, [rowsPerPageProp])\n\n // React to various prop changes to derive new visible payloads\n // count is needed to show initial payloads added async to the same payloads reference\n useEffect(() => {\n if (payloads) {\n setVisiblePayloads(payloads.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage))\n }\n }, [count, page, payloads, rowsPerPage])\n\n // If the payload reference changes, assume we have a new list and reset current page\n useEffect(() => {\n setPage(0)\n }, [payloads])\n\n const handleAdditionalPayloads = () => {\n if (fetchMorePayloads && payloads) {\n const buffer = rowsPerPage * 2\n const lastVisiblePayload = visiblePayloads?.at(-1)\n if (lastVisiblePayload) {\n const lastVisibleIndex = payloads?.indexOf(lastVisiblePayload)\n if (lastVisibleIndex !== undefined && payloads.length - (lastVisibleIndex + 1) <= buffer) {\n fetchMorePayloads()\n }\n }\n }\n }\n\n const handleChangePage = (_event: React.MouseEvent<HTMLButtonElement> | null, newPage: number) => {\n handleAdditionalPayloads()\n setPage(newPage)\n }\n\n const handleChangeRowsPerPage = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n setRowsPerPage(parseInt(event.target.value, 10))\n setPage(0)\n }\n\n const noResults = useMemo(() => {\n return !loading && (!visiblePayloads || visiblePayloads.length === 0)\n }, [loading, visiblePayloads])\n\n return (\n <TableEx variant={variant} ref={ref} {...props}>\n <PayloadTableHeadComponent columns={columns} />\n <PayloadTableBodyComponent\n payloads={visiblePayloads}\n exploreDomain={exploreDomain}\n archive={archive}\n maxSchemaDepth={maxSchemaDepth}\n onRowClick={onRowClick}\n emptyRows={emptyRows}\n noResults={noResults}\n NoResultRowComponent={TableRowNoData}\n />\n <PayloadTableFooterComponent\n count={count}\n variant={variant}\n rowsPerPage={rowsPerPage}\n handleChangePage={handleChangePage}\n handleChangeRowsPerPage={handleChangeRowsPerPage}\n fetchMorePayloads={fetchMorePayloads}\n loading={loading}\n page={page}\n />\n </TableEx>\n )\n },\n)\n\nPayloadTableWithRef.displayName = 'PayloadTable'\n\nexport const PayloadTable = PayloadTableWithRef\n","import { Alert, TableBody, Typography } from '@mui/material'\nimport { ThrownErrorBoundary } from '@xyo-network/react-error'\nimport { usePayloadHashes } from '@xyo-network/react-shared'\n\nimport { PayloadTableRow } from './TableRow'\nimport { PayloadTableBodyProps } from './types'\n\nexport const PayloadTableBody: React.FC<PayloadTableBodyProps> = ({\n children,\n exploreDomain,\n payloads,\n archive,\n maxSchemaDepth,\n onRowClick,\n emptyRows,\n noResults,\n NoResultRowComponent,\n ...props\n}) => {\n const payloadPairs = usePayloadHashes(payloads)\n\n return (\n <TableBody {...props}>\n {noResults && NoResultRowComponent ? <NoResultRowComponent /> : null}\n {payloadPairs?.map(([payload, hash], index) => {\n return (\n <ThrownErrorBoundary\n boundaryName=\"PayloadTableBody\"\n key={`${hash}-${index}`}\n errorComponent={(e) => (\n <Alert severity=\"error\">\n Error Loading Payload: <Typography fontWeight=\"bold\">{e.message}</Typography>\n </Alert>\n )}\n >\n <PayloadTableRow\n maxSchemaDepth={maxSchemaDepth}\n archive={archive}\n onClick={\n onRowClick\n ? () => {\n onRowClick(payload)\n }\n : undefined\n }\n exploreDomain={exploreDomain}\n payload={payload}\n />\n </ThrownErrorBoundary>\n )\n })}\n {children}\n {(emptyRows ?? 0) > 0 && Array(emptyRows).fill(<PayloadTableRow />)}\n </TableBody>\n )\n}\n","import {\n CheckCircleOutlineRounded as CheckCircleOutlineRoundedIcon,\n ErrorOutlineRounded as ErrorOutlineRoundedIcon,\n WarningAmberRounded as WarningAmberRoundedIcon,\n} from '@mui/icons-material'\nimport { alpha, TableCell, TableCellProps, TableRow, TableRowProps, Typography } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { useBreakpoint } from '@xylabs/react-shared'\nimport { Payload } from '@xyo-network/payload-model'\nimport { PayloadValidator } from '@xyo-network/payload-validator'\nimport { useNetwork } from '@xyo-network/react-network'\nimport { HashTableCell, usePayloadHash } from '@xyo-network/react-shared'\n\nimport { PayloadTableColumnConfig, payloadTableColumnConfigDefaults, PayloadTableColumnSlug } from './PayloadTableColumnConfig'\n\nexport interface PayloadTableRowProps extends TableRowProps {\n archive?: string\n columns?: PayloadTableColumnConfig\n exploreDomain?: string\n maxSchemaDepth?: number\n network?: string\n payload?: Payload\n}\n\nexport const PayloadTableRow: React.FC<PayloadTableRowProps> = ({\n archive,\n columns = payloadTableColumnConfigDefaults(),\n exploreDomain,\n maxSchemaDepth,\n network: networkProp,\n payload,\n ...props\n}) => {\n const breakPoint = useBreakpoint()\n const payloadHash = usePayloadHash(payload)\n const { network } = useNetwork()\n const [errors = []] = usePromise(async () => (payload ? await new PayloadValidator(payload).validate() : undefined), [payload])\n const isValid = errors.length === 0\n\n const hash: React.FC<TableCellProps> = (props) => (\n <HashTableCell\n key=\"hash\"\n archive={archive}\n width=\"100%\"\n value={payloadHash}\n dataType=\"payload\"\n exploreDomain={exploreDomain}\n network={networkProp ?? network?.slug}\n {...props}\n />\n )\n\n const reduceSchemaDepth = (schema?: string, maxSchemaDepth?: number) => {\n if (maxSchemaDepth) {\n const parts = schema?.split('.') ?? []\n const partsToRemove = parts.length - maxSchemaDepth > 0 ? parts.length - maxSchemaDepth : 0\n if (partsToRemove > 0) {\n return (\n <>\n <>…</>\n {`${parts.slice(partsToRemove).reduce((previousValue, part) => `${previousValue}.${part}`)}`}\n </>\n )\n }\n }\n return schema\n }\n\n const schema: React.FC<TableCellProps> = (props) => (\n <TableCell title={payload?.schema} key=\"payloads\" align=\"center\" {...props}>\n <Typography fontFamily=\"monospace\" variant=\"body2\" noWrap>\n {reduceSchemaDepth(payload?.schema, maxSchemaDepth)}\n </Typography>\n </TableCell>\n )\n\n const valid: React.FC<TableCellProps> = (props) => (\n <TableCell key=\"valid\" align=\"center\" {...props}>\n {isValid === undefined && payload != undefined ? (\n <WarningAmberRoundedIcon fontSize=\"small\" color=\"warning\" />\n ) : isValid === true ? (\n <CheckCircleOutlineRoundedIcon fontSize=\"small\" color=\"success\" />\n ) : isValid === false ? (\n <ErrorOutlineRoundedIcon color=\"error\" fontSize=\"small\" />\n ) : (\n //to keep row height consistent when no data provided, may need fix later\n <ErrorOutlineRoundedIcon sx={{ color: alpha('#fff', 0) }} fontSize=\"small\" />\n )}\n </TableCell>\n )\n\n const tableCells: Record<PayloadTableColumnSlug, React.FC<TableCellProps>> = {\n hash,\n schema,\n valid,\n }\n\n return breakPoint ? (\n <TableRow style={{ maxWidth: '100vw' }} {...props}>\n {columns[breakPoint]?.map((column) => {\n return tableCells[column]({})\n })}\n </TableRow>\n ) : null\n}\n","import { styled, TablePagination, TableRow } from '@mui/material'\nimport { TableFooterEx } from '@xyo-network/react-table'\n\nimport { TablePaginationActions } from './TablePagination'\nimport { PayloadTableFooterProps } from './types'\n\nexport const PayloadTableFooter: React.FC<PayloadTableFooterProps> = ({\n count,\n variant,\n page,\n rowsPerPage,\n handleChangePage = () => undefined,\n handleChangeRowsPerPage = () => undefined,\n fetchMorePayloads,\n loading,\n}) => (\n <TableFooterEx variant={variant}>\n <TableRow>\n <StyledTablePagination\n rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}\n count={count ?? 0}\n rowsPerPage={rowsPerPage ?? 10}\n page={page ?? 0}\n SelectProps={{\n inputProps: {\n 'aria-label': 'rows per page',\n },\n native: true,\n }}\n onPageChange={handleChangePage}\n onRowsPerPageChange={handleChangeRowsPerPage}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ActionsComponent={(props: any) => <TablePaginationActions enableNextPage={!!fetchMorePayloads} loading={loading} {...props} />}\n />\n </TableRow>\n </TableFooterEx>\n)\n\nconst StyledTablePagination = styled(TablePagination)(({ theme }) => ({\n '& > .MuiToolbar-root': {\n paddingLeft: theme.spacing(1),\n },\n borderTop: '1px solid',\n borderTopColor: theme.palette.divider,\n}))\n","import { FirstPage as FirstPageIcon, KeyboardArrowLeft, KeyboardArrowRight, LastPage as LastPageIcon } from '@mui/icons-material'\nimport { Box, CircularProgress, IconButton, useTheme } from '@mui/material'\nimport { useEvent } from '@xyo-network/react-event'\n\nimport { PaginationNouns } from './types'\n\nexport interface TablePaginationActionsProps {\n count: number\n enableNextPage?: boolean\n loading?: boolean\n onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void\n page: number\n rowsPerPage: number\n}\n\nexport function TablePaginationActions({ count, enableNextPage, loading, onPageChange, page, rowsPerPage }: TablePaginationActionsProps) {\n const theme = useTheme()\n const [paginationRef, paginationDispatch] = useEvent<HTMLButtonElement, PaginationNouns>()\n\n const handleFirstPageButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n paginationDispatch('firstPage', 'click', 'true')\n onPageChange(event, 0)\n }\n\n const handleBackButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n paginationDispatch('previousPage', 'click', (page - 1)?.toString())\n onPageChange(event, page - 1)\n }\n\n const handleNextButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n paginationDispatch('nextPage', 'click', (page + 1)?.toString())\n onPageChange(event, page + 1)\n }\n\n const handleLastPageButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n paginationDispatch('lastPage', 'click', 'true')\n onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1))\n }\n\n return (\n <>\n {loading ? <CircularProgress size={'small'} sx={{ height: theme.spacing(2), position: 'absolute', width: theme.spacing(2) }} /> : null}\n <Box sx={{ flexShrink: 0, ml: 2.5 }}>\n <IconButton onClick={handleFirstPageButtonClick} disabled={page === 0} aria-label=\"first page\">\n {theme.direction === 'rtl' ? <LastPageIcon /> : <FirstPageIcon />}\n </IconButton>\n <IconButton ref={paginationRef} onClick={handleBackButtonClick} disabled={page === 0} aria-label=\"previous page\">\n {theme.direction === 'rtl' ? <KeyboardArrowRight /> : <KeyboardArrowLeft />}\n </IconButton>\n <IconButton\n ref={paginationRef}\n onClick={handleNextButtonClick}\n disabled={!enableNextPage && page >= Math.ceil(count / rowsPerPage) - 1}\n aria-label=\"next page\"\n >\n {theme.direction === 'rtl' ? <KeyboardArrowLeft /> : <KeyboardArrowRight />}\n </IconButton>\n <IconButton onClick={handleLastPageButtonClick} disabled={page >= Math.ceil(count / rowsPerPage) - 1} aria-label=\"last page\">\n {theme.direction === 'rtl' ? <FirstPageIcon /> : <LastPageIcon />}\n </IconButton>\n </Box>\n </>\n )\n}\n","import { TableCell, TableHead, TableRow, Typography } from '@mui/material'\nimport { useBreakpoint } from '@xylabs/react-shared'\n\nimport { payloadColumnNames, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig'\nimport { PayloadTableHeadProps } from './types'\n\nexport const PayloadTableHead: React.FC<PayloadTableHeadProps> = ({ columns = payloadTableColumnConfigDefaults(), ...props }) => {\n const breakPoint = useBreakpoint()\n return (\n <TableHead {...props}>\n <TableRow>\n {breakPoint && columns\n ? columns[breakPoint]?.map((column, index) => {\n return (\n <TableCell key={index} width={index === 0 ? '100%' : undefined} align={index === 0 ? 'left' : 'center'}>\n <Typography variant=\"body2\" noWrap>\n {payloadColumnNames[column]}\n </Typography>\n </TableCell>\n )\n })\n : null}\n </TableRow>\n </TableHead>\n )\n}\n","import { styled, TableCell, TableRow, TableRowProps, Typography, TypographyProps } from '@mui/material'\n\nexport interface TableRowNoDataProps extends TableRowProps {\n additionalCells?: number\n hideBorder?: boolean\n typographyProps?: TypographyProps\n}\n\nexport const TableRowNoData: React.FC<TableRowNoDataProps> = ({ additionalCells, hideBorder = false, typographyProps, ...props }) => {\n return (\n <TableRow {...props}>\n <StyledTableCell hideBorder={hideBorder}>\n <Typography variant=\"body2\" {...typographyProps}>\n No Data To Display...\n </Typography>\n </StyledTableCell>\n {additionalCells\n ? Array(additionalCells)\n .fill(undefined)\n .map((_fill, index) => <StyledTableCell key={index} hideBorder={hideBorder} />)\n : null}\n </TableRow>\n )\n}\n\ninterface StyledTableCellProps {\n hideBorder?: boolean\n}\n\nconst StyledTableCell = styled(TableCell, {\n name: 'StyledTableCell',\n shouldForwardProp: (prop: string) => prop !== 'hideBorder',\n})<StyledTableCellProps>(({ hideBorder }) => ({\n ...(hideBorder && { border: 'none' }),\n}))\n"],"mappings":"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","names":["Typography","props","schema","maxSchemaDepth","jsx","jsxs","Typography","TableRow","Fragment","jsx","jsxs","jsx","TableRow","TableCell","TableRow","Typography","useBreakpoint","jsx","useBreakpoint","TableRow","TableCell","Typography","styled","TableCell","TableRow","Typography","jsx","jsxs","jsx","jsxs"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|