koval-ui/dist/src/lib/DataTable/cells/RowSelectionCell.cjs.map

React components collection with minimalistic design. Supports theming, layout, and input validation.

{"version":3,"file":"RowSelectionCell.cjs","sources":["../../../../../src/lib/DataTable/cells/RowSelectionCell.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport classNames from 'classnames';\n\nimport {InputCheckbox} from '@/lib/InputCheckbox';\n\nimport classes from './Cells.module.css';\n\nenum Modes {\n    normal = 'normal',\n    inverted = 'inverted',\n}\n\nexport type Props = {\n    checked?: boolean;\n    disabled?: boolean;\n    indeterminate?: boolean;\n    onChange?: (event: unknown) => void;\n    mode?: keyof typeof Modes;\n};\n\nexport const RowSelectionCell: FC<Props> = ({\n    checked,\n    disabled,\n    onChange = () => {},\n    indeterminate,\n    mode = Modes.normal,\n}) => {\n    return (\n        <div className={classes.rowSelectionCell}>\n            <InputCheckbox\n                indeterminate={indeterminate}\n                className={classNames(classes.input, {[classes.inverted]: mode === Modes.inverted})}\n                checked={checked}\n                disabled={disabled}\n                onChange={onChange}\n            />\n        </div>\n    );\n};\n"],"names":["RowSelectionCell","checked","disabled","onChange","indeterminate","mode","jsx","classes","InputCheckbox","classNames"],"mappings":"iPAoBaA,EAA8B,CAAC,CACxC,QAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,IAAM,CAAC,EAClB,cAAAC,EACA,KAAAC,EAAO,QACX,IAESC,EAAAA,IAAA,MAAA,CAAI,UAAWC,EAAAA,QAAQ,iBACpB,SAAAD,EAAA,IAACE,EAAA,cAAA,CACG,cAAAJ,EACA,UAAWK,EAAWF,EAAA,QAAQ,MAAO,CAAC,CAACA,EAAAA,QAAQ,QAAQ,EAAGF,IAAS,WAAe,EAClF,QAAAJ,EACA,SAAAC,EACA,SAAAC,CAAA,CAAA,EAER"}