Sha256: 155695cf19e8e869161edfae1e5c06d5ccf0e96cb060117a7ca30b05684f3f4f

Contents?: true

Size: 1.03 KB

Versions: 246

Compression:

Stored size: 1.03 KB

Contents

import React from 'react'
import classnames from 'classnames'
import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
import { globalProps } from '../utilities/globalProps'

type TableRowPropTypes = {
  aria?: { [key: string]: string },
  children: React.ReactNode[] | React.ReactNode,
  className: string,
  data?: { [key: string]: string },
  id?: string,
  sideHighlightColor: string,
}

const TableRow = (props: TableRowPropTypes) => {
  const {
    aria = {},
    children,
    className,
    data = {},
    id,
    sideHighlightColor = 'windows',
  } = props

  const ariaProps = buildAriaProps(aria)
  const dataProps = buildDataProps(data)
  const sideHighlightClass =
    sideHighlightColor != '' ? `side_highlight_${sideHighlightColor}` : null
  const classes = classnames(buildCss('pb_table_row_kit', sideHighlightClass), globalProps(props), className)

  return (
    <tr
      {...ariaProps}
      {...dataProps}
      className={classes}
      id={id}
    >
      {children}
    </tr>
  )
}

export default TableRow

Version data entries

246 entries across 246 versions & 1 rubygems

Version Path
playbook_ui-12.24.0.pre.alpha.alphatestforselfhostfak720 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.24.0.pre.alpha.play833boldoptionfortitle2and3719 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.24.0.pre.alpha.play833boldoptionfortitle2and3717 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.24.0 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.23.0.pre.alpha.movemarkdown712 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.23.0.pre.alpha.movemarkdown708 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.23.0.pre.alpha.play698responsivespacingglobalprop703 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.23.0.pre.alpha.play698responsivespacingglobalprop701 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.23.0 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.22.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown696 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.22.0.pre.alpha.play698responsivespacingglobalprop690 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.22.0.pre.alpha.PBNTR12checkingemptyfilters686 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.22.0 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.21.0.pre.alpha.PLAY807RTEcustomtoolbar680 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.21.0 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.20.0.pre.alpha.movemarkdown668 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.20.0.pre.alpha.title2667 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.20.0.pre.alpha.title2665 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.20.0 app/pb_kits/playbook/pb_table/_table_row.tsx
playbook_ui-12.19.0.pre.alpha.PLAY699zindexresponsive650 app/pb_kits/playbook/pb_table/_table_row.tsx