@xyo-network/react-payload-table 2.28.0

package/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/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,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAMzF,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,CA4FxE,CAAA"}

package/dist/esm/components/DynamicTable/DynamicTableRow.js

@@ -0,0 +1,41 @@
+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 { XyoPayloadValidator, XyoPayloadWrapper } from '@xyo-network/payload';
+import { useNetwork } from '@xyo-network/react-network';
+import { usePayloadRenderPluginResolver } from '@xyo-network/react-payload-plugin';
+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 XyoPayloadWrapper(payload) : undefined;
+    const { network } = useNetwork();
+    const { resolver } = usePayloadRenderPluginResolver();
+    const hash = (props) => (_jsx(HashTableCell, { align: "left", archive: archive, width: "100%", value: wrapper?.hash, dataType: "payload", exploreDomain: exploreDomain, sx: { textOverflow: 'ellipsis' }, network: networkProp ?? network?.slug, ...props }, "hash"));
+    const schema = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
+    const details = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.sources }) }, "payloads"));
+    const render = (props) => (_jsx(TableCell, { align: "left", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "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 XyoPayloadValidator(wrapper.body).validate().length === 0 : undefined;
+    const valid = (props) => (_jsx(TableCell, { align: "center", ...props, children: isValid === undefined ? (_jsx(WarningAmberRoundedIcon, { fontSize: "small", color: "warning" })) : isValid ? (_jsx(CheckCircleOutlineRoundedIcon, { fontSize: "small", color: "success" })) : (_jsx(ErrorOutlineRoundedIcon, { color: "error", fontSize: "small" })) }, "valid"));
+    const tableCells = {
+        details,
+        hash,
+        icon,
+        render,
+        schema,
+        valid,
+    };
+    return breakPoint ? (_jsx(TableRow, { style: { maxWidth: '100vw' }, ...props, children: columns[breakPoint]?.map((column) => {
+            return tableCells[column]({});
+        }) })) : null;
+};
+//# sourceMappingURL=DynamicTableRow.js.map

package/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/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.d.ts

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

package/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,oBAAY,6BAA6B,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEvG,MAAM,WAAW,+BAA+B;IAC9C,EAAE,CAAC,EAAE,6BAA6B,EAAE,CAAA;IACpC,EAAE,CAAC,EAAE,6BAA6B,EAAE,CAAA;IACpC,EAAE,CAAC,EAAE,6BAA6B,EAAE,CAAA;IACpC,EAAE,CAAC,EAAE,6BAA6B,EAAE,CAAA;IACpC,EAAE,CAAC,EAAE,6BAA6B,EAAE,CAAA;CACrC;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,6BAA6B,EAAE,MAAM,CAO5E,CAAA;AAED,eAAO,MAAM,uCAAuC,QAAO,+BAO1D,CAAA"}

package/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.js

@@ -0,0 +1,17 @@
+export const payloadColumnNames = {
+    details: 'Details',
+    hash: 'Hash',
+    icon: 'Icon',
+    render: 'Render',
+    schema: 'Schema',
+    valid: 'Valid',
+};
+export const payloadDynamicTableColumnConfigDefaults = () => {
+    const xs = ['icon', 'hash', 'schema', 'render', 'valid'];
+    const sm = ['icon', 'hash', 'schema', 'render', 'valid'];
+    const md = ['icon', 'hash', 'schema', 'render', 'valid'];
+    const lg = ['icon', 'hash', 'schema', 'render', 'valid'];
+    const xl = ['icon', 'hash', 'schema', 'render', 'valid'];
+    return { lg, md, sm, xl, xs };
+};
+//# sourceMappingURL=PayloadDynamicTableColumnConfig.js.map

package/dist/esm/components/DynamicTable/PayloadDynamicTableColumnConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadDynamicTableColumnConfig.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/PayloadDynamicTableColumnConfig.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,kBAAkB,GAAkD;IAC/E,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,CAAC,MAAM,uCAAuC,GAAG,GAAoC,EAAE;IAC3F,MAAM,EAAE,GAAoC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACzF,MAAM,EAAE,GAAoC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACzF,MAAM,EAAE,GAAoC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACzF,MAAM,EAAE,GAAoC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACzF,MAAM,EAAE,GAAoC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;IACzF,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAC/B,CAAC,CAAA"}

package/dist/esm/components/DynamicTable/Table.d.ts

@@ -0,0 +1,13 @@
+/// <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;
+    payloads?: XyoPayload[] | null;
+    columns?: PayloadDynamicTableColumnConfig;
+}
+export declare const PayloadDynamicTable: React.FC<PayloadDynamicTableProps>;
+//# sourceMappingURL=Table.d.ts.map

package/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":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAIpE,OAAO,EAAsB,+BAA+B,EAA2C,MAAM,mCAAmC,CAAA;AAEhJ,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,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,+BAA+B,CAAA;CAC1C;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwDlE,CAAA"}

