@xyo-network/react-chain-blockchain 1.20.14 → 1.20.16

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

@@ -1,60 +0,0 @@
-import {
-  TableCell,
-  type TableRowProps,
-} from '@mui/material'
-import { isDefined, type JsonValue } from '@xylabs/sdk-js'
-import type { AccountBalanceHistoryItemFormatted } from '@xyo-network/react-chain-provider'
-import { RawInfoIconButton } from '@xyo-network/react-payload-raw-info'
-import type { Ref } from 'react'
-import React, { useMemo } from 'react'
-
-import { BlockEpochTableCellInner } from '../../block/index.ts'
-import { StyledLinkableTableRow } from '../../table/index.ts'
-import {
-  AddressTableCell, BalanceHistoryBlockNumberTableCellInner, HashTableCell,
-} from './cell/index.ts'
-import { useLinkedBalanceHistoryItem } from './hooks/index.ts'
-import { RawAmountTableCell } from './RawAmountTableCell.tsx'
-import type { BalanceHistoryEventNouns } from './types/index.ts'
-
-// const TEXT_TX_HASH = '123456789abcdef123456789abcdef123456789abcdef123456789abcdef1234' as Hash
-
-export interface BalanceHistoryTableRowProps extends TableRowProps {
-  linked?: boolean
-  row: AccountBalanceHistoryItemFormatted
-}
-
-export const BalanceHistoryTableRow: React.FC<BalanceHistoryTableRowProps> = ({
-  linked, row, ...props
-}) => {
-  const {
-    amount, blockNumber, debug, from, key, timestamp, to, type, txHash, transferHash,
-  } = row ?? {} as AccountBalanceHistoryItemFormatted
-
-  const linkedTableCallProps = useMemo(() => ({ linked }), [linked])
-  const [ref, handleClick] = useLinkedBalanceHistoryItem()
-
-  const noun: BalanceHistoryEventNouns = isDefined(txHash) ? 'tx-hash|transfer-hash' : 'block-number|transfer-hash'
-  const data = isDefined(txHash) ? `${txHash}|${transferHash}` : `${blockNumber}|${transferHash}`
-
-  return (
-    <StyledLinkableTableRow
-      linked={linked}
-      key={key}
-      onClick={linked ? e => handleClick(e, noun, data) : undefined}
-      ref={ref as Ref<HTMLTableRowElement> | undefined}
-      {...props}
-    >
-      <HashTableCell hash={txHash} toolTipTitle={`Transaction Hash: ${txHash}`} eventNoun="tx-hash" {...linkedTableCallProps} />
-      <BalanceHistoryBlockNumberTableCellInner blockNumber={blockNumber} eventNoun="block-number" {...linkedTableCallProps} />
-      <BlockEpochTableCellInner epoch={timestamp} {...linkedTableCallProps} />
-      <AddressTableCell address={from} toolTipTitle={`From Address: ${from}`} eventNoun="from-address" {...linkedTableCallProps} />
-      <AddressTableCell address={to} toolTipTitle={`To Address: ${to}`} eventNoun="to-address" {...linkedTableCallProps} />
-      <RawAmountTableCell amount={amount} type={type} eventNoun="amount" />
-      <HashTableCell hash={transferHash} toolTipTitle={`Transfer Hash: ${transferHash}`} eventNoun={noun} eventData={data} {...linkedTableCallProps} />
-      <TableCell>
-        <RawInfoIconButton rawValue={debug as JsonValue} />
-      </TableCell>
-    </StyledLinkableTableRow>
-  )
-}

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

