@grafana/ui/dist/esm/components/DateTimePickers/TimeSyncButton.mjs.map

Grafana Components Library

{"version":3,"file":"TimeSyncButton.mjs","sources":["../../../../src/components/DateTimePickers/TimeSyncButton.tsx"],"sourcesContent":["import { t } from '@grafana/i18n';\n\nimport { ToolbarButton } from '../ToolbarButton/ToolbarButton';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\ninterface TimeSyncButtonProps {\n  isSynced: boolean;\n  onClick: () => void;\n}\n\nexport function TimeSyncButton(props: TimeSyncButtonProps) {\n  const { onClick, isSynced } = props;\n\n  const syncTimesTooltip = () => {\n    const tooltip = isSynced ? 'Unsync all views' : 'Sync all views to this time range';\n    return <>{tooltip}</>;\n  };\n\n  return (\n    <Tooltip content={syncTimesTooltip} placement=\"bottom\">\n      <ToolbarButton\n        icon=\"link\"\n        variant={isSynced ? 'active' : 'canvas'}\n        aria-label={\n          isSynced\n            ? t('grafana-ui.time-sync-button.aria-label-unsync', 'Unsync times')\n            : t('grafana-ui.time-sync-button.aria-label-sync', 'Sync times')\n        }\n        onClick={onClick}\n      />\n    </Tooltip>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAUO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAS,GAAI,KAAA;AAE9B,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,MAAM,OAAA,GAAU,WAAW,kBAAA,GAAqB,mCAAA;AAChD,IAAA,uCAAU,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,gBAAA,EAAkB,WAAU,QAAA,EAC5C,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,MAAA;AAAA,MACL,OAAA,EAAS,WAAW,QAAA,GAAW,QAAA;AAAA,MAC/B,YAAA,EACE,WACI,CAAA,CAAE,+CAAA,EAAiD,cAAc,CAAA,GACjE,CAAA,CAAE,+CAA+C,YAAY,CAAA;AAAA,MAEnE;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}