@xyo-network/react-payload-table 7.5.8 → 7.5.12

package/src/components/Table/Table.stories.tsx

@@ -1,98 +0,0 @@
-import { Chip } from '@mui/material'
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { isDefined } from '@xylabs/sdk-js'
-import { asSchema, type Payload } from '@xyo-network/payload-model'
-import { useEvent } from '@xyo-network/react-event'
-import { sampleIdPayload, sampleSystemInfoBrowserPayload } from '@xyo-network/react-storybook'
-import React, { useState } from 'react'
-import { BrowserRouter } from 'react-router-dom'
-
-import { PayloadTable } from './Table.tsx'
-import { PayloadTableBody } from './TableBody.tsx'
-import { PayloadTableFooter } from './TableFooter.tsx'
-import { PayloadTableHead } from './TableHead.tsx'
-
-const payloads: Payload[] = [
-  sampleIdPayload,
-  sampleSystemInfoBrowserPayload,
-  sampleIdPayload,
-  { schema: asSchema('network.xyo.debug.super.long.schema.for.some.reason', true) },
-  sampleSystemInfoBrowserPayload,
-  sampleIdPayload,
-  sampleSystemInfoBrowserPayload,
-  sampleIdPayload,
-  sampleSystemInfoBrowserPayload,
-  sampleIdPayload,
-  sampleSystemInfoBrowserPayload,
-  sampleIdPayload,
-  sampleSystemInfoBrowserPayload,
-  sampleIdPayload,
-  sampleSystemInfoBrowserPayload,
-]
-
-const StorybookEntry = {
-  argTypes: {},
-  component: PayloadTable,
-  parameters: { docs: { page: null } },
-  title: 'payload/Table',
-} as Meta<typeof PayloadTable>
-
-const Template: StoryFn<typeof PayloadTable> = (args) => {
-  const [eventData, setEventData] = useState<string | undefined>()
-  const [ref] = useEvent<HTMLTableElement>((_noun, _verb, data) => {
-    setEventData(data)
-  })
-
-  return (
-    <BrowserRouter>
-      {isDefined(eventData)
-        ? <Chip label={`EventData: ${eventData}`} onDelete={() => setEventData(undefined)} />
-        : null}
-      <PayloadTable ref={ref} {...args}></PayloadTable>
-    </BrowserRouter>
-  )
-}
-
-const Default = Template.bind({})
-Default.args = {}
-
-const WithData = Template.bind({})
-WithData.args = {
-  payloads,
-  PayloadTableBodyComponent: PayloadTableBody,
-  PayloadTableHeadComponent: PayloadTableHead,
-  PayloadTableFooterComponent: PayloadTableFooter,
-  clickableFields: ['hash'],
-}
-
-const WithOutStickyHeaderFooter = Template.bind({})
-WithOutStickyHeaderFooter.args = {
-  payloads,
-  variant: 'normal',
-}
-
-const WithDataAndMaxSchemaDepth = Template.bind({})
-WithDataAndMaxSchemaDepth.args = {
-  maxSchemaDepth: 2,
-  payloads,
-}
-
-const WithInvalid = Template.bind({})
-
-const { schema, ...badPayload } = sampleIdPayload
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-WithInvalid.args = { payloads: [sampleIdPayload, badPayload] }
-
-const WithNoResults = Template.bind({})
-WithNoResults.args = { payloads: [] }
-
-const WithLoading = Template.bind({})
-WithLoading.args = { loading: true, payloads: [] }
-
-export {
-  Default, WithData, WithDataAndMaxSchemaDepth, WithInvalid, WithLoading, WithNoResults, WithOutStickyHeaderFooter,
-}
-
-export default StorybookEntry

package/src/components/Table/Table.tsx

