@xyo-network/react-chain-blockchain 1.20.11 → 1.20.12

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockchain",
-  "version": "1.20.11",
+  "version": "1.20.12",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -56,13 +56,13 @@
     "@xylabs/react-theme": "~7.1.17",
     "@xylabs/sdk-js": "~5.0.90",
     "@xyo-network/boundwitness-model": "~5.3.17",
-    "@xyo-network/chain-analyze": "~1.20.11",
-    "@xyo-network/chain-protocol": "~1.20.11",
-    "@xyo-network/chain-wrappers": "~1.20.11",
+    "@xyo-network/chain-analyze": "~1.20.12",
+    "@xyo-network/chain-protocol": "~1.20.12",
+    "@xyo-network/chain-wrappers": "~1.20.12",
     "@xyo-network/react-boundwitness-plugin": "~7.5.8",
-    "@xyo-network/react-chain-blockies": "~1.20.11",
-    "@xyo-network/react-chain-provider": "~1.20.11",
-    "@xyo-network/react-chain-shared": "~1.20.11",
+    "@xyo-network/react-chain-blockies": "~1.20.12",
+    "@xyo-network/react-chain-provider": "~1.20.12",
+    "@xyo-network/react-chain-shared": "~1.20.12",
     "@xyo-network/react-error": "~7.5.8",
     "@xyo-network/react-event": "~7.5.8",
     "@xyo-network/react-payload-raw-info": "~7.5.8",
@@ -88,7 +88,7 @@
     "@xylabs/tsconfig-dom": "~7.5.10",
     "@xylabs/tsconfig-react": "~7.5.10",
     "@xyo-network/bridge-http": "~5.3.17",
-    "@xyo-network/react-chain-network": "~1.20.11",
+    "@xyo-network/react-chain-network": "~1.20.12",
     "@xyo-network/sdk-js": "~5.3.17",
     "@xyo-network/xl1-sdk": "~1.26.9",
     "axios": "^1.14.0",

package/src/components/account/table/RawAmountTableCell.tsx

@@ -20,7 +20,7 @@ export const RawAmountTableCell: React.FC<RawAmountTableCellProps> = ({
   amount, linked, sx, type, ...props
 }) => {
   const [ref, dispatch] = useEvent<HTMLAnchorElement, BalanceHistoryEventNouns>()
-  const handleClick = () => dispatch('amount', 'click', isDefined(amount) ? toHex(amount) : '')
+  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => dispatch('amount', 'click', isDefined(amount) ? toHex(amount) : '', event.nativeEvent)
 
   const formatAmount = (amount?: bigint) => {
     if (!isDefined(amount)) {

package/src/components/account/table/cell/AddressTableCell.tsx

@@ -15,7 +15,7 @@ export const AddressTableCell: React.FC<AddressTableCellProps> = ({
   address, linked, toolTipTitle, sx, ...props
 }) => {
   const [ref, dispatch] = useEvent()
-  const handleClick = () => dispatch('address', 'click', address)
+  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => dispatch('address', 'click', address, event.nativeEvent)
   return (
     <TableCell ref={ref} sx={{ cursor: linked ? 'pointer' : 'default', ...sx }} {...props}>
       <Tooltip title={toolTipTitle}>

package/src/components/account/table/cell/HashTableCell.tsx

@@ -21,7 +21,7 @@ export const HashTableCell: React.FC<HashTableCellProps> = ({
   hash, linked, toolTipTitle, sx, ...props
 }) => {
   const [ref, dispatch] = useEvent<HTMLTableCellElement, BalanceHistoryEventNouns>()
-  const handleClick = () => dispatch('tx-hash', 'click', hash)
+  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => dispatch('tx-hash', 'click', hash, event.nativeEvent)
   const shortenedHash = isDefined(hash) ? ellipsize(hash as string, 6) : 'N/A'
   return (
     <TableCell ref={ref} {...props}>

package/src/components/block/BlockHeadingFlexbox.tsx

@@ -22,7 +22,7 @@ export const BlockHeadingFlexbox: React.FC<BlockComponentWithTxsProps> = ({
 
   const handleTransactionCountClick = (event: React.MouseEvent, transactions: Hash[]) => {
     event.stopPropagation()
-    blockHeadingListener('transaction-count', 'click', JSON.stringify(transactions))
+    blockHeadingListener('transaction-count', 'click', JSON.stringify(transactions), event.nativeEvent)
   }
 
   return (

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

@@ -23,7 +23,7 @@ export const BlockNumberTableCellInner: React.FC<BlockNumberTableCellProps & { b
   blockNumber, linked, ...props
 }) => {
   const [ref, dispatch] = useEvent<HTMLTableCellElement, BlockHeaderEventNouns>()
-  const handleClick = () => dispatch('block-number', 'click', blockNumber?.toString() ?? '')
+  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => dispatch('block-number', 'click', blockNumber?.toString() ?? '', event.nativeEvent)
   return (
     <TableCell ref={ref} {...props}>
       <Tooltip title={`Block Number: ${blockNumber}`}>

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

@@ -17,7 +17,7 @@ export const useLinkedBlockItem = (noun?: BlockHeaderEventNouns, data?: string |
     const isTextSelected = selection && selection.toString().length > 0
 
     if (!isTextSelected) {
-      dispatch(noun, 'click', data)
+      dispatch(noun, 'click', data, event.nativeEvent)
     }
   }