@grafana/ui/dist/esm/utils/DelayRender.mjs.map

Grafana Components Library

{"version":3,"file":"DelayRender.mjs","sources":["../../../src/utils/DelayRender.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport * as React from 'react';\n\ninterface Props {\n  children: React.ReactNode;\n  delay: number;\n}\n\n/**\n * Delay the rendering of the children by N amount of milliseconds\n */\nexport function DelayRender({ children, delay }: Props) {\n  const [shouldRender, setShouldRender] = useState(false);\n  useEffect(() => {\n    window.setTimeout(() => {\n      setShouldRender(true);\n    }, delay);\n  }, [children, delay]);\n\n  return <>{shouldRender ? children : null}</>;\n}\n"],"names":[],"mappings":";;;;AAWO,SAAS,WAAA,CAAY,EAAE,QAAA,EAAU,KAAA,EAAM,EAAU;AACtD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AACtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAA,CAAO,WAAW,MAAM;AACtB,MAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,IACtB,GAAG,KAAK,CAAA;AAAA,EACV,CAAA,EAAG,CAAC,QAAA,EAAU,KAAK,CAAC,CAAA;AAEpB,EAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,YAAA,GAAe,QAAA,GAAW,IAAA,EAAK,CAAA;AAC3C;;;;"}