package/dist/esm/components/DynamicTable/Table.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material';
+import { useBreakpoint } from '@xylabs/react-shared';
+import { XyoPayloadWrapper } from '@xyo-network/payload';
+import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service';
+import { PayloadDynamicTableRow } from './DynamicTableRow';
+import { payloadColumnNames, payloadDynamicTableColumnConfigDefaults } from './PayloadDynamicTableColumnConfig';
+export const PayloadDynamicTable = ({ exploreDomain, archive, onRowClick, payloads, children, columns = payloadDynamicTableColumnConfigDefaults(), ...props }) => {
+    const breakPoint = useBreakpoint();
+    return breakPoint ? (_jsxs(Table, { ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
+                        return (_jsx(TableCell, { width: undefined, align: "left", children: _jsx(Typography, { variant: "caption", noWrap: true, children: _jsx("strong", { children: payloadColumnNames[column] }) }) }, index));
+                    }) }) }), _jsxs(TableBody, { children: [payloads?.map((payload, index) => {
+                        const wrapper = new XyoPayloadWrapper(payload);
+                        return (_jsx(XyoApiThrownErrorBoundary, { 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] })] })) : null;
+};
+//# sourceMappingURL=Table.js.map

package/dist/esm/components/DynamicTable/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAc,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAE3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAmC,uCAAuC,EAAE,MAAM,mCAAmC,CAAA;AAUhJ,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,uCAAuC,EAAE,EACnD,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,MAAC,KAAK,OAAK,KAAK,aACd,KAAC,SAAS,cACR,KAAC,QAAQ,cACN,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wBAC1C,OAAO,CACL,KAAC,SAAS,IAAa,KAAK,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,YACnD,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,kBAClC,2BAAS,kBAAkB,CAAC,MAAM,CAAC,GAAU,GAClC,IAHC,KAAK,CAIT,CACb,CAAA;oBACH,CAAC,CAAC,GACO,GACD,EACZ,MAAC,SAAS,eACP,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;wBAChC,MAAM,OAAO,GAAG,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAA;wBAC9C,OAAO,CACL,KAAC,yBAAyB,IAExB,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,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,UAAU;oCACR,CAAC,CAAC,GAAG,EAAE;wCACH,UAAU,CAAC,OAAO,CAAC,CAAA;oCACrB,CAAC;oCACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,IAlBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAmBL,CAC7B,CAAA;oBACH,CAAC,CAAC,EACD,QAAQ,IACC,IACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}

package/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/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/dist/esm/components/DynamicTable/index.js

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

package/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/dist/esm/components/Table/PayloadTableColumnConfig.d.ts

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

package/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,oBAAY,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEhE,MAAM,WAAW,wBAAwB;IACvC,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7B,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAA;CAC9B;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAKrE,CAAA;AAED,eAAO,MAAM,gCAAgC,QAAO,wBAOnD,CAAA"}

package/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/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;IAEhB,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/dist/esm/components/Table/Table.d.ts

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

package/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,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAsB,wBAAwB,EAAoC,MAAM,4BAA4B,CAAA;AAG3H,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,wBAAwB,CAAA;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwDpD,CAAA"}

