@xyo-network/react-payload-table 2.60.12 → 2.62.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/components/DynamicTable/DynamicTable.stories.d.mts +7 -0
- package/dist/components/DynamicTable/DynamicTable.stories.d.mts.map +1 -0
- package/dist/components/DynamicTable/DynamicTable.stories.d.ts +7 -0
- package/dist/components/DynamicTable/DynamicTable.stories.d.ts.map +1 -0
- package/dist/components/DynamicTable/DynamicTableRow.d.mts.map +1 -0
- package/dist/components/DynamicTable/DynamicTableRow.d.ts +13 -0
- package/dist/components/DynamicTable/DynamicTableRow.d.ts.map +1 -0
- package/dist/components/DynamicTable/PayloadDynamicTableColumnConfig.d.mts.map +1 -0
- package/dist/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts +16 -0
- package/dist/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts.map +1 -0
- package/dist/components/DynamicTable/Table.d.mts.map +1 -0
- package/dist/components/DynamicTable/Table.d.ts +14 -0
- package/dist/components/DynamicTable/Table.d.ts.map +1 -0
- package/dist/components/DynamicTable/index.d.mts.map +1 -0
- package/dist/{esm/components/DynamicTable/index.js → components/DynamicTable/index.d.ts} +1 -1
- package/dist/components/DynamicTable/index.d.ts.map +1 -0
- package/dist/components/Table/FetchMoreTable.stories.d.mts +6 -0
- package/dist/components/Table/FetchMoreTable.stories.d.mts.map +1 -0
- package/dist/components/Table/FetchMoreTable.stories.d.ts +6 -0
- package/dist/components/Table/FetchMoreTable.stories.d.ts.map +1 -0
- package/dist/components/Table/PayloadTableColumnConfig.d.mts.map +1 -0
- package/dist/components/Table/PayloadTableColumnConfig.d.ts +11 -0
- package/dist/components/Table/PayloadTableColumnConfig.d.ts.map +1 -0
- package/dist/components/Table/Table.d.mts.map +1 -0
- package/dist/components/Table/Table.d.ts +26 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/Table.stories.d.mts +12 -0
- package/dist/components/Table/Table.stories.d.mts.map +1 -0
- package/dist/components/Table/Table.stories.d.ts +12 -0
- package/dist/components/Table/Table.stories.d.ts.map +1 -0
- package/dist/components/Table/TableBody.d.mts.map +1 -0
- package/dist/components/Table/TableBody.d.ts +4 -0
- package/dist/components/Table/TableBody.d.ts.map +1 -0
- package/dist/components/Table/TableFooter.d.mts.map +1 -0
- package/dist/components/Table/TableFooter.d.ts +4 -0
- package/dist/components/Table/TableFooter.d.ts.map +1 -0
- package/dist/components/Table/TableHead.d.mts.map +1 -0
- package/dist/components/Table/TableHead.d.ts +4 -0
- package/dist/components/Table/TableHead.d.ts.map +1 -0
- package/dist/components/Table/TablePagination.d.mts.map +1 -0
- package/dist/components/Table/TablePagination.d.ts +11 -0
- package/dist/components/Table/TablePagination.d.ts.map +1 -0
- package/dist/components/Table/TableRow.d.mts.map +1 -0
- package/dist/components/Table/TableRow.d.ts +14 -0
- package/dist/components/Table/TableRow.d.ts.map +1 -0
- package/dist/components/Table/TableRowNoData.d.mts.map +1 -0
- package/dist/components/Table/TableRowNoData.d.ts +9 -0
- package/dist/components/Table/TableRowNoData.d.ts.map +1 -0
- package/dist/components/Table/index.d.mts.map +1 -0
- package/dist/{esm/components/Table/index.js → components/Table/index.d.ts} +1 -1
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/Table/types/PaginationEventNouns.d.mts.map +1 -0
- package/dist/components/Table/types/PaginationEventNouns.d.ts +2 -0
- package/dist/components/Table/types/PaginationEventNouns.d.ts.map +1 -0
- package/dist/components/Table/types/PayloadTableBodyProps.d.mts.map +1 -0
- package/dist/components/Table/types/PayloadTableBodyProps.d.ts +15 -0
- package/dist/components/Table/types/PayloadTableBodyProps.d.ts.map +1 -0
- package/dist/components/Table/types/PayloadTableFooterProps.d.mts.map +1 -0
- package/dist/components/Table/types/PayloadTableFooterProps.d.ts +13 -0
- package/dist/components/Table/types/PayloadTableFooterProps.d.ts.map +1 -0
- package/dist/components/Table/types/PayloadTableHeadProps.d.mts.map +1 -0
- package/dist/components/Table/types/PayloadTableHeadProps.d.ts +6 -0
- package/dist/components/Table/types/PayloadTableHeadProps.d.ts.map +1 -0
- package/dist/components/Table/types/index.d.mts.map +1 -0
- package/dist/{esm/components/Table/types/index.js → components/Table/types/index.d.ts} +1 -1
- package/dist/components/Table/types/index.d.ts.map +1 -0
- package/dist/components/index.d.mts.map +1 -0
- package/dist/{esm/components/index.js → components/index.d.ts} +1 -1
- package/dist/components/index.d.ts.map +1 -0
- package/dist/docs.json +234 -418
- package/dist/index.d.mts.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/{types/index.d.ts.map → index.d.ts.map} +1 -1
- package/dist/index.js +622 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +589 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +40 -31
- package/src/components/DynamicTable/DynamicTableRow.tsx +3 -1
- package/dist/cjs/components/DynamicTable/DynamicTableRow.js +0 -59
- package/dist/cjs/components/DynamicTable/DynamicTableRow.js.map +0 -1
- package/dist/cjs/components/DynamicTable/PayloadDynamicTableColumnConfig.js +0 -39
- package/dist/cjs/components/DynamicTable/PayloadDynamicTableColumnConfig.js.map +0 -1
- package/dist/cjs/components/DynamicTable/Table.js +0 -72
- package/dist/cjs/components/DynamicTable/Table.js.map +0 -1
- package/dist/cjs/components/DynamicTable/index.js +0 -7
- package/dist/cjs/components/DynamicTable/index.js.map +0 -1
- package/dist/cjs/components/Table/PayloadTableColumnConfig.js +0 -18
- package/dist/cjs/components/Table/PayloadTableColumnConfig.js.map +0 -1
- package/dist/cjs/components/Table/Table.js +0 -60
- package/dist/cjs/components/Table/Table.js.map +0 -1
- package/dist/cjs/components/Table/TableBody.js +0 -22
- package/dist/cjs/components/Table/TableBody.js.map +0 -1
- package/dist/cjs/components/Table/TableFooter.js +0 -24
- package/dist/cjs/components/Table/TableFooter.js.map +0 -1
- package/dist/cjs/components/Table/TableHead.js +0 -20
- package/dist/cjs/components/Table/TableHead.js.map +0 -1
- package/dist/cjs/components/Table/TablePagination.js +0 -36
- package/dist/cjs/components/Table/TablePagination.js.map +0 -1
- package/dist/cjs/components/Table/TableRow.js +0 -50
- package/dist/cjs/components/Table/TableRow.js.map +0 -1
- package/dist/cjs/components/Table/TableRowNoData.js +0 -20
- package/dist/cjs/components/Table/TableRowNoData.js.map +0 -1
- package/dist/cjs/components/Table/index.js +0 -10
- package/dist/cjs/components/Table/index.js.map +0 -1
- package/dist/cjs/components/Table/types/PaginationEventNouns.js +0 -3
- package/dist/cjs/components/Table/types/PaginationEventNouns.js.map +0 -1
- package/dist/cjs/components/Table/types/PayloadTableBodyProps.js +0 -3
- package/dist/cjs/components/Table/types/PayloadTableBodyProps.js.map +0 -1
- package/dist/cjs/components/Table/types/PayloadTableFooterProps.js +0 -3
- package/dist/cjs/components/Table/types/PayloadTableFooterProps.js.map +0 -1
- package/dist/cjs/components/Table/types/PayloadTableHeadProps.js +0 -3
- package/dist/cjs/components/Table/types/PayloadTableHeadProps.js.map +0 -1
- package/dist/cjs/components/Table/types/index.js +0 -8
- package/dist/cjs/components/Table/types/index.js.map +0 -1
- package/dist/cjs/components/index.js +0 -6
- package/dist/cjs/components/index.js.map +0 -1
- package/dist/cjs/index.js +0 -5
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/components/DynamicTable/DynamicTableRow.js +0 -50
- package/dist/esm/components/DynamicTable/DynamicTableRow.js.map +0 -1
- package/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.js +0 -35
- package/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.js.map +0 -1
- package/dist/esm/components/DynamicTable/Table.js +0 -64
- package/dist/esm/components/DynamicTable/Table.js.map +0 -1
- package/dist/esm/components/DynamicTable/index.js.map +0 -1
- package/dist/esm/components/Table/PayloadTableColumnConfig.js +0 -14
- package/dist/esm/components/Table/PayloadTableColumnConfig.js.map +0 -1
- package/dist/esm/components/Table/Table.js +0 -55
- package/dist/esm/components/Table/Table.js.map +0 -1
- package/dist/esm/components/Table/TableBody.js +0 -16
- package/dist/esm/components/Table/TableBody.js.map +0 -1
- package/dist/esm/components/Table/TableFooter.js +0 -20
- package/dist/esm/components/Table/TableFooter.js.map +0 -1
- package/dist/esm/components/Table/TableHead.js +0 -13
- package/dist/esm/components/Table/TableHead.js.map +0 -1
- package/dist/esm/components/Table/TablePagination.js +0 -29
- package/dist/esm/components/Table/TablePagination.js.map +0 -1
- package/dist/esm/components/Table/TableRow.js +0 -42
- package/dist/esm/components/Table/TableRow.js.map +0 -1
- package/dist/esm/components/Table/TableRowNoData.js +0 -16
- package/dist/esm/components/Table/TableRowNoData.js.map +0 -1
- package/dist/esm/components/Table/index.js.map +0 -1
- package/dist/esm/components/Table/types/PaginationEventNouns.js +0 -2
- package/dist/esm/components/Table/types/PaginationEventNouns.js.map +0 -1
- package/dist/esm/components/Table/types/PayloadTableBodyProps.js +0 -2
- package/dist/esm/components/Table/types/PayloadTableBodyProps.js.map +0 -1
- package/dist/esm/components/Table/types/PayloadTableFooterProps.js +0 -2
- package/dist/esm/components/Table/types/PayloadTableFooterProps.js.map +0 -1
- package/dist/esm/components/Table/types/PayloadTableHeadProps.js +0 -2
- package/dist/esm/components/Table/types/PayloadTableHeadProps.js.map +0 -1
- package/dist/esm/components/Table/types/index.js.map +0 -1
- package/dist/esm/components/index.js.map +0 -1
- package/dist/esm/index.js +0 -2
- package/dist/esm/index.js.map +0 -1
- package/dist/types/components/DynamicTable/DynamicTableRow.d.ts.map +0 -1
- package/dist/types/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts.map +0 -1
- package/dist/types/components/DynamicTable/Table.d.ts.map +0 -1
- package/dist/types/components/DynamicTable/index.d.ts.map +0 -1
- package/dist/types/components/Table/PayloadTableColumnConfig.d.ts.map +0 -1
- package/dist/types/components/Table/Table.d.ts.map +0 -1
- package/dist/types/components/Table/TableBody.d.ts.map +0 -1
- package/dist/types/components/Table/TableFooter.d.ts.map +0 -1
- package/dist/types/components/Table/TableHead.d.ts.map +0 -1
- package/dist/types/components/Table/TablePagination.d.ts.map +0 -1
- package/dist/types/components/Table/TableRow.d.ts.map +0 -1
- package/dist/types/components/Table/TableRowNoData.d.ts.map +0 -1
- package/dist/types/components/Table/index.d.ts.map +0 -1
- package/dist/types/components/Table/types/PaginationEventNouns.d.ts.map +0 -1
- package/dist/types/components/Table/types/PayloadTableBodyProps.d.ts.map +0 -1
- package/dist/types/components/Table/types/PayloadTableFooterProps.d.ts.map +0 -1
- package/dist/types/components/Table/types/PayloadTableHeadProps.d.ts.map +0 -1
- package/dist/types/components/Table/types/index.d.ts.map +0 -1
- package/dist/types/components/index.d.ts.map +0 -1
- /package/dist/{types/components/DynamicTable/DynamicTableRow.d.ts → components/DynamicTable/DynamicTableRow.d.mts} +0 -0
- /package/dist/{types/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts → components/DynamicTable/PayloadDynamicTableColumnConfig.d.mts} +0 -0
- /package/dist/{types/components/DynamicTable/Table.d.ts → components/DynamicTable/Table.d.mts} +0 -0
- /package/dist/{types/components/DynamicTable/index.d.ts → components/DynamicTable/index.d.mts} +0 -0
- /package/dist/{types/components/Table/PayloadTableColumnConfig.d.ts → components/Table/PayloadTableColumnConfig.d.mts} +0 -0
- /package/dist/{types/components/Table/Table.d.ts → components/Table/Table.d.mts} +0 -0
- /package/dist/{types/components/Table/TableBody.d.ts → components/Table/TableBody.d.mts} +0 -0
- /package/dist/{types/components/Table/TableFooter.d.ts → components/Table/TableFooter.d.mts} +0 -0
- /package/dist/{types/components/Table/TableHead.d.ts → components/Table/TableHead.d.mts} +0 -0
- /package/dist/{types/components/Table/TablePagination.d.ts → components/Table/TablePagination.d.mts} +0 -0
- /package/dist/{types/components/Table/TableRow.d.ts → components/Table/TableRow.d.mts} +0 -0
- /package/dist/{types/components/Table/TableRowNoData.d.ts → components/Table/TableRowNoData.d.mts} +0 -0
- /package/dist/{types/components/Table/index.d.ts → components/Table/index.d.mts} +0 -0
- /package/dist/{types/components/Table/types/PaginationEventNouns.d.ts → components/Table/types/PaginationEventNouns.d.mts} +0 -0
- /package/dist/{types/components/Table/types/PayloadTableBodyProps.d.ts → components/Table/types/PayloadTableBodyProps.d.mts} +0 -0
- /package/dist/{types/components/Table/types/PayloadTableFooterProps.d.ts → components/Table/types/PayloadTableFooterProps.d.mts} +0 -0
- /package/dist/{types/components/Table/types/PayloadTableHeadProps.d.ts → components/Table/types/PayloadTableHeadProps.d.mts} +0 -0
- /package/dist/{types/components/Table/types/index.d.ts → components/Table/types/index.d.mts} +0 -0
- /package/dist/{types/components/index.d.ts → components/index.d.mts} +0 -0
- /package/dist/{types/index.d.ts → index.d.mts} +0 -0
|
@@ -1,24 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,36 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TablePagination.js","sourceRoot":"","sources":["../../../../src/components/Table/TablePagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,50 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationEventNouns.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PaginationEventNouns.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadTableBodyProps.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableBodyProps.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadTableFooterProps.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableFooterProps.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadTableHeadProps.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableHeadProps.ts"],"names":[],"mappings":""}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./PaginationEventNouns"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./PayloadTableBodyProps"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./PayloadTableFooterProps"), exports);
|
|
7
|
-
tslib_1.__exportStar(require("./PayloadTableHeadProps"), exports);
|
|
8
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/index.ts"],"names":[],"mappings":";;;AAAA,iEAAsC;AACtC,kEAAuC;AACvC,oEAAyC;AACzC,kEAAuC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B;AAC9B,kDAAuB"}
|
package/dist/cjs/index.js
DELETED
package/dist/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import CheckCircleOutlineRoundedIcon from '@mui/icons-material/CheckCircleOutlineRounded';
|
|
3
|
-
import ErrorOutlineRoundedIcon from '@mui/icons-material/ErrorOutlineRounded';
|
|
4
|
-
import WarningAmberRoundedIcon from '@mui/icons-material/WarningAmberRounded';
|
|
5
|
-
import { TableCell, TableRow, Typography } from '@mui/material';
|
|
6
|
-
import { usePromise } from '@xylabs/react-promise';
|
|
7
|
-
import { useBreakpoint } from '@xylabs/react-shared';
|
|
8
|
-
import { PayloadValidator } from '@xyo-network/payload-validator';
|
|
9
|
-
import { useNetwork } from '@xyo-network/react-network';
|
|
10
|
-
import { usePayloadRenderPluginResolver } from '@xyo-network/react-payload-plugin-resolver';
|
|
11
|
-
import { HashTableCell, usePayloadHash } from '@xyo-network/react-shared';
|
|
12
|
-
import { payloadDynamicTableColumnConfigDefaults, } from './PayloadDynamicTableColumnConfig';
|
|
13
|
-
export const PayloadDynamicTableRow = ({ archive, columns = payloadDynamicTableColumnConfigDefaults(), exploreDomain, network: networkProp, payload, ...props }) => {
|
|
14
|
-
const breakPoint = useBreakpoint();
|
|
15
|
-
const payloadHash = usePayloadHash(payload);
|
|
16
|
-
const { network } = useNetwork();
|
|
17
|
-
const { resolver } = usePayloadRenderPluginResolver();
|
|
18
|
-
const [validationErrors = []] = usePromise(async () => (payload ? await new PayloadValidator(payload).validate() : undefined), [payload]);
|
|
19
|
-
const isValid = validationErrors.length === 0;
|
|
20
|
-
const hash = (props) => (_jsx(HashTableCell, { align: "left", archive: archive, value: payloadHash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug, ...props }, "hash"));
|
|
21
|
-
const schema = (props) => (_jsx(TableCell, { align: "left", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
|
|
22
|
-
const details = (props) => (_jsx(TableCell, { align: "left", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.sources }) }, "payloads"));
|
|
23
|
-
const render = (props) => {
|
|
24
|
-
const Render = payload
|
|
25
|
-
? resolver?.resolve(payload)?.components.table.cell
|
|
26
|
-
: undefined;
|
|
27
|
-
return Render ? _jsx(Render, { payload: payload, ...props }) : _jsx(TableCell, { align: "left", ...props }, "payloads");
|
|
28
|
-
};
|
|
29
|
-
const icon = (props) => {
|
|
30
|
-
const Avatar = payload
|
|
31
|
-
? resolver?.resolve(payload)?.components.avatar.image
|
|
32
|
-
: undefined;
|
|
33
|
-
return (_jsx(TableCell, { align: "left", ...props, children: Avatar ? _jsx(Avatar, { payload: payload }) : null }, "payloads"));
|
|
34
|
-
};
|
|
35
|
-
const valid = (props) => (_jsx(TableCell, { align: "center", ...props, children: isValid === undefined && payload != undefined ? (_jsx(WarningAmberRoundedIcon, { fontSize: "small", color: "warning" })) : isValid === true ? (_jsx(CheckCircleOutlineRoundedIcon, { fontSize: "small", color: "success" })) : isValid === false ? (_jsx(ErrorOutlineRoundedIcon, { color: "error", fontSize: "small" })) : (
|
|
36
|
-
//nbsp to keep row height consistent even when no data is provided for the row
|
|
37
|
-
_jsx(Typography, { children: " \u00A0" })) }, "valid"));
|
|
38
|
-
const tableCells = {
|
|
39
|
-
details,
|
|
40
|
-
hash,
|
|
41
|
-
icon,
|
|
42
|
-
render,
|
|
43
|
-
schema,
|
|
44
|
-
valid,
|
|
45
|
-
};
|
|
46
|
-
return breakPoint ? (_jsx(TableRow, { style: { maxWidth: '100vw' }, ...props, children: columns[breakPoint]?.map((column) => {
|
|
47
|
-
return column.slug ? tableCells[column.slug]({}) : null;
|
|
48
|
-
}) })) : null;
|
|
49
|
-
};
|
|
50
|
-
//# sourceMappingURL=DynamicTableRow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicTableRow.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
export const payloadDynamicTableColumnConfigDefaults = () => {
|
|
2
|
-
const xs = [
|
|
3
|
-
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
4
|
-
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
5
|
-
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
6
|
-
];
|
|
7
|
-
const sm = [
|
|
8
|
-
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
9
|
-
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
10
|
-
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
11
|
-
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
12
|
-
];
|
|
13
|
-
const md = [
|
|
14
|
-
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
15
|
-
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
16
|
-
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
17
|
-
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
18
|
-
];
|
|
19
|
-
const lg = [
|
|
20
|
-
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
21
|
-
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
22
|
-
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
23
|
-
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
24
|
-
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
25
|
-
];
|
|
26
|
-
const xl = [
|
|
27
|
-
{ alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
|
|
28
|
-
{ alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
|
|
29
|
-
{ alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
|
|
30
|
-
{ alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
|
|
31
|
-
{ alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
|
|
32
|
-
];
|
|
33
|
-
return { lg, md, sm, xl, xs };
|
|
34
|
-
};
|
|
35
|
-
//# sourceMappingURL=PayloadDynamicTableColumnConfig.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadDynamicTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import FirstPageIcon from '@mui/icons-material/FirstPage';
|
|
3
|
-
import KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft';
|
|
4
|
-
import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
|
|
5
|
-
import LastPageIcon from '@mui/icons-material/LastPage';
|
|
6
|
-
import { Alert, Box, IconButton, Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, Typography, useTheme, } from '@mui/material';
|
|
7
|
-
import { useBreakpoint } from '@xylabs/react-shared';
|
|
8
|
-
import { ThrownErrorBoundary } from '@xyo-network/react-error';
|
|
9
|
-
import { usePayloadHashes } from '@xyo-network/react-shared';
|
|
10
|
-
import { useEffect, useMemo, useState } from 'react';
|
|
11
|
-
import { PayloadDynamicTableRow } from './DynamicTableRow';
|
|
12
|
-
import { payloadDynamicTableColumnConfigDefaults } from './PayloadDynamicTableColumnConfig';
|
|
13
|
-
function TablePaginationActions(props) {
|
|
14
|
-
const theme = useTheme();
|
|
15
|
-
const { count, page, rowsPerPage, onPageChange } = props;
|
|
16
|
-
const handleFirstPageButtonClick = (event) => {
|
|
17
|
-
onPageChange(event, 0);
|
|
18
|
-
};
|
|
19
|
-
const handleBackButtonClick = (event) => {
|
|
20
|
-
onPageChange(event, page - 1);
|
|
21
|
-
};
|
|
22
|
-
const handleNextButtonClick = (event) => {
|
|
23
|
-
onPageChange(event, page + 1);
|
|
24
|
-
};
|
|
25
|
-
const handleLastPageButtonClick = (event) => {
|
|
26
|
-
onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
|
|
27
|
-
};
|
|
28
|
-
return (_jsxs(Box, { sx: { flexShrink: 0, ml: 2.5 }, children: [_jsx(IconButton, { onClick: handleFirstPageButtonClick, disabled: page === 0, "aria-label": "first page", children: theme.direction === 'rtl' ? _jsx(LastPageIcon, {}) : _jsx(FirstPageIcon, {}) }), _jsx(IconButton, { onClick: handleBackButtonClick, disabled: page === 0, "aria-label": "previous page", children: theme.direction === 'rtl' ? _jsx(KeyboardArrowRight, {}) : _jsx(KeyboardArrowLeft, {}) }), _jsx(IconButton, { onClick: handleNextButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "next page", children: theme.direction === 'rtl' ? _jsx(KeyboardArrowLeft, {}) : _jsx(KeyboardArrowRight, {}) }), _jsx(IconButton, { onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page", children: theme.direction === 'rtl' ? _jsx(FirstPageIcon, {}) : _jsx(LastPageIcon, {}) })] }));
|
|
29
|
-
}
|
|
30
|
-
export const PayloadDynamicTable = ({ archive, children, columns = payloadDynamicTableColumnConfigDefaults(), exploreDomain, onRowClick, rowsPerPage: rowsPerPageProp = 10, payloads, ...props }) => {
|
|
31
|
-
const breakPoint = useBreakpoint();
|
|
32
|
-
const [page, setPage] = useState(0);
|
|
33
|
-
const [rowsPerPage, setRowsPerPage] = useState(rowsPerPageProp);
|
|
34
|
-
const payloadCount = payloads ? payloads.length : 0;
|
|
35
|
-
// Avoid a layout jump when reaching the last page with empty rows.
|
|
36
|
-
const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - payloadCount) : 0;
|
|
37
|
-
const pagedPayloads = useMemo(() => payloads?.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage), [payloads, page, rowsPerPage]);
|
|
38
|
-
const payloadPairs = usePayloadHashes(pagedPayloads);
|
|
39
|
-
useEffect(() => {
|
|
40
|
-
setRowsPerPage(rowsPerPageProp);
|
|
41
|
-
}, [rowsPerPageProp]);
|
|
42
|
-
const handleChangePage = (event, newPage) => {
|
|
43
|
-
setPage(newPage);
|
|
44
|
-
};
|
|
45
|
-
const handleChangeRowsPerPage = (event) => {
|
|
46
|
-
setRowsPerPage(parseInt(event.target.value, 10));
|
|
47
|
-
setPage(0);
|
|
48
|
-
};
|
|
49
|
-
return breakPoint ? (_jsxs(Table, { stickyHeader: true, ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
|
|
50
|
-
return (_jsx(TableCell, { align: column.alignment ?? 'left', width: column.width, children: _jsx(Typography, { variant: "body2", noWrap: true, children: column.name }) }, index));
|
|
51
|
-
}) }) }), _jsxs(TableBody, { sx: { overflowY: 'scroll ' }, children: [payloadPairs?.map(([payload, hash], index) => {
|
|
52
|
-
return (_jsx(ThrownErrorBoundary, { boundaryName: "PayloadTableBody", errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadDynamicTableRow, { archive: archive, onClick: onRowClick
|
|
53
|
-
? () => {
|
|
54
|
-
onRowClick(payload);
|
|
55
|
-
}
|
|
56
|
-
: undefined, exploreDomain: exploreDomain, payload: payload }) }, `${hash}-${index}`));
|
|
57
|
-
}), children, emptyRows > 0 && Array(emptyRows).fill(_jsx(PayloadDynamicTableRow, {}))] }), _jsx(TableFooter, { children: _jsx(TableRow, { children: _jsx(TablePagination, { rowsPerPageOptions: [5, 10, 25, { label: 'All', value: -1 }], colSpan: 5, count: payloadCount, rowsPerPage: rowsPerPage, page: page, SelectProps: {
|
|
58
|
-
inputProps: {
|
|
59
|
-
'aria-label': 'rows per page',
|
|
60
|
-
},
|
|
61
|
-
native: true,
|
|
62
|
-
}, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage, ActionsComponent: TablePaginationActions }) }) })] })) : null;
|
|
63
|
-
};
|
|
64
|
-
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,mCAAmC,CAAA;AACjD,cAAc,SAAS,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export const payloadColumnNames = {
|
|
2
|
-
hash: 'Hash',
|
|
3
|
-
schema: 'Schema',
|
|
4
|
-
valid: 'Valid',
|
|
5
|
-
};
|
|
6
|
-
export const payloadTableColumnConfigDefaults = () => {
|
|
7
|
-
const xs = ['hash', 'schema', 'valid'];
|
|
8
|
-
const sm = ['hash', 'schema', 'valid'];
|
|
9
|
-
const md = ['hash', 'schema', 'valid'];
|
|
10
|
-
const lg = ['hash', 'schema', 'valid'];
|
|
11
|
-
const xl = ['hash', 'schema', 'valid'];
|
|
12
|
-
return { lg, md, sm, xl, xs };
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=PayloadTableColumnConfig.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,kBAAkB,GAA2C;IACxE,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAA6B,EAAE;IAC7E,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAC/B,CAAC,CAAA"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { TableEx } from '@xyo-network/react-table';
|
|
3
|
-
import { forwardRef, useEffect, useMemo, useState } from 'react';
|
|
4
|
-
import { PayloadTableBody } from './TableBody';
|
|
5
|
-
import { PayloadTableFooter } from './TableFooter';
|
|
6
|
-
import { PayloadTableHead } from './TableHead';
|
|
7
|
-
import { TableRowNoData } from './TableRowNoData';
|
|
8
|
-
export const PayloadTableWithRef = forwardRef(({ exploreDomain, archive, onRowClick, fetchMorePayloads, rowsPerPage: rowsPerPageProp = 25, payloads, columns, PayloadTableHeadComponent = PayloadTableHead, PayloadTableBodyComponent = PayloadTableBody, PayloadTableFooterComponent = PayloadTableFooter, maxSchemaDepth, count = 0, loading = false, variant = 'scrollable', ...props }, ref) => {
|
|
9
|
-
const [page, setPage] = useState(0);
|
|
10
|
-
const [rowsPerPage, setRowsPerPage] = useState(rowsPerPageProp);
|
|
11
|
-
const [visiblePayloads, setVisiblePayloads] = useState([]);
|
|
12
|
-
// Avoid a layout jump when reaching the last page with empty rows.
|
|
13
|
-
const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - count || 0) : 0;
|
|
14
|
-
useEffect(() => {
|
|
15
|
-
setRowsPerPage(rowsPerPageProp);
|
|
16
|
-
}, [rowsPerPageProp]);
|
|
17
|
-
// React to various prop changes to derive new visible payloads
|
|
18
|
-
// count is needed to show initial payloads added async to the same payloads reference
|
|
19
|
-
useEffect(() => {
|
|
20
|
-
if (payloads) {
|
|
21
|
-
setVisiblePayloads(payloads.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage));
|
|
22
|
-
}
|
|
23
|
-
}, [count, page, payloads, rowsPerPage]);
|
|
24
|
-
// If the payload reference changes, assume we have a new list and reset current page
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
setPage(0);
|
|
27
|
-
}, [payloads]);
|
|
28
|
-
const handleAdditionalPayloads = () => {
|
|
29
|
-
if (fetchMorePayloads && payloads) {
|
|
30
|
-
const buffer = rowsPerPage * 2;
|
|
31
|
-
const lastVisiblePayload = visiblePayloads?.at(-1);
|
|
32
|
-
if (lastVisiblePayload) {
|
|
33
|
-
const lastVisibleIndex = payloads?.indexOf(lastVisiblePayload);
|
|
34
|
-
if (lastVisibleIndex !== undefined && payloads.length - (lastVisibleIndex + 1) <= buffer) {
|
|
35
|
-
fetchMorePayloads();
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
const handleChangePage = (_event, newPage) => {
|
|
41
|
-
handleAdditionalPayloads();
|
|
42
|
-
setPage(newPage);
|
|
43
|
-
};
|
|
44
|
-
const handleChangeRowsPerPage = (event) => {
|
|
45
|
-
setRowsPerPage(parseInt(event.target.value, 10));
|
|
46
|
-
setPage(0);
|
|
47
|
-
};
|
|
48
|
-
const noResults = useMemo(() => {
|
|
49
|
-
return !loading && (!visiblePayloads || visiblePayloads.length === 0);
|
|
50
|
-
}, [loading, visiblePayloads]);
|
|
51
|
-
return (_jsxs(TableEx, { variant: variant, ref: ref, ...props, children: [_jsx(PayloadTableHeadComponent, { columns: columns }), _jsx(PayloadTableBodyComponent, { payloads: visiblePayloads, exploreDomain: exploreDomain, archive: archive, maxSchemaDepth: maxSchemaDepth, onRowClick: onRowClick, emptyRows: emptyRows, noResults: noResults, NoResultRowComponent: TableRowNoData }), _jsx(PayloadTableFooterComponent, { count: count, variant: variant, rowsPerPage: rowsPerPage, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, fetchMorePayloads: fetchMorePayloads, loading: loading, page: page })] }));
|
|
52
|
-
});
|
|
53
|
-
PayloadTableWithRef.displayName = 'PayloadTable';
|
|
54
|
-
export const PayloadTable = PayloadTableWithRef;
|
|
55
|
-
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Alert, TableBody, Typography } from '@mui/material';
|
|
3
|
-
import { ThrownErrorBoundary } from '@xyo-network/react-error';
|
|
4
|
-
import { usePayloadHashes } from '@xyo-network/react-shared';
|
|
5
|
-
import { PayloadTableRow } from './TableRow';
|
|
6
|
-
export const PayloadTableBody = ({ children, exploreDomain, payloads, archive, maxSchemaDepth, onRowClick, emptyRows, noResults, NoResultRowComponent, ...props }) => {
|
|
7
|
-
const payloadPairs = usePayloadHashes(payloads);
|
|
8
|
-
return (_jsxs(TableBody, { ...props, children: [noResults && NoResultRowComponent ? _jsx(NoResultRowComponent, {}) : null, payloadPairs?.map(([payload, hash], index) => {
|
|
9
|
-
return (_jsx(ThrownErrorBoundary, { boundaryName: "PayloadTableBody", errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadTableRow, { maxSchemaDepth: maxSchemaDepth, archive: archive, onClick: onRowClick
|
|
10
|
-
? () => {
|
|
11
|
-
onRowClick(payload);
|
|
12
|
-
}
|
|
13
|
-
: undefined, exploreDomain: exploreDomain, payload: payload }) }, `${hash}-${index}`));
|
|
14
|
-
}), children, (emptyRows ?? 0) > 0 && Array(emptyRows).fill(_jsx(PayloadTableRow, {}))] }));
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=TableBody.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAG5C,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAO,EACP,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAE/C,OAAO,CACL,MAAC,SAAS,OAAK,KAAK,aACjB,SAAS,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,CAAC,CAAC,CAAC,IAAI,EACnE,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;gBAC5C,OAAO,CACL,KAAC,mBAAmB,IAClB,YAAY,EAAC,kBAAkB,EAE/B,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,MAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,wCACE,KAAC,UAAU,IAAC,UAAU,EAAC,MAAM,YAAE,CAAC,CAAC,OAAO,GAAc,IACvE,CACT,YAED,KAAC,eAAe,IACd,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,IAnBG,GAAG,IAAI,IAAI,KAAK,EAAE,CAoBH,CACvB,CAAA;YACH,CAAC,CAAC,EACD,QAAQ,EACR,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAC,eAAe,KAAG,CAAC,IACzD,CACb,CAAA;AACH,CAAC,CAAA"}
|