@xyo-network/react-payload 2.40.19 → 2.40.21

package/packages/payload-table/dist/cjs/components/Table/types/PayloadTableHeadProps.d.ts

@@ -0,0 +1,6 @@
+import { TableHeadProps } from '@mui/material';
+import { PayloadTableColumnConfig, PayloadTableColumnSlug } from '../PayloadTableColumnConfig';
+export interface PayloadTableHeadProps extends TableHeadProps {
+    columns?: PayloadTableColumnConfig<PayloadTableColumnSlug>;
+}
+//# sourceMappingURL=PayloadTableHeadProps.d.ts.map

package/packages/payload-table/dist/cjs/components/Table/types/PayloadTableHeadProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadTableHeadProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableHeadProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAE9F,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,OAAO,CAAC,EAAE,wBAAwB,CAAC,sBAAsB,CAAC,CAAA;CAC3D"}

package/packages/payload-table/dist/cjs/components/Table/types/PayloadTableHeadProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=PayloadTableHeadProps.js.map

package/packages/payload-table/dist/cjs/components/Table/types/PayloadTableHeadProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadTableHeadProps.js","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableHeadProps.ts"],"names":[],"mappings":""}

package/packages/payload-table/dist/cjs/components/Table/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './PaginationEventNouns';
+export * from './PayloadTableBodyProps';
+export * from './PayloadTableFooterProps';
+export * from './PayloadTableHeadProps';
+//# sourceMappingURL=index.d.ts.map

package/packages/payload-table/dist/cjs/components/Table/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA"}

package/packages/payload-table/dist/cjs/components/Table/types/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./PaginationEventNouns"), exports);
+tslib_1.__exportStar(require("./PayloadTableBodyProps"), exports);
+tslib_1.__exportStar(require("./PayloadTableFooterProps"), exports);
+tslib_1.__exportStar(require("./PayloadTableHeadProps"), exports);
+//# sourceMappingURL=index.js.map

package/packages/payload-table/dist/cjs/components/Table/types/index.js.map

@@ -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"}

package/packages/payload-table/dist/cjs/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DynamicTable';
+export * from './Table';
+//# sourceMappingURL=index.d.ts.map

package/packages/payload-table/dist/cjs/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA"}

package/packages/payload-table/dist/cjs/components/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DynamicTable"), exports);
+tslib_1.__exportStar(require("./Table"), exports);
+//# sourceMappingURL=index.js.map

package/packages/payload-table/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B;AAC9B,kDAAuB"}

package/packages/payload-table/dist/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/packages/payload-table/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/packages/payload-table/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+//# sourceMappingURL=index.js.map

package/packages/payload-table/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/packages/payload-table/dist/esm/components/DynamicTable/DynamicTableRow.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TableRowProps } from '@mui/material';
+import { XyoPayload } from '@xyo-network/payload';
+import { PayloadDynamicTableColumnConfig } from './PayloadDynamicTableColumnConfig';
+export interface PayloadDynamicTableRowProps extends TableRowProps {
+    payload?: XyoPayload;
+    archive?: string;
+    exploreDomain?: string;
+    columns?: PayloadDynamicTableColumnConfig;
+    network?: string;
+}
+export declare const PayloadDynamicTableRow: React.FC<PayloadDynamicTableRowProps>;
+//# sourceMappingURL=DynamicTableRow.d.ts.map

package/packages/payload-table/dist/esm/components/DynamicTable/DynamicTableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAoD,aAAa,EAAc,MAAM,eAAe,CAAA;AAE3G,OAAO,EAAoC,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAOnF,OAAO,EACL,+BAA+B,EAGhC,MAAM,mCAAmC,CAAA;AAE1C,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,+BAA+B,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA6FxE,CAAA"}