@@ -1,53 +0,0 @@
-import {
-  Link,
-  TableCell, type TableCellProps, Tooltip,
-} from '@mui/material'
-import { isDefined, toHex } from '@xylabs/sdk-js'
-import type { BalanceTransactionType } from '@xyo-network/react-chain-provider'
-import { XL1Amount } from '@xyo-network/xl1-sdk'
-import React from 'react'
-
-import { useLinkedBalanceHistoryItem } from './hooks/index.ts'
-import type { BalanceHistoryEventNouns } from './types/index.ts'
-
-export interface RawAmountTableCellProps extends TableCellProps {
-  amount?: bigint
-  eventNoun?: BalanceHistoryEventNouns
-  linked?: boolean
-  type?: BalanceTransactionType
-}
-
-export const RawAmountTableCell: React.FC<RawAmountTableCellProps> = ({
-  amount, eventNoun = 'amount', linked, sx, type, ...props
-}) => {
-  const [ref, handleClick] = useLinkedBalanceHistoryItem()
-
-  const formatAmount = (amount?: bigint) => {
-    if (!isDefined(amount)) {
-      return 'N/A'
-    }
-    const xl1Amount = new XL1Amount(amount)
-    return xl1Amount.toString(undefined, {
-      places: 18, maxDecimal: 12, maxCharacters: 12, minDecimals: 1, locale: navigator.language,
-    })
-  }
-  return (
-    <TableCell ref={ref} {...props}>
-      <Tooltip title={`Raw Amount: ${amount}`}>
-        {linked
-          ? (
-              <Link onClick={e => handleClick(e, eventNoun, isDefined(amount) ? toHex(amount) : '')} sx={{ cursor: 'pointer' }}>
-                {type === 'send' ? '-' : ''}
-                {formatAmount(amount)}
-              </Link>
-            )
-          : (
-              <span>
-                {type === 'send' ? '-' : ''}
-                {formatAmount(amount)}
-              </span>
-            )}
-      </Tooltip>
-    </TableCell>
-  )
-}

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

@@ -1,27 +0,0 @@
-import type { TableCellProps } from '@mui/material'
-import { TableCell, Tooltip } from '@mui/material'
-import React from 'react'
-
-import { BlockAddressChip } from '../../../block/index.ts'
-import { useLinkedBalanceHistoryItem } from '../hooks/index.ts'
-import type { BalanceHistoryEventNouns } from '../types/index.ts'
-
-export interface AddressTableCellProps extends TableCellProps {
-  address?: string
-  eventNoun?: BalanceHistoryEventNouns
-  linked?: boolean
-  toolTipTitle?: string
-}
-
-export const AddressTableCell: React.FC<AddressTableCellProps> = ({
-  address, eventNoun, linked, toolTipTitle, sx, ...props
-}) => {
-  const [ref, handleClick] = useLinkedBalanceHistoryItem()
-  return (
-    <TableCell ref={ref} sx={{ cursor: linked ? 'pointer' : 'default', ...sx }} {...props}>
-      <Tooltip title={toolTipTitle}>
-        <BlockAddressChip address={address} onClick={linked ? e => handleClick(e, eventNoun, address) : undefined} />
-      </Tooltip>
-    </TableCell>
-  )
-}

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

@@ -1,39 +0,0 @@
-import {
-  Link,
-  TableCell, Tooltip,
-  Typography,
-} from '@mui/material'
-import type { HydratedBlock } from '@xyo-network/xl1-sdk'
-import React from 'react'
-
-import { useLinkedBalanceHistoryItem } from '../hooks/index.ts'
-import type { BalanceHistoryEventNouns } from '../types/index.ts'
-
-export interface BalanceHistoryBlockNumberTableCellProps {
-  block?: HydratedBlock
-  eventNoun?: BalanceHistoryEventNouns
-  linked?: boolean
-}
-
-export const BalanceHistoryBlockNumberTableCell: React.FC<BalanceHistoryBlockNumberTableCellProps> = ({
-  block, eventNoun = 'block-number', linked, ...props
-}) => {
-  const blockNumber = block?.[0].block
-
-  return <BalanceHistoryBlockNumberTableCellInner blockNumber={blockNumber} eventNoun={eventNoun} linked={linked} {...props} />
-}
-
-export const BalanceHistoryBlockNumberTableCellInner: React.FC<BalanceHistoryBlockNumberTableCellProps & { blockNumber?: number; linked?: boolean }> = ({
-  blockNumber, eventNoun = 'block-number', linked, ...props
-}) => {
-  const [ref, handleClick] = useLinkedBalanceHistoryItem()
-  return (
-    <TableCell ref={ref} {...props}>
-      <Tooltip title={`Block Number: ${blockNumber}`}>
-        <Typography component="span" variant="body1">
-          {linked ? <Link onClick={e => handleClick(e, eventNoun, blockNumber?.toString() ?? '')} sx={{ cursor: 'pointer' }}>{blockNumber}</Link> : blockNumber}
-        </Typography>
-      </Tooltip>
-    </TableCell>
-  )
-}

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

