@mrii/react-table-builder
Version:
library to easily build tables using MUI grid
1 lines • 1.89 kB
Source Map (JSON)
{"version":3,"file":"index.mjs","sources":["../../../../src/components/columns/boolean/index.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useAddTableColumn } from '$hooks';\nimport type { ColumnBaseProps } from '$types';\nimport { Check, Close } from '@mui/icons-material';\nimport type { SvgIconProps } from '@mui/material';\nimport type { GridColDef } from '@mui/x-data-grid';\nimport { omitNil } from '$utils/omit-nil';\n\nexport const booleanRenderCell =\n ({\n checkIconProps,\n closeIconProps,\n }: BooleanColumnExtraProps): GridColDef['renderCell'] =>\n ({ value }) =>\n omitNil(value, value ? <Check {...checkIconProps} /> : <Close {...closeIconProps} />);\n\nexport type BooleanColumnExtraProps = {\n checkIconProps?: SvgIconProps;\n closeIconProps?: SvgIconProps;\n};\n\nexport const BooleanColumn: React.FC<ColumnBaseProps<BooleanColumnExtraProps>> = memo(\n function BooleanColumn({ checkIconProps, closeIconProps, ...props }) {\n useAddTableColumn({\n type: 'boolean',\n renderCell: booleanRenderCell({ checkIconProps, closeIconProps }),\n ...props,\n });\n return null;\n }\n);\n"],"names":["booleanRenderCell","checkIconProps","closeIconProps","value","omitNil","_jsx","Check","Close","BooleanColumn","memo","props","useAddTableColumn","type","renderCell"],"mappings":";;;;;;MAQaA,iBACX,GAAA,CAAC,EACCC,cAAAA,GACAC,cAAc,GACU,GAC1B,CAAC,EAAEC,KAAK,GAAE,GACRC,OAAQD,CAAAA,KAAAA,EAAOA,sBAAQE,GAACC,CAAAA,KAAAA,EAAAA;AAAO,YAAA,GAAGL,cAAc;2BAAOI,GAACE,CAAAA,KAAAA,EAAAA;AAAO,YAAA,GAAGL,cAAc;UAAI,EAAE;AAO7EM,MAAAA,aAAAA,iBAAoEC,IAC/E,CAAA,SAASD,aAAc,CAAA,EAAEP,cAAc,GAAEC,cAAc,GAAE,GAAGQ,KAAAA,EAAO,EAAE;IACnEC,iBAAkB,CAAA;QAChBC,IAAM,EAAA,SAAA;AACNC,QAAAA,UAAAA,EAAYb,iBAAkB,CAAA;AAAEC,YAAAA,cAAAA;AAAgBC,YAAAA,cAAAA;AAAe,SAAA,CAAA;AAC/D,QAAA,GAAGQ,KAAK;AACV,KAAA,CAAA,CAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,CACA;;;;"}