package/packages/payload-table/dist/esm/components/DynamicTable/DynamicTableRow.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CheckCircleOutlineRoundedIcon from '@mui/icons-material/CheckCircleOutlineRounded';
+import ErrorOutlineRoundedIcon from '@mui/icons-material/ErrorOutlineRounded';
+import WarningAmberRoundedIcon from '@mui/icons-material/WarningAmberRounded';
+import { TableCell, TableRow, Typography } from '@mui/material';
+import { useBreakpoint } from '@xylabs/react-shared';
+import { PayloadValidator, PayloadWrapper } from '@xyo-network/payload';
+import { useNetwork } from '@xyo-network/react-network';
+import { usePayloadRenderPluginResolver } from '@xyo-network/react-payload-plugin-resolver';
+import { HashTableCell } from '@xyo-network/react-shared';
+import { payloadDynamicTableColumnConfigDefaults, } from './PayloadDynamicTableColumnConfig';
+export const PayloadDynamicTableRow = ({ exploreDomain, network: networkProp, payload, archive, columns = payloadDynamicTableColumnConfigDefaults(), ...props }) => {
+    const breakPoint = useBreakpoint();
+    const wrapper = payload ? new PayloadWrapper(payload) : undefined;
+    const { network } = useNetwork();
+    const { resolver } = usePayloadRenderPluginResolver();
+    const hash = (props) => (_jsx(HashTableCell, { align: "left", archive: archive, value: wrapper?.hash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug, ...props }, "hash"));
+    const schema = (props) => (_jsx(TableCell, { align: "left", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
+    const details = (props) => (_jsx(TableCell, { align: "left", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.sources }) }, "payloads"));
+    const render = (props) => {
+        const Render = payload
+            ? resolver?.resolve(payload)?.components.table.cell
+            : undefined;
+        return Render ? _jsx(Render, { payload: payload, ...props }) : _jsx(TableCell, { align: "left", ...props }, "payloads");
+    };
+    const icon = (props) => {
+        const Avatar = payload
+            ? resolver?.resolve(payload)?.components.avatar.image
+            : undefined;
+        return (_jsx(TableCell, { align: "left", ...props, children: Avatar ? _jsx(Avatar, { payload: payload }) : null }, "payloads"));
+    };
+    const isValid = wrapper ? new PayloadValidator(wrapper.body).validate().length === 0 : undefined;
+    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" })) : (
+        //nbsp to keep row height consistent even when no data is provided for the row
+        _jsx(Typography, { children: " \u00A0" })) }, "valid"));
+    const tableCells = {
+        details,
+        hash,
+        icon,
+        render,
+        schema,
+        valid,
+    };
+    return breakPoint ? (_jsx(TableRow, { style: { maxWidth: '100vw' }, ...props, children: columns[breakPoint]?.map((column) => {
+            return column.slug ? tableCells[column.slug]({}) : null;
+        }) })) : null;
+};
+//# sourceMappingURL=DynamicTableRow.js.map

package/packages/payload-table/dist/esm/components/DynamicTable/DynamicTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTableRow.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":"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"}

package/packages/payload-table/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts

@@ -0,0 +1,16 @@
+export type PayloadDynamicTableColumnSlug = 'hash' | 'schema' | 'valid' | 'details' | 'render' | 'icon';
+export interface PayloadDynamicTableColumnHeadData {
+    slug?: 'hash' | 'schema' | 'valid' | 'details' | 'render' | 'icon';
+    alignment?: 'left' | 'center' | 'right';
+    width?: string | number;
+    name?: string;
+}
+export interface PayloadDynamicTableColumnConfig {
+    xs?: PayloadDynamicTableColumnHeadData[];
+    sm?: PayloadDynamicTableColumnHeadData[];
+    md?: PayloadDynamicTableColumnHeadData[];
+    lg?: PayloadDynamicTableColumnHeadData[];
+    xl?: PayloadDynamicTableColumnHeadData[];
+}
+export declare const payloadDynamicTableColumnConfigDefaults: () => PayloadDynamicTableColumnConfig;
+//# sourceMappingURL=PayloadDynamicTableColumnConfig.d.ts.map

package/packages/payload-table/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadDynamicTableColumnConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEvG,MAAM,WAAW,iCAAiC;IAChD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClE,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,+BAA+B;IAC9C,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;IACxC,EAAE,CAAC,EAAE,iCAAiC,EAAE,CAAA;CACzC;AAED,eAAO,MAAM,uCAAuC,QAAO,+BAiC1D,CAAA"}

package/packages/payload-table/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.js

