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

package/package.json

@@ -10,26 +10,27 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-promise": "^3.1.6",
-    "@xylabs/react-shared": "^3.1.6",
-    "@xyo-network/hash": "^2.99.1",
-    "@xyo-network/payload-model": "^2.99.1",
-    "@xyo-network/payload-validator": "^2.99.1",
-    "@xyo-network/react-error": "~2.75.6",
-    "@xyo-network/react-event": "~2.75.6",
-    "@xyo-network/react-network": "~2.75.6",
-    "@xyo-network/react-payload-plugin": "~2.75.6",
-    "@xyo-network/react-payload-plugin-resolver": "~2.75.6",
-    "@xyo-network/react-shared": "~2.75.6",
-    "@xyo-network/react-table": "~2.75.6"
+    "@xylabs/hex": "^3.3.2",
+    "@xylabs/react-promise": "^3.1.7",
+    "@xylabs/react-shared": "^3.1.7",
+    "@xyo-network/hash": "^2.99.3",
+    "@xyo-network/payload-model": "^2.99.3",
+    "@xyo-network/payload-validator": "^2.99.3",
+    "@xyo-network/react-error": "~2.76.0",
+    "@xyo-network/react-event": "~2.76.0",
+    "@xyo-network/react-network": "~2.76.0",
+    "@xyo-network/react-payload-plugin": "~2.76.0",
+    "@xyo-network/react-payload-plugin-resolver": "~2.76.0",
+    "@xyo-network/react-shared": "~2.76.0",
+    "@xyo-network/react-table": "~2.76.0"
   },
   "devDependencies": {
-    "@storybook/react": "^7.6.18",
-    "@xylabs/delay": "^3.1.13",
-    "@xylabs/ts-scripts-yarn3": "^3.9.1",
-    "@xylabs/tsconfig-react": "^3.9.1",
-    "@xyo-network/react-crypto-market-uniswap-plugin": "~2.75.6",
-    "@xyo-network/react-storybook": "~2.75.6",
+    "@storybook/react": "^7.6.19",
+    "@xylabs/delay": "^3.3.2",
+    "@xylabs/ts-scripts-yarn3": "^3.10.0",
+    "@xylabs/tsconfig-react": "^3.10.0",
+    "@xyo-network/react-crypto-market-uniswap-plugin": "~2.76.0",
+    "@xyo-network/react-storybook": "~2.76.0",
     "react-router-dom": "^6.23.0",
     "typescript": "^5.4.5"
   },
@@ -93,6 +94,6 @@
     "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,
-  "version": "2.75.6",
+  "version": "2.76.0",
   "type": "module"
 }

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
 }) => {
@@ -43,6 +46,7 @@ export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({
       archive={archive}
       width="100%"
       value={payloadHash}
+      onHashClick={onHashClick}
       dataType="payload"
       exploreDomain={exploreDomain}
       network={networkProp ?? network?.slug}

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[]
 }