@@ -1,139 +0,0 @@
-import { type Hash, isDefinedNotNull } from '@xylabs/sdk-js'
-import type { Payload } from '@xyo-network/payload-model'
-import type { TableExProps } from '@xyo-network/react-table'
-import { TableEx } from '@xyo-network/react-table'
-import type { ComponentType } from 'react'
-import React, { useMemo, useState } from 'react'
-
-import type { PayloadTableColumnConfig, PayloadTableColumnSlug } from './PayloadTableColumnConfig.ts'
-import { PayloadTableBody } from './TableBody.tsx'
-import { PayloadTableFooter } from './TableFooter.tsx'
-import { PayloadTableHead } from './TableHead.tsx'
-import { TableRowNoData } from './TableRowNoData.tsx'
-import type {
-  PayloadTableBodyProps, PayloadTableFooterProps, PayloadTableHeadProps,
-} from './types/index.ts'
-
-export interface PayloadTableProps extends TableExProps {
-  PayloadTableBodyComponent?: ComponentType<PayloadTableBodyProps>
-  PayloadTableFooterComponent?: ComponentType<PayloadTableFooterProps>
-  PayloadTableHeadComponent?: ComponentType<PayloadTableHeadProps>
-  /** @deprecated - archives are no longer used */
-  archive?: string
-  clickableFields?: PayloadTableColumnSlug[]
-  columns?: PayloadTableColumnConfig
-  /** Total number of payloads passed */
-  count?: number
-  /** @deprecated - use events to build links instead of passing props */
-  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
-  onHashClick?: (value: Hash) => void
-  onRowClick?: (value: Payload) => void
-  payloads?: Payload[] | null
-  rowsPerPage?: number
-}
-
-export const PayloadTableWithRef: React.FC<PayloadTableProps> = (
-  {
-    clickableFields,
-    onHashClick,
-    onRowClick,
-    fetchMorePayloads,
-    rowsPerPage: rowsPerPageProp = 25,
-    payloads,
-    columns,
-    PayloadTableHeadComponent = PayloadTableHead,
-    PayloadTableBodyComponent = PayloadTableBody,
-    PayloadTableFooterComponent = PayloadTableFooter,
-    maxSchemaDepth,
-    count = 0,
-    loading = false,
-    variant = 'scrollable',
-    ...props
-  },
-) => {
-  const [page, setPage] = useState(0)
-  const [rowsPerPage, setRowsPerPage] = useState(rowsPerPageProp)
-  const [previousRowsPerPage, setPreviousRowsPerPage] = useState(rowsPerPageProp)
-  if (rowsPerPageProp !== previousRowsPerPage) {
-    setPreviousRowsPerPage(rowsPerPageProp)
-    setRowsPerPage(rowsPerPageProp)
-  }
-  const [visiblePayloads, setVisiblePayloads] = useState<Payload[]>([])
-
-  // Avoid a layout jump when reaching the last page with empty rows.
-  const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - count || 0) : 0
-
-  // React to various prop changes to derive new visible payloads
-  // count is needed to show initial payloads added async to the same payloads reference
-  const [previousPayloads, setPreviousPayloads] = useState(payloads)
-  if (payloads !== previousPayloads) {
-    // If the payload reference changes, assume we have a new list and reset current page
-    setPreviousPayloads(payloads)
-    setPage(0)
-    if (isDefinedNotNull(payloads)) {
-      setVisiblePayloads(payloads.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage))
-    }
-  }
-
-  const handleAdditionalPayloads = () => {
-    if (fetchMorePayloads && payloads) {
-      const buffer = rowsPerPage * 2
-      const lastVisiblePayload = visiblePayloads?.at(-1)
-      if (lastVisiblePayload) {
-        const lastVisibleIndex = payloads?.indexOf(lastVisiblePayload)
-        if (lastVisibleIndex !== undefined && payloads.length - (lastVisibleIndex + 1) <= buffer) {
-          fetchMorePayloads()
-        }
-      }
-    }
-  }
-
-  const handleChangePage = (_event: React.MouseEvent<HTMLButtonElement> | null, newPage: number) => {
-    handleAdditionalPayloads()
-    setPage(newPage)
-  }
-
-  const handleChangeRowsPerPage = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
-    setRowsPerPage(Number.parseInt(event.target.value, 10))
-    setPage(0)
-  }
-
-  const noResults = useMemo(() => {
-    return !loading && (visiblePayloads.length === 0)
-  }, [loading, visiblePayloads])
-
-  return (
-    <TableEx variant={variant} {...props}>
-      <PayloadTableHeadComponent columns={columns} />
-      <PayloadTableBodyComponent
-        clickableFields={clickableFields}
-        payloads={visiblePayloads}
-        maxSchemaDepth={maxSchemaDepth}
-        onRowClick={onRowClick}
-        onHashClick={onHashClick}
-        emptyRows={emptyRows}
-        noResults={noResults}
-        NoResultRowComponent={TableRowNoData}
-      />
-      <PayloadTableFooterComponent
-        count={count}
-        variant={variant}
-        rowsPerPage={rowsPerPage}
-        handleChangePage={handleChangePage}
-        handleChangeRowsPerPage={handleChangeRowsPerPage}
-        fetchMorePayloads={fetchMorePayloads}
-        loading={loading}
-        page={page}
-      />
-    </TableEx>
-  )
-}
-
-PayloadTableWithRef.displayName = 'PayloadTable'
-
-export const PayloadTable = PayloadTableWithRef

