@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,KAA4B,EAAA;AACzD,EAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,KAAA;AAE9B,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAM,MAAA,OAAA,GAAU,WAAW,kBAAqB,GAAA,mCAAA;AAChD,IAAA,uCAAU,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA,GACpB;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAS,EAAA,gBAAA,EAAkB,WAAU,QAC5C,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,MAAA;AAAA,MACL,OAAA,EAAS,WAAW,QAAW,GAAA,QAAA;AAAA,MAC/B,YAAA,EACE,WACI,CAAE,CAAA,+CAAA,EAAiD,cAAc,CACjE,GAAA,CAAA,CAAE,+CAA+C,YAAY,CAAA;AAAA,MAEnE;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}