@@ -1,46 +0,0 @@
-import type { TableCellProps } from '@mui/material'
-import {
-  Link, TableCell, Tooltip,
-  Typography,
-} from '@mui/material'
-import {
-  ellipsize, type Hash, isDefined,
-} from '@xylabs/sdk-js'
-import React from 'react'
-
-import { useLinkedBalanceHistoryItem } from '../hooks/index.ts'
-import type { BalanceHistoryEventNouns } from '../types/index.ts'
-
-export interface HashTableCellProps extends TableCellProps {
-  eventData?: string
-  eventNoun?: BalanceHistoryEventNouns
-  hash?: Hash
-  linked?: boolean
-  toolTipTitle?: string
-}
-
-export const HashTableCell: React.FC<HashTableCellProps> = ({
-  eventData, eventNoun = 'tx-hash', hash, linked, toolTipTitle, sx, ...props
-}) => {
-  const [ref, handleClick] = useLinkedBalanceHistoryItem()
-  const shortenedHash = isDefined(hash) ? ellipsize(hash as string, 6) : 'N/A'
-  return (
-    <TableCell ref={ref} {...props}>
-      {hash
-        ? (
-            <Tooltip title={toolTipTitle}>
-              <Typography component="span" variant="body1">
-                {linked
-                  ? (
-                      <Link onClick={e => handleClick(e, eventNoun, eventData)} sx={{ cursor: 'pointer' }}>
-                        {shortenedHash}
-                      </Link>
-                    )
-                  : shortenedHash}
-              </Typography>
-            </Tooltip>
-          )
-        : 'N/A'}
-    </TableCell>
-  )
-}

package/src/components/account/table/cell/index.ts

@@ -1,3 +0,0 @@
-export * from './AddressTableCell.tsx'
-export * from './BlockNumber.tsx'
-export * from './HashTableCell.tsx'

package/src/components/account/table/hooks/index.ts

@@ -1 +0,0 @@
-export * from './useLinkedBalanceHistoryItem.tsx'

package/src/components/account/table/hooks/useLinkedBalanceHistoryItem.tsx

@@ -1,29 +0,0 @@
-import { useEvent } from '@xyo-network/react-event'
-import type { Ref } from 'react'
-import type React from 'react'
-
-import type { BalanceHistoryEventNouns } from '../types/index.ts'
-
-export const useLinkedBalanceHistoryItem = (): [
-  Ref<HTMLElement | null>,
-  (event: React.MouseEvent, noun?: BalanceHistoryEventNouns, data?: string | number) => void,
-] => {
-  const [ref, dispatch] = useEvent<HTMLAnchorElement, BalanceHistoryEventNouns, string, string | number>()
-
-  const handleClick = (event: React.MouseEvent, noun?: BalanceHistoryEventNouns, data?: string | number) => {
-    event.preventDefault()
-    event.stopPropagation()
-    if (noun === undefined) {
-      console.warn('useLinkedBalanceHistoryItem: noun is required')
-      return
-    }
-    const selection = globalThis.getSelection()
-    const isTextSelected = selection && selection.toString().length > 0
-
-    if (!isTextSelected) {
-      dispatch(noun, 'click', data, event.nativeEvent)
-    }
-  }
-
-  return [ref, handleClick]
-}