package/dist/esm/components/Table/Table.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Table, TableBody, TableCell, TableHead, TableRow, Typography } from '@mui/material';
+import { useBreakpoint } from '@xylabs/react-shared';
+import { XyoPayloadWrapper } from '@xyo-network/payload';
+import { XyoApiThrownErrorBoundary } from '@xyo-network/react-auth-service';
+import { payloadColumnNames, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
+import { PayloadTableRow } from './TableRow';
+export const PayloadTable = ({ exploreDomain, archive, onRowClick, payloads, children, columns = payloadTableColumnConfigDefaults(), ...props }) => {
+    const breakPoint = useBreakpoint();
+    return breakPoint ? (_jsxs(Table, { ...props, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: columns[breakPoint]?.map((column, index) => {
+                        return (_jsx(TableCell, { width: index === 0 ? '100%' : undefined, align: index === 0 ? 'left' : 'center', children: _jsx(Typography, { variant: "caption", noWrap: true, children: _jsx("strong", { children: payloadColumnNames[column] }) }) }, index));
+                    }) }) }), _jsxs(TableBody, { children: [payloads?.map((payload, index) => {
+                        const wrapper = new XyoPayloadWrapper(payload);
+                        return (_jsx(XyoApiThrownErrorBoundary, { errorComponent: (e) => (_jsxs(Alert, { severity: "error", children: ["Error Loading Payload: ", _jsx(Typography, { fontWeight: "bold", children: e.message })] })), children: _jsx(PayloadTableRow, { archive: archive, onClick: onRowClick
+                                    ? () => {
+                                        onRowClick(payload);
+                                    }
+                                    : undefined, exploreDomain: exploreDomain, payload: payload }) }, `${wrapper.hash}-${index}`));
+                    }), children] })] })) : null;
+};
+//# sourceMappingURL=Table.js.map

package/dist/esm/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAc,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAE3E,OAAO,EAAE,kBAAkB,EAA4B,gCAAgC,EAAE,MAAM,4BAA4B,CAAA;AAC3H,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAU5C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,gCAAgC,EAAE,EAC5C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,MAAC,KAAK,OAAK,KAAK,aACd,KAAC,SAAS,cACR,KAAC,QAAQ,cACN,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wBAC1C,OAAO,CACL,KAAC,SAAS,IAAa,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,YACpG,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,kBAClC,2BAAS,kBAAkB,CAAC,MAAM,CAAC,GAAU,GAClC,IAHC,KAAK,CAIT,CACb,CAAA;oBACH,CAAC,CAAC,GACO,GACD,EACZ,MAAC,SAAS,eACP,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;wBAChC,MAAM,OAAO,GAAG,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAA;wBAC9C,OAAO,CACL,KAAC,yBAAyB,IAExB,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,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,UAAU;oCACR,CAAC,CAAC,GAAG,EAAE;wCACH,UAAU,CAAC,OAAO,CAAC,CAAA;oCACrB,CAAC;oCACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,IAlBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAmBL,CAC7B,CAAA;oBACH,CAAC,CAAC,EACD,QAAQ,IACC,IACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}

package/dist/esm/components/Table/TableRow.d.ts

@@ -0,0 +1,13 @@
+/// <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;
+}
+export declare const PayloadTableRow: React.FC<PayloadTableRowProps>;
+//# sourceMappingURL=TableRow.d.ts.map

package/dist/esm/components/Table/TableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,aAAa,EAAc,MAAM,eAAe,CAAA;AAE9F,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAKzF,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;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8D1D,CAAA"}

package/dist/esm/components/Table/TableRow.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableCell, TableRow, Typography } from '@mui/material';
+import { useBreakpoint } from '@xylabs/react-shared';
+import { XyoPayloadValidator, XyoPayloadWrapper } from '@xyo-network/payload';
+import { useNetwork } from '@xyo-network/react-network';
+import { HashTableCell } from '@xyo-network/react-shared';
+import { MdClear, MdDone } from 'react-icons/md';
+import { payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig';
+export const PayloadTableRow = ({ exploreDomain, network: networkProp, payload, archive, columns = payloadTableColumnConfigDefaults(), ...props }) => {
+    const breakPoint = useBreakpoint();
+    const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined;
+    const { network } = useNetwork();
+    const hash = (props) => (_jsx(HashTableCell, { archive: archive, width: "100%", value: wrapper?.hash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp ?? network?.slug, ...props }, "hash"));
+    const schema = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: payload?.schema }) }, "payloads"));
+    const isValid = wrapper ? new XyoPayloadValidator(wrapper.body).validate().length === 0 : undefined;
+    const valid = (props) => (_jsx(TableCell, { align: "center", ...props, children: _jsx(Typography, { fontFamily: "monospace", variant: "body2", noWrap: true, children: isValid === undefined ? (_jsx(MdDone, { fontSize: 18, color: "yellow" })) : isValid ? (_jsx(MdDone, { fontSize: 18, color: "green" })) : (_jsx(MdClear, { color: "red", fontSize: 18 })) }) }, "valid"));
+    const tableCells = {
+        hash,
+        schema,
+        valid,
+    };
+    return breakPoint ? (_jsx(TableRow, { style: { maxWidth: '100vw' }, ...props, children: columns[breakPoint]?.map((column) => {
+            return tableCells[column]({});
+        }) })) : null;
+};
+//# sourceMappingURL=TableRow.js.map