@@ -0,0 +1,35 @@
+export const payloadDynamicTableColumnConfigDefaults = () => {
+    const xs = [
+        { alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
+        { alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
+        { alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
+    ];
+    const sm = [
+        { alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
+        { alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
+        { alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
+        { alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
+    ];
+    const md = [
+        { alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
+        { alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
+        { alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
+        { alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
+    ];
+    const lg = [
+        { alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
+        { alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
+        { alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
+        { alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
+        { alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
+    ];
+    const xl = [
+        { alignment: 'left', name: 'Icon', slug: 'icon', width: '50px' },
+        { alignment: 'left', name: 'Hash', slug: 'hash', width: '100%' },
+        { alignment: 'left', name: 'Schema', slug: 'schema', width: '50px' },
+        { alignment: 'left', name: 'Render', slug: 'render', width: '50px' },
+        { alignment: 'left', name: 'Valid', slug: 'valid', width: '50px' },
+    ];
+    return { lg, md, sm, xl, xs };
+};
+//# sourceMappingURL=PayloadDynamicTableColumnConfig.js.map

package/packages/payload-table/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadDynamicTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"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"}

package/packages/payload-table/dist/esm/components/DynamicTable/Table.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TableProps } from '@mui/material';
+import { XyoPayload } from '@xyo-network/payload';
+import { PayloadDynamicTableColumnConfig } from './PayloadDynamicTableColumnConfig';
+export interface PayloadDynamicTableProps extends TableProps {
+    exploreDomain?: string;
+    archive?: string;
+    onRowClick?: (value: XyoPayload) => void;
+    rowsPerPage?: number;
+    payloads?: XyoPayload[] | null;
+    columns?: PayloadDynamicTableColumnConfig;
+}
+export declare const PayloadDynamicTable: React.FC<PayloadDynamicTableProps>;
+//# sourceMappingURL=Table.d.ts.map

package/packages/payload-table/dist/esm/components/DynamicTable/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";AAIA,OAAO,EAUL,UAAU,EAIX,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAkB,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAKjE,OAAO,EAAE,+BAA+B,EAA2C,MAAM,mCAAmC,CAAA;AAE5H,MAAM,WAAW,wBAAyB,SAAQ,UAAU;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,+BAA+B,CAAA;CAC1C;AA+CD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkGlE,CAAA"}

package/packages/payload-table/dist/esm/components/DynamicTable/Table.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FirstPageIcon from '@mui/icons-material/FirstPage';
+import KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft';
+import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
+import LastPageIcon from '@mui/icons-material/LastPage';
+import { Alert, Box, IconButton, Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, Typography, useTheme, } from '@mui/material';
+import { useBreakpoint } from '@xylabs/react-shared';
+import { PayloadWrapper } from '@xyo-network/payload';
+import { XyoThrownErrorBoundary } from '@xyo-network/react-error';
+import { useEffect, useState } from 'react';
+import { PayloadDynamicTableRow } from './DynamicTableRow';
+import { payloadDynamicTableColumnConfigDefaults } from './PayloadDynamicTableColumnConfig';
+function TablePaginationActions(props) {
+    const theme = useTheme();
+    const { count, page, rowsPerPage, onPageChange } = props;
+    const handleFirstPageButtonClick = (event) => {
+        onPageChange(event, 0);
+    };
+    const handleBackButtonClick = (event) => {
+        onPageChange(event, page - 1);
+    };
+    const handleNextButtonClick = (event) => {
+        onPageChange(event, page + 1);
+    };
+    const handleLastPageButtonClick = (event) => {
+        onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
+    };
+    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, {}) })] }));
+}
+export const PayloadDynamicTable = ({ exploreDomain, archive, onRowClick, rowsPerPage: rowsPerPageProp = 10, payloads, children, columns = payloadDynamicTableColumnConfigDefaults(), ...props }) => {
+    const breakPoint = useBreakpoint();
+    const [page, setPage] = useState(0);
+    const [rowsPerPage, setRowsPerPage] = useState(rowsPerPageProp);
+    const payloadCount = payloads ? payloads.length : 0;
+    // Avoid a layout jump when reaching the last page with empty rows.
+    const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - payloadCount) : 0;
+    useEffect(() => {
+        setRowsPerPage(rowsPerPageProp);
+    }, [rowsPerPageProp]);
+    const handleChangePage = (event, newPage) => {
+        setPage(newPage);
+    };
+    const handleChangeRowsPerPage = (event) => {
+        setRowsPerPage(parseInt(event.target.value, 10));
+        setPage(0);
+    };
+    return breakPoint ? (_jsxs(Table, { stickyHeader: true, ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
+                        return (_jsx(TableCell, { align: column.alignment ?? 'left', width: column.width, children: _jsx(Typography, { variant: "body2", noWrap: true, children: column.name }) }, index));
+                    }) }) }), _jsxs(TableBody, { sx: { overflowY: 'scroll ' }, children: [payloads?.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((payload, index) => {
+                        const wrapper = new PayloadWrapper(payload);
+                        return (_jsx(XyoThrownErrorBoundary, { 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
+                                    ? () => {
+                                        onRowClick(payload);
+                                    }
+                                    : undefined, exploreDomain: exploreDomain, payload: payload }) }, `${wrapper.hash}-${index}`));
+                    }), 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: {
+                            inputProps: {
+                                'aria-label': 'rows per page',
+                            },
+                            native: true,
+                        }, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage, ActionsComponent: TablePaginationActions }) }) })] })) : null;
+};
+//# sourceMappingURL=Table.js.map

