@xyo-network/react-chain-blockchain 1.6.6 → 1.7.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-blockchain",
-  "version": "1.6.6",
+  "version": "1.7.1",
   "description": "XYO Layer One React SDK Blockchain",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -23,61 +23,60 @@
   "exports": {
     ".": {
       "browser": {
-        "types": "./dist/types/index.d.ts",
+        "types": "./dist/browser/index.d.ts",
         "default": "./dist/browser/index.mjs"
       },
-      "types": "./dist/types/index.d.ts",
+      "types": "./dist/browser/index.d.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "module": "dist/browser/index.mjs",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/browser/index.d.ts",
   "scripts": {
     "package-cycle": "echo Nothing to do"
   },
   "dependencies": {
-    "@storybook/react-vite": "^9.0.16",
-    "@xylabs/assert": "^4.13.5",
-    "@xylabs/axios": "^4.13.5",
-    "@xylabs/delay": "^4.13.5",
-    "@xylabs/eth-address": "^4.13.5",
-    "@xylabs/exists": "^4.13.5",
-    "@xylabs/hex": "^4.13.5",
-    "@xylabs/promise": "^4.13.5",
-    "@xylabs/react-animation": "^6.3.7",
-    "@xylabs/react-error": "^6.3.7",
-    "@xylabs/react-flexbox": "^6.3.7",
-    "@xylabs/react-identicon": "^6.3.7",
-    "@xylabs/react-promise": "^6.3.7",
-    "@xylabs/react-quick-tip-button": "^6.3.7",
-    "@xylabs/react-shared": "^6.3.7",
-    "@xylabs/react-theme": "^6.3.7",
-    "@xylabs/typeof": "^4.13.5",
-    "@xyo-network/account": "^4.0.3",
-    "@xyo-network/archivist-memory": "^4.0.3",
-    "@xyo-network/archivist-model": "^4.0.3",
-    "@xyo-network/boundwitness-builder": "^4.0.3",
-    "@xyo-network/boundwitness-model": "^4.0.3",
-    "@xyo-network/bridge-http": "^4.0.3",
-    "@xyo-network/chain-analyze": "^1.6.6",
-    "@xyo-network/chain-protocol": "^1.6.6",
-    "@xyo-network/chain-services": "^1.6.6",
-    "@xyo-network/chain-utils": "^1.6.6",
-    "@xyo-network/chain-wrappers": "^1.6.6",
-    "@xyo-network/module-model": "^4.0.3",
-    "@xyo-network/payload-builder": "^4.0.3",
-    "@xyo-network/payload-model": "^4.0.3",
-    "@xyo-network/react-boundwitness-plugin": "^6.0.0",
-    "@xyo-network/react-chain-blockies": "^1.6.6",
-    "@xyo-network/react-chain-shared": "^1.6.6",
-    "@xyo-network/react-event": "^6.0.0",
-    "@xyo-network/react-payload-raw-info": "^6.0.0",
-    "@xyo-network/react-payload-table": "^6.0.0",
-    "@xyo-network/react-shared": "^6.0.0",
-    "@xyo-network/react-table": "^6.0.0",
-    "@xyo-network/xl1-protocol": "^1.6.2",
-    "@xyo-network/xl1-protocol-sdk": "^1.6.6"
+    "@storybook/react-vite": "^9.0.17",
+    "@xylabs/assert": "^4.13.15",
+    "@xylabs/axios": "^4.13.15",
+    "@xylabs/delay": "^4.13.15",
+    "@xylabs/eth-address": "^4.13.15",
+    "@xylabs/exists": "^4.13.15",
+    "@xylabs/hex": "^4.13.15",
+    "@xylabs/promise": "^4.13.15",
+    "@xylabs/react-animation": "^6.3.11",
+    "@xylabs/react-error": "^6.3.11",
+    "@xylabs/react-flexbox": "^6.3.11",
+    "@xylabs/react-promise": "^6.3.11",
+    "@xylabs/react-quick-tip-button": "^6.3.11",
+    "@xylabs/react-shared": "^6.3.11",
+    "@xylabs/react-theme": "^6.3.11",
+    "@xylabs/typeof": "^4.13.15",
+    "@xyo-network/account": "^4.1.2",
+    "@xyo-network/archivist-memory": "^4.1.2",
+    "@xyo-network/archivist-model": "^4.1.2",
+    "@xyo-network/boundwitness-builder": "^4.1.2",
+    "@xyo-network/boundwitness-model": "^4.1.2",
+    "@xyo-network/bridge-http": "^4.1.2",
+    "@xyo-network/chain-analyze": "^1.7.1",
+    "@xyo-network/chain-protocol": "^1.7.1",
+    "@xyo-network/chain-services": "^1.7.1",
+    "@xyo-network/chain-utils": "^1.7.1",
+    "@xyo-network/chain-wrappers": "^1.7.1",
+    "@xyo-network/module-model": "^4.1.2",
+    "@xyo-network/payload-builder": "^4.1.2",
+    "@xyo-network/payload-model": "^4.1.2",
+    "@xyo-network/react-boundwitness-plugin": "^6.1.1",
+    "@xyo-network/react-chain-blockies": "^1.7.1",
+    "@xyo-network/react-chain-shared": "^1.7.1",
+    "@xyo-network/react-event": "^6.1.1",
+    "@xyo-network/react-payload-raw-info": "^6.1.1",
+    "@xyo-network/react-payload-table": "^6.1.1",
+    "@xyo-network/react-shared": "^6.1.1",
+    "@xyo-network/react-table": "^6.1.1",
+    "@xyo-network/xl1-protocol": "^1.6.4",
+    "@xyo-network/xl1-protocol-sdk": "^1.7.1"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
@@ -85,15 +84,15 @@
     "@mui/icons-material": "^7.2.0",
     "@mui/material": "^7.2.0",
     "@types/react": "^19.1.8",
-    "@xylabs/hex": "^4.13.5",
-    "@xylabs/ts-scripts-yarn3": "^6.5.18",
-    "@xylabs/tsconfig-react": "^6.5.18",
-    "@xyo-network/api-models": "^4.0.3",
+    "@xylabs/hex": "^4.13.15",
+    "@xylabs/ts-scripts-yarn3": "^7.0.0-rc.26",
+    "@xylabs/tsconfig-react": "^7.0.0-rc.26",
+    "@xyo-network/api-models": "^4.1.2",
     "knip": "^5.61.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router-dom": "^7.6.3",
-    "storybook": "^9.0.16",
+    "storybook": "^9.0.17",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {

package/src/components/block/table/Ex.stories.tsx

@@ -15,6 +15,7 @@ const blocks = await buildRandomBlockChain()
 export default {
   title: 'Block/TableEx',
   component: BlockchainTableEx,
+  parameters: { layout: 'fullscreen' },
 } as Meta
 
 const Template: StoryFn<typeof BlockchainTableEx> = args => <BlockchainTableEx {...args} />

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

@@ -1,13 +1,9 @@
 import {
-  Avatar,
-  Chip,
-  TableCell, Tooltip,
+  Link, TableCell, Tooltip,
 } from '@mui/material'
 import { isHash } from '@xylabs/hex'
-import type { IdenticonProps } from '@xylabs/react-identicon'
-import { Identicon } from '@xylabs/react-identicon'
 import { usePayloadRootHash } from '@xyo-network/react-shared'
-import React from 'react'
+import React, { useState } from 'react'
 
 import { FeatureNotAvailable } from '../../../FeatureNotAvailable.tsx'
 import { ChipSkeleton } from '../../ChipSkeleton.tsx'
@@ -15,37 +11,32 @@ import { useLinkedBlockItem } from './hooks/index.ts'
 import type { BlockTableCellProps } from './lib/index.ts'
 
 export interface BlockHashTableCellProps extends BlockTableCellProps {
-  identiconProps?: IdenticonProps
   notAvailableDialog?: boolean
 }
 
 export const BlockHashTableCell: React.FC<BlockHashTableCellProps> = ({
-  block, identiconProps, notAvailableDialog, linked, ...props
+  block, notAvailableDialog, linked, ...props
 }) => {
   const hash = usePayloadRootHash(block?.[0])
 
   const [ref, handleClick] = useLinkedBlockItem('block-hash', hash)
-  const [notAvailable, setNotAvailable] = React.useState(false)
+  const [notAvailable, setNotAvailable] = useState(false)
 
   const shortenedHash = isHash(hash) ? `${hash.slice(0, 4)}...${hash.slice(-5, -1)}` : undefined
 
   return (
     <TableCell ref={ref} {...props}>
       <Tooltip title={`Block Hash: ${hash}`}>
-        <Chip
-          avatar={(
-            <Avatar sx={{ background: 'white' }}>
-              <Identicon
-                size={16}
-                value={hash}
-                {...identiconProps}
-              />
-            </Avatar>
-          )}
-          sx={{ cursor: 'pointer', fontFamily: 'monospace' }}
-          label={shortenedHash ?? <ChipSkeleton />}
-          onClick={linked ? handleClick : () => setNotAvailable(true)}
-        />
+        {linked
+          ? (
+              <Link
+                sx={{ cursor: 'pointer' }}
+                onClick={linked ? handleClick : () => setNotAvailable(true)}
+              >
+                {shortenedHash ?? <ChipSkeleton />}
+              </Link>
+            )
+          : <span>{shortenedHash ?? <ChipSkeleton />}</span>}
       </Tooltip>
       {(notAvailableDialog && notAvailable)
         ? <FeatureNotAvailable featureName="Block Details" open={notAvailable} onClick={() => setNotAvailable(false)} />

package/src/components/block/table/head/TableHead.tsx

@@ -31,13 +31,13 @@ export const BlockchainTableHead: React.FC = () => {
         <ToolTipTableCell align="left" title="The block number that is included in the block">Block</ToolTipTableCell>
         <ToolTipTableCell title="The hash of the block" sx={{ width: '20%' }}>Hash</ToolTipTableCell>
         <ToolTipTableCell title="The epoch of the block" sx={{ width: '20%' }}>Epoch</ToolTipTableCell>
-        {/* <ToolTipTableCell
+        <ToolTipTableCell
           align="left"
           title="The address of the block producer that produced the block"
           sx={{ width: '20%' }}
         >
           Block Producer
-        </ToolTipTableCell> */}
+        </ToolTipTableCell>
         <ToolTipTableCell align="left" title="Count of transactions that are included in the block">Transactions</ToolTipTableCell>
         <ToolTipTableCell align="left" title="Count of public and private payload counts for the block">Payloads</ToolTipTableCell>
         <ToolTipTableCell align="center" title="The result of the local validation check for the block">Valid</ToolTipTableCell>

package/src/components/block/table/row/TableRow.tsx

@@ -10,6 +10,7 @@ import { useLinkedBlockItem } from '../cell/hooks/index.ts'
 import {
   BlockEpochTableCell,
   BlockHashTableCell, BlockJsonViewTableCell, BlockNumberTableCell, BlockPayloadCountsTableCell,
+  BlockProducerTableCell,
   BlockTransactionCountTableCell, BlockVerificationTableCell,
 } from '../cell/index.ts'
 
@@ -42,8 +43,7 @@ export const BlockChainTableRow: React.FC<BlockChainTableRowProps> = ({
       <BlockNumberTableCell align="left" {...linkedTableCellProps} />
       <BlockHashTableCell align="left" {...linkedTableCellProps} />
       <BlockEpochTableCell align="left" {...linkedTableCellProps} />
-      {/* Bring back once we have more data to show that is producer specific */}
-      {/* <BlockProducerTableCell align="left" {...linkedTableCellProps} /> */}
+      <BlockProducerTableCell align="left" {...linkedTableCellProps} />
       <BlockTransactionCountTableCell align="left" {...linkedTableCellProps} />
       <BlockPayloadCountsTableCell align="left" {...linkedTableCellProps} />
       <BlockVerificationTableCell deepValidation={deepValidation} {...defaultTableCellProps} />

package/src/components/chain/render/dynamic/flexbox/variants/WithRemote.tsx

@@ -2,7 +2,7 @@ import { ErrorRender } from '@xylabs/react-error'
 import React from 'react'
 
 import type { RemoteBlockChainRenderFlexboxProps } from '../../../../../../types/index.ts'
-import { useRemoteBlockChainRenderProps } from '../../hooks/useRemoteBlockChainRenderProps.ts'
+import { useRemoteBlockChainRenderProps } from '../../hooks/index.ts'
 import { WithAnalysis } from './WithAnalysis.tsx'
 
 export const WithRemote: React.FC<RemoteBlockChainRenderFlexboxProps> = ({

package/src/components/chain/render/static/table/Ex.tsx

@@ -1,4 +1,3 @@
-import { Base } from './variants/index.ts'
-import { WithAnalysis } from './variants/WithAnalysis.tsx'
+import { Base, WithAnalysis } from './variants/index.ts'
 
 export const StaticBlockchainRenderTableEx = { Base, WithAnalysis }

package/src/hooks/useTxsFromBlock.ts

@@ -1,7 +1,7 @@
 import { usePromise } from '@xylabs/react-promise'
 import { type HydratedBlock } from '@xyo-network/xl1-protocol'
 
-import { txsFromBlock } from '../helpers/txsFromBlock.ts'
+import { txsFromBlock } from '../helpers/index.ts'
 
 export const useTxsFromBlock = (block?: HydratedBlock) => {
   return usePromise(async () => {

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

@@ -1 +0,0 @@
-{"version":3,"file":"Hash.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/table/cell/Hash.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAG7D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiChE,CAAA"}

package/dist/types/index.d.ts

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