koval-ui/dist/src/lib/DataTable/SelectableActions.cjs.map

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

{"version":3,"file":"SelectableActions.cjs","sources":["../../../../src/lib/DataTable/SelectableActions.tsx"],"sourcesContent":["import type {FC} from 'react';\n\nimport {Button, NumberDecimal, Strong} from '@/lib';\nimport {IconClear, IconDelete, IconEdit} from '@/internal/Icons';\n\nimport classes from './DataTable.module.css';\n\nexport type Props = {\n    onClear: () => void;\n    onDeleteRequest: () => void;\n    onEditRequest: () => void;\n    selectedRows: number;\n    totalRows: number;\n};\n\nexport const SelectableActions: FC<Props> = ({\n    onClear,\n    selectedRows,\n    onDeleteRequest,\n    onEditRequest,\n    totalRows,\n}) => {\n    const disabled = selectedRows === 0;\n    return (\n        <div className={classes.rowSelection}>\n            <div className={classes.rowSelectionActions}>\n                <Button\n                    className={classes.rowSelectionButton}\n                    prefix={IconClear}\n                    size=\"small\"\n                    variant=\"alternative\"\n                    onClick={onClear}\n                    disabled={disabled}>\n                    Clear selection\n                </Button>\n                <Button\n                    className={classes.rowSelectionButton}\n                    onClick={onDeleteRequest}\n                    size=\"small\"\n                    variant=\"alternative\"\n                    prefix={IconDelete}\n                    disabled={disabled}>\n                    Delete row(s)\n                </Button>\n                <Button\n                    className={classes.rowSelectionButton}\n                    onClick={onEditRequest}\n                    size=\"small\"\n                    variant=\"alternative\"\n                    prefix={IconEdit}\n                    disabled={disabled}>\n                    Edit row(s)\n                </Button>\n            </div>\n            <div className={classes.rowSelectionText}>\n                <Strong>\n                    <NumberDecimal value={selectedRows} />\n                </Strong>{' '}\n                of{' '}\n                <Strong>\n                    <NumberDecimal value={totalRows} />\n                </Strong>{' '}\n                rows selected\n            </div>\n        </div>\n    );\n};\n"],"names":["SelectableActions","onClear","selectedRows","onDeleteRequest","onEditRequest","totalRows","disabled","jsxs","classes","jsx","Button","IconClear","IconDelete","IconEdit","Strong","NumberDecimal"],"mappings":"odAeaA,EAA+B,CAAC,CACzC,QAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,UAAAC,CACJ,IAAM,CACF,MAAMC,EAAWJ,IAAiB,EAClC,OACKK,EAAAA,KAAA,MAAA,CAAI,UAAWC,EAAA,QAAQ,aACpB,SAAA,CAACD,EAAA,KAAA,MAAA,CAAI,UAAWC,EAAAA,QAAQ,oBACpB,SAAA,CAAAC,EAAA,IAACC,EAAA,OAAA,CACG,UAAWF,EAAQ,QAAA,mBACnB,OAAQG,EAAA,UACR,KAAK,QACL,QAAQ,cACR,QAASV,EACT,SAAAK,EAAoB,SAAA,iBAAA,CAExB,EACAG,EAAA,IAACC,EAAA,OAAA,CACG,UAAWF,EAAQ,QAAA,mBACnB,QAASL,EACT,KAAK,QACL,QAAQ,cACR,OAAQS,EAAA,WACR,SAAAN,EAAoB,SAAA,eAAA,CAExB,EACAG,EAAA,IAACC,EAAA,OAAA,CACG,UAAWF,EAAQ,QAAA,mBACnB,QAASJ,EACT,KAAK,QACL,QAAQ,cACR,OAAQS,EAAA,SACR,SAAAP,EAAoB,SAAA,aAAA,CAAA,CAExB,EACJ,EACCC,EAAA,KAAA,MAAA,CAAI,UAAWC,EAAAA,QAAQ,iBACpB,SAAA,CAAAC,MAACK,EAAAA,OACG,CAAA,SAAAL,EAAA,IAACM,EAAc,cAAA,CAAA,MAAOb,CAAc,CAAA,EACxC,EAAU,IAAI,KACX,UACFY,EAAAA,OACG,CAAA,SAAAL,EAAA,IAACM,EAAc,cAAA,CAAA,MAAOV,CAAW,CAAA,EACrC,EAAU,IAAI,eAAA,CAElB,CAAA,CAAA,EACJ,CAER"}