@chakra-ui/modal
Version:
An accessible dialog (modal) component for React & Chakra UI
1 lines • 1.6 kB
Source Map (JSON)
{"version":3,"sources":["../src/alert-dialog.tsx"],"sourcesContent":["import { forwardRef } from \"@chakra-ui/system\"\nimport { ModalProps, Modal } from \"./modal\"\nimport { ModalContentProps, ModalContent } from \"./modal-content\"\n\nexport interface AlertDialogProps extends Omit<ModalProps, \"initialFocusRef\"> {\n leastDestructiveRef: NonNullable<ModalProps[\"initialFocusRef\"]>\n}\n\n/**\n * `AlertDialog` component is used interrupt the user with a mandatory confirmation or action.\n *\n * @see Docs https://chakra-ui.com/docs/components/alert-dialog\n * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/\n */\nexport function AlertDialog(props: AlertDialogProps) {\n const { leastDestructiveRef, ...rest } = props\n return <Modal {...rest} initialFocusRef={leastDestructiveRef} />\n}\n\nexport const AlertDialogContent = forwardRef<ModalContentProps, \"section\">(\n (props, ref) => <ModalContent ref={ref} role=\"alertdialog\" {...props} />,\n)\n\nexport { ModalBody as AlertDialogBody } from \"./modal-body\"\nexport { ModalCloseButton as AlertDialogCloseButton } from \"./modal-close-button\"\nexport { ModalFooter as AlertDialogFooter } from \"./modal-footer\"\nexport { ModalHeader as AlertDialogHeader } from \"./modal-header\"\nexport { ModalOverlay as AlertDialogOverlay } from \"./modal-overlay\"\n"],"mappings":";;;;;;;;;AAAA,SAAS,kBAAkB;AAgBlB;AAFF,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,qBAAqB,GAAG,KAAK,IAAI;AACzC,SAAO,oBAAC,SAAO,GAAG,MAAM,iBAAiB,qBAAqB;AAChE;AAEO,IAAM,qBAAqB;AAAA,EAChC,CAAC,OAAO,QAAQ,oBAAC,gBAAa,KAAU,MAAK,eAAe,GAAG,OAAO;AACxE;","names":[]}