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,OACIK,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAQ,aACpB,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAQ,oBACpB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACG,UAAWF,EAAAA,QAAQ,mBACnB,OAAQG,EAAAA,UACR,KAAK,QACL,QAAQ,cACR,QAASV,EACT,SAAAK,EAAoB,SAAA,iBAAA,CAAA,EAGxBG,EAAAA,IAACC,EAAAA,OAAA,CACG,UAAWF,EAAAA,QAAQ,mBACnB,QAASL,EACT,KAAK,QACL,QAAQ,cACR,OAAQS,EAAAA,WACR,SAAAN,EAAoB,SAAA,eAAA,CAAA,EAGxBG,EAAAA,IAACC,EAAAA,OAAA,CACG,UAAWF,EAAAA,QAAQ,mBACnB,QAASJ,EACT,KAAK,QACL,QAAQ,cACR,OAAQS,EAAAA,SACR,SAAAP,EAAoB,SAAA,aAAA,CAAA,CAExB,EACJ,EACAC,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAQ,iBACpB,SAAA,CAAAC,MAACK,EAAAA,OAAA,CACG,SAAAL,EAAAA,IAACM,EAAAA,cAAA,CAAc,MAAOb,EAAc,EACxC,EAAU,IAAI,KACX,UACFY,EAAAA,OAAA,CACG,SAAAL,EAAAA,IAACM,EAAAA,cAAA,CAAc,MAAOV,EAAW,EACrC,EAAU,IAAI,eAAA,CAAA,CAElB,CAAA,EACJ,CAER"}