@xyo-network/react-chain-blockchain 1.2.4 → 1.2.6

package/dist/types/components/block/table/cell/PayloadCounts.d.ts

@@ -1,6 +1,12 @@
+import type { Hash } from '@xylabs/hex';
 import React from 'react';
 import type { BlockTableCellProps } from './lib/index.ts';
 export interface BlockPayloadCountsTableCellProps extends BlockTableCellProps {
 }
+export interface BlockPayloadCountsEventData {
+    block: Hash;
+    privatePayloads: number;
+    publicPayloads: number;
+}
 export declare const BlockPayloadCountsTableCell: React.FC<BlockPayloadCountsTableCellProps>;
 //# sourceMappingURL=PayloadCounts.d.ts.map

package/dist/types/components/block/table/cell/PayloadCounts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadCounts.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/PayloadCounts.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,gCAAiC,SAAQ,mBAAmB;CAAG;AAEhF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAqBlF,CAAA"}
+{"version":3,"file":"PayloadCounts.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/PayloadCounts.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,gCAAiC,SAAQ,mBAAmB;CAAG;AAEhF,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,IAAI,CAAA;IACX,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CA6BlF,CAAA"}

package/dist/types/components/block/table/cell/TransactionCount.d.ts

@@ -1,6 +1,11 @@
+import type { Hash } from '@xylabs/hex';
 import React from 'react';
 import type { BlockTableCellProps } from './lib/index.ts';
 export interface BlockTransactionCountTableCellProps extends BlockTableCellProps {
 }
+export interface BlockTransactionCountEventData {
+    block: Hash;
+    transactions: number;
+}
 export declare const BlockTransactionCountTableCell: React.FC<BlockTransactionCountTableCellProps>;
 //# sourceMappingURL=TransactionCount.d.ts.map

package/dist/types/components/block/table/cell/TransactionCount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionCount.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/TransactionCount.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,mCAAoC,SAAQ,mBAAmB;CAAG;AAEnF,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,mCAAmC,CAoBxF,CAAA"}
+{"version":3,"file":"TransactionCount.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/TransactionCount.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,mCAAoC,SAAQ,mBAAmB;CAAG;AAEnF,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,IAAI,CAAA;IACX,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,mCAAmC,CA4BxF,CAAA"}

package/dist/types/components/block/table/cell/hooks/useLinkedBlockItem.d.ts

@@ -1,4 +1,4 @@
 import type { Ref } from 'react';
 import type { BlockHeaderEventNouns } from '../../../hooks/index.ts';
-export declare const useLinkedBlockItem: (noun?: BlockHeaderEventNouns, data?: string) => [Ref<HTMLElement | null>, (event: React.MouseEvent) => void];
+export declare const useLinkedBlockItem: (noun?: BlockHeaderEventNouns, data?: string | object) => [Ref<HTMLElement | null>, (event: React.MouseEvent) => void];
 //# sourceMappingURL=useLinkedBlockItem.d.ts.map