package/dist/esm/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/dist/esm/components/Table/index.d.ts

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

package/dist/esm/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,YAAY,CAAA"}

package/dist/esm/components/Table/index.js

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

package/dist/esm/components/Table/index.js.map

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

package/dist/esm/components/index.d.ts

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

package/dist/esm/components/index.d.ts.map

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

package/dist/esm/components/index.js

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

package/dist/esm/components/index.js.map

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

package/dist/esm/index.d.ts

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

package/dist/esm/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/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@xyo-network/react-payload-table",
+  "author": {
+    "email": "support@xyo.network",
+    "name": "XYO Development Team",
+    "url": "https://xyo.network"
+  },
+  "bugs": {
+    "email": "support@xyo.network",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@mui/icons-material": "^5.8.4",
+    "@mui/material": "^5.10.1",
+    "@xylabs/react-shared": "^2.14.13",
+    "@xyo-network/payload": "^2.26.7",
+    "@xyo-network/react-auth-service": "^2.28.0",
+    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.28.0",
+    "@xyo-network/react-network": "^2.28.0",
+    "@xyo-network/react-payload-plugin": "^2.28.0",
+    "@xyo-network/react-shared": "^2.28.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-icons": "^4.4.0",
+    "react-router-dom": "^6.3.0",
+    "tslib": "^2.4.0"
+  },
+  "description": "Common React library for all XYO projects that use React",
+  "devDependencies": {
+    "@storybook/react": "^6.5.10",
+    "@xylabs/tsconfig-dom": "^2.5.119",
+    "@xyo-network/react-storybook": "^2.28.0"
+  },
+  "browser": "dist/esm/index.js",
+  "docs": "dist/docs.json",
+  "exports": {
+    ".": {
+      "node": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "default": "./dist/esm/index.js"
+    },
+    "./dist/docs.json": {
+      "default": "./dist/docs.json"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "homepage": "https://xyo.network",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "license": "LGPL-3.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "scripts": {
+    "lint-pkg": "npmPkgJsonLint .",
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
+  },
+  "sideEffects": false,
+  "types": "dist/esm/index.d.ts",
+  "version": "2.28.0"
+}

package/src/components/DynamicTable/DynamicTable.stories.tsx

@@ -0,0 +1,49 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { UniswapPairsRenderPlugin } from '@xyo-network/react-crypto-market-uniswap-payload-plugin'
+import { DefaultPayloadRenderPlugin, PayloadRenderPluginResolverProvider, XyoPayloadRenderPluginResolver } from '@xyo-network/react-payload-plugin'
+import { samplePayload, useAppThemeDecorator } from '@xyo-network/react-storybook'
+import { BrowserRouter } from 'react-router-dom'
+
+import { PayloadDynamicTable } from './Table'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: PayloadDynamicTable,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'payload/DynamicTable',
+} as ComponentMeta<typeof PayloadDynamicTable>
+
+const Template: ComponentStory<typeof PayloadDynamicTable> = (args) => (
+  <PayloadRenderPluginResolverProvider
+    resolver={new XyoPayloadRenderPluginResolver().register(UniswapPairsRenderPlugin).register(DefaultPayloadRenderPlugin)}
+  >
+    <BrowserRouter>
+      <PayloadDynamicTable {...args}></PayloadDynamicTable>
+    </BrowserRouter>
+  </PayloadRenderPluginResolverProvider>
+)
+
+const Default = Template.bind({})
+Default.args = {}
+Default.decorators = [useAppThemeDecorator]
+
+const WithData = Template.bind({})
+WithData.args = { payloads: [samplePayload, samplePayload] }
+WithData.decorators = [useAppThemeDecorator]
+
+const WithError = Template.bind({})
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { _hash, ...badPayload } = samplePayload
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+//@ts-ignore
+WithError.args = { payloads: [samplePayload, badPayload] }
+
+export { Default, WithData, WithError }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/DynamicTable/DynamicTableRow.tsx