package/src/components/account/table/index.ts

@@ -1,5 +0,0 @@
-export * from './BalanceHistoryTableEx.tsx'
-export * from './BalanceHistoryTableRow.tsx'
-export * from './cell/index.ts'
-export * from './hooks/index.ts'
-export * from './types/index.ts'

package/src/components/account/table/types/index.ts

@@ -1,18 +0,0 @@
-import type { AccountBalanceHistoryItemFormatted } from '@xyo-network/react-chain-provider'
-import type { ExtendEventNoun } from '@xyo-network/react-event'
-
-export type BalanceHistoryEventNouns = ExtendEventNoun<'from-address' | 'to-address' | 'amount' | 'block-number' | 'tx-hash' | 'transfer-hash' | 'tx-hash|transfer-hash' | 'block-number|transfer-hash'>
-
-export type TableHeadingLabels = 'Tx Hash' | 'BlockNumber' | 'Timestamp' | 'From' | 'To' | 'Amount' | 'Debug' | 'TransferHash'
-export type TableHeadings = { [key in keyof AccountBalanceHistoryItemFormatted]: TableHeadingLabels }
-
-export const TableHeadingLabels: TableHeadingLabels[] = [
-  'Tx Hash',
-  'BlockNumber',
-  'Timestamp',
-  'From',
-  'To',
-  'Amount',
-  'TransferHash',
-  'Debug',
-] as const

package/src/components/block/BlockHeadingFlexbox.stories.tsx

@@ -1,75 +0,0 @@
-import {
-  Alert, AlertTitle, List, ListItem, Stack,
-} from '@mui/material'
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { buildRandomBlockChainBlocksOnly } from '@xyo-network/react-chain-shared'
-import React, { useState } from 'react'
-
-import { BlockHeadingFlexbox } from './BlockHeadingFlexbox.tsx'
-import type { BlockHeaderEventNouns } from './hooks/index.ts'
-import { useBlockHeadingEvents } from './hooks/index.ts'
-
-export default {
-  title: 'Block/Flexbox',
-  component: BlockHeadingFlexbox,
-} as Meta
-
-const blocks = await buildRandomBlockChainBlocksOnly()
-
-const Template: StoryFn<typeof BlockHeadingFlexbox> = args => <BlockHeadingFlexbox {...args} />
-
-type EventData = {
-  data: string | undefined
-  noun: BlockHeaderEventNouns
-  verb: string
-}
-
-const TemplateWithEvents: StoryFn<typeof BlockHeadingFlexbox> = (args) => {
-  const [eventData, setEventData] = useState<EventData[]>([])
-  const [ref] = useBlockHeadingEvents<HTMLDivElement>((noun, verb, data) => {
-    setEventData(previous => [...previous, {
-      noun, verb, data,
-    }])
-  })
-
-  return (
-    <div ref={ref}>
-      <BlockHeadingFlexbox {...args} />
-      <Stack gap={2} flexDirection="column">
-        {eventData.length > 0
-          ? eventData.map(event => (
-              <Alert key={event.data} sx={{ display: 'flex' }}>
-                <AlertTitle>Event Data</AlertTitle>
-                <List>
-                  <ListItem>
-                    Noun:
-                    {event.noun}
-                  </ListItem>
-                  <ListItem>
-                    Verb:
-                    {event.verb}
-                  </ListItem>
-                </List>
-                <pre>
-                  <code>{event.data}</code>
-                </pre>
-              </Alert>
-            ))
-          : null}
-      </Stack>
-    </div>
-  )
-}
-
-const Default = Template.bind({})
-Default.args = {}
-
-const WithData = Template.bind({})
-WithData.args = { block: blocks[0], transactions: undefined }
-
-const WithDataEvents = TemplateWithEvents.bind({})
-WithDataEvents.args = { block: blocks[0], transactions: undefined }
-
-export {
-  Default, WithData, WithDataEvents,
-}

