koval-ui/dist/src/lib/DataTable/dialogs/DeleteDialog.cjs.map

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

{"version":3,"file":"DeleteDialog.cjs","sources":["../../../../../src/lib/DataTable/dialogs/DeleteDialog.tsx"],"sourcesContent":["import type {ComponentProps, FC} from 'react';\nimport {useMemo} from 'react';\n\nimport {Dialog, useDialogState} from '@/lib/Dialog';\nimport {NumberDecimal} from '@/lib/Number';\nimport {IconDelete, IconClose} from '@/internal/Icons';\n\nimport classes from './Dialog.module.css';\n\nexport type Props = {\n    selectionAmount?: number;\n    onDeleteConfirmation: () => void;\n    id: string;\n};\n\nexport const DeleteDialog: FC<Props> = ({selectionAmount, onDeleteConfirmation, id}) => {\n    const {closeDialog} = useDialogState(id);\n    const actions = useMemo<ComponentProps<typeof Dialog>['actions']>(\n        () =>\n            [\n                [\n                    {\n                        title: 'Cancel',\n                        type: 'default',\n                        icon: IconClose,\n                        onClick: () => {\n                            closeDialog();\n                        },\n                    },\n                    {\n                        title: 'Delete',\n                        type: 'danger',\n                        icon: IconDelete,\n                        onClick: () => {\n                            onDeleteConfirmation();\n                            closeDialog();\n                        },\n                    },\n                ],\n            ] as const,\n        [closeDialog, onDeleteConfirmation]\n    );\n    return (\n        <Dialog\n            animation=\"scale-in\"\n            id={id}\n            className={classes.deleteDialog}\n            actions={actions}\n            showCloseButton={false}>\n            Do you want to delete <NumberDecimal value={selectionAmount} /> row(s)?\n        </Dialog>\n    );\n};\n"],"names":["DeleteDialog","selectionAmount","onDeleteConfirmation","id","closeDialog","useDialogState","actions","useMemo","IconClose","IconDelete","jsxs","Dialog","classes","jsx","NumberDecimal"],"mappings":"+ZAeaA,EAA0B,CAAC,CAAC,gBAAAC,EAAiB,qBAAAC,EAAsB,GAAAC,KAAQ,CACpF,KAAM,CAAC,YAAAC,CAAA,EAAeC,EAAA,eAAeF,CAAE,EACjCG,EAAUC,EAAA,QACZ,IACI,CACI,CACI,CACI,MAAO,SACP,KAAM,UACN,KAAMC,EAAA,UACN,QAAS,IAAM,CACCJ,EAAA,CAAA,CAEpB,EACA,CACI,MAAO,SACP,KAAM,SACN,KAAMK,EAAA,WACN,QAAS,IAAM,CACUP,EAAA,EACTE,EAAA,CAAA,CAChB,CACJ,CAER,EACJ,CAACA,EAAaF,CAAoB,CACtC,EAEI,OAAAQ,EAAA,KAACC,EAAA,OAAA,CACG,UAAU,WACV,GAAAR,EACA,UAAWS,EAAQ,QAAA,aACnB,QAAAN,EACA,gBAAiB,GAAO,SAAA,CAAA,yBACFO,EAAAA,IAACC,EAAc,cAAA,CAAA,MAAOb,CAAiB,CAAA,EAAE,UAAA,CAAA,CACnE,CAER"}