package/src/components/Table/TableBody.tsx

@@ -1,64 +0,0 @@
-import {
-  Alert, TableBody, Typography,
-} from '@mui/material'
-import { ThrownErrorBoundary } from '@xylabs/react-error'
-import { usePayloadHashes } from '@xyo-network/react-shared'
-import type { ReactNode } from 'react'
-import React from 'react'
-
-import { PayloadTableRow } from './TableRow.tsx'
-import type { PayloadTableBodyProps } from './types/index.ts'
-
-export const PayloadTableBody: React.FC<PayloadTableBodyProps> = ({
-  children,
-  clickableFields,
-  payloads,
-  maxSchemaDepth,
-  onHashClick,
-  onRowClick,
-  emptyRows,
-  noResults,
-  NoResultRowComponent,
-  ...props
-}) => {
-  const payloadPairs = usePayloadHashes(payloads)
-
-  return (
-    <TableBody {...props}>
-      {noResults && NoResultRowComponent
-        ? <NoResultRowComponent />
-        : null}
-      {payloadPairs?.map(([payload, hash], index) => {
-        return (
-          <ThrownErrorBoundary
-            boundaryName="PayloadTableBody"
-            key={`${hash}-${index}`}
-            errorComponent={e => (
-              <Alert severity="error">
-                Error Loading Payload:
-                {' '}
-                <Typography fontWeight="bold">{e.message}</Typography>
-              </Alert>
-            )}
-          >
-            <PayloadTableRow
-              clickableFields={clickableFields}
-              maxSchemaDepth={maxSchemaDepth}
-              onClick={
-                onRowClick
-                  ? () => {
-                      onRowClick(payload)
-                    }
-                  : undefined
-              }
-              onHashClick={onHashClick}
-              payload={payload}
-            />
-          </ThrownErrorBoundary>
-        )
-      })}
-      {children}
-      {emptyRows ? (Array.from({ length: emptyRows }).fill(<PayloadTableRow />) as ReactNode[]) : null}
-    </TableBody>
-  )
-}

package/src/components/Table/TableFooter.tsx

@@ -1,44 +0,0 @@
-import {
-  styled, TablePagination, TableRow,
-} from '@mui/material'
-import { TableFooterEx } from '@xyo-network/react-table'
-import React from 'react'
-
-import { TablePaginationActions } from './TablePagination.tsx'
-import type { PayloadTableFooterProps } from './types/index.ts'
-
-export const PayloadTableFooter: React.FC<PayloadTableFooterProps> = ({
-  count,
-  variant,
-  page,
-  rowsPerPage,
-  handleChangePage,
-  handleChangeRowsPerPage,
-  fetchMorePayloads,
-  loading,
-}) => (
-  <TableFooterEx variant={variant}>
-    <TableRow>
-      <StyledTablePagination
-        rowsPerPageOptions={[5, 10, 25, { label: 'All', value: -1 }]}
-        count={count ?? 0}
-        rowsPerPage={rowsPerPage ?? 10}
-        page={page ?? 0}
-        SelectProps={{
-          inputProps: { 'aria-label': 'rows per page' },
-          native: true,
-        }}
-        onPageChange={handleChangePage ?? (() => {})}
-        onRowsPerPageChange={handleChangeRowsPerPage ?? (() => {})}
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ActionsComponent={(props: any) => <TablePaginationActions enableNextPage={!!fetchMorePayloads} loading={loading} {...props} />}
-      />
-    </TableRow>
-  </TableFooterEx>
-)
-
-const StyledTablePagination = styled(TablePagination)(({ theme }) => ({
-  '& > .MuiToolbar-root': { paddingLeft: theme.spacing(1) },
-  'borderTop': '1px solid',
-  'borderTopColor': theme.vars.palette.divider,
-}))