package/src/components/block/BlockHeadingFlexbox.tsx

@@ -1,56 +0,0 @@
-import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
-import type { Hash } from '@xylabs/sdk-js'
-import { BWVerification, HashHeadingPaper } from '@xyo-network/react-boundwitness-plugin'
-import { usePayloadHash } from '@xyo-network/react-shared'
-import React from 'react'
-
-import { useChainPollingContext } from '../../context/index.ts'
-import type { BlockComponentWithTxsProps } from '../../types/index.ts'
-import { TransactionCountChip } from '../transactions/index.ts'
-import { useBlockHeadingEvents } from './hooks/index.ts'
-import { LinkedDivider } from './LinkedDivider.tsx'
-import { BlockMenuExpanded } from './menu/index.ts'
-import { BlockProducerChip } from './ProducerChip.tsx'
-
-export const BlockHeadingFlexbox: React.FC<BlockComponentWithTxsProps> = ({
-  block, defaultExpanded, transactions,
-}) => {
-  const hash = usePayloadHash(block?.[0])
-  const [blockHeadingRef, blockHeadingListener] = useBlockHeadingEvents<HTMLDivElement>()
-  const { pollingState } = useChainPollingContext()
-  const expanded = (pollingState === 'paused') || defaultExpanded
-
-  const handleTransactionCountClick = (event: React.MouseEvent, transactions: Hash[]) => {
-    event.stopPropagation()
-    blockHeadingListener('transaction-count', 'click', JSON.stringify(transactions), event.nativeEvent)
-  }
-
-  return (
-    <FlexCol className="block-heading-flexbox" alignItems="stretch" ref={blockHeadingRef} onClick={() => blockHeadingListener('block-hash', 'click', hash)}>
-      <LinkedDivider />
-      <HashHeadingPaper
-        hash={hash}
-        heading={block?.[0].block === undefined ? '' : block?.[0].block.toString()}
-        paperProps={{ sx: { p: 1, width: '100%' } }}
-        AdornmentEnd={(
-          <FlexRow gap={1}>
-            <BlockProducerChip block={block} />
-            <TransactionCountChip
-              onClick={e => handleTransactionCountClick(e, transactions ?? [])}
-              transactions={transactions}
-            />
-            <BWVerification iconColors boundwitness={block?.[0]} />
-            <span style={{
-              // maxWidth is required for css animation to work and 28px is the width of the icon button
-              display: 'flex', transition: 'max-width .5s', maxWidth: expanded ? '28px' : 0,
-            }}
-            >
-              <BlockMenuExpanded block={block} />
-            </span>
-          </FlexRow>
-        )}
-        identiconProps={{ p: 0.75, size: 18 }}
-      />
-    </FlexCol>
-  )
-}

package/src/components/block/ChipSkeleton.tsx

@@ -1,7 +0,0 @@
-import type { SkeletonProps } from '@mui/material'
-import { Skeleton } from '@mui/material'
-import React from 'react'
-
-export const ChipSkeleton: React.FC<SkeletonProps> = (props) => {
-  return <Skeleton width={100} {...props} />
-}

package/src/components/block/LinkedDivider.tsx

@@ -1,27 +0,0 @@
-import { Divider, Stack } from '@mui/material'
-import React from 'react'
-
-export const LinkedDivider: React.FC = () => {
-  return (
-    <>
-      {/* An element to house the height of the divider...really just here to help with calculating
-      the height for animation purposes and allowing for a dynamic divider height */}
-      <Stack
-        className="divider-spacer"
-        justifyContent="end"
-        sx={{
-          width: '50%', height: 24, justifyContent: 'end',
-        }}
-      >
-        <Divider
-          className="divider"
-          orientation="vertical"
-          flexItem
-          sx={{
-            borderRightWidth: 2, height: 24, transition: 'height 1s',
-          }}
-        />
-      </Stack>
-    </>
-  )
-}

