design-react-kit
Version:
Componenti React per Bootstrap 5
1 lines • 1.94 kB
Source Map (JSON)
{"version":3,"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import React, { ElementType, FC, HTMLAttributes, MouseEventHandler, Ref } from 'react';\nimport { FadeProps, Alert as InnerAlert } from 'reactstrap';\nimport { CSSModule } from 'reactstrap/types/lib/utils';\n\n// Copy over from reactstrap and add new ones\nexport interface AlertProps extends HTMLAttributes<HTMLElement> {\n closeClassName?: string;\n closeAriaLabel?: string;\n /** Oggetto contenente la nuova mappatura per le classi CSS. */\n cssModule?: CSSModule;\n /** Le varianti di colore definite in Bootstrap Italia\n * @default primary\n */\n color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | string;\n /** Quando abilitato mostra un'animazione di entrata ed uscita del componente Alert.\n * @default true */\n fade?: boolean;\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n transition?: FadeProps;\n /** Da utilizzare per impostare un riferimento all'elemento DOM */\n innerRef?: Ref<HTMLElement>;\n /** Quando abilitato mostra l'alert\n * @default true\n */\n isOpen?: boolean;\n toggle?: MouseEventHandler<unknown>;\n testId?: string;\n}\n\nexport const Alert: FC<AlertProps> = ({ color = 'success', isOpen = true, fade = true, testId, ...props }) => {\n const baseProps = {\n color,\n isOpen,\n fade\n };\n return <InnerAlert data-testid={testId} {...baseProps} {...props} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+E,sBAC/EC,EAA+C,sBA6BlCH,EAAwB,CAAC,CAAE,MAAAI,EAAQ,UAAW,OAAAC,EAAS,GAAM,KAAAC,EAAO,GAAM,OAAAC,EAAQ,GAAGC,CAAM,IAM/F,EAAAC,QAAA,cAAC,EAAAC,MAAA,CAAW,cAAaH,EAAS,GALvB,CAChB,MAAAH,EACA,OAAAC,EACA,KAAAC,CACF,EACwD,GAAGE,EAAO","names":["Alert_exports","__export","Alert","__toCommonJS","import_react","import_reactstrap","color","isOpen","fade","testId","props","React","InnerAlert"]}