package/packages/payload-table/dist/esm/components/DynamicTable/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":"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"}

package/packages/payload-table/dist/esm/components/DynamicTable/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DynamicTableRow';
+export * from './PayloadDynamicTableColumnConfig';
+export * from './Table';
+//# sourceMappingURL=index.d.ts.map

package/packages/payload-table/dist/esm/components/DynamicTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,mCAAmC,CAAA;AACjD,cAAc,SAAS,CAAA"}

package/packages/payload-table/dist/esm/components/DynamicTable/index.js

@@ -0,0 +1,4 @@
+export * from './DynamicTableRow';
+export * from './PayloadDynamicTableColumnConfig';
+export * from './Table';
+//# sourceMappingURL=index.js.map

package/packages/payload-table/dist/esm/components/DynamicTable/index.js.map

@@ -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"}

package/packages/payload-table/dist/esm/components/Table/PayloadTableColumnConfig.d.ts

@@ -0,0 +1,11 @@
+export type PayloadTableColumnSlug = 'hash' | 'schema' | 'valid';
+export interface PayloadTableColumnConfig<T = PayloadTableColumnSlug> {
+    xs?: T[];
+    sm?: T[];
+    md?: T[];
+    lg?: T[];
+    xl?: T[];
+}
+export declare const payloadColumnNames: Record<PayloadTableColumnSlug, string>;
+export declare const payloadTableColumnConfigDefaults: () => PayloadTableColumnConfig;
+//# sourceMappingURL=PayloadTableColumnConfig.d.ts.map

package/packages/payload-table/dist/esm/components/Table/PayloadTableColumnConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadTableColumnConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEhE,MAAM,WAAW,wBAAwB,CAAC,CAAC,GAAG,sBAAsB;IAClE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACR,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACR,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACR,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IACR,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;CACT;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAIrE,CAAA;AAED,eAAO,MAAM,gCAAgC,QAAO,wBAOnD,CAAA"}

package/packages/payload-table/dist/esm/components/Table/PayloadTableColumnConfig.js

@@ -0,0 +1,14 @@
+export const payloadColumnNames = {
+    hash: 'Hash',
+    schema: 'Schema',
+    valid: 'Valid',
+};
+export const payloadTableColumnConfigDefaults = () => {
+    const xs = ['hash', 'schema', 'valid'];
+    const sm = ['hash', 'schema', 'valid'];
+    const md = ['hash', 'schema', 'valid'];
+    const lg = ['hash', 'schema', 'valid'];
+    const xl = ['hash', 'schema', 'valid'];
+    return { lg, md, sm, xl, xs };
+};
+//# sourceMappingURL=PayloadTableColumnConfig.js.map

package/packages/payload-table/dist/esm/components/Table/PayloadTableColumnConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":"AAUA,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"}

package/packages/payload-table/dist/esm/components/Table/Table.d.ts