package/src/components/block/ProducerChip.tsx

@@ -1,45 +0,0 @@
-import type { ChipProps } from '@mui/material'
-import { Chip } from '@mui/material'
-import {
-  EthAddressWrapper, isString, isUndefined, toAddress,
-} from '@xylabs/sdk-js'
-import { BlockiesAvatar } from '@xyo-network/react-chain-blockies'
-import type { HydratedBlock } from '@xyo-network/xl1-sdk'
-import React, { useMemo } from 'react'
-
-import { ChipSkeleton } from './ChipSkeleton.tsx'
-
-const formatProducerAddress = (address?: string): string | undefined => {
-  if (isUndefined(address) || !isString(address)) return undefined
-  const formattedAddress = toAddress(address)
-  return EthAddressWrapper.parse(formattedAddress)?.toShortString(4)
-}
-
-export interface BlockProducerChipProps extends ChipProps {
-  block?: HydratedBlock
-}
-export const BlockProducerChip: React.FC<BlockProducerChipProps> = ({ block, ...props }) => {
-  const blockProducer = block?.[0].addresses[0]
-
-  return <BlockAddressChip address={blockProducer} toolTipTitle={`Block producer: ${blockProducer}`} {...props} />
-}
-
-export const BlockAddressChip: React.FC<BlockProducerChipProps & { address?: string; toolTipTitle?: string }> = ({
-  address, sx, toolTipTitle, ...props
-}) => {
-  const shortedBlockProducer = address === undefined ? null : formatProducerAddress(address)
-
-  const avatar = useMemo(() => address === '' ? undefined : <BlockiesAvatar blockiesOptions={{ seed: address }} />, [address])
-
-  return (
-    <Chip
-      avatar={avatar}
-      label={shortedBlockProducer ?? <ChipSkeleton width={115} />}
-      title={toolTipTitle}
-      sx={{
-        fontFamily: 'monospace', cursor: 'pointer', ...sx,
-      }}
-      {...props}
-    />
-  )
-}

package/src/components/block/helpers/blockProducer.ts

@@ -1,5 +0,0 @@
-import type { BlockBoundWitness } from '@xyo-network/xl1-sdk'
-
-export const blockProducer = (block: BlockBoundWitness) => {
-  return block.addresses[0]
-}

package/src/components/block/helpers/buildBlockChainRenderComponent.tsx

@@ -1,32 +0,0 @@
-import type { BaseContext } from '@xyo-network/xl1-sdk'
-import type { ComponentType } from 'react'
-import React from 'react'
-
-import { txsFromBlock } from '../../../helpers/index.ts'
-import type {
-  BlockChainRenderComponent,
-  BlockComponentProps, BlockComponentWithTxsProps,
-} from '../../../types/index.ts'
-
-export const buildBlockChainRenderComponent = async (
-  context: BaseContext,
-  BlockComponent: ComponentType<BlockComponentWithTxsProps>,
-  blockComponentProps: BlockComponentProps,
-) => {
-  const { block, ...remainingProps } = blockComponentProps
-  const blockTxs = await txsFromBlock(block)
-  const txHashes = blockTxs.map(([_, hash]) => hash)
-
-  const item: BlockChainRenderComponent = {
-    child: (
-      <BlockComponent
-        block={block}
-        transactions={txHashes}
-        {...remainingProps}
-      />
-    ),
-    key: block[0].block.toString(),
-    block,
-  }
-  return item
-}

package/src/components/block/helpers/index.ts

@@ -1,3 +0,0 @@
-export * from './blockProducer.ts'
-export * from './buildBlockChainRenderComponent.tsx'
-export * from './payloadCountsFromBlock.ts'

package/src/components/block/helpers/payloadCountsFromBlock.ts

