@xyo-network/react-payload-table 2.75.6 → 2.75.7

package/src/components/Table/Table.tsx

@@ -1,3 +1,4 @@
+import { Hash } from '@xylabs/hex'
 import { Payload } from '@xyo-network/payload-model'
 import { TableEx, TableExProps } from '@xyo-network/react-table'
 import { ComponentType, forwardRef, useEffect, useMemo, useState } from 'react'
@@ -23,6 +24,7 @@ export interface PayloadTableProps extends TableExProps {
   loading?: boolean
   /** set number of schema parts to display starting from the end */
   maxSchemaDepth?: number
+  onHashClick?: (value: Hash) => void
   onRowClick?: (value: Payload) => void
   payloads?: Payload[] | null
   rowsPerPage?: number
@@ -33,6 +35,7 @@ export const PayloadTableWithRef = forwardRef<HTMLTableElement, PayloadTableProp
     {
       exploreDomain,
       archive,
+      onHashClick,
       onRowClick,
       fetchMorePayloads,
       rowsPerPage: rowsPerPageProp = 25,
@@ -109,6 +112,7 @@ export const PayloadTableWithRef = forwardRef<HTMLTableElement, PayloadTableProp
           archive={archive}
           maxSchemaDepth={maxSchemaDepth}
           onRowClick={onRowClick}
+          onHashClick={onHashClick}
           emptyRows={emptyRows}
           noResults={noResults}
           NoResultRowComponent={TableRowNoData}

package/src/components/Table/TableBody.tsx

@@ -12,6 +12,7 @@ export const PayloadTableBody: React.FC<PayloadTableBodyProps> = ({
   payloads,
   archive,
   maxSchemaDepth,
+  onHashClick,
   onRowClick,
   emptyRows,
   noResults,
@@ -46,6 +47,7 @@ export const PayloadTableBody: React.FC<PayloadTableBodyProps> = ({
                   }
                 : undefined
               }
+              onHashClick={onHashClick}
               exploreDomain={exploreDomain}
               payload={payload}
             />

package/src/components/Table/TableRow.tsx

@@ -4,6 +4,7 @@ import {
   WarningAmberRounded as WarningAmberRoundedIcon,
 } from '@mui/icons-material'
 import { alpha, TableCell, TableCellProps, TableRow, TableRowProps, Typography } from '@mui/material'
+import { Hash } from '@xylabs/hex'
 import { usePromise } from '@xylabs/react-promise'
 import { useBreakpoint } from '@xylabs/react-shared'
 import { Payload } from '@xyo-network/payload-model'
@@ -19,6 +20,7 @@ export interface PayloadTableRowProps extends TableRowProps {
   exploreDomain?: string
   maxSchemaDepth?: number
   network?: string
+  onHashClick?: (value: Hash) => void
   payload?: Payload
 }
 
@@ -28,6 +30,7 @@ export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({
   exploreDomain,
   maxSchemaDepth,
   network: networkProp,
+  onHashClick,
   payload,
   ...props
 }) => {

package/src/components/Table/types/PayloadTableBodyProps.ts

@@ -1,4 +1,5 @@
 import { TableBodyProps, TableRowProps } from '@mui/material'
+import { Hash } from '@xylabs/hex'
 import { WithChildren } from '@xylabs/react-shared'
 import { Payload } from '@xyo-network/payload-model'
 import { ComponentType } from 'react'
@@ -10,6 +11,7 @@ export interface PayloadTableBodyProps extends TableBodyProps, WithChildren {
   exploreDomain?: string
   maxSchemaDepth?: number
   noResults?: boolean
+  onHashClick?: (value: Hash) => void
   onRowClick?: (value: Payload) => void
   payloads?: Payload[]
 }