package/src/components/Table/TableHead.tsx

@@ -1,31 +0,0 @@
-import {
-  TableCell, TableHead, TableRow, Typography,
-} from '@mui/material'
-import { useBreakpoint } from '@xylabs/react-shared'
-import React, { useMemo } from 'react'
-
-import type { PayloadTableColumnSlug } from './PayloadTableColumnConfig.ts'
-import { payloadColumnNames, payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig.ts'
-import type { PayloadTableHeadProps } from './types/index.ts'
-
-export const PayloadTableHead: React.FC<PayloadTableHeadProps<PayloadTableColumnSlug>> = ({ columns, ...props }) => {
-  const breakPoint = useBreakpoint()
-  const columnsMemo = useMemo(() => columns ?? payloadTableColumnConfigDefaults(), [columns])
-  return (
-    <TableHead {...props}>
-      <TableRow>
-        {breakPoint
-          ? columnsMemo[breakPoint]?.map((column, index) => {
-              return (
-                <TableCell key={index} width={index === 0 ? '100%' : undefined} align={index === 0 ? 'left' : 'center'}>
-                  <Typography variant="body2" noWrap>
-                    {payloadColumnNames[column]}
-                  </Typography>
-                </TableCell>
-              )
-            })
-          : null}
-      </TableRow>
-    </TableHead>
-  )
-}

package/src/components/Table/TablePagination.tsx

@@ -1,88 +0,0 @@
-import {
-  FirstPage as FirstPageIcon, KeyboardArrowLeft, KeyboardArrowRight, LastPage as LastPageIcon,
-} from '@mui/icons-material'
-import {
-  Box, CircularProgress, IconButton, useTheme,
-} from '@mui/material'
-import { useEvent } from '@xyo-network/react-event'
-import React from 'react'
-
-import type { PaginationNouns } from './types/index.ts'
-
-export interface TablePaginationActionsProps {
-  count: number
-  enableNextPage?: boolean
-  loading?: boolean
-  onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void
-  page: number
-  rowsPerPage: number
-}
-
-export function TablePaginationActions({
-  count, enableNextPage, loading, onPageChange, page, rowsPerPage,
-}: Readonly<TablePaginationActionsProps>) {
-  const theme = useTheme()
-  const [paginationRef, paginationDispatch] = useEvent<HTMLButtonElement, PaginationNouns>()
-
-  const handleFirstPageButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    paginationDispatch('firstPage', 'click', 'true')
-    onPageChange(event, 0)
-  }
-
-  const handleBackButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    paginationDispatch('previousPage', 'click', (page - 1)?.toString())
-    onPageChange(event, page - 1)
-  }
-
-  const handleNextButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    paginationDispatch('nextPage', 'click', (page + 1)?.toString())
-    onPageChange(event, page + 1)
-  }
-
-  const handleLastPageButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    paginationDispatch('lastPage', 'click', 'true')
-    onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1))
-  }
-
-  return (
-    <>
-      {loading
-        ? (
-            <CircularProgress
-              size="small"
-              sx={{
-                height: theme.spacing(2), position: 'absolute', width: theme.spacing(2),
-              }}
-            />
-          )
-        : null}
-      <Box sx={{ flexShrink: 0, ml: 2.5 }}>
-        <IconButton onClick={handleFirstPageButtonClick} disabled={page === 0} aria-label="first page">
-          {theme.direction === 'rtl'
-            ? <LastPageIcon />
-            : <FirstPageIcon />}
-        </IconButton>
-        <IconButton ref={paginationRef} onClick={handleBackButtonClick} disabled={page === 0} aria-label="previous page">
-          {theme.direction === 'rtl'
-            ? <KeyboardArrowRight />
-            : <KeyboardArrowLeft />}
-        </IconButton>
-        <IconButton
-          ref={paginationRef}
-          onClick={handleNextButtonClick}
-          disabled={!enableNextPage && page >= Math.ceil(count / rowsPerPage) - 1}
-          aria-label="next page"
-        >
-          {theme.direction === 'rtl'
-            ? <KeyboardArrowLeft />
-            : <KeyboardArrowRight />}
-        </IconButton>
-        <IconButton onClick={handleLastPageButtonClick} disabled={page >= Math.ceil(count / rowsPerPage) - 1} aria-label="last page">
-          {theme.direction === 'rtl'
-            ? <FirstPageIcon />
-            : <LastPageIcon />}
-        </IconButton>
-      </Box>
-    </>
-  )
-}