@@ -1,10 +0,0 @@
-import { BoundWitnessSchema } from '@xyo-network/boundwitness-model'
-import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-sdk'
-import { isTransactionBoundWitness } from '@xyo-network/xl1-sdk'
-
-export const payloadCountsFromBlock = ([block, payloads]: HydratedBlockWithHashMeta): [number, number] => {
-  const publicPayloads = block.payload_schemas.filter(schema => schema !== BoundWitnessSchema)
-  const transactionHashes = payloads.filter(payload => isTransactionBoundWitness(payload)).flatMap(payload => payload.payload_hashes)
-  const privateHashes = transactionHashes.filter(hash => !payloads.some(payload => payload._hash === hash))
-  return [publicPayloads.length, privateHashes.length]
-}

package/src/components/block/hooks/index.ts

@@ -1,4 +0,0 @@
-export * from './useAnchorElement.ts'
-export * from './useBlockHeadingEvents.ts'
-export * from './useBlockProducer.ts'
-export * from './usePayloadCountsFromBlock.ts'

package/src/components/block/hooks/useAnchorElement.ts

@@ -1,19 +0,0 @@
-import { useRef, useState } from 'react'
-
-export const useAnchorElement = () => {
-  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)
-  const anchorRef = useRef<HTMLButtonElement>(null)
-  const open = Boolean(anchorEl)
-
-  const handleClick = (event: React.MouseEvent<HTMLElement>) => {
-    setAnchorEl(event.currentTarget)
-  }
-
-  const handleClose = () => {
-    setAnchorEl(null)
-  }
-
-  return {
-    anchorEl, anchorRef, open, handleClick, handleClose,
-  }
-}

package/src/components/block/hooks/useBlockHeadingEvents.ts

@@ -1,11 +0,0 @@
-import { useEvent } from '@xyo-network/react-event'
-
-export type BlockHeaderEventNouns = 'transaction-count' | 'block-hash' | 'block-number' | 'block-producer' | 'block-verification' | 'payload-counts'
-
-// Extracting the type so compilers can easily strip it off vs inlining it withing the hook
-// which causes compilation warnings.
-type HookArgs<TElement extends HTMLElement> = Parameters<typeof useEvent<TElement, BlockHeaderEventNouns>>
-
-export const useBlockHeadingEvents = <TElement extends HTMLElement>(...args: HookArgs<TElement>) => {
-  return useEvent<TElement, BlockHeaderEventNouns>(...args)
-}

package/src/components/block/hooks/useBlockProducer.ts

@@ -1,11 +0,0 @@
-import type { HydratedBlock } from '@xyo-network/xl1-sdk'
-import { useMemo } from 'react'
-
-export const useBlockProducer = (block?: HydratedBlock) => {
-  return useMemo(() => {
-    if (block) {
-      const producer = block[0].addresses[0]
-      return producer
-    }
-  }, [block])
-}

package/src/components/block/hooks/usePayloadCountsFromBlock.ts

@@ -1,13 +0,0 @@
-import type { HydratedBlockWithHashMeta } from '@xyo-network/xl1-sdk'
-import { useMemo } from 'react'
-
-import { payloadCountsFromBlock } from '../helpers/index.ts'
-
-export const usePayloadCountsFromBlock = (block?: HydratedBlockWithHashMeta): [number | undefined, number | undefined, Error | undefined] => {
-  return useMemo(() => {
-    if (block) {
-      return [...payloadCountsFromBlock(block), undefined]
-    }
-    return [undefined, undefined, undefined]
-  }, [block])
-}

package/src/components/block/index.ts

@@ -1,6 +0,0 @@
-export * from './BlockHeadingFlexbox.tsx'
-export * from './ChipSkeleton.tsx'
-export * from './helpers/index.ts'
-export * from './hooks/index.ts'
-export * from './ProducerChip.tsx'
-export * from './table/index.ts'