@grafana/ui
Version:
Grafana Components Library
1 lines • 2.12 kB
Source Map (JSON)
{"version":3,"file":"TextArea.mjs","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport { forwardRef, HTMLProps } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\nimport { getFocusStyle, sharedInputStyle } from '../Forms/commonStyles';\n\nexport interface Props extends Omit<HTMLProps<HTMLTextAreaElement>, 'size'> {\n /** Show an invalid state around the input */\n invalid?: boolean;\n}\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, Props>(({ invalid, className, ...props }, ref) => {\n const styles = useStyles2(getTextAreaStyle, invalid);\n\n return <textarea {...props} className={cx(styles.textarea, className)} ref={ref} />;\n});\n\nconst getTextAreaStyle = (theme: GrafanaTheme2, invalid = false) => ({\n textarea: cx(\n sharedInputStyle(theme),\n getFocusStyle(theme),\n css({\n display: 'block',\n borderRadius: theme.shape.radius.default,\n padding: `${theme.spacing.gridSize / 4}px ${theme.spacing.gridSize}px`,\n width: '100%',\n borderColor: invalid ? theme.colors.error.border : theme.components.input.borderColor,\n })\n ),\n});\n\nTextArea.displayName = 'TextArea';\n"],"names":[],"mappings":";;;;;;AAaa,MAAA,QAAA,GAAW,WAAuC,CAAC,EAAE,SAAS,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AACxG,EAAM,MAAA,MAAA,GAAS,UAAW,CAAA,gBAAA,EAAkB,OAAO,CAAA;AAEnD,EAAO,uBAAA,GAAA,CAAC,UAAU,EAAA,EAAA,GAAG,KAAO,EAAA,SAAA,EAAW,GAAG,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA,EAAG,GAAU,EAAA,CAAA;AACnF,CAAC;AAED,MAAM,gBAAmB,GAAA,CAAC,KAAsB,EAAA,OAAA,GAAU,KAAW,MAAA;AAAA,EACnE,QAAU,EAAA,EAAA;AAAA,IACR,iBAAiB,KAAK,CAAA;AAAA,IACtB,cAAc,KAAK,CAAA;AAAA,IACnB,GAAI,CAAA;AAAA,MACF,OAAS,EAAA,OAAA;AAAA,MACT,YAAA,EAAc,KAAM,CAAA,KAAA,CAAM,MAAO,CAAA,OAAA;AAAA,MACjC,OAAA,EAAS,GAAG,KAAM,CAAA,OAAA,CAAQ,WAAW,CAAC,CAAA,GAAA,EAAM,KAAM,CAAA,OAAA,CAAQ,QAAQ,CAAA,EAAA,CAAA;AAAA,MAClE,KAAO,EAAA,MAAA;AAAA,MACP,WAAA,EAAa,UAAU,KAAM,CAAA,MAAA,CAAO,MAAM,MAAS,GAAA,KAAA,CAAM,WAAW,KAAM,CAAA;AAAA,KAC3E;AAAA;AAEL,CAAA,CAAA;AAEA,QAAA,CAAS,WAAc,GAAA,UAAA;;;;"}