@xyo-network/react-payload-table 2.41.37 → 2.41.38

package/src/components/DynamicTable/Table.tsx

@@ -27,19 +27,19 @@ import { PayloadDynamicTableRow } from './DynamicTableRow'
 import { PayloadDynamicTableColumnConfig, payloadDynamicTableColumnConfigDefaults } from './PayloadDynamicTableColumnConfig'
 
 export interface PayloadDynamicTableProps extends TableProps {
-  exploreDomain?: string
   archive?: string
+  columns?: PayloadDynamicTableColumnConfig
+  exploreDomain?: string
   onRowClick?: (value: XyoPayload) => void
-  rowsPerPage?: number
   payloads?: XyoPayload[] | null
-  columns?: PayloadDynamicTableColumnConfig
+  rowsPerPage?: number
 }
 
 interface TablePaginationActionsProps {
   count: number
+  onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void
   page: number
   rowsPerPage: number
-  onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void
 }
 
 function TablePaginationActions(props: TablePaginationActionsProps) {
@@ -81,13 +81,13 @@ function TablePaginationActions(props: TablePaginationActionsProps) {
 }
 
 export const PayloadDynamicTable: React.FC<PayloadDynamicTableProps> = ({
-  exploreDomain,
   archive,
+  children,
+  columns = payloadDynamicTableColumnConfigDefaults(),
+  exploreDomain,
   onRowClick,
   rowsPerPage: rowsPerPageProp = 10,
   payloads,
-  children,
-  columns = payloadDynamicTableColumnConfigDefaults(),
   ...props
 }) => {
   const breakPoint = useBreakpoint()

package/src/components/Table/PayloadTableColumnConfig.ts

@@ -2,8 +2,11 @@ export type PayloadTableColumnSlug = 'hash' | 'schema' | 'valid'
 
 export interface PayloadTableColumnConfig<T = PayloadTableColumnSlug> {
   xs?: T[]
+  // eslint-disable-next-line @typescript-eslint/member-ordering
   sm?: T[]
+  // eslint-disable-next-line @typescript-eslint/member-ordering
   md?: T[]
+  // eslint-disable-next-line @typescript-eslint/member-ordering
   lg?: T[]
   xl?: T[]
 }

package/src/components/Table/Table.tsx

@@ -10,22 +10,22 @@ import { TableRowNoData } from './TableRowNoData'
 import { PayloadTableBodyProps, PayloadTableFooterProps, PayloadTableHeadProps } from './types'
 
 export interface PayloadTableProps extends TableExProps {
-  exploreDomain?: string
-  archive?: string
-  onRowClick?: (value: XyoPayload) => void
-  rowsPerPage?: number
-  payloads?: XyoPayload[] | null
-  loading?: boolean
-  columns?: PayloadTableColumnConfig
-  PayloadTableHeadComponent?: ComponentType<PayloadTableHeadProps>
   PayloadTableBodyComponent?: ComponentType<PayloadTableBodyProps>
   PayloadTableFooterComponent?: ComponentType<PayloadTableFooterProps>
+  PayloadTableHeadComponent?: ComponentType<PayloadTableHeadProps>
+  archive?: string
+  columns?: PayloadTableColumnConfig
+  /** Total number of payloads passed */
+  count?: number
+  exploreDomain?: string
   /** External trigger to fetch more payloads */
   fetchMorePayloads?: () => void
+  loading?: boolean
   /** set number of schema parts to display starting from the end */
   maxSchemaDepth?: number
-  /** Total number of payloads passed */
-  count?: number
+  onRowClick?: (value: XyoPayload) => void
+  payloads?: XyoPayload[] | null
+  rowsPerPage?: number
 }
 
 export const PayloadTableWithRef = forwardRef<HTMLTableElement, PayloadTableProps>(

package/src/components/Table/TablePagination.tsx

@@ -10,13 +10,13 @@ import { PaginationNouns } from './types'
 interface TablePaginationActionsProps {
   count: number
   enableNextPage?: boolean
-  page: number
-  rowsPerPage: number
   loading?: boolean
   onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void
+  page: number
+  rowsPerPage: number
 }
 
-export function TablePaginationActions({ count, page, rowsPerPage, onPageChange, enableNextPage, loading }: TablePaginationActionsProps) {
+export function TablePaginationActions({ count, enableNextPage, loading, onPageChange, page, rowsPerPage }: TablePaginationActionsProps) {
   const theme = useTheme()
   const [paginationRef, paginationDispatch] = useXyoEvent<HTMLButtonElement, PaginationNouns>()
 

package/src/components/Table/TableRow.tsx

@@ -12,21 +12,21 @@ import { HashTableCell } from '@xyo-network/react-shared'
 import { PayloadTableColumnConfig, payloadTableColumnConfigDefaults, PayloadTableColumnSlug } from './PayloadTableColumnConfig'
 
 export interface PayloadTableRowProps extends TableRowProps {
-  payload?: XyoPayload
   archive?: string
-  exploreDomain?: string
   columns?: PayloadTableColumnConfig
-  network?: string
+  exploreDomain?: string
   maxSchemaDepth?: number
+  network?: string
+  payload?: XyoPayload
 }
 
 export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({
+  archive,
+  columns = payloadTableColumnConfigDefaults(),
   exploreDomain,
+  maxSchemaDepth,
   network: networkProp,
   payload,
-  archive,
-  maxSchemaDepth,
-  columns = payloadTableColumnConfigDefaults(),
   ...props
 }) => {
   const breakPoint = useBreakpoint()

package/src/components/Table/TableRowNoData.tsx

@@ -1,12 +1,12 @@
 import { styled, TableCell, TableRow, TableRowProps, Typography, TypographyProps } from '@mui/material'
 
 export interface TableRowNoDataProps extends TableRowProps {
-  typographyProps?: TypographyProps
-  hideBorder?: boolean
   additionalCells?: number
+  hideBorder?: boolean
+  typographyProps?: TypographyProps
 }
 
-export const TableRowNoData: React.FC<TableRowNoDataProps> = ({ hideBorder = false, typographyProps, additionalCells, ...props }) => {
+export const TableRowNoData: React.FC<TableRowNoDataProps> = ({ additionalCells, hideBorder = false, typographyProps, ...props }) => {
   return (
     <TableRow {...props}>
       <StyledTableCell hideBorder={hideBorder}>

package/src/components/Table/types/PayloadTableBodyProps.ts

@@ -4,12 +4,12 @@ import { XyoPayload, XyoPayloads } from '@xyo-network/payload-model'
 import { ComponentType } from 'react'
 
 export interface PayloadTableBodyProps extends TableBodyProps, WithChildren {
-  payloads?: XyoPayloads
+  NoResultRowComponent?: ComponentType<TableRowProps>
   archive?: string
-  maxSchemaDepth?: number
-  onRowClick?: (value: XyoPayload) => void
-  exploreDomain?: string
   emptyRows?: number
+  exploreDomain?: string
+  maxSchemaDepth?: number
   noResults?: boolean
-  NoResultRowComponent?: ComponentType<TableRowProps>
+  onRowClick?: (value: XyoPayload) => void
+  payloads?: XyoPayloads
 }

package/src/components/Table/types/PayloadTableFooterProps.ts

@@ -3,11 +3,11 @@ import { ChangeEvent, MouseEvent } from 'react'
 
 export interface PayloadTableFooterProps {
   count?: number
-  rowsPerPage?: number
-  variant?: TableExVariants
-  page?: number
+  fetchMorePayloads?: () => void
   handleChangePage?: (event: MouseEvent<HTMLButtonElement> | null, newPage: number) => void
   handleChangeRowsPerPage?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void
-  fetchMorePayloads?: () => void
   loading?: boolean
+  page?: number
+  rowsPerPage?: number
+  variant?: TableExVariants
 }