packages/table/src/components/BodyRowExpandedContent.tsx - develop - eermolov/ui-kit-ce

packages/table/src/components/BodyRowExpandedContent.tsx

42 строки1 KB

Denis Svyatovets

v1.10.0

27 мар 2024, 13:48

27 мар 2024, 13:48c9029ae

import * as React from 'react'
import { UseColumnsResult } from '../hooks/useColumns'
import { ReservedDataSourceProps } from '../interfaces'

export type BodyRowExpandedContentProps<DataSource> = Pick<
  Pick<
    Required<UseColumnsResult<DataSource>>,
    'expandableColumn'
  >['expandableColumn'],
  'renderExpandableContent'
> & {
  row: DataSource
  className: string
  rowIndex: number
  columnsLength: number
  isRowExpanded?: boolean
}

const _BodyRowExpandedContent = <
  DataSource extends ReservedDataSourceProps<DataSource>
>({
  row,
  className,
  rowIndex,
  columnsLength,
  renderExpandableContent,
  isRowExpanded,
}: BodyRowExpandedContentProps<DataSource>): React.ReactElement | null =>
  isRowExpanded && renderExpandableContent ? (
    <tr>
      <td colSpan={columnsLength} className={className}>
        {renderExpandableContent({
          row,
          rowIndex,
        })}
      </td>
    </tr>
  ) : null

export const BodyRowExpandedContent = React.memo(
  _BodyRowExpandedContent
) as typeof _BodyRowExpandedContent