@@ -0,0 +1,26 @@
+import { XyoPayload } from '@xyo-network/payload';
+import { TableExProps } from '@xyo-network/react-table';
+import { ComponentType } from 'react';
+import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
+import { PayloadTableBodyProps, PayloadTableFooterProps, PayloadTableHeadProps } from './types';
+export interface PayloadTableProps extends TableExProps {
+    exploreDomain?: string;
+    archive?: string;
+    onRowClick?: (value: XyoPayload) => void;
+    rowsPerPage?: number;
+    payloads?: XyoPayload[] | null;
+    loading?: boolean;
+    columns?: PayloadTableColumnConfig;
+    PayloadTableHeadComponent?: ComponentType<PayloadTableHeadProps>;
+    PayloadTableBodyComponent?: ComponentType<PayloadTableBodyProps>;
+    PayloadTableFooterComponent?: ComponentType<PayloadTableFooterProps>;
+    /** External trigger to fetch more payloads */
+    fetchMorePayloads?: () => void;
+    /** set number of schema parts to display starting from the end */
+    maxSchemaDepth?: number;
+    /** Total number of payloads passed */
+    count?: number;
+}
+export declare const PayloadTableWithRef: import("react").ForwardRefExoticComponent<Pick<PayloadTableProps, "className" | "style" | "classes" | "children" | "sx" | "slot" | "summary" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "archive" | "exploreDomain" | "columns" | "align" | "width" | "loading" | "size" | "bgcolor" | "border" | "cellPadding" | "cellSpacing" | "frame" | "rules" | "padding" | "payloads" | "variant" | "stickyHeader" | "onRowClick" | "rowsPerPage" | "count" | "maxSchemaDepth" | "fetchMorePayloads" | "PayloadTableHeadComponent" | "PayloadTableBodyComponent" | "PayloadTableFooterComponent"> & import("react").RefAttributes<HTMLTableElement>>;
+export declare const PayloadTable: import("react").ForwardRefExoticComponent<Pick<PayloadTableProps, "className" | "style" | "classes" | "children" | "sx" | "slot" | "summary" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "archive" | "exploreDomain" | "columns" | "align" | "width" | "loading" | "size" | "bgcolor" | "border" | "cellPadding" | "cellSpacing" | "frame" | "rules" | "padding" | "payloads" | "variant" | "stickyHeader" | "onRowClick" | "rowsPerPage" | "count" | "maxSchemaDepth" | "fetchMorePayloads" | "PayloadTableHeadComponent" | "PayloadTableBodyComponent" | "PayloadTableFooterComponent"> & import("react").RefAttributes<HTMLTableElement>>;
+//# sourceMappingURL=Table.d.ts.map

package/packages/payload-table/dist/esm/components/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAW,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,aAAa,EAA4C,MAAM,OAAO,CAAA;AAE/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAKrE,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/F,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,yBAAyB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAA;IAChE,yBAAyB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAA;IAChE,2BAA2B,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAA;IACpE,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,mBAAmB,uhKAiG/B,CAAA;AAID,eAAO,MAAM,YAAY,uhKAAsB,CAAA"}

package/packages/payload-table/dist/esm/components/Table/Table.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TableEx } from '@xyo-network/react-table';
+import { forwardRef, useEffect, useMemo, useState } from 'react';
+import { PayloadTableBody } from './TableBody';
+import { PayloadTableFooter } from './TableFooter';
+import { PayloadTableHead } from './TableHead';
+import { TableRowNoData } from './TableRowNoData';
+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) => {
+    const [page, setPage] = useState(0);
+    const [rowsPerPage, setRowsPerPage] = useState(rowsPerPageProp);
+    const [visiblePayloads, setVisiblePayloads] = useState([]);
+    // Avoid a layout jump when reaching the last page with empty rows.
+    const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - count || 0) : 0;
+    useEffect(() => {
+        setRowsPerPage(rowsPerPageProp);
+    }, [rowsPerPageProp]);
+    // React to various prop changes to derive new visible payloads
+    // count is needed to show initial payloads added async to the same payloads reference
+    useEffect(() => {
+        if (payloads) {
+            setVisiblePayloads(payloads.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage));
+        }
+    }, [count, page, payloads, rowsPerPage]);
+    // If the payload reference changes, assume we have a new list and reset current page
+    useEffect(() => {
+        setPage(0);
+    }, [payloads]);
+    const handleAdditionalPayloads = () => {
+        if (fetchMorePayloads && payloads) {
+            const buffer = rowsPerPage * 2;
+            const lastVisiblePayload = visiblePayloads?.at(-1);
+            if (lastVisiblePayload) {
+                const lastVisibleIndex = payloads?.indexOf(lastVisiblePayload);
+                if (lastVisibleIndex !== undefined && payloads.length - (lastVisibleIndex + 1) <= buffer) {
+                    fetchMorePayloads();
+                }
+            }
+        }
+    };
+    const handleChangePage = (_event, newPage) => {
+        handleAdditionalPayloads();
+        setPage(newPage);
+    };
+    const handleChangeRowsPerPage = (event) => {
+        setRowsPerPage(parseInt(event.target.value, 10));
+        setPage(0);
+    };
+    const noResults = useMemo(() => {
+        return !loading && (!payloads || payloads.length === 0);
+    }, [loading, payloads]);
+    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 })] }));
+});
+PayloadTableWithRef.displayName = 'PayloadTable';
+export const PayloadTable = PayloadTableWithRef;
+//# sourceMappingURL=Table.js.map

package/packages/payload-table/dist/esm/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}

