UNPKG

@grafana/ui

Version:
1 lines 2.66 kB
{"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":";;;;;;;AAaO,MAAM,cAAA,GAAiB,CAAC,KAAA,KAAiB;AAC9C,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,SAAA,EAAU,GAAI,KAAA;AAC3C,EAAA,MAAM,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,IAAI,CAAC,QAAA,CAAS,QAAQ,CAAA,EAAG;AACvB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,MAAA,EAAQ,SAAS,CAAA,EAAI,QAAA,EAAA,eAAA,CAAgB,SAAA,EAAW,QAAQ,GAAE,CAAA,EACvF,CAAA;AAEJ;AAEO,MAAM,eAAA,GAAkB,CAAC,SAAA,EAAmB,QAAA,KAA+B;AAChF,EAAA,MAAM,MAAA,GAAS,eAAe,SAAA,EAAW;AAAA,IACvC,QAAA;AAAA,IACA,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,OAAO,MAAM,MAAM,CAAA,CAAA;AACrB;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,MAAM,WAAW,GAAA,CAAI;AAAA,IACnB,UAAA,EAAY,QAAA;AAAA,IACZ,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,IAAA,CAAK,EAAA;AAAA,IAChC,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,SAAA;AAAA,IACzB,UAAA,EAAY;AAAA,GACb,CAAA;AAED,EAAA,OAAO;AAAA,IACL,MAAA,EAAQ,IAAI,QAAA,EAAU;AAAA,MACpB,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,OAAA;AAAA,MACzB,UAAA,EAAY,KAAA,CAAM,MAAA,CAAO,UAAA,CAAW,SAAA;AAAA,MACpC,OAAA,EAAS,SAAA;AAAA,MACT,YAAA,EAAc,KAAA,CAAM,KAAA,CAAM,MAAA,CAAO,OAAA;AAAA,MACjC,UAAA,EAAY;AAAA,KACb;AAAA,GACH;AACF,CAAA;;;;"}