@@ -0,0 +1,118 @@
+import CheckCircleOutlineRoundedIcon from '@mui/icons-material/CheckCircleOutlineRounded'
+import ErrorOutlineRoundedIcon from '@mui/icons-material/ErrorOutlineRounded'
+import WarningAmberRoundedIcon from '@mui/icons-material/WarningAmberRounded'
+import { AvatarProps, TableCell, TableCellProps, TableRow, TableRowProps, Typography } from '@mui/material'
+import { useBreakpoint } from '@xylabs/react-shared'
+import { XyoPayload, XyoPayloadValidator, XyoPayloadWrapper } from '@xyo-network/payload'
+import { useNetwork } from '@xyo-network/react-network'
+import { usePayloadRenderPluginResolver, XyoPayloadRenderProps } from '@xyo-network/react-payload-plugin'
+import { HashTableCell } from '@xyo-network/react-shared'
+import { ComponentType } from 'react'
+
+import {
+  PayloadDynamicTableColumnConfig,
+  payloadDynamicTableColumnConfigDefaults,
+  PayloadDynamicTableColumnSlug,
+} from './PayloadDynamicTableColumnConfig'
+
+export interface PayloadDynamicTableRowProps extends TableRowProps {
+  payload?: XyoPayload
+  archive?: string
+  exploreDomain?: string
+  columns?: PayloadDynamicTableColumnConfig
+  network?: string
+}
+
+export const PayloadDynamicTableRow: React.FC<PayloadDynamicTableRowProps> = ({
+  exploreDomain,
+  network: networkProp,
+  payload,
+  archive,
+  columns = payloadDynamicTableColumnConfigDefaults(),
+  ...props
+}) => {
+  const breakPoint = useBreakpoint()
+  const wrapper = payload ? new XyoPayloadWrapper(payload) : undefined
+  const { network } = useNetwork()
+  const { resolver } = usePayloadRenderPluginResolver()
+  const hash: React.FC<TableCellProps> = (props) => (
+    <HashTableCell
+      key="hash"
+      align="left"
+      archive={archive}
+      width="100%"
+      value={wrapper?.hash}
+      dataType="payload"
+      exploreDomain={exploreDomain}
+      sx={{ textOverflow: 'ellipsis' }}
+      network={networkProp ?? network?.slug}
+      {...props}
+    />
+  )
+
+  const schema: React.FC<TableCellProps> = (props) => (
+    <TableCell key="payloads" align="center" {...props}>
+      <Typography fontFamily="monospace" variant="body2" noWrap>
+        {payload?.schema}
+      </Typography>
+    </TableCell>
+  )
+
+  const details: React.FC<TableCellProps> = (props) => (
+    <TableCell key="payloads" align="center" {...props}>
+      <Typography fontFamily="monospace" variant="body2" noWrap>
+        {payload?.sources}
+      </Typography>
+    </TableCell>
+  )
+
+  const render: React.FC<TableCellProps> = (props) => (
+    <TableCell key="payloads" align="left" {...props}>
+      <Typography fontFamily="monospace" variant="body2" noWrap>
+        {payload?.schema}
+      </Typography>
+    </TableCell>
+  )
+
+  const icon: React.FC<TableCellProps> = (props) => {
+    const Avatar: ComponentType<XyoPayloadRenderProps & AvatarProps> | undefined = payload
+      ? resolver?.resolve(payload)?.components.avatar.image
+      : undefined
+    return (
+      <TableCell key="payloads" align="left" {...props}>
+        {Avatar ? <Avatar payload={payload} /> : null}
+      </TableCell>
+    )
+  }
+
+  const isValid = wrapper ? new XyoPayloadValidator(wrapper.body).validate().length === 0 : undefined
+
+  const valid: React.FC<TableCellProps> = (props) => (
+    <TableCell key="valid" align="center" {...props}>
+      {isValid === undefined ? (
+        <WarningAmberRoundedIcon fontSize="small" color="warning" />
+      ) : isValid ? (
+        <CheckCircleOutlineRoundedIcon fontSize="small" color="success" />
+      ) : (
+        <ErrorOutlineRoundedIcon color="error" fontSize="small" />
+      )}
+    </TableCell>
+  )
+
+  const tableCells: Record<PayloadDynamicTableColumnSlug, React.FC<TableCellProps>> = {
+    details,
+    hash,
+    icon,
+    render,
+    schema,
+    valid,
+  }
+
+  return breakPoint ? (
+    <TableRow style={{ maxWidth: '100vw' }} {...props}>
+      {columns[breakPoint]?.map((column) => {
+        return tableCells[column]({})
+      })}
+    </TableRow>
+  ) : null
+}