package/dist/types/components/block/table/cell/hooks/useLinkedBlockItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLinkedBlockItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/block/table/cell/hooks/useLinkedBlockItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAEpE,eAAO,MAAM,kBAAkB,GAAI,OAAO,qBAAqB,EAAE,OAAO,MAAM,KAAG,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAa3I,CAAA"}
+{"version":3,"file":"useLinkedBlockItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/block/table/cell/hooks/useLinkedBlockItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAEpE,eAAO,MAAM,kBAAkB,GAAI,OAAO,qBAAqB,EAAE,OAAO,MAAM,GAAG,MAAM,KAAG,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAapJ,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockchain",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -40,32 +40,32 @@
     "@xylabs/exists": "^4.8.5",
     "@xylabs/hex": "^4.8.5",
     "@xylabs/promise": "^4.8.5",
-    "@xylabs/react-animation": "^6.1.15",
-    "@xylabs/react-error": "^6.1.15",
-    "@xylabs/react-flexbox": "^6.1.15",
-    "@xylabs/react-identicon": "^6.1.15",
-    "@xylabs/react-promise": "^6.1.15",
-    "@xylabs/react-quick-tip-button": "^6.1.15",
+    "@xylabs/react-animation": "^6.2.1",
+    "@xylabs/react-error": "^6.2.1",
+    "@xylabs/react-flexbox": "^6.2.1",
+    "@xylabs/react-identicon": "^6.2.1",
+    "@xylabs/react-promise": "^6.2.1",
+    "@xylabs/react-quick-tip-button": "^6.2.1",
     "@xyo-network/account": "^3.12.4",
     "@xyo-network/api-models": "^3.12.4",
     "@xyo-network/archivist-model": "^3.12.4",
     "@xyo-network/boundwitness-builder": "^3.12.4",
     "@xyo-network/boundwitness-model": "^3.12.4",
     "@xyo-network/bridge-http": "^3.12.4",
-    "@xyo-network/chain-ethereum": "^1.2.4",
-    "@xyo-network/chain-protocol": "^1.2.4",
-    "@xyo-network/chain-services": "^1.2.4",
+    "@xyo-network/chain-ethereum": "^1.2.6",
+    "@xyo-network/chain-protocol": "^1.2.6",
+    "@xyo-network/chain-services": "^1.2.6",
     "@xyo-network/module-model": "^3.12.4",
     "@xyo-network/payload-builder": "^3.12.4",
     "@xyo-network/payload-model": "^3.12.4",
-    "@xyo-network/react-chain-blockies": "^1.2.4",
-    "@xyo-network/react-chain-boundwitness": "^1.2.4",
-    "@xyo-network/react-event": "^5.1.7",
-    "@xyo-network/react-payload-raw-info": "^5.1.7",
-    "@xyo-network/react-payload-table": "^5.1.7",
-    "@xyo-network/react-shared": "^5.1.7",
-    "@xyo-network/react-table": "^5.1.7",
-    "@xyo-network/xl1-model": "^1.2.4"
+    "@xyo-network/react-chain-blockies": "^1.2.6",
+    "@xyo-network/react-chain-boundwitness": "^1.2.6",
+    "@xyo-network/react-event": "^5.2.0",
+    "@xyo-network/react-payload-raw-info": "^5.2.0",
+    "@xyo-network/react-payload-table": "^5.2.0",
+    "@xyo-network/react-shared": "^5.2.0",
+    "@xyo-network/react-table": "^5.2.0",
+    "@xyo-network/xl1-model": "^1.2.6"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
@@ -79,7 +79,7 @@
     "@xylabs/ts-scripts-yarn3": "^6.2.1",
     "@xylabs/tsconfig-react": "^6.2.1",
     "@xyo-network/archivist-memory": "^3.12.4",
-    "@xyo-network/chain-utils": "^1.2.4",
+    "@xyo-network/chain-utils": "^1.2.6",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router-dom": "^7.5.0",

package/src/components/block/table/cell/PayloadCounts.tsx

@@ -2,6 +2,7 @@ import { Error } from '@mui/icons-material'
 import {
   Link, TableCell, Tooltip,
 } from '@mui/material'
+import type { Hash } from '@xylabs/hex'
 import React from 'react'
 
 import { usePayloadCountsFromBlock } from '../../hooks/index.ts'
@@ -10,13 +11,27 @@ import type { BlockTableCellProps } from './lib/index.ts'
 
 export interface BlockPayloadCountsTableCellProps extends BlockTableCellProps {}
 
+export interface BlockPayloadCountsEventData {
+  block: Hash
+  privatePayloads: number
+  publicPayloads: number
+}
+
 export const BlockPayloadCountsTableCell: React.FC<BlockPayloadCountsTableCellProps> = ({
   block, linked, ...props
 }) => {
-  const [pubPayloads, privPayloads, error] = usePayloadCountsFromBlock(block)
-  const data = `${pubPayloads}/${privPayloads}`
+  const [publicPayloads, privatePayloads, error] = usePayloadCountsFromBlock(block)
+  const data: BlockPayloadCountsEventData | undefined = (block && privatePayloads !== undefined && publicPayloads !== undefined)
+    ? {
+        publicPayloads,
+        privatePayloads,
+        block: block[0]._hash,
+      }
+    : undefined
   const [ref, handleClick] = useLinkedBlockItem('payload-counts', data)
 
+  const renderText = `${publicPayloads ?? '--'} / ${privatePayloads ?? '--'}`
+
   return (
     <TableCell ref={ref} {...props}>
       <span>
@@ -27,7 +42,7 @@ export const BlockPayloadCountsTableCell: React.FC<BlockPayloadCountsTableCellPr
               </Tooltip>
             )
           : null}
-        {linked ? <Link onClick={handleClick} sx={{ cursor: 'pointer' }}>{data ?? '--/--'}</Link> : data ?? '--/--'}
+        {linked ? <Link onClick={handleClick} sx={{ cursor: 'pointer' }}>{renderText}</Link> : renderText}
       </span>
     </TableCell>
   )

