@grafana/ui
Version:
Grafana Components Library
1 lines • 2.65 kB
Source Map (JSON)
{"version":3,"file":"TimeZoneOffset.mjs","sources":["../../../../../src/components/DateTimePickers/TimeZonePicker/TimeZoneOffset.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport { isString } from 'lodash';\n\nimport { GrafanaTheme2, TimeZone, dateTimeFormat } from '@grafana/data';\n\nimport { useStyles2 } from '../../../themes/ThemeContext';\n\ninterface Props {\n timestamp: number;\n timeZone: TimeZone | undefined;\n className?: string;\n}\n\nexport const TimeZoneOffset = (props: Props) => {\n const { timestamp, timeZone, className } = props;\n const styles = useStyles2(getStyles);\n\n if (!isString(timeZone)) {\n return null;\n }\n\n return (\n <>\n <span className={cx(styles.offset, className)}>{formatUtcOffset(timestamp, timeZone)}</span>\n </>\n );\n};\n\nexport const formatUtcOffset = (timestamp: number, timeZone: TimeZone): string => {\n const offset = dateTimeFormat(timestamp, {\n timeZone,\n format: 'Z',\n });\n\n return `UTC${offset}`;\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n const textBase = css({\n fontWeight: 'normal',\n fontSize: theme.typography.size.sm,\n color: theme.colors.text.secondary,\n whiteSpace: 'normal',\n });\n\n return {\n offset: css(textBase, {\n color: theme.colors.text.primary,\n background: theme.colors.background.secondary,\n padding: '2px 5px',\n borderRadius: theme.shape.radius.default,\n marginLeft: '4px',\n }),\n };\n};\n"],"names":[],"mappings":";;;;;;AAaa,MAAA,cAAA,GAAiB,CAAC,KAAiB,KAAA;AAC9C,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAC3C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAI,IAAA,CAAC,QAAS,CAAA,QAAQ,CAAG,EAAA;AACvB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBAEI,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,MAAA,CAAO,MAAQ,EAAA,SAAS,CAAI,EAAA,QAAA,EAAA,eAAA,CAAgB,SAAW,EAAA,QAAQ,GAAE,CACvF,EAAA,CAAA;AAEJ;AAEa,MAAA,eAAA,GAAkB,CAAC,SAAA,EAAmB,QAA+B,KAAA;AAChF,EAAM,MAAA,MAAA,GAAS,eAAe,SAAW,EAAA;AAAA,IACvC,QAAA;AAAA,IACA,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,OAAO,MAAM,MAAM,CAAA,CAAA;AACrB;AAEA,MAAM,SAAA,GAAY,CAAC,KAAyB,KAAA;AAC1C,EAAA,MAAM,WAAW,GAAI,CAAA;AAAA,IACnB,UAAY,EAAA,QAAA;AAAA,IACZ,QAAA,EAAU,KAAM,CAAA,UAAA,CAAW,IAAK,CAAA,EAAA;AAAA,IAChC,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,IAAK,CAAA,SAAA;AAAA,IACzB,UAAY,EAAA;AAAA,GACb,CAAA;AAED,EAAO,OAAA;AAAA,IACL,MAAA,EAAQ,IAAI,QAAU,EAAA;AAAA,MACpB,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,IAAK,CAAA,OAAA;AAAA,MACzB,UAAA,EAAY,KAAM,CAAA,MAAA,CAAO,UAAW,CAAA,SAAA;AAAA,MACpC,OAAS,EAAA,SAAA;AAAA,MACT,YAAA,EAAc,KAAM,CAAA,KAAA,CAAM,MAAO,CAAA,OAAA;AAAA,MACjC,UAAY,EAAA;AAAA,KACb;AAAA,GACH;AACF,CAAA;;;;"}