package/packages/payload-table/dist/esm/components/Table/TableBody.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PayloadTableBodyProps } from './types';
+export declare const PayloadTableBody: React.FC<PayloadTableBodyProps>;
+//# sourceMappingURL=TableBody.d.ts.map

package/packages/payload-table/dist/esm/components/Table/TableBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+C5D,CAAA"}

package/packages/payload-table/dist/esm/components/Table/TableBody.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, TableBody, Typography } from '@mui/material';
+import { PayloadWrapper } from '@xyo-network/payload';
+import { XyoThrownErrorBoundary } from '@xyo-network/react-error';
+import { PayloadTableRow } from './TableRow';
+export const PayloadTableBody = ({ children, exploreDomain, payloads, archive, maxSchemaDepth, onRowClick, emptyRows, noResults, NoResultRowComponent, ...props }) => {
+    return (_jsxs(TableBody, { ...props, children: [noResults && NoResultRowComponent ? _jsx(NoResultRowComponent, {}) : null, payloads?.map((payload, index) => {
+                const wrapper = new PayloadWrapper(payload);
+                return (_jsx(XyoThrownErrorBoundary, { 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
+                            ? () => {
+                                onRowClick(payload);
+                            }
+                            : undefined, exploreDomain: exploreDomain, payload: payload }) }, `${wrapper.hash}-${index}`));
+            }), children, (emptyRows ?? 0) > 0 && Array(emptyRows).fill(_jsx(PayloadTableRow, {}))] }));
+};
+//# sourceMappingURL=TableBody.js.map

package/packages/payload-table/dist/esm/components/Table/TableBody.js.map

@@ -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,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,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,OAAO,CACL,MAAC,SAAS,OAAK,KAAK,aACjB,SAAS,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,CAAC,CAAC,CAAC,IAAI,EACnE,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;gBAChC,MAAM,OAAO,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAA;gBAC3C,OAAO,CACL,KAAC,sBAAsB,IACrB,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,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAoBR,CAC1B,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"}

package/packages/payload-table/dist/esm/components/Table/TableFooter.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PayloadTableFooterProps } from './types';
+export declare const PayloadTableFooter: React.FC<PayloadTableFooterProps>;
+//# sourceMappingURL=TableFooter.d.ts.map

package/packages/payload-table/dist/esm/components/Table/TableFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableFooter.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEjD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA6BhE,CAAA"}

package/packages/payload-table/dist/esm/components/Table/TableFooter.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled, TablePagination, TableRow } from '@mui/material';
+import { TableFooterEx } from '@xyo-network/react-table';
+import { TablePaginationActions } from './TablePagination';
+export const PayloadTableFooter = ({ count, variant, page, rowsPerPage, handleChangePage = () => undefined, handleChangeRowsPerPage = () => undefined, fetchMorePayloads, loading, }) => (_jsx(TableFooterEx, { variant: variant, children: _jsx(TableRow, { children: _jsx(StyledTablePagination, { rowsPerPageOptions: [5, 10, 25, { label: 'All', value: -1 }], count: count ?? 0, rowsPerPage: rowsPerPage ?? 10, page: page ?? 0, SelectProps: {
+                inputProps: {
+                    'aria-label': 'rows per page',
+                },
+                native: true,
+            }, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage, ActionsComponent: (props) => _jsx(TablePaginationActions, { enableNextPage: !!fetchMorePayloads, loading: loading, ...props }) }) }) }));
+const StyledTablePagination = styled(TablePagination)(({ theme }) => ({
+    '& > .MuiToolbar-root': {
+        paddingLeft: theme.spacing(1),
+    },
+    borderTop: '1px solid',
+    borderTopColor: theme.palette.divider,
+}));
+//# sourceMappingURL=TableFooter.js.map

package/packages/payload-table/dist/esm/components/Table/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sourceRoot":"","sources":["../../../../src/components/Table/TableFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAG1D,MAAM,CAAC,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,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,YAC7B,KAAC,QAAQ,cACP,KAAC,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,IAAI,CAAC,EACjB,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,IAAI,EAAE,IAAI,IAAI,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,EAC5C,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,sBAAsB,IAAC,cAAc,EAAE,CAAC,CAAC,iBAAiB,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,GAAI,GACzH,GACO,GACG,CACjB,CAAA;AAED,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,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"}

package/packages/payload-table/dist/esm/components/Table/TableHead.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PayloadTableHeadProps } from './types';
+export declare const PayloadTableHead: React.FC<PayloadTableHeadProps>;
+//# sourceMappingURL=TableHead.d.ts.map