package/src/components/block/table/cell/TransactionCount.tsx

@@ -2,6 +2,7 @@ import { Error } from '@mui/icons-material'
 import {
   Link, TableCell, Tooltip,
 } from '@mui/material'
+import type { Hash } from '@xylabs/hex'
 import React from 'react'
 
 import { useTxsFromBlock } from '../../hooks/index.ts'
@@ -10,11 +11,24 @@ import type { BlockTableCellProps } from './lib/index.ts'
 
 export interface BlockTransactionCountTableCellProps extends BlockTableCellProps {}
 
+export interface BlockTransactionCountEventData {
+  block: Hash
+  transactions: number
+}
+
 export const BlockTransactionCountTableCell: React.FC<BlockTransactionCountTableCellProps> = ({
   block, linked, ...props
 }) => {
-  const [txs, error] = useTxsFromBlock(block)
-  const [ref, handleClick] = useLinkedBlockItem('transaction-count', JSON.stringify(txs ?? null))
+  const [transactions, error] = useTxsFromBlock(block)
+
+  const data: BlockTransactionCountEventData | undefined = (block && transactions !== undefined)
+    ? {
+        transactions: transactions.length,
+        block: block[0]._hash,
+      }
+    : undefined
+
+  const [ref, handleClick] = useLinkedBlockItem('transaction-count', data)
 
   return (
     <TableCell ref={ref} {...props}>
@@ -26,7 +40,7 @@ export const BlockTransactionCountTableCell: React.FC<BlockTransactionCountTable
               </Tooltip>
             )
           : null}
-        {linked ? <Link onClick={handleClick} sx={{ cursor: 'pointer' }}>{txs?.length ?? 0}</Link> : txs?.length ?? 0}
+        {linked ? <Link onClick={handleClick} sx={{ cursor: 'pointer' }}>{transactions?.length ?? '--'}</Link> : transactions?.length ?? '--'}
       </span>
     </TableCell>
   )

package/src/components/block/table/cell/hooks/useLinkedBlockItem.tsx

@@ -3,8 +3,8 @@ import type { Ref } from 'react'
 
 import type { BlockHeaderEventNouns } from '../../../hooks/index.ts'
 
-export const useLinkedBlockItem = (noun?: BlockHeaderEventNouns, data?: string): [Ref<HTMLElement | null>, (event: React.MouseEvent) => void] => {
-  const [ref, dispatch] = useEvent<HTMLAnchorElement, BlockHeaderEventNouns>()
+export const useLinkedBlockItem = (noun?: BlockHeaderEventNouns, data?: string | object): [Ref<HTMLElement | null>, (event: React.MouseEvent) => void] => {
+  const [ref, dispatch] = useEvent<HTMLAnchorElement, BlockHeaderEventNouns, string, string | object>()
 
   const handleClick = (event: React.MouseEvent) => {
     event.preventDefault()