@xyo-network/react-payload 2.40.19 → 2.40.21

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/index.ts"],"names":[],"mappings":";;;AAAA,4DAAiC;AACjC,4EAAiD;AACjD,kDAAuB"}

package/packages/payload-table/dist/cjs/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/cjs/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/cjs/components/Table/PayloadTableColumnConfig.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.payloadTableColumnConfigDefaults = exports.payloadColumnNames = void 0;
+exports.payloadColumnNames = {
+    hash: 'Hash',
+    schema: 'Schema',
+    valid: 'Valid',
+};
+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 };
+};
+exports.payloadTableColumnConfigDefaults = payloadTableColumnConfigDefaults;
+//# sourceMappingURL=PayloadTableColumnConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/Table/PayloadTableColumnConfig.ts"],"names":[],"mappings":";;;AAUa,QAAA,kBAAkB,GAA2C;IACxE,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAA;AAEM,MAAM,gCAAgC,GAAG,GAA6B,EAAE;IAC7E,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,MAAM,EAAE,GAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IAChE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAC/B,CAAC,CAAA;AAPY,QAAA,gCAAgC,oCAO5C"}

package/packages/payload-table/dist/cjs/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/cjs/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/cjs/components/Table/Table.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PayloadTable = exports.PayloadTableWithRef = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_table_1 = require("@xyo-network/react-table");
+const react_1 = require("react");
+const TableBody_1 = require("./TableBody");
+const TableFooter_1 = require("./TableFooter");
+const TableHead_1 = require("./TableHead");
+const TableRowNoData_1 = require("./TableRowNoData");
+exports.PayloadTableWithRef = (0, react_1.forwardRef)((_a, ref) => {
+    var { exploreDomain, archive, onRowClick, fetchMorePayloads, rowsPerPage: rowsPerPageProp = 25, payloads, columns, PayloadTableHeadComponent = TableHead_1.PayloadTableHead, PayloadTableBodyComponent = TableBody_1.PayloadTableBody, PayloadTableFooterComponent = TableFooter_1.PayloadTableFooter, maxSchemaDepth, count = 0, loading = false, variant = 'scrollable' } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "archive", "onRowClick", "fetchMorePayloads", "rowsPerPage", "payloads", "columns", "PayloadTableHeadComponent", "PayloadTableBodyComponent", "PayloadTableFooterComponent", "maxSchemaDepth", "count", "loading", "variant"]);
+    const [page, setPage] = (0, react_1.useState)(0);
+    const [rowsPerPage, setRowsPerPage] = (0, react_1.useState)(rowsPerPageProp);
+    const [visiblePayloads, setVisiblePayloads] = (0, react_1.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;
+    (0, react_1.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
+    (0, react_1.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
+    (0, react_1.useEffect)(() => {
+        setPage(0);
+    }, [payloads]);
+    const handleAdditionalPayloads = () => {
+        if (fetchMorePayloads && payloads) {
+            const buffer = rowsPerPage * 2;
+            const lastVisiblePayload = visiblePayloads === null || visiblePayloads === void 0 ? void 0 : visiblePayloads.at(-1);
+            if (lastVisiblePayload) {
+                const lastVisibleIndex = payloads === null || payloads === void 0 ? void 0 : 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 = (0, react_1.useMemo)(() => {
+        return !loading && (!payloads || payloads.length === 0);
+    }, [loading, payloads]);
+    return ((0, jsx_runtime_1.jsxs)(react_table_1.TableEx, Object.assign({ variant: variant, ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(PayloadTableHeadComponent, { columns: columns }), (0, jsx_runtime_1.jsx)(PayloadTableBodyComponent, { payloads: visiblePayloads, exploreDomain: exploreDomain, archive: archive, maxSchemaDepth: maxSchemaDepth, onRowClick: onRowClick, emptyRows: emptyRows, noResults: noResults, NoResultRowComponent: TableRowNoData_1.TableRowNoData }), (0, jsx_runtime_1.jsx)(PayloadTableFooterComponent, { count: count, variant: variant, rowsPerPage: rowsPerPage, handleChangePage: handleChangePage, handleChangeRowsPerPage: handleChangeRowsPerPage, fetchMorePayloads: fetchMorePayloads, loading: loading })] })));
+});
+exports.PayloadTableWithRef.displayName = 'PayloadTable';
+exports.PayloadTable = exports.PayloadTableWithRef;
+//# sourceMappingURL=Table.js.map

package/packages/payload-table/dist/cjs/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/cjs/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/cjs/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/cjs/components/Table/TableBody.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PayloadTableBody = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const payload_1 = require("@xyo-network/payload");
+const react_error_1 = require("@xyo-network/react-error");
+const TableRow_1 = require("./TableRow");
+const PayloadTableBody = (_a) => {
+    var { children, exploreDomain, payloads, archive, maxSchemaDepth, onRowClick, emptyRows, noResults, NoResultRowComponent } = _a, props = tslib_1.__rest(_a, ["children", "exploreDomain", "payloads", "archive", "maxSchemaDepth", "onRowClick", "emptyRows", "noResults", "NoResultRowComponent"]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.TableBody, Object.assign({}, props, { children: [noResults && NoResultRowComponent ? (0, jsx_runtime_1.jsx)(NoResultRowComponent, {}) : null, payloads === null || payloads === void 0 ? void 0 : payloads.map((payload, index) => {
+                const wrapper = new payload_1.PayloadWrapper(payload);
+                return ((0, jsx_runtime_1.jsx)(react_error_1.XyoThrownErrorBoundary, Object.assign({ boundaryName: "PayloadTableBody", errorComponent: (e) => ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error" }, { children: ["Error Loading Payload: ", (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: "bold" }, { children: e.message }))] }))) }, { children: (0, jsx_runtime_1.jsx)(TableRow_1.PayloadTableRow, { maxSchemaDepth: maxSchemaDepth, archive: archive, onClick: onRowClick
+                            ? () => {
+                                onRowClick(payload);
+                            }
+                            : undefined, exploreDomain: exploreDomain, payload: payload }) }), `${wrapper.hash}-${index}`));
+            }), children, (emptyRows !== null && emptyRows !== void 0 ? emptyRows : 0) > 0 && Array(emptyRows).fill((0, jsx_runtime_1.jsx)(TableRow_1.PayloadTableRow, {}))] })));
+};
+exports.PayloadTableBody = PayloadTableBody;
+//# sourceMappingURL=TableBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,kDAAqD;AACrD,0DAAiE;AAEjE,yCAA4C;AAGrC,MAAM,gBAAgB,GAAoC,CAAC,EAWjE,EAAE,EAAE;QAX6D,EAChE,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAO,EACP,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,oBAAoB,OAErB,EADI,KAAK,sBAVwD,sIAWjE,CADS;IAER,OAAO,CACL,wBAAC,oBAAS,oBAAK,KAAK,eACjB,SAAS,IAAI,oBAAoB,CAAC,CAAC,CAAC,uBAAC,oBAAoB,KAAG,CAAC,CAAC,CAAC,IAAI,EACnE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;gBAChC,MAAM,OAAO,GAAG,IAAI,wBAAc,CAAC,OAAO,CAAC,CAAA;gBAC3C,OAAO,CACL,uBAAC,oCAAsB,kBACrB,YAAY,EAAC,kBAAkB,EAE/B,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,wBAAC,gBAAK,kBAAC,QAAQ,EAAC,OAAO,4CACE,uBAAC,qBAAU,kBAAC,UAAU,EAAC,MAAM,gBAAE,CAAC,CAAC,OAAO,IAAc,KACvE,CACT,gBAED,uBAAC,0BAAe,IACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,UAAU;4BACR,CAAC,CAAC,GAAG,EAAE;gCACH,UAAU,CAAC,OAAO,CAAC,CAAA;4BACrB,CAAC;4BACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,KAnBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAoBR,CAC1B,CAAA;YACH,CAAC,CAAC,EACD,QAAQ,EACR,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,uBAAC,0BAAe,KAAG,CAAC,KACzD,CACb,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,gBAAgB,oBA+C5B"}