package/src/components/Table/TableRow.tsx

@@ -1,135 +0,0 @@
-import {
-  CheckCircleOutlineRounded as CheckCircleOutlineRoundedIcon,
-  ErrorOutlineRounded as ErrorOutlineRoundedIcon,
-  WarningAmberRounded as WarningAmberRoundedIcon,
-} from '@mui/icons-material'
-import type { TableRowProps } from '@mui/material'
-import {
-  alpha, Link, TableCell, TableRow, Typography,
-} from '@mui/material'
-import { usePromise } from '@xylabs/react-promise'
-import { useBreakpoint } from '@xylabs/react-shared'
-import type { Hash } from '@xylabs/sdk-js'
-import { isDefined } from '@xylabs/sdk-js'
-import type { Payload } from '@xyo-network/payload-model'
-import { PayloadValidator } from '@xyo-network/payload-validator'
-import { useEvent } from '@xyo-network/react-event'
-import { HashTableCell, usePayloadHash } from '@xyo-network/react-shared'
-import React, { useMemo } from 'react'
-
-import type { TableCellRenderer } from '../lib/index.ts'
-import type { PayloadTableColumnConfig, PayloadTableColumnSlug } from './PayloadTableColumnConfig.ts'
-import { payloadTableColumnConfigDefaults } from './PayloadTableColumnConfig.ts'
-
-export interface PayloadTableRowProps extends TableRowProps {
-  /** @deprecated - archives are no longer used */
-  archive?: string
-  clickableFields?: PayloadTableColumnSlug[]
-  columns?: PayloadTableColumnConfig
-  /** @deprecated - use event listeners instead of link building via props */
-  exploreDomain?: string
-  maxSchemaDepth?: number
-  network?: string
-  onHashClick?: (value: Hash) => void
-  payload?: Payload
-}
-
-export const PayloadTableRow: React.FC<PayloadTableRowProps> = ({
-  clickableFields,
-  columns,
-  maxSchemaDepth,
-  network: networkProp,
-  onHashClick,
-  payload,
-  ...props
-}) => {
-  const breakPoint = useBreakpoint()
-  const payloadHash = usePayloadHash(payload)
-  const [anchorRef, dispatch] = useEvent<HTMLAnchorElement>()
-  const [errors = []] = usePromise(async () => (payload ? await new PayloadValidator(payload).validate() : undefined), [payload])
-  const isValid = errors.length === 0
-
-  const hash: TableCellRenderer = props => (
-    <HashTableCell
-      dataType="payload"
-      key="hash"
-      onHashClick={onHashClick}
-      value={payloadHash}
-      width="100%"
-      {...props}
-    >
-      {isDefined(payloadHash) && (
-        <>
-          {clickableFields?.includes('hash')
-            ? (
-                <Link onClick={() => dispatch('hash', 'click', payloadHash)} ref={anchorRef} sx={{ cursor: 'pointer' }}>{payloadHash}</Link>
-              )
-            : payloadHash}
-        </>
-      )}
-    </HashTableCell>
-  )
-
-  const reduceSchemaDepth = (schema?: string, maxSchemaDepth?: number) => {
-    if (isDefined(maxSchemaDepth)) {
-      const parts = schema?.split('.') ?? []
-      const partsToRemove = Math.max(parts.length - maxSchemaDepth, 0)
-      if (partsToRemove > 0) {
-        return (
-          <>
-            <>&#x2026;</>
-            {
-
-              `${parts.slice(partsToRemove).reduce((previousValue, part) => previousValue + '.' + part, '')}`
-            }
-          </>
-        )
-      }
-    }
-    return schema
-  }
-
-  const schema: TableCellRenderer = props => (
-    <TableCell title={payload?.schema} key="payloads" align="center" {...props}>
-      <Typography fontFamily="monospace" variant="body2" noWrap>
-        {clickableFields?.includes('schema')
-          ? (
-              <Link sx={{ cursor: 'pointer' }}>{reduceSchemaDepth(payload?.schema, maxSchemaDepth)}</Link>
-            )
-          : reduceSchemaDepth(payload?.schema, maxSchemaDepth)}
-
-      </Typography>
-    </TableCell>
-  )
-
-  const valid: TableCellRenderer = props => (
-    <TableCell key="valid" align="center" {...props}>
-      {isValid === undefined && payload != undefined
-        ? <WarningAmberRoundedIcon fontSize="small" color="warning" />
-        : isValid === true
-          ? <CheckCircleOutlineRoundedIcon fontSize="small" color="success" />
-          : isValid === false
-            ? <ErrorOutlineRoundedIcon color="error" fontSize="small" />
-          // to keep row height consistent when no data provided, may need fix later
-            : <ErrorOutlineRoundedIcon sx={{ color: alpha('#fff', 0) }} fontSize="small" />}
-    </TableCell>
-  )
-
-  const tableCells: Record<PayloadTableColumnSlug, TableCellRenderer> = {
-    hash,
-    schema,
-    valid,
-  }
-
-  const columnsMemo = useMemo(() => columns ?? payloadTableColumnConfigDefaults(), [columns])
-
-  return isDefined(breakPoint)
-    ? (
-        <TableRow style={{ maxWidth: '100vw' }} {...props}>
-          {columnsMemo[breakPoint]?.map((column) => {
-            return tableCells[column]({})
-          })}
-        </TableRow>
-      )
-    : null
-}

