@grafana/ui/dist/esm/components/DateTimePickers/TimeZonePicker/TimeZoneTitle.mjs.map

Grafana Components Library

{"version":3,"file":"TimeZoneTitle.mjs","sources":["../../../../../src/components/DateTimePickers/TimeZonePicker/TimeZoneTitle.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { type ReactNode } from 'react';\n\nimport { type TimeZoneInfo, type GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../../themes/ThemeContext';\n\ninterface Props {\n  title: string | ReactNode;\n}\n\nexport const TimeZoneTitle = ({ title }: Props) => {\n  const styles = useStyles2(getStyles);\n\n  if (!title) {\n    return null;\n  }\n\n  return <span className={styles.title}>{title}</span>;\n};\n\nexport const getTimeZoneTitle = (info: TimeZoneInfo): string => {\n  return info.name.split('/').at(-1)!.replace(/_/g, ' ');\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    title: css({\n      fontWeight: theme.typography.fontWeightRegular,\n      textOverflow: 'ellipsis',\n    }),\n  };\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,aAAA,GAAgB,CAAC,EAAE,KAAA,EAAM,KAAa;AACjD,EAAA,MAAM,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,OAAQ,QAAA,EAAA,KAAA,EAAM,CAAA;AAC/C;AAEO,MAAM,gBAAA,GAAmB,CAAC,IAAA,KAA+B;AAC9D,EAAA,OAAO,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA,CAAE,GAAG,CAAA,CAAE,CAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,GAAG,CAAA;AACvD;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,OAAO;AAAA,IACL,OAAO,GAAA,CAAI;AAAA,MACT,UAAA,EAAY,MAAM,UAAA,CAAW,iBAAA;AAAA,MAC7B,YAAA,EAAc;AAAA,KACf;AAAA,GACH;AACF,CAAA;;;;"}