package/packages/payload-table/dist/cjs/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/cjs/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/cjs/components/Table/TableFooter.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PayloadTableFooter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_table_1 = require("@xyo-network/react-table");
+const TablePagination_1 = require("./TablePagination");
+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: {
+                inputProps: {
+                    'aria-label': 'rows per page',
+                },
+                native: true,
+            }, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage, ActionsComponent: (props) => (0, jsx_runtime_1.jsx)(TablePagination_1.TablePaginationActions, Object.assign({ enableNextPage: !!fetchMorePayloads, loading: loading }, props)) }) }) })));
+exports.PayloadTableFooter = PayloadTableFooter;
+const StyledTablePagination = (0, material_1.styled)(material_1.TablePagination)(({ theme }) => ({
+    '& > .MuiToolbar-root': {
+        paddingLeft: theme.spacing(1),
+    },
+    borderTop: '1px solid',
+    borderTopColor: theme.palette.divider,
+}));
+//# sourceMappingURL=TableFooter.js.map

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

@@ -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,EAC5C,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAC,wCAAsB,kBAAC,cAAc,EAAE,CAAC,CAAC,iBAAiB,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,GACzH,GACO,IACG,CACjB,CAAA;AA7BY,QAAA,kBAAkB,sBA6B9B;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"}

package/packages/payload-table/dist/cjs/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

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PayloadTableHead = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_shared_1 = require("@xylabs/react-shared");
+const PayloadTableColumnConfig_1 = require("./PayloadTableColumnConfig");
+const PayloadTableHead = (_a) => {
+    var _b;
+    var { columns = (0, PayloadTableColumnConfig_1.payloadTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["columns"]);
+    const breakPoint = (0, react_shared_1.useBreakpoint)();
+    return ((0, jsx_runtime_1.jsx)(material_1.TableHead, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: breakPoint && columns
+                ? (_b = columns[breakPoint]) === null || _b === void 0 ? void 0 : _b.map((column, index) => {
+                    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));
+                })
+                : null }) })));
+};
+exports.PayloadTableHead = PayloadTableHead;
+//# sourceMappingURL=TableHead.js.map

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface TablePaginationActionsProps {
+    count: number;
+    enableNextPage?: boolean;
+    page: number;
+    rowsPerPage: number;
+    loading?: boolean;
+    onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void;
+}
+export declare function TablePaginationActions({ count, page, rowsPerPage, onPageChange, enableNextPage, loading }: TablePaginationActionsProps): JSX.Element;
+export {};
+//# sourceMappingURL=TablePagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TablePagination.tsx"],"names":[],"mappings":";AASA,UAAU,2BAA2B;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACpF;AAED,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,2BAA2B,eAgDtI"}

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablePaginationActions = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FirstPage_1 = tslib_1.__importDefault(require("@mui/icons-material/FirstPage"));
+const KeyboardArrowLeft_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowLeft"));
+const KeyboardArrowRight_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowRight"));
+const LastPage_1 = tslib_1.__importDefault(require("@mui/icons-material/LastPage"));
+const material_1 = require("@mui/material");
+const react_event_1 = require("@xyo-network/react-event");
+function TablePaginationActions({ count, page, rowsPerPage, onPageChange, enableNextPage, loading }) {
+    const theme = (0, material_1.useTheme)();
+    const [paginationRef, paginationDispatch] = (0, react_event_1.useXyoEvent)();
+    const handleFirstPageButtonClick = (event) => {
+        paginationDispatch('firstPage', 'click', 'true');
+        onPageChange(event, 0);
+    };
+    const handleBackButtonClick = (event) => {
+        var _a;
+        paginationDispatch('previousPage', 'click', (_a = (page - 1)) === null || _a === void 0 ? void 0 : _a.toString());
+        onPageChange(event, page - 1);
+    };
+    const handleNextButtonClick = (event) => {
+        var _a;
+        paginationDispatch('nextPage', 'click', (_a = (page + 1)) === null || _a === void 0 ? void 0 : _a.toString());
+        onPageChange(event, page + 1);
+    };
+    const handleLastPageButtonClick = (event) => {
+        paginationDispatch('lastPage', 'click', 'true');
+        onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
+    };
+    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, {}) }))] }))] }));
+}
+exports.TablePaginationActions = TablePaginationActions;
+//# sourceMappingURL=TablePagination.js.map

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TableRowProps } from '@mui/material';
+import { XyoPayload } from '@xyo-network/payload';
+import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
+export interface PayloadTableRowProps extends TableRowProps {
+    payload?: XyoPayload;
+    archive?: string;
+    exploreDomain?: string;
+    columns?: PayloadTableColumnConfig;
+    network?: string;
+    maxSchemaDepth?: number;
+}
+export declare const PayloadTableRow: React.FC<PayloadTableRowProps>;
+//# sourceMappingURL=TableRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAA8C,aAAa,EAAc,MAAM,eAAe,CAAA;AAErG,OAAO,EAAoC,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAInF,OAAO,EAAE,wBAAwB,EAA4D,MAAM,4BAA4B,CAAA;AAE/H,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgF1D,CAAA"}

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PayloadTableRow = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CheckCircleOutlineRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/CheckCircleOutlineRounded"));
+const ErrorOutlineRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ErrorOutlineRounded"));
+const WarningAmberRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/WarningAmberRounded"));
+const material_1 = require("@mui/material");
+const react_shared_1 = require("@xylabs/react-shared");
+const payload_1 = require("@xyo-network/payload");
+const react_network_1 = require("@xyo-network/react-network");
+const react_shared_2 = require("@xyo-network/react-shared");
+const PayloadTableColumnConfig_1 = require("./PayloadTableColumnConfig");
+const PayloadTableRow = (_a) => {
+    var _b;
+    var { exploreDomain, network: networkProp, payload, archive, maxSchemaDepth, columns = (0, PayloadTableColumnConfig_1.payloadTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "network", "payload", "archive", "maxSchemaDepth", "columns"]);
+    const breakPoint = (0, react_shared_1.useBreakpoint)();
+    const wrapper = payload ? new payload_1.PayloadWrapper(payload) : undefined;
+    const { network } = (0, react_network_1.useNetwork)();
+    const hash = (props) => ((0, jsx_runtime_1.jsx)(react_shared_2.HashTableCell, Object.assign({ archive: archive, width: "100%", value: wrapper === null || wrapper === void 0 ? void 0 : wrapper.hash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp !== null && networkProp !== void 0 ? networkProp : network === null || network === void 0 ? void 0 : network.slug }, props), "hash"));
+    const reduceSchemaDepth = (schema, maxSchemaDepth) => {
+        var _a;
+        if (maxSchemaDepth) {
+            const parts = (_a = schema === null || schema === void 0 ? void 0 : schema.split('.')) !== null && _a !== void 0 ? _a : [];
+            const partsToRemove = parts.length - maxSchemaDepth > 0 ? parts.length - maxSchemaDepth : 0;
+            if (partsToRemove > 0) {
+                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}`)}`] }));
+            }
+        }
+        return schema;
+    };
+    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"));
+    const isValid = wrapper ? new payload_1.PayloadValidator(wrapper.body).validate().length === 0 : undefined;
+    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" })) : (
+        //to keep row height consistent when no data provided, may need fix later
+        (0, jsx_runtime_1.jsx)(ErrorOutlineRounded_1.default, { sx: { color: (0, material_1.alpha)('#fff', 0) }, fontSize: "small" })) }), "valid"));
+    const tableCells = {
+        hash,
+        schema,
+        valid,
+    };
+    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) => {
+            return tableCells[column]({});
+        }) }))) : null;
+};
+exports.PayloadTableRow = PayloadTableRow;
+//# sourceMappingURL=TableRow.js.map

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TableRowProps, TypographyProps } from '@mui/material';
+export interface TableRowNoDataProps extends TableRowProps {
+    typographyProps?: TypographyProps;
+}
+export declare const TableRowNoData: React.FC<TableRowNoDataProps>;
+//# sourceMappingURL=TableRowNoData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowNoData.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRowNoData.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,aAAa,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/F,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableRowNoData = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const TableRowNoData = (_a) => {
+    var { typographyProps } = _a, props = tslib_1.__rest(_a, ["typographyProps"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.TableRow, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ sx: { border: 'none' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2" }, typographyProps, { children: "No Data To Display..." })) })) })));
+};
+exports.TableRowNoData = TableRowNoData;
+//# sourceMappingURL=TableRowNoData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowNoData.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRowNoData.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+F;AAMxF,MAAM,cAAc,GAAkC,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,eAAe,OAAY,EAAP,KAAK,sBAA3B,mBAA6B,CAAF;IACvF,OAAO,CACL,uBAAC,mBAAQ,oBAAK,KAAK,cACjB,uBAAC,oBAAS,kBAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,gBAC/B,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,IAAK,eAAe,yCAElC,IACH,IACH,CACZ,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,cAAc,kBAU1B"}

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

@@ -0,0 +1,7 @@
+export * from './PayloadTableColumnConfig';
+export * from './Table';
+export * from './TablePagination';
+export * from './TableRow';
+export * from './TableRowNoData';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA"}

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

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

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

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

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

@@ -0,0 +1,2 @@
+export type PaginationNouns = 'nextPage' | 'previousPage' | 'firstPage' | 'lastPage';
+//# sourceMappingURL=PaginationEventNouns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationEventNouns.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/types/PaginationEventNouns.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,cAAc,GAAG,WAAW,GAAG,UAAU,CAAA"}

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { TableBodyProps, TableRowProps } from '@mui/material';
+import { WithChildren } from '@xylabs/react-shared';
+import { XyoPayload, XyoPayloads } from '@xyo-network/payload';
+import { ComponentType } from 'react';
+export interface PayloadTableBodyProps extends TableBodyProps, WithChildren {
+    payloads?: XyoPayloads;
+    archive?: string;
+    maxSchemaDepth?: number;
+    onRowClick?: (value: XyoPayload) => void;
+    exploreDomain?: string;
+    emptyRows?: number;
+    noResults?: boolean;
+    NoResultRowComponent?: ComponentType<TableRowProps>;
+}
+//# sourceMappingURL=PayloadTableBodyProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadTableBodyProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableBodyProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,WAAW,qBAAsB,SAAQ,cAAc,EAAE,YAAY;IACzE,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;CACpD"}

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { TableExVariants } from '@xyo-network/react-table';
+import { ChangeEvent, MouseEvent } from 'react';
+export interface PayloadTableFooterProps {
+    count?: number;
+    rowsPerPage?: number;
+    variant?: TableExVariants;
+    page?: number;
+    handleChangePage?: (event: MouseEvent<HTMLButtonElement> | null, newPage: number) => void;
+    handleChangeRowsPerPage?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    fetchMorePayloads?: () => void;
+    loading?: boolean;
+}
+//# sourceMappingURL=PayloadTableFooterProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadTableFooterProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/types/PayloadTableFooterProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzF,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC9F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

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

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

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

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