package/src/components/Table/TableRowNoData.tsx

@@ -1,39 +0,0 @@
-import type { TableRowProps, TypographyProps } from '@mui/material'
-import {
-  styled, TableCell, TableRow, Typography,
-} from '@mui/material'
-import React from 'react'
-
-export interface TableRowNoDataProps extends TableRowProps {
-  additionalCells?: number
-  hideBorder?: boolean
-  typographyProps?: TypographyProps
-}
-
-export const TableRowNoData: React.FC<TableRowNoDataProps> = ({
-  additionalCells, hideBorder = false, typographyProps, ...props
-}) => {
-  return (
-    <TableRow {...props}>
-      <StyledTableCell hideBorder={hideBorder}>
-        <Typography variant="body2" {...typographyProps}>
-          No Data To Display...
-        </Typography>
-      </StyledTableCell>
-      {additionalCells
-        ? Array.from({ length: additionalCells })
-            .fill(null)
-            .map((_fill, index) => <StyledTableCell key={index} hideBorder={hideBorder} />)
-        : null}
-    </TableRow>
-  )
-}
-
-interface StyledTableCellProps {
-  hideBorder?: boolean
-}
-
-const StyledTableCell = styled(TableCell, {
-  name: 'StyledTableCell',
-  shouldForwardProp: (prop: string) => prop !== 'hideBorder',
-})<StyledTableCellProps>(({ hideBorder }) => ({ ...(hideBorder && { border: 'none' }) }))

package/src/components/Table/index.ts

@@ -1,7 +0,0 @@
-export * from './lib/index.ts'
-export * from './PayloadTableColumnConfig.ts'
-export * from './Table.tsx'
-export * from './TablePagination.tsx'
-export * from './TableRow.tsx'
-export * from './TableRowNoData.tsx'
-export * from './types/index.ts'

package/src/components/Table/lib/TableColumns.ts

@@ -1,12 +0,0 @@
-export type TableColumnNames<T extends string> = Record<T, string>
-
-export interface TableColumnConfig<T> {
-  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/lib/index.ts

@@ -1 +0,0 @@
-export * from './TableColumns.ts'

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

@@ -1 +0,0 @@
-export type PaginationNouns = 'nextPage' | 'previousPage' | 'firstPage' | 'lastPage'