⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.72
Server IP:
41.128.143.86
Server:
Linux host.raqmix.cloud 6.8.0-1025-azure #30~22.04.1-Ubuntu SMP Wed Mar 12 15:28:20 UTC 2025 x86_64
Server Software:
Apache
PHP Version:
8.3.23
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
proc
/
self
/
root
/
usr
/
share
/
grafana
/
public
/
build
/
View File Name :
CorrelationsPage.4e02feddf752bdf7cfe6.js.map
{"version":3,"file":"CorrelationsPage.4e02feddf752bdf7cfe6.js","mappings":"gYAYO,MAAMA,KAAgB,iBAA2D,MAAS,EAa1F,SAASC,GAAyBC,EAAwD,CAC/F,KAAM,CAACC,EAAaC,CAAc,KAAI,YAAS,CAAC,EAC1C,CAAE,MAAAC,EAAO,SAAAC,EAAU,SAAAC,CAAS,EAAIL,EAEtC,OACE,gBAACF,EAAc,SAAd,CACC,MAAO,CACL,YAAAG,EACA,qBAAsBE,EAAMF,CAAW,EACvC,WAAYA,IAAgBE,EAAM,OAAS,EAC3C,SAAU,IAAMD,EAAeD,EAAc,CAAC,EAC9C,SAAU,IAAMC,EAAeD,EAAc,CAAC,EAE9C,SAAAG,CACF,GAECC,CACH,CAEJ,CAEO,MAAMC,EAAmB,IAAM,CACpC,MAAMC,KAAM,cAAWT,CAAa,EAEpC,GAAI,CAACS,EACH,MAAM,IAAI,MAAM,8DAA8D,EAEhF,OAAOA,CACT,EC5CO,SAASC,GAAcR,EAAc,CAC1C,KAAM,CAAE,WAAAS,CAAW,EAAIT,EACjB,CAAE,aAAAU,CAAa,KAAI,MAAe,EAClC,CAAE,qBAAAC,EAAsB,WAAAC,EAAY,SAAAC,EAAU,SAAAT,CAAS,EAAIE,EAAiB,EAE5EQ,EAAsBL,EAE5B,OACE,gBAAC,QACC,SAAUC,EAAcK,GAAS,CAC3BH,EACFR,EAASW,CAAI,EAEbF,EAAS,CAEb,CAAC,GAED,gBAACF,EAAA,IAAqB,EACtB,gBAACG,EAAA,IAAoB,CACvB,CAEJ,CCvBO,SAASE,EAA8BhB,EAAuB,CACnE,KAAM,CAAE,cAAAiB,EAAe,MAAAd,EAAO,SAAAC,EAAU,WAAAK,CAAW,EAAIT,EACjDkB,KAAc,MAAW,CAAE,cAAAD,CAAc,CAAC,EAChD,OACE,gBAAC,KAAY,CAAE,GAAGC,CAAA,EAChB,gBAACnB,GAAqB,CAAC,MAAAI,EAAc,SAAAC,CAAA,EACnC,gBAACI,GAAa,CAAC,WAAAC,CAAA,CAAwB,CACzC,CACF,CAEJ,C,4DCPO,MAAMU,KAA0B,iBAA2C,CAChF,QAAS,GACT,YAAa,OACb,SAAU,EACZ,CAAC,EAMYC,EAAmCpB,GAAoC,CAClF,KAAM,CAAE,KAAAe,EAAM,SAAAV,CAAS,EAAIL,EAC3B,OAAO,gBAACmB,EAAwB,SAAxB,CAAiC,MAAOJ,CAAA,EAAOV,CAAS,CAClE,EAEagB,EAA6B,OACjC,cAAWF,CAAuB,ECtB9BG,EAAa,CAACC,EAAmBC,IACvCA,EAIE,GAAGD,KAAaC,EAAY,aAAaA,EAAY,MAHnDD,ECMLE,GAAaC,IAA0B,CAC3C,SAAO;AAAA,iBACQA,EAAM,QAAQ,EAAE;AAAA,IAE/B,eAAa;AAAA,iBACEA,EAAM,QAAQ,EAAE;AAAA,GAEjC,GAEaC,EAAoC,IAAM,CACrD,KAAM,CAAE,SAAAC,EAAU,UAAAC,CAAU,KAAI,MAAwB,EAClDC,KAAS,MAAWL,EAAS,EAC7B,CAAE,YAAAD,EAAa,SAAAO,CAAS,EAAIV,EAA2B,EAE7D,OACE,gCACE,gBAACW,EAAA,EAAQ,CAAC,SAAO,KAAE,qCAAsC,wCAAwC,GAC/F,gBAAC,KAAK,CAAC,QAAQ,yCACb,gBAAC,SAAE,iDAA+C,CACpD,EACA,gBAAC,SAAM,KAAK,SAAU,GAAGJ,EAAS,aAAa,EAAG,EAClD,gBAACK,EAAA,GACC,SAAO,KAAE,2CAA4C,OAAO,EAC5D,eAAa,KACX,iDACA,+HACF,EACA,UAAWH,EAAO,MAClB,QAAS,CAAC,CAACD,EAAU,OAAO,MAC5B,MAAOA,EAAU,OAAO,OAAO,SAE/B,gBAACK,EAAA,GACC,GAAIZ,EAAW,QAASE,CAAW,EAClC,GAAGI,EAAS,QAAS,CACpB,SAAU,CACR,MAAO,GACP,WAAS,KAAE,8CAA+C,yBAAyB,CACrF,CACF,CAAC,EACD,SAAAG,EACA,eAAa,KAAE,iDAAkD,mBAAmB,EACtF,CACF,EAEA,gBAACE,EAAA,GACC,SAAO,KAAE,iDAAkD,aAAa,EACxE,eAAa,KACX,uDACA,2DACF,EAEA,aAAW,MAAGH,EAAO,WAAW,GAEhC,gBAACK,GAAA,EAAQ,CAAC,GAAIb,EAAW,cAAeE,CAAW,EAAI,GAAGI,EAAS,aAAa,EAAG,SAAAG,CAAA,CAAoB,CACzG,CACF,CACF,CAEJ,E,iICvDA,MAAM,GAAY,KAAO,CAGvB,gBAAc,OAAI,CAChB,UAAW,MACb,CAAC,CACH,GA0MA,GAxMiC/B,GAAiB,CAChD,KAAM,CAAE,MAAAoC,EAAO,MAAOC,EAAc,SAAAN,EAAU,OAAAO,CAAO,EAAItC,EACnD,CAAE,QAAAuC,EAAS,UAAAV,EAAW,SAAAD,EAAU,SAAAY,EAAU,MAAAC,EAAO,UAAAC,CAAU,KAAI,MAAwB,EAEvF,CAACC,EAAUC,CAAW,KAAI,YAAqD,CAAC,CAAC,EAEvFhB,EAAS,0BAA0BQ,SAAc,CAC/C,SAAU,CACR,MAAO,GACP,WAAS,KAAE,gDAAiD,qCAAqC,CACnG,CACF,CAAC,EACD,MAAMS,KAAY,MAAS,CAAE,KAAM,0BAA0BT,SAAc,QAAAG,CAAQ,CAAC,EAE9ET,KAAS,MAAW,EAAS,EAE7BgB,KAAmB,KAAoB,EAE7C,OACE,gBAACC,EAAA,EAAK,CAAC,UAAU,MAAM,IAAKV,EAAa,GAAI,WAAW,cACtD,gBAACJ,EAAA,GACC,MACE,gBAACc,EAAA,EAAK,CAAC,IAAK,IACV,gBAACC,EAAA,EAAK,CAAC,QAAS,0BAA0BX,EAAa,MAAMD,QAAA,EAC3D,gBAAC,KAAK,CAAC,QAAQ,yCAAwC,MAAI,CAC7D,EACA,gBAACa,EAAA,GACC,QACE,gBAAC,WACC,gBAAC,SACC,gBAAC,KAAK,CAAC,QAAQ,2CAA0C,qEAEzD,CACF,CACF,GAGF,gBAACC,EAAA,EAAI,CAAC,KAAK,cAAc,KAAK,IAAK,EACrC,CACF,EAEF,QAAS,CAAC,CAACrB,EAAU,QAAQ,QAAQ,kBAAkBO,CAAK,GAAG,KAC/D,MAAOP,EAAU,QAAQ,QAAQ,kBAAkBO,CAAK,GAAG,QAC3D,oCAAqC,IAErC,gBAACe,GAAA,IACC,MAAON,EACP,SAAWO,GAAU,CACnB,GAAI,CAACrB,EAAU,CACb,MAAMsB,EAAgBX,EAAU,GAAG,QAAQ,kBAAkBN,CAAK,EAOlE,GANIiB,GACFT,EAAY,CACV,WAAYS,EAAc,WAC1B,SAAUA,EAAc,QAC1B,CAAC,EAECD,EAAM,MAAO,CACf,MAAME,KAAkB,KAA6BF,EAAM,KAAK,EAE5DE,EAAgB,kBAAkB,KACpCd,EAAS,0BAA0BJ,eAAoBO,GAAU,YAAc,EAAE,EAEjFH,EAAS,0BAA0BJ,eAAoB,EAAE,EAGvDkB,EAAgB,gBAAgB,KAClCd,EAAS,0BAA0BJ,aAAkBO,GAAU,UAAY,EAAE,EAE7EH,EAAS,0BAA0BJ,aAAkB,EAAE,EAGzDI,EAAS,0BAA0BJ,SAAcgB,EAAM,KAAK,GAGlE,EACA,QAASN,EACT,MAAO,GACP,QAAS,0BAA0BT,EAAa,MAAMD,QAAA,CACxD,CACF,EACA,gBAACH,EAAA,GACC,MACE,gBAACc,EAAA,EAAK,CAAC,IAAK,IACV,gBAACC,EAAA,EAAK,CAAC,QAAS,0BAA0BX,EAAa,YACrD,gBAAC,KAAK,CAAC,QAAQ,0CAAyC,OAAK,CAC/D,EACA,gBAACY,EAAA,GACC,QACE,gBAAC,WACC,gBAAC,SACC,gBAAC,KAAK,CAAC,QAAQ,4CAA2C,8GAG1D,CACF,CACF,GAGF,gBAACC,EAAA,EAAI,CAAC,KAAK,cAAc,KAAK,IAAK,EACrC,CACF,GAGF,gBAAChB,EAAA,GACE,GAAGN,EAAS,0BAA0BQ,SAAa,EACpD,SAAAL,EACA,aAAcM,EAAa,MAC3B,SAAO,KAAE,yCAA0C,OAAO,EAC1D,GAAI,0BAA0BA,EAAa,WAC7C,CACF,EACA,gBAACJ,EAAA,GACC,MACE,gBAACc,EAAA,EAAK,CAAC,IAAK,IACV,gBAACC,EAAA,EAAK,CAAC,QAAS,0BAA0BX,EAAa,iBACrD,gBAAC,KAAK,CAAC,QAAQ,+CAA8C,YAAU,KACtE,KAA6BI,EAAM,0BAA0BL,QAAY,CAAC,EAAE,kBAAkB,SAC3F,KACA,EACN,EACA,gBAACa,EAAA,GACC,QACE,gBAAC,WACC,gBAAC,SACC,gBAAC,KAAK,CAAC,QAAQ,iDAAgD,0HAG/D,CACF,CACF,GAGF,gBAACC,EAAA,EAAI,CAAC,KAAK,cAAc,KAAK,IAAK,EACrC,CACF,EAEF,QAAS,CAAC,CAACrB,EAAU,QAAQ,QAAQ,kBAAkBO,CAAK,GAAG,WAC/D,MAAOP,EAAU,QAAQ,QAAQ,kBAAkBO,CAAK,GAAG,YAAY,SAEvE,gBAACF,EAAA,GACE,GAAGN,EAAS,0BAA0BQ,eAAoB,CACzD,YAAU,KAA6BK,EAAM,0BAA0BL,QAAY,CAAC,EAAE,kBACnF,YACC,KAAE,iDAAkD,6BAA6B,EACjF,MACN,CAAC,EACD,aAAcC,EAAa,WAC3B,SAAAN,EACA,SAAU,IAAC,KAA6BU,EAAM,0BAA0BL,QAAY,CAAC,EAAE,kBAAkB,KACzG,GAAI,0BAA0BC,EAAa,gBAC7C,CACF,EACA,gBAACJ,EAAA,GACC,MACE,gBAACc,EAAA,EAAK,CAAC,IAAK,IACV,gBAACC,EAAA,EAAK,CAAC,QAAS,0BAA0BX,EAAa,eACrD,gBAAC,KAAK,CAAC,QAAQ,8CAA6C,WAAS,CACvE,EACA,gBAACY,EAAA,GACC,QACE,gBAAC,WACC,gBAAC,SACC,gBAAC,KAAK,CAAC,QAAQ,gDAA+C,wIAG9D,CACF,CACF,GAGF,gBAACC,EAAA,EAAI,CAAC,KAAK,cAAc,KAAK,IAAK,EACrC,CACF,GAGF,gBAAChB,EAAA,GACE,GAAGN,EAAS,0BAA0BQ,YAAgB,EACvD,aAAcC,EAAa,SAC3B,SAAAN,EACA,SAAU,IAAC,KAA6BU,EAAM,0BAA0BL,QAAY,CAAC,EAAE,gBAAgB,KACvG,GAAI,0BAA0BC,EAAa,cAC7C,CACF,EACC,CAACN,GACA,gBAAC,OAAI,UAAWD,EAAO,cACrB,gBAACyB,GAAA,GACC,WAAS,KAAE,4CAA6C,uBAAuB,EAC/E,KAAK,YACL,QAAS,IAAM,CACbjB,EAAOF,CAAK,CACd,GAEA,gBAAC,KAAK,CAAC,QAAQ,4CAA2C,QAAM,CAClE,CACF,CAEJ,CAEJ,ECjNM,GAAaV,IAA0B,CAC3C,WAAS,OAAI,CACX,SAAUA,EAAM,WAAW,GAAG,SAC9B,WAAYA,EAAM,WAAW,iBAC/B,CAAC,CACH,GAEa8B,GAAyBxD,GAAiB,CACrD,KAAM,CAAE,QAAAuC,EAAS,SAAAX,CAAS,KAAI,MAAe,EACvC,CAAE,SAAAG,CAAS,EAAI/B,EAEf8B,KAAS,MAAW,EAAS,EAEnC,OACE,gCACE,gBAAC,SAAM,KAAK,SAAU,GAAGF,EAAS,IAAI,EAAG,EACzC,gBAAC6B,GAAA,EAAU,CAAC,KAAK,yBAAyB,QAAAlB,CAAA,EACvC,CAAC,CAAE,OAAAmB,EAAQ,OAAAC,EAAQ,OAAArB,CAAO,IACzB,gCACE,gBAACS,EAAA,EAAK,CAAC,UAAU,SAAS,WAAW,cACnC,gBAAC,OAAI,UAAWjB,EAAO,SACrB,gBAAC,KAAK,CAAC,QAAQ,kCAAiC,iBAAe,CACjE,EACC4B,EAAO,SAAW,GACjB,gBAAC,WACC,gBAAC,KAAK,CAAC,QAAQ,uCAAsC,6BAA2B,CAClF,EAEDA,EAAO,OAAS,GACf,gBAAC,WACEA,EAAO,IAAI,CAACE,EAAUxB,IAEnB,gBAAC,IACC,IAAKA,EACL,MAAOwB,EACP,MAAAxB,EACA,SAAAL,EACA,OAAAO,CAAA,CACF,CAEH,CACH,EAED,CAACP,GACA,gBAAC8B,EAAA,IACC,KAAK,OACL,QAAS,IAAMF,EAAO,CAAE,KAAM,MAAU,EAAG,CAAE,YAAa,EAAM,CAAC,EACjE,QAAQ,YACR,KAAK,UAEL,gBAAC,KAAK,CAAC,QAAQ,qCAAoC,oBAAkB,CACvE,CAEJ,CACF,CAEJ,CACF,CAEJ,ECtDM,GAAajC,IAA0B,CAC3C,SAAO;AAAA,iBACQA,EAAM,QAAQ,EAAE;AAAA,IAE/B,YAAU;AAAA,mBACOA,EAAM,WAAW;AAAA,mBACjBA,EAAM,WAAW;AAAA,GAEpC,GAEaoC,GAAiC,IAAM,CAClD,KAAM,CAAE,QAAAvB,EAAS,UAAAV,EAAW,SAAAD,EAAU,UAAAc,CAAU,KAAI,MAAwB,EACtEZ,KAAS,MAAW,EAAS,EAC7BiC,EAAaC,GAAkBC,GAAmCD,EAAGC,EAAG,GAAG,EAE3E,CAAE,YAAAzC,EAAa,SAAAO,CAAS,EAAIV,EAA2B,EAEvD6C,EAAqBxB,EAAU,eAAe,EAC9CyB,KAAY,OAAqBD,EAAoB,CAAC,CAAC,EAAE,UAAU,IACtEE,GAAaA,EAAS,cAAgBA,EAAS,UAAY,IAAIA,EAAS,YAAc,GACzF,EAEA,SAASC,GAAe,CACtB,OACE,gCACGF,EAAU,IAAI,CAACG,EAAMC,IACpB,gBAAC,QAAK,UAAWzC,EAAO,SAAU,IAAKyC,CAAA,EACpCD,EACAC,EAAIJ,EAAU,OAAS,EAAI,KAAO,EACrC,CACD,CACH,CAEJ,CAEA,MAAMK,KAAiB,OAAiB,EAAE,oBAAoBhD,GAAa,SAAS,GAAG,KACvF,OACE,gCACE,gBAACQ,EAAA,GACC,SAAO,KACL,iCACA,+EACA,CAAE,eAAAwC,CAAe,CACnB,GAEA,gBAAC,KAAK,CAAC,QAAQ,qCACb,gBAAC,SAAE,gHAGH,CACF,EACA,gBAAC,MACC,QAAAjC,EACA,KAAK,YACL,MAAO,CACL,SAAU,CACR,MAAO,GACP,WAAS,KAAE,4CAA6C,yBAAyB,CACnF,CACF,EACA,OAAQ,CAAC,CAAE,MAAO,CAAE,SAAAkC,EAAU,MAAArB,CAAM,CAAE,IACpC,gBAACnB,EAAA,GACC,SAAO,KAAE,wCAAyC,QAAQ,EAC1D,eAAa,KACX,8CACA,4EACF,EACA,QAAQ,SACR,QAAS,CAAC,CAACJ,EAAU,OAAO,UAC5B,MAAOA,EAAU,OAAO,WAAW,SAEnC,gBAAC6C,EAAA,GACC,SAAUX,EAAUU,CAAQ,EAC5B,UAAS,GACT,QAASrB,EACT,QAAQ,SACR,MAAO,GACP,SAAU5B,IAAgB,OAC5B,CACF,EAEJ,EAEA,gBAACS,EAAA,GACC,SAAO,KAAE,yCAA0C,eAAe,EAClE,eAAa,KACX,+CACA,wDACF,EACA,UAAWH,EAAO,MAClB,QAAS,CAAC,CAACD,EAAU,QAAQ,QAAQ,MACrC,MAAOA,EAAU,QAAQ,QAAQ,OAAO,SAExC,gBAACK,EAAA,GACC,GAAIZ,EAAW,QAASE,CAAW,EAClC,GAAGI,EAAS,eAAgB,CAC3B,YAAU,KAAE,4CAA6C,yBAAyB,CACpF,CAAC,EACD,SAAAG,CAAA,CACF,CACF,EACCoC,EAAU,OAAS,GAClB,gBAACQ,EAAA,EAAI,KACH,gBAACA,EAAA,EAAK,QAAL,KACC,gBAAC,KAAK,CAAC,QAAQ,oCAAmC,oCAAkC,CACtF,EACA,gBAACA,EAAA,EAAK,YAAL,KACC,gBAAC,KAAK,CAAC,QAAQ,wCAAuC,0DACG,gBAACN,EAAA,IAAa,EACrE,gBAAC,SAAG,EAAE,2JAEN,gBAAC,SAAG,EAAE,0FACkF,IACxF,gBAAC,QAAK,UAAWvC,EAAO,UAAU,QAAM,EAAO,kDACjD,CACF,CACF,EAEF,gBAAC0B,GAAqB,CAAC,SAAAzB,CAAA,CAAoB,CAC7C,CACF,CAEJ,E,wCC3HO,MAAM6C,GAAmB,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,MAAAC,EAAO,KAAAT,CAAK,IAAa,CAC1E,KAAM,CACJ,MAAOU,EACP,QAASC,EACT,MAAOC,CACT,KAAIC,GAAA,GAAS,SAAY,CACvB,GAAKN,EAGL,SAAO,MAAiB,EAAE,IAAIA,CAAK,CACrC,EAAG,CAACA,CAAK,CAAC,EAEJO,EAAcJ,GAAY,YAAY,YAE5C,OACE,gBAAC/C,EAAA,GACC,SAAO,KAAE,wCAAyC,OAAO,EACzD,YACE,gBAAC,YACC,gBAAC,KAAK,CAAC,QAAQ,+CAA8C,qEACQ,IACnE,gBAAC,KACC,KAAK,sFACL,OAAO,SACP,IAAI,cACL,WAED,EAAK,IAAI,kCAEX,CACF,EAEF,QAAA6C,EACA,MAAAC,CAAA,EAEA,gBAAC,MACC,KAAAT,EACA,MAAO,CACL,SAAU,CACR,eAAgB,IACdc,IAAgB,WAChB,KACE,0CACA,6DACF,CACJ,CACF,EACA,OAAQ,CAAC,CAAE,MAAO,CAAE,MAAAhC,EAAO,SAAAqB,CAAS,CAAE,IAChCQ,EACK,gBAACI,EAAA,EAAkB,CAAC,QAAM,KAAE,oCAAqC,yBAAyB,EAAG,EAElGH,EAEA,gBAACI,EAAA,EAAK,CAAC,SAAO,KAAE,wCAAyC,2BAA2B,GAClF,gBAAC,KAAK,CAAC,QAAQ,wCAAuC,+CAEtD,CACF,EAGCN,EAYAI,EAQH,gCACE,gBAACA,EAAA,CACC,WAAY,IAAM,CAAC,EACnB,IAAK,MAAQ,aACb,SAAWhC,GAAU,CACnBqB,EAASrB,CAAK,CAChB,EACA,WAAA4B,EACA,MAAO5B,CAAA,CACT,CACF,EAhBE,gBAACkC,EAAA,GACC,SAAO,KAAE,+CAAgD,6CAA6C,EACvG,EAdD,gBAACA,EAAA,GACC,SAAO,KAAE,8CAA+C,yBAAyB,EACjF,SAAS,QAET,gBAAC,KAAK,CAAC,QAAQ,8CAA6C,2CAE5D,CACF,CAuBN,CACF,CACF,CAEJ,ECpGaC,GAAiC,IAAM,CAClD,KAAM,CAAE,QAAAhD,EAAS,UAAAV,CAAU,KAAI,MAAwB,EACjDkC,EAAaC,GAAkBC,GAAmCD,EAAGC,EAAG,GAAG,EAC3E,CAAE,YAAAzC,CAAY,EAAIH,EAA2B,EAC7CmE,KAAgC,MAAS,CAAE,KAAM,WAAY,CAAC,GAAKhE,GAAa,UAEtF,OACE,gCACE,gBAACQ,EAAA,EAAQ,CAAC,SAAO,KAAE,iCAAkC,oDAAoD,GACvG,gBAAC,KAAK,CAAC,QAAQ,qCACb,gBAAC,SAAE,gHAGH,CACF,EACA,gBAAC,MACC,QAAAO,EACA,KAAK,YACL,MAAO,CACL,SAAU,CAAE,MAAO,GAAM,WAAS,KAAE,yCAA0C,yBAAyB,CAAE,CAC3G,EACA,OAAQ,CAAC,CAAE,MAAO,CAAE,SAAAkC,EAAU,MAAArB,CAAM,CAAE,IACpC,gBAACnB,EAAA,GACC,SAAO,KAAE,wCAAyC,QAAQ,EAC1D,eAAa,KACX,8CACA,+DACF,EACA,QAAQ,SACR,QAAS,CAAC,CAACJ,EAAU,OAAO,UAC5B,MAAOA,EAAU,OAAO,WAAW,SAEnC,gBAAC6C,EAAA,GACC,SAAUX,EAAUU,CAAQ,EAC5B,UAAS,GACT,QAASrB,EACT,QAAQ,SACR,MAAO,GACP,SAAU5B,IAAgB,OAC5B,CACF,EAEJ,EAEA,gBAACoD,GAAA,CACC,KAAK,gBACL,MAAOY,EACP,QAAS,CAAC,CAAC3D,EAAU,QAAQ,QAAQ,OACrC,MAAOA,EAAU,QAAQ,QAAQ,QAAQ,QAC3C,CACF,CACF,CAEJ,E,gBCxDO,MAAM4D,GAA4B,IAAM,CAC7C,KAAM,CAAE,YAAAxF,EAAa,SAAAyF,EAAU,WAAA9E,CAAW,EAAIN,EAAiB,EACzD,CAAE,SAAAyB,EAAU,QAAA4D,EAAS,YAAAnE,CAAY,EAAIH,EAA2B,EAEhEuE,EAAe,CAAC7D,GACpB,gBAAC8B,EAAA,GAAM,CAAC,QAAQ,UAAU,KAAM8B,EAAU,UAAY,OAAQ,KAAK,SAAS,SAAUA,CAAA,EACnFnE,IAAgB,UACb,KAAE,0CAA2C,KAAK,KAClD,KAAE,2CAA4C,MAAM,CAC1D,EAGIqE,EACJ,gBAAChC,EAAA,GAAM,CAAC,QAAQ,UAAU,KAAK,UAC7B,gBAAC,KAAK,CAAC,QAAQ,4CAA2C,MAAI,CAChE,EAGF,OACE,gBAAC,MAAe,CAAC,QAAQ,cACtB5D,EAAc,EACb,gBAAC4D,EAAA,GAAM,CAAC,QAAQ,YAAY,QAAS6B,CAAA,EACnC,gBAAC,KAAK,CAAC,QAAQ,4CAA2C,MAAI,CAChE,EACE,OAEH9E,EAAagF,EAAeC,CAC/B,CAEJ,ECrBM,GAAanE,IAA0B,CAC3C,kBAAgB;AAAA;AAAA,eAEHA,EAAM,QAAQ,CAAC;AAAA,qBACTA,EAAM,QAAQ,CAAC;AAAA,IAElC,WAAS;AAAA;AAAA,GAGX,GAOaoE,GAAqB,CAAC,CAAE,QAAAC,EAAS,UAAAC,CAAU,IAAa,CACnE,MAAMlE,KAAS,MAAW,EAAS,EAE7B,CACJ,OAAQ,CAAE,QAAAmE,EAAS,QAAAN,EAAS,MAAAZ,EAAO,MAAA3B,CAAM,CAC3C,KAAI8C,EAAA,IAAgB,KAEpB,aAAU,IAAM,CACV,CAACnB,GAAS,CAACY,GAAWvC,GACxB4C,EAAU,CAEd,EAAG,CAACjB,EAAOY,EAASvC,EAAO4C,CAAS,CAAC,EAErC,MAAM/E,EAAkC,CAAE,OAAQ,CAAE,KAAM,QAAS,OAAQ,CAAC,EAAG,MAAO,EAAG,CAAE,EAE3F,OACE,gBAACkF,GAAA,EAAc,CAAC,UAAWrE,EAAO,gBAChC,gBAACsE,GAAA,EAAW,CAAC,QAASL,CAAA,CAAS,EAC/B,gBAAC3E,EAA+B,CAAC,KAAM,CAAE,QAAAuE,EAAS,SAAU,GAAO,YAAa,MAAU,GACxF,gBAAC3E,EAAA,CACC,cAAAC,EACA,MAAO,CAACU,EAAmC4D,GAAgCzB,EAA8B,EACzG,WAAY2B,GACZ,SAAUQ,CAAA,CACZ,CACF,CACF,CAEJ,EC1CaI,GAAsB,CAAC,CAAE,UAAAC,EAAW,YAAA9E,EAAa,SAAAO,EAAW,EAAM,IAAa,CAC1F,KAAM,CACJ,OAAQ,CAAE,QAAAkE,EAAS,QAAAN,EAAS,MAAAZ,EAAO,MAAA3B,CAAM,CAC3C,KAAI8C,EAAA,IAAgB,EAEd9F,EAAYW,GACTkF,EAAQ,CAAE,GAAGlF,EAAM,UAAWS,EAAY,UAAW,IAAKA,EAAY,GAAI,CAAC,EAGpF,sBAAU,IAAM,CACV,CAACuD,GAAS,CAACY,GAAWvC,GACxBkD,EAAU,CAEd,EAAG,CAACvB,EAAOY,EAASvC,EAAOkD,CAAS,CAAC,EAGnC,gBAAClF,EAA+B,CAAC,KAAM,CAAE,QAAAuE,EAAS,SAAA5D,EAAU,YAAAP,CAAY,GACtE,gBAACR,EAAA,CACC,cAAeQ,EACf,MAAO,CAACG,EAAmC4D,GAAgCzB,EAA8B,EACzG,SAAU/B,EAAYwE,GAAM,IAAM,CAAC,EAAInG,EACvC,WAAYqF,EAAA,CACd,CACF,CAEJ,E,eCnCO,MAAMe,GAAuB,CAAC,CAAE,QAAAC,EAAS,qBAAAC,CAAqB,IAG5DA,EACL,gBAACC,GAAA,GACC,MAAM,2CACN,WAAW,UACX,QAAAF,EACA,YAAY,kBACZ,OAAO,+DACT,EAEA,gBAAC9B,EAAA,EAAI,KACH,gBAACA,EAAA,EAAK,QAAL,KAAa,2CAAyC,EACvD,gBAACA,EAAA,EAAK,YAAL,KAAiB,+DAA6D,CACjF,ECQEiC,GAA4C,CAACC,EAAGC,EAAGC,IACvDF,EAAE,OAAOE,CAAM,EAAE,KAAK,cAAcD,EAAE,OAAOC,CAAM,EAAE,IAAI,EAErDC,EAA0BxF,GAAiCA,EAAY,YAEvEyF,MAAgB;AAAA;AAAA;AAAA,EAKP,SAASC,IAAmB,CACzC,MAAMC,KAAWC,GAAA,GAAY,cAAc,EACrC,CAACC,EAAUC,CAAgB,KAAI,YAAS,EAAK,EAC7CC,KAAO,UAAO,CAAC,EAEfC,EAAepE,GAAmB,CACtCkE,EAAiBlE,CAAK,EAClBA,MACF,MAAkB,qCAAqC,CAE3D,EAEM,CACJ,OAAAd,EACA,IAAK,CAAE,QAASmF,EAAmB,GAAGC,CAAI,CAC5C,KAAIxB,EAAA,IAAgB,EAEdQ,EAAuB,MAAW,cAAc,uBAAoB,gBAAgB,EAEpFiB,KAAc,eAAY,IAAM,IACpC,MAAkB,4BAA4B,EAC9CF,EAAkB,CAAE,KAAMF,EAAK,OAAQ,CAAC,EACxCC,EAAY,EAAK,CACnB,EAAG,CAACC,CAAiB,CAAC,EAEhBG,KAAgB,eAAY,IAAM,IACtC,MAAkB,6BAA6B,EAC/CH,EAAkB,CAAE,KAAMF,EAAK,OAAQ,CAAC,CAC1C,EAAG,CAACE,CAAiB,CAAC,EAEhBI,KAAe,eACnB,MAAOC,EAAiCC,IAAuB,CAC7D,MAAMzF,EAAO,QAAQwF,CAAM,KAC3B,MAAkB,8BAA8B,EAE5CC,GACFR,EAAK,UAEPE,EAAkB,CAAE,KAAMF,EAAK,OAAQ,CAAC,CAC1C,EACA,CAACjF,EAAQmF,CAAiB,CAC5B,KAEA,aAAU,IAAM,CACdA,EAAkB,CAAE,KAAMF,EAAK,OAAQ,CAAC,CAC1C,EAAG,CAACE,CAAiB,CAAC,EAEtB,MAAMO,KAAa,eACjB,CAAC,CACC,IAAK,CACH,MAAA5F,EACA,SAAU,CACR,OAAQ,CAAE,IAAK6F,CAAU,EACzB,YAAAC,GACA,IAAAC,EACF,CACF,CACF,IAEI,CAACD,IACC,gBAACE,EAAA,GACC,gBAAY,KAAE,2BAA4B,oBAAoB,EAC9D,UAAW,IACTP,EAAa,CAAE,UAAAI,EAAW,IAAAE,EAAI,EAAGZ,EAAK,QAAU,GAAKnF,IAAU,GAAKrB,GAAM,aAAa,SAAW,CAAC,EAErG,eAAc,GAChB,EAKN,CAAC8G,CAAY,CACf,EAEMQ,KAAU,WACd,IAAM,CACJ,CACE,GAAI,OACJ,KAAMC,GACN,YAAa,GACb,QAAUvH,GAASA,EAAK,KAAKiG,CAAsB,CACrD,EACA,CACE,GAAI,SACJ,UAAQ,KAAE,2BAA4B,QAAQ,EAC9C,KAAMuB,GACN,SAAU3B,EACZ,EACA,CACE,GAAI,SACJ,UAAQ,KAAE,2BAA4B,QAAQ,EAC9C,KAAM2B,GACN,SAAU3B,EACZ,EACA,CAAE,GAAI,QAAS,UAAQ,KAAE,0BAA2B,OAAO,EAAG,SAAU,cAAe,EACvF,CACE,GAAI,UACJ,KAAMoB,EACN,YAAa,GACb,QAAUjH,GAAS2F,GAAwB3F,EAAK,QAAK,UAAOiG,CAAsB,CAAC,CACrF,CACF,EACA,CAACgB,EAAYtB,CAAoB,CACnC,EAEM3F,KAAO,WAAQ,IAAM2G,EAAI,MAAO,CAACA,EAAI,KAAK,CAAC,EAC3Cc,EAAmBzH,GAAM,aAAa,SAAW,GAAK,CAACsG,GAAY,CAACK,EAAI,MACxEe,EAAY/B,GAAwB3F,GAAM,cAAc,SAAW,GAAKA,IAAS,QAAa,CAACsG,GACnG,gBAACxD,EAAA,GAAM,CAAC,KAAK,OAAO,QAAS,IAAM2D,EAAY,EAAI,GACjD,gBAAC,KAAK,CAAC,QAAQ,wBAAuB,SAAO,CAC/C,EAGF,OACE,gBAACkB,EAAA,GACC,SAAAvB,EACA,SACE,gCACE,gBAAC,KAAK,CAAC,QAAQ,0BAAyB,2FACmD,IACzF,gBAAC,KACC,KAAK,qEACL,OAAO,SACP,IAAI,cACL,gBAEC,gBAACjE,EAAA,EAAI,CAAC,KAAK,mBAAoB,EACjC,CACF,CACF,EAEF,QAASuF,CAAA,EAET,gBAACC,EAAA,EAAK,SAAL,KACC,gBAAC,WACE,CAAC3H,GAAQ2G,EAAI,SACZ,gBAAC,OAAI,UAAWT,EAAA,EACd,gBAAC5B,EAAA,EAAkB,CAAC,QAAM,KAAE,4BAA6B,YAAY,EAAG,CAC1E,EAGDmD,GACC,gBAAChC,GAAoB,CAAC,qBAAAE,EAA4C,QAAS,IAAMc,EAAY,EAAI,EAAG,EAKpGE,EAAI,OACF,gBAACpC,EAAA,GACC,SAAS,QACT,SAAO,KAAE,2BAA4B,iCAAiC,EACtE,WAAY,MAEV,MAAaoC,EAAI,KAAK,GAAKA,EAAI,MAAM,MAAM,YAC3C,KACE,mCACA,8EACF,CACJ,EAIHL,GAAY,gBAACvB,GAAkB,CAAC,QAAS,IAAM0B,EAAY,EAAK,EAAG,UAAWG,CAAA,CAAa,EAE3F5G,GAAQA,EAAK,aAAa,QAAU,GACnC,gCACE,gBAAC4H,GAAA,GACC,kBAAoBnH,GAClB,gBAACoH,GAAA,CACC,YAAApH,EACA,UAAWoG,EACX,SAAUZ,EAAuBxF,CAAW,GAAK,CAACkF,CAAA,CACpD,EAEF,QAAA2B,EACA,KAAMtH,EAAK,aACX,SAAWS,GAAgB,GAAGA,EAAY,OAAO,OAAOA,EAAY,MACtE,EACA,gBAACqH,GAAA,GACC,YAAatB,EAAK,QAClB,cAAe,KAAK,KAAKxG,EAAK,WAAaA,EAAK,KAAK,EACrD,WAAa+H,GAAmB,CAC9BrB,EAAkB,CAAE,KAAOF,EAAK,QAAUuB,CAAQ,CAAC,CACrD,EACF,CACF,CAEJ,CACF,CACF,CAEJ,CAOA,SAASF,GAAY,CAAE,YAAa,CAAE,OAAAG,EAAQ,OAAAC,EAAQ,GAAGxH,CAAY,EAAG,SAAAO,EAAU,UAAAuE,CAAU,EAAqB,CAC/G,sBACE,OAAM,MAAkB,uCAAuC,EAG/D,CAAC,CACH,EAGE,gBAACD,GAAA,CACC,YAAa,CAAE,GAAG7E,EAAa,UAAWuH,EAAO,IAAK,UAAWC,EAAO,GAAI,EAC5E,UAAA1C,EACA,SAAAvE,CAAA,CACF,CAEJ,CAEA,MAAMkH,GAA2BvH,IAA0B,CACzD,QAAM;AAAA;AAAA;AAAA,IAIN,UAAQ;AAAA,oBACUA,EAAM,QAAQ;AAAA;AAAA;AAAA,GAIlC,GAEM6G,MAAiB,QACrB,SAAwB,CACtB,KAAM,CAAE,MAAAnF,CAAM,CAChB,EAAsF,CACpF,MAAMtB,KAAS,MAAWmH,EAAuB,EAEjD,OACE,gBAAC,QAAK,UAAWnH,EAAO,MACtB,gBAAC,OAAI,IAAKsB,EAAM,KAAK,KAAK,MAAM,MAAO,IAAI,GAAG,UAAWtB,EAAO,OAAQ,EACvEsB,EAAM,IACT,CAEJ,EACA,CAAC,CAAE,KAAM,CAAE,MAAAA,CAAM,CAAE,EAAG,CAAE,KAAM,CAAE,MAAO8F,CAAU,CAAE,IAC1C9F,EAAM,OAAS8F,EAAU,MAAQ9F,EAAM,OAAS8F,EAAU,IAErE,EAEMC,MAAS;AAAA;AAAA,EAITb,MAAW,QACf,SAAkB,CAAE,GAAGtI,CAAM,EAAqC,CAGhE,OAFiBA,EAAM,IAAI,SAAS,YAG3B,gBAACoJ,GAAA,EAAK,CAAC,QAAM,KAAE,8BAA+B,WAAW,EAAG,MAAM,SAAS,UAAWD,EAAA,CAAQ,EAE9F,IAEX,EACA,CAACnJ,EAAOqJ,IAAcrJ,EAAM,IAAI,SAAS,OAAO,WAAaqJ,EAAU,IAAI,SAAS,OAAO,QAC7F,C,qEC3QO,SAASC,EACdC,EACoC,CACpC,OAAQA,EAAW,CACjB,KAAK,KAA4B,OAC/B,MAAO,CACL,SAAO,KAAE,0CAA2C,QAAQ,EAC5D,MAAO,KAA4B,OACnC,eAAa,KACX,gDACA,mDACF,EACA,kBAAmB,CAAE,KAAM,EAAM,EACjC,gBAAiB,CAAE,KAAM,EAAM,CACjC,EACF,KAAK,KAA4B,MAC/B,MAAO,CACL,SAAO,KAAE,yCAA0C,oBAAoB,EACvE,MAAO,KAA4B,MACnC,eAAa,KACX,+CACA,0LACF,EACA,kBAAmB,CACjB,KAAM,GACN,SAAU,GACV,YAAU,KACR,8CACA,uDACF,CACF,EACA,gBAAiB,CACf,KAAM,GACN,SAAU,GACV,YAAU,KACR,8CACA,qEACF,CACF,CACF,EACF,QACE,MAAO,CACL,MAAOA,EACP,MAAOA,EACP,kBAAmB,CAAE,KAAM,EAAM,EACjC,gBAAiB,CAAE,KAAM,EAAM,CACjC,CACJ,CACF,CAEO,MAAMC,EAAsB,IAC1B,OAAO,OAAO,IAA2B,EAAE,IAAKC,GAAuB,CAC5E,MAAMF,EAAYD,EAA6BG,CAAkB,EACjE,MAAO,CACL,MAAOF,EAAU,MACjB,MAAOA,EAAU,MACjB,YAAaA,EAAU,WACzB,CACF,CAAC,C","sources":["webpack://grafana/./public/app/features/correlations/components/Wizard/wizardContext.tsx","webpack://grafana/./public/app/features/correlations/components/Wizard/WizardContent.tsx","webpack://grafana/./public/app/features/correlations/components/Wizard/Wizard.tsx","webpack://grafana/./public/app/features/correlations/Forms/correlationsFormContext.tsx","webpack://grafana/./public/app/features/correlations/Forms/utils.ts","webpack://grafana/./public/app/features/correlations/Forms/ConfigureCorrelationBasicInfoForm.tsx","webpack://grafana/./public/app/features/correlations/Forms/TransformationEditorRow.tsx","webpack://grafana/./public/app/features/correlations/Forms/TransformationsEditor.tsx","webpack://grafana/./public/app/features/correlations/Forms/ConfigureCorrelationSourceForm.tsx","webpack://grafana/./public/app/features/correlations/Forms/QueryEditorField.tsx","webpack://grafana/./public/app/features/correlations/Forms/ConfigureCorrelationTargetForm.tsx","webpack://grafana/./public/app/features/correlations/Forms/CorrelationFormNavigation.tsx","webpack://grafana/./public/app/features/correlations/Forms/AddCorrelationForm.tsx","webpack://grafana/./public/app/features/correlations/Forms/EditCorrelationForm.tsx","webpack://grafana/./public/app/features/correlations/components/EmptyCorrelationsCTA.tsx","webpack://grafana/./public/app/features/correlations/CorrelationsPage.tsx","webpack://grafana/./public/app/features/correlations/Forms/types.ts"],"sourcesContent":["import React, { createContext, PropsWithChildren, useContext, useState } from 'react';\nimport { FieldValues } from 'react-hook-form';\n\nexport type WizardContextProps<T> = {\n currentPage: number;\n nextPage: () => void;\n prevPage: () => void;\n isLastPage: boolean;\n onSubmit: (data: T) => void;\n CurrentPageComponent: React.ComponentType;\n};\n\nexport const WizardContext = createContext<WizardContextProps<FieldValues> | undefined>(undefined);\n\n/**\n * Dependencies provided to Wizard component required to build WizardContext\n */\ntype WizardContextProviderDeps<T> = {\n pages: React.ComponentType[];\n onSubmit: (data: T) => void;\n};\n\n/**\n * Context providing current state and logic of a Wizard. Can be used by pages and navigation components.\n */\nexport function WizardContextProvider<T>(props: PropsWithChildren<WizardContextProviderDeps<T>>) {\n const [currentPage, setCurrentPage] = useState(0);\n const { pages, onSubmit, children } = props;\n\n return (\n <WizardContext.Provider\n value={{\n currentPage,\n CurrentPageComponent: pages[currentPage],\n isLastPage: currentPage === pages.length - 1,\n nextPage: () => setCurrentPage(currentPage + 1),\n prevPage: () => setCurrentPage(currentPage - 1),\n // @ts-expect-error\n onSubmit,\n }}\n >\n {children}\n </WizardContext.Provider>\n );\n}\n\nexport const useWizardContext = () => {\n const ctx = useContext(WizardContext);\n\n if (!ctx) {\n throw new Error('useWizardContext must be used within a WizardContextProvider');\n }\n return ctx;\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\n\nimport { useWizardContext } from './wizardContext';\n\ntype Props = {\n navigation: React.ComponentType;\n};\n\nexport function WizardContent(props: Props) {\n const { navigation } = props;\n const { handleSubmit } = useFormContext();\n const { CurrentPageComponent, isLastPage, nextPage, onSubmit } = useWizardContext();\n\n const NavigationComponent = navigation;\n\n return (\n <form\n onSubmit={handleSubmit((data) => {\n if (isLastPage) {\n onSubmit(data);\n } else {\n nextPage();\n }\n })}\n >\n <CurrentPageComponent />\n <NavigationComponent />\n </form>\n );\n}\n","import React from 'react';\nimport { useForm, FormProvider, FieldValues } from 'react-hook-form';\n\nimport { WizardContent } from './WizardContent';\nimport { WizardProps } from './types';\nimport { WizardContextProvider } from './wizardContext';\n\nexport function Wizard<T extends FieldValues>(props: WizardProps<T>) {\n const { defaultValues, pages, onSubmit, navigation } = props;\n const formMethods = useForm<T>({ defaultValues });\n return (\n <FormProvider {...formMethods}>\n <WizardContextProvider pages={pages} onSubmit={onSubmit}>\n <WizardContent navigation={navigation} />\n </WizardContextProvider>\n </FormProvider>\n );\n}\n","import React, { createContext, PropsWithChildren, useContext } from 'react';\n\nimport { Correlation } from '../types';\n\nexport type CorrelationsFormContextData = {\n loading: boolean;\n correlation?: Correlation;\n readOnly: boolean;\n};\n\nexport const CorrelationsFormContext = createContext<CorrelationsFormContextData>({\n loading: false,\n correlation: undefined,\n readOnly: false,\n});\n\ntype Props = {\n data: CorrelationsFormContextData;\n};\n\nexport const CorrelationsFormContextProvider = (props: PropsWithChildren<Props>) => {\n const { data, children } = props;\n return <CorrelationsFormContext.Provider value={data}>{children}</CorrelationsFormContext.Provider>;\n};\n\nexport const useCorrelationsFormContext = () => {\n return useContext(CorrelationsFormContext);\n};\n","import { Correlation } from '../types';\n\ntype CorrelationBaseData = Pick<Correlation, 'uid' | 'sourceUID' | 'targetUID'>;\n\nexport const getInputId = (inputName: string, correlation?: CorrelationBaseData) => {\n if (!correlation) {\n return inputName;\n }\n\n return `${inputName}_${correlation.sourceUID}-${correlation.uid}`;\n};\n","import { css, cx } from '@emotion/css';\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { Field, FieldSet, Input, TextArea, useStyles2 } from '@grafana/ui';\nimport { Trans, t } from 'app/core/internationalization';\n\nimport { useCorrelationsFormContext } from './correlationsFormContext';\nimport { FormDTO } from './types';\nimport { getInputId } from './utils';\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n label: css`\n max-width: ${theme.spacing(80)};\n `,\n description: css`\n max-width: ${theme.spacing(80)};\n `,\n});\n\nexport const ConfigureCorrelationBasicInfoForm = () => {\n const { register, formState } = useFormContext<FormDTO>();\n const styles = useStyles2(getStyles);\n const { correlation, readOnly } = useCorrelationsFormContext();\n\n return (\n <>\n <FieldSet label={t('correlations.basic-info-form.title', 'Define correlation label (Step 1 of 3)')}>\n <Trans i18nKey=\"correlations.basic-info-form.sub-text\">\n <p>Define text that will describe the correlation.</p>\n </Trans>\n <input type=\"hidden\" {...register('config.type')} />\n <Field\n label={t('correlations.basic-info-form.label-label', 'Label')}\n description={t(\n 'correlations.basic-info-form.label-description',\n 'This name will be used as the label for the correlation. This will show as button text, a menu item, or hover text on a link.'\n )}\n className={styles.label}\n invalid={!!formState.errors.label}\n error={formState.errors.label?.message}\n >\n <Input\n id={getInputId('label', correlation)}\n {...register('label', {\n required: {\n value: true,\n message: t('correlations.basic-info-form.label-required', 'This field is required.'),\n },\n })}\n readOnly={readOnly}\n placeholder={t('correlations.basic-info-form.label-placeholder', 'e.g. Tempo traces')}\n />\n </Field>\n\n <Field\n label={t('correlations.basic-info-form.description-label', 'Description')}\n description={t(\n 'correlations.basic-info-form.description-description',\n 'Optional description with more information about the link'\n )}\n // the Field component automatically adds margin to itself, so we are forced to workaround it by overriding its styles\n className={cx(styles.description)}\n >\n <TextArea id={getInputId('description', correlation)} {...register('description')} readOnly={readOnly} />\n </Field>\n </FieldSet>\n </>\n );\n};\n","import { css } from '@emotion/css';\nimport React, { useState } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\n\nimport { Field, Icon, IconButton, Input, Label, Select, Stack, Tooltip, useStyles2 } from '@grafana/ui';\nimport { Trans, t } from 'app/core/internationalization';\n\nimport { FormDTO, getSupportedTransTypeDetails, getTransformOptions } from './types';\ntype Props = {\n index: number;\n value: Record<string, string>;\n readOnly: boolean;\n remove: (index?: number | number[]) => void;\n};\n\nconst getStyles = () => ({\n // set fixed position from the top instead of centring as the container\n // may get bigger when the for is invalid\n removeButton: css({\n marginTop: '25px',\n }),\n});\n\nconst TransformationEditorRow = (props: Props) => {\n const { index, value: defaultValue, readOnly, remove } = props;\n const { control, formState, register, setValue, watch, getValues } = useFormContext<FormDTO>();\n\n const [keptVals, setKeptVals] = useState<{ expression?: string; mapValue?: string }>({});\n\n register(`config.transformations.${index}.type`, {\n required: {\n value: true,\n message: t('correlations.transform-row.transform-required', 'Please select a transformation type'),\n },\n });\n const typeValue = useWatch({ name: `config.transformations.${index}.type`, control });\n\n const styles = useStyles2(getStyles);\n\n const transformOptions = getTransformOptions();\n\n return (\n <Stack direction=\"row\" key={defaultValue.id} alignItems=\"flex-start\">\n <Field\n label={\n <Stack gap={0.5}>\n <Label htmlFor={`config.transformations.${defaultValue.id}-${index}.type`}>\n <Trans i18nKey=\"correlations.transform-row.type-label\">Type</Trans>\n </Label>\n <Tooltip\n content={\n <div>\n <p>\n <Trans i18nKey=\"correlations.transform-row.type-tooltip\">\n The type of transformation that will be applied to the source data.\n </Trans>\n </p>\n </div>\n }\n >\n <Icon name=\"info-circle\" size=\"sm\" />\n </Tooltip>\n </Stack>\n }\n invalid={!!formState.errors?.config?.transformations?.[index]?.type}\n error={formState.errors?.config?.transformations?.[index]?.message}\n validationMessageHorizontalOverflow={true}\n >\n <Select\n value={typeValue}\n onChange={(value) => {\n if (!readOnly) {\n const currentValues = getValues()?.config?.transformations?.[index];\n if (currentValues) {\n setKeptVals({\n expression: currentValues.expression,\n mapValue: currentValues.mapValue,\n });\n }\n if (value.value) {\n const newValueDetails = getSupportedTransTypeDetails(value.value);\n\n if (newValueDetails.expressionDetails.show) {\n setValue(`config.transformations.${index}.expression`, keptVals?.expression || '');\n } else {\n setValue(`config.transformations.${index}.expression`, '');\n }\n\n if (newValueDetails.mapValueDetails.show) {\n setValue(`config.transformations.${index}.mapValue`, keptVals?.mapValue || '');\n } else {\n setValue(`config.transformations.${index}.mapValue`, '');\n }\n\n setValue(`config.transformations.${index}.type`, value.value);\n }\n }\n }}\n options={transformOptions}\n width={25}\n inputId={`config.transformations.${defaultValue.id}-${index}.type`}\n />\n </Field>\n <Field\n label={\n <Stack gap={0.5}>\n <Label htmlFor={`config.transformations.${defaultValue.id}.field`}>\n <Trans i18nKey=\"correlations.transform-row.field-label\">Field</Trans>\n </Label>\n <Tooltip\n content={\n <div>\n <p>\n <Trans i18nKey=\"correlations.transform-row.field-tooltip\">\n Optional. The field to transform. If not specified, the transformation will be applied to the\n results field.\n </Trans>\n </p>\n </div>\n }\n >\n <Icon name=\"info-circle\" size=\"sm\" />\n </Tooltip>\n </Stack>\n }\n >\n <Input\n {...register(`config.transformations.${index}.field`)}\n readOnly={readOnly}\n defaultValue={defaultValue.field}\n label={t('correlations.transform-row.field-input', 'field')}\n id={`config.transformations.${defaultValue.id}.field`}\n />\n </Field>\n <Field\n label={\n <Stack gap={0.5}>\n <Label htmlFor={`config.transformations.${defaultValue.id}.expression`}>\n <Trans i18nKey=\"correlations.transform-row.expression-label\">Expression</Trans>\n {getSupportedTransTypeDetails(watch(`config.transformations.${index}.type`)).expressionDetails.required\n ? ' *'\n : ''}\n </Label>\n <Tooltip\n content={\n <div>\n <p>\n <Trans i18nKey=\"correlations.transform-row.expression-tooltip\">\n Required for regular expression. The expression the transformation will use. Logfmt does not use\n further specifications.\n </Trans>\n </p>\n </div>\n }\n >\n <Icon name=\"info-circle\" size=\"sm\" />\n </Tooltip>\n </Stack>\n }\n invalid={!!formState.errors?.config?.transformations?.[index]?.expression}\n error={formState.errors?.config?.transformations?.[index]?.expression?.message}\n >\n <Input\n {...register(`config.transformations.${index}.expression`, {\n required: getSupportedTransTypeDetails(watch(`config.transformations.${index}.type`)).expressionDetails\n .required\n ? t('correlations.transform-row.expression-required', 'Please define an expression')\n : undefined,\n })}\n defaultValue={defaultValue.expression}\n readOnly={readOnly}\n disabled={!getSupportedTransTypeDetails(watch(`config.transformations.${index}.type`)).expressionDetails.show}\n id={`config.transformations.${defaultValue.id}.expression`}\n />\n </Field>\n <Field\n label={\n <Stack gap={0.5}>\n <Label htmlFor={`config.transformations.${defaultValue.id}.mapValue`}>\n <Trans i18nKey=\"correlations.transform-row.map-value-label\">Map value</Trans>\n </Label>\n <Tooltip\n content={\n <div>\n <p>\n <Trans i18nKey=\"correlations.transform-row.map-value-tooltip\">\n Optional. Defines the name of the variable. This is currently only valid for regular expressions\n with a single, unnamed capture group.\n </Trans>\n </p>\n </div>\n }\n >\n <Icon name=\"info-circle\" size=\"sm\" />\n </Tooltip>\n </Stack>\n }\n >\n <Input\n {...register(`config.transformations.${index}.mapValue`)}\n defaultValue={defaultValue.mapValue}\n readOnly={readOnly}\n disabled={!getSupportedTransTypeDetails(watch(`config.transformations.${index}.type`)).mapValueDetails.show}\n id={`config.transformations.${defaultValue.id}.mapValue`}\n />\n </Field>\n {!readOnly && (\n <div className={styles.removeButton}>\n <IconButton\n tooltip={t('correlations.transform-row.remove-tooltip', 'Remove transformation')}\n name=\"trash-alt\"\n onClick={() => {\n remove(index);\n }}\n >\n <Trans i18nKey=\"correlations.transform-row.remove-button\">Remove</Trans>\n </IconButton>\n </div>\n )}\n </Stack>\n );\n};\n\nexport default TransformationEditorRow;\n","import { css } from '@emotion/css';\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { Button, FieldArray, Stack, useStyles2 } from '@grafana/ui';\nimport { Trans } from 'app/core/internationalization';\n\nimport TransformationsEditorRow from './TransformationEditorRow';\n\ntype Props = { readOnly: boolean };\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n heading: css({\n fontSize: theme.typography.h5.fontSize,\n fontWeight: theme.typography.fontWeightRegular,\n }),\n});\n\nexport const TransformationsEditor = (props: Props) => {\n const { control, register } = useFormContext();\n const { readOnly } = props;\n\n const styles = useStyles2(getStyles);\n\n return (\n <>\n <input type=\"hidden\" {...register('id')} />\n <FieldArray name=\"config.transformations\" control={control}>\n {({ fields, append, remove }) => (\n <>\n <Stack direction=\"column\" alignItems=\"flex-start\">\n <div className={styles.heading}>\n <Trans i18nKey=\"correlations.transform.heading\">Transformations</Trans>\n </div>\n {fields.length === 0 && (\n <div>\n <Trans i18nKey=\"correlations.transform.no-transform\">No transformations defined.</Trans>\n </div>\n )}\n {fields.length > 0 && (\n <div>\n {fields.map((fieldVal, index) => {\n return (\n <TransformationsEditorRow\n key={index}\n value={fieldVal}\n index={index}\n readOnly={readOnly}\n remove={remove}\n />\n );\n })}\n </div>\n )}\n {!readOnly && (\n <Button\n icon=\"plus\"\n onClick={() => append({ type: undefined }, { shouldFocus: false })}\n variant=\"secondary\"\n type=\"button\"\n >\n <Trans i18nKey=\"correlations.transform.add-button\">Add transformation</Trans>\n </Button>\n )}\n </Stack>\n </>\n )}\n </FieldArray>\n </>\n );\n};\n","import { css } from '@emotion/css';\nimport React from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\n\nimport { DataSourceInstanceSettings, GrafanaTheme2 } from '@grafana/data';\nimport { Card, Field, FieldSet, Input, useStyles2 } from '@grafana/ui';\nimport { Trans, t } from 'app/core/internationalization';\nimport { DataSourcePicker } from 'app/features/datasources/components/picker/DataSourcePicker';\nimport { getDatasourceSrv } from 'app/features/plugins/datasource_srv';\n\nimport { getVariableUsageInfo } from '../../explore/utils/links';\n\nimport { TransformationsEditor } from './TransformationsEditor';\nimport { useCorrelationsFormContext } from './correlationsFormContext';\nimport { FormDTO } from './types';\nimport { getInputId } from './utils';\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n label: css`\n max-width: ${theme.spacing(80)};\n `,\n variable: css`\n font-family: ${theme.typography.fontFamilyMonospace};\n font-weight: ${theme.typography.fontWeightMedium};\n `,\n});\n\nexport const ConfigureCorrelationSourceForm = () => {\n const { control, formState, register, getValues } = useFormContext<FormDTO>();\n const styles = useStyles2(getStyles);\n const withDsUID = (fn: Function) => (ds: DataSourceInstanceSettings) => fn(ds.uid);\n\n const { correlation, readOnly } = useCorrelationsFormContext();\n\n const currentTargetQuery = getValues('config.target');\n const variables = getVariableUsageInfo(currentTargetQuery, {}).variables.map(\n (variable) => variable.variableName + (variable.fieldPath ? `.${variable.fieldPath}` : '')\n );\n\n function VariableList() {\n return (\n <>\n {variables.map((name, i) => (\n <span className={styles.variable} key={i}>\n {name}\n {i < variables.length - 1 ? ', ' : ''}\n </span>\n ))}\n </>\n );\n }\n\n const dataSourceName = getDatasourceSrv().getInstanceSettings(correlation?.targetUID)?.name;\n return (\n <>\n <FieldSet\n label={t(\n 'correlations.source-form.title',\n 'Configure the data source that will link to {{dataSourceName}} (Step 3 of 3)',\n { dataSourceName }\n )}\n >\n <Trans i18nKey=\"correlations.source-form.sub-text\">\n <p>\n Define what data source will display the correlation, and what data will replace previously defined\n variables.\n </p>\n </Trans>\n <Controller\n control={control}\n name=\"sourceUID\"\n rules={{\n required: {\n value: true,\n message: t('correlations.source-form.control-required', 'This field is required.'),\n },\n }}\n render={({ field: { onChange, value } }) => (\n <Field\n label={t('correlations.source-form.source-label', 'Source')}\n description={t(\n 'correlations.source-form.source-description',\n 'Results from selected source data source have links displayed in the panel'\n )}\n htmlFor=\"source\"\n invalid={!!formState.errors.sourceUID}\n error={formState.errors.sourceUID?.message}\n >\n <DataSourcePicker\n onChange={withDsUID(onChange)}\n noDefault\n current={value}\n inputId=\"source\"\n width={32}\n disabled={correlation !== undefined}\n />\n </Field>\n )}\n />\n\n <Field\n label={t('correlations.source-form.results-label', 'Results field')}\n description={t(\n 'correlations.source-form.results-description',\n 'The link will be shown next to the value of this field'\n )}\n className={styles.label}\n invalid={!!formState.errors?.config?.field}\n error={formState.errors?.config?.field?.message}\n >\n <Input\n id={getInputId('field', correlation)}\n {...register('config.field', {\n required: t('correlations.source-form.results-required', 'This field is required.'),\n })}\n readOnly={readOnly}\n />\n </Field>\n {variables.length > 0 && (\n <Card>\n <Card.Heading>\n <Trans i18nKey=\"correlations.source-form.heading\">Variables used in the target query</Trans>\n </Card.Heading>\n <Card.Description>\n <Trans i18nKey=\"correlations.source-form.description\">\n You have used following variables in the target query: <VariableList />\n <br />A data point needs to provide values to all variables as fields or as transformations output to\n make the correlation button appear in the visualization.\n <br />\n Note: Not every variable needs to be explicitly defined below. A transformation such as{' '}\n <span className={styles.variable}>logfmt</span> will create variables for every key/value pair.\n </Trans>\n </Card.Description>\n </Card>\n )}\n <TransformationsEditor readOnly={readOnly} />\n </FieldSet>\n </>\n );\n};\n","import React from 'react';\nimport { Controller } from 'react-hook-form';\nimport { useAsync } from 'react-use';\n\nimport { CoreApp } from '@grafana/data';\nimport { getDataSourceSrv } from '@grafana/runtime';\nimport { Field, LoadingPlaceholder, Alert } from '@grafana/ui';\nimport { Trans, t } from 'app/core/internationalization';\n\ninterface Props {\n dsUid?: string;\n name: string;\n invalid?: boolean;\n error?: string;\n}\n\nexport const QueryEditorField = ({ dsUid, invalid, error, name }: Props) => {\n const {\n value: datasource,\n loading: dsLoading,\n error: dsError,\n } = useAsync(async () => {\n if (!dsUid) {\n return;\n }\n return getDataSourceSrv().get(dsUid);\n }, [dsUid]);\n\n const QueryEditor = datasource?.components?.QueryEditor;\n\n return (\n <Field\n label={t('correlations.query-editor.query-label', 'Query')}\n description={\n <span>\n <Trans i18nKey=\"correlations.query-editor.query-description\">\n Define the query that is run when the link is clicked. You can use{' '}\n <a\n href=\"https://grafana.com/docs/grafana/latest/panels-visualizations/configure-data-links/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n variables\n </a>{' '}\n to access specific field values.\n </Trans>\n </span>\n }\n invalid={invalid}\n error={error}\n >\n <Controller\n name={name}\n rules={{\n validate: {\n hasQueryEditor: () =>\n QueryEditor !== undefined ||\n t(\n 'correlations.query-editor.control-rules',\n 'The selected target data source must export a query editor.'\n ),\n },\n }}\n render={({ field: { value, onChange } }) => {\n if (dsLoading) {\n return <LoadingPlaceholder text={t('correlations.query-editor.loading', 'Loading query editor...')} />;\n }\n if (dsError) {\n return (\n <Alert title={t('correlations.query-editor.error-title', 'Error loading data source')}>\n <Trans i18nKey=\"correlations.query-editor.error-text\">\n The selected data source could not be loaded.\n </Trans>\n </Alert>\n );\n }\n if (!datasource) {\n return (\n <Alert\n title={t('correlations.query-editor.data-source-title', 'No data source selected')}\n severity=\"info\"\n >\n <Trans i18nKey=\"correlations.query-editor.data-source-text\">\n Please select a target data source first.\n </Trans>\n </Alert>\n );\n }\n if (!QueryEditor) {\n return (\n <Alert\n title={t('correlations.query-editor.query-editor-title', 'Data source does not export a query editor.')}\n ></Alert>\n );\n }\n return (\n <>\n <QueryEditor\n onRunQuery={() => {}}\n app={CoreApp.Correlations}\n onChange={(value) => {\n onChange(value);\n }}\n datasource={datasource}\n query={value}\n />\n </>\n );\n }}\n />\n </Field>\n );\n};\n","import React from 'react';\nimport { Controller, useFormContext, useWatch } from 'react-hook-form';\n\nimport { DataSourceInstanceSettings } from '@grafana/data';\nimport { Field, FieldSet } from '@grafana/ui';\nimport { Trans, t } from 'app/core/internationalization';\nimport { DataSourcePicker } from 'app/features/datasources/components/picker/DataSourcePicker';\n\nimport { QueryEditorField } from './QueryEditorField';\nimport { useCorrelationsFormContext } from './correlationsFormContext';\nimport { FormDTO } from './types';\n\nexport const ConfigureCorrelationTargetForm = () => {\n const { control, formState } = useFormContext<FormDTO>();\n const withDsUID = (fn: Function) => (ds: DataSourceInstanceSettings) => fn(ds.uid);\n const { correlation } = useCorrelationsFormContext();\n const targetUID: string | undefined = useWatch({ name: 'targetUID' }) || correlation?.targetUID;\n\n return (\n <>\n <FieldSet label={t('correlations.target-form.title', 'Setup the target for the correlation (Step 2 of 3)')}>\n <Trans i18nKey=\"correlations.target-form.sub-text\">\n <p>\n Define what data source the correlation will link to, and what query will run when the correlation is\n clicked.\n </p>\n </Trans>\n <Controller\n control={control}\n name=\"targetUID\"\n rules={{\n required: { value: true, message: t('correlations.target-form.control-rules', 'This field is required.') },\n }}\n render={({ field: { onChange, value } }) => (\n <Field\n label={t('correlations.target-form.target-label', 'Target')}\n description={t(\n 'correlations.target-form.target-description',\n 'Specify which data source is queried when the link is clicked'\n )}\n htmlFor=\"target\"\n invalid={!!formState.errors.targetUID}\n error={formState.errors.targetUID?.message}\n >\n <DataSourcePicker\n onChange={withDsUID(onChange)}\n noDefault\n current={value}\n inputId=\"target\"\n width={32}\n disabled={correlation !== undefined}\n />\n </Field>\n )}\n />\n\n <QueryEditorField\n name=\"config.target\"\n dsUid={targetUID}\n invalid={!!formState.errors?.config?.target}\n error={formState.errors?.config?.target?.message}\n />\n </FieldSet>\n </>\n );\n};\n","import React from 'react';\n\nimport { Button, HorizontalGroup } from '@grafana/ui';\nimport { Trans, t } from 'app/core/internationalization';\n\nimport { useWizardContext } from '../components/Wizard/wizardContext';\n\nimport { useCorrelationsFormContext } from './correlationsFormContext';\n\nexport const CorrelationFormNavigation = () => {\n const { currentPage, prevPage, isLastPage } = useWizardContext();\n const { readOnly, loading, correlation } = useCorrelationsFormContext();\n\n const LastPageNext = !readOnly && (\n <Button variant=\"primary\" icon={loading ? 'spinner' : 'save'} type=\"submit\" disabled={loading}>\n {correlation === undefined\n ? t('correlations.navigation-form.add-button', 'Add')\n : t('correlations.navigation-form.save-button', 'Save')}\n </Button>\n );\n\n const NextPage = (\n <Button variant=\"primary\" type=\"submit\">\n <Trans i18nKey=\"correlations.navigation-form.next-button\">Next</Trans>\n </Button>\n );\n\n return (\n <HorizontalGroup justify=\"flex-start\">\n {currentPage > 0 ? (\n <Button variant=\"secondary\" onClick={prevPage}>\n <Trans i18nKey=\"correlations.navigation-form.back-button\">Back</Trans>\n </Button>\n ) : undefined}\n\n {isLastPage ? LastPageNext : NextPage}\n </HorizontalGroup>\n );\n};\n","import { css } from '@emotion/css';\nimport React, { useEffect } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { PanelContainer, useStyles2 } from '@grafana/ui';\nimport { CloseButton } from 'app/core/components/CloseButton/CloseButton';\n\nimport { Wizard } from '../components/Wizard';\nimport { useCorrelations } from '../useCorrelations';\n\nimport { ConfigureCorrelationBasicInfoForm } from './ConfigureCorrelationBasicInfoForm';\nimport { ConfigureCorrelationSourceForm } from './ConfigureCorrelationSourceForm';\nimport { ConfigureCorrelationTargetForm } from './ConfigureCorrelationTargetForm';\nimport { CorrelationFormNavigation } from './CorrelationFormNavigation';\nimport { CorrelationsFormContextProvider } from './correlationsFormContext';\nimport { FormDTO } from './types';\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n panelContainer: css`\n position: relative;\n padding: ${theme.spacing(1)};\n margin-bottom: ${theme.spacing(2)};\n `,\n infoBox: css`\n margin-top: 20px; // give space for close button\n `,\n});\n\ninterface Props {\n onClose: () => void;\n onCreated: () => void;\n}\n\nexport const AddCorrelationForm = ({ onClose, onCreated }: Props) => {\n const styles = useStyles2(getStyles);\n\n const {\n create: { execute, loading, error, value },\n } = useCorrelations();\n\n useEffect(() => {\n if (!error && !loading && value) {\n onCreated();\n }\n }, [error, loading, value, onCreated]);\n\n const defaultValues: Partial<FormDTO> = { config: { type: 'query', target: {}, field: '' } };\n\n return (\n <PanelContainer className={styles.panelContainer}>\n <CloseButton onClick={onClose} />\n <CorrelationsFormContextProvider data={{ loading, readOnly: false, correlation: undefined }}>\n <Wizard<FormDTO>\n defaultValues={defaultValues}\n pages={[ConfigureCorrelationBasicInfoForm, ConfigureCorrelationTargetForm, ConfigureCorrelationSourceForm]}\n navigation={CorrelationFormNavigation}\n onSubmit={execute}\n />\n </CorrelationsFormContextProvider>\n </PanelContainer>\n );\n};\n","import React, { useEffect } from 'react';\n\nimport { Wizard } from '../components/Wizard';\nimport { Correlation } from '../types';\nimport { useCorrelations } from '../useCorrelations';\n\nimport { ConfigureCorrelationBasicInfoForm } from './ConfigureCorrelationBasicInfoForm';\nimport { ConfigureCorrelationSourceForm } from './ConfigureCorrelationSourceForm';\nimport { ConfigureCorrelationTargetForm } from './ConfigureCorrelationTargetForm';\nimport { CorrelationFormNavigation } from './CorrelationFormNavigation';\nimport { CorrelationsFormContextProvider } from './correlationsFormContext';\nimport { EditFormDTO } from './types';\n\ninterface Props {\n onUpdated: () => void;\n correlation: Correlation;\n readOnly?: boolean;\n}\n\nexport const EditCorrelationForm = ({ onUpdated, correlation, readOnly = false }: Props) => {\n const {\n update: { execute, loading, error, value },\n } = useCorrelations();\n\n const onSubmit = (data: EditFormDTO) => {\n return execute({ ...data, sourceUID: correlation.sourceUID, uid: correlation.uid });\n };\n\n useEffect(() => {\n if (!error && !loading && value) {\n onUpdated();\n }\n }, [error, loading, value, onUpdated]);\n\n return (\n <CorrelationsFormContextProvider data={{ loading, readOnly, correlation }}>\n <Wizard<EditFormDTO>\n defaultValues={correlation}\n pages={[ConfigureCorrelationBasicInfoForm, ConfigureCorrelationTargetForm, ConfigureCorrelationSourceForm]}\n onSubmit={readOnly ? (e) => () => {} : onSubmit}\n navigation={CorrelationFormNavigation}\n />\n </CorrelationsFormContextProvider>\n );\n};\n","import React from 'react';\n\nimport { Card } from '@grafana/ui';\nimport EmptyListCTA from 'app/core/components/EmptyListCTA/EmptyListCTA';\n\ninterface Props {\n onClick?: () => void;\n canWriteCorrelations: boolean;\n}\nexport const EmptyCorrelationsCTA = ({ onClick, canWriteCorrelations }: Props) => {\n // TODO: if there are no datasources show a different message\n\n return canWriteCorrelations ? (\n <EmptyListCTA\n title=\"You haven't defined any correlation yet.\"\n buttonIcon=\"gf-glue\"\n onClick={onClick}\n buttonTitle=\"Add correlation\"\n proTip=\"you can also define correlations via datasource provisioning\"\n />\n ) : (\n <Card>\n <Card.Heading>There are no correlations configured yet.</Card.Heading>\n <Card.Description>Please contact your administrator to create new correlations.</Card.Description>\n </Card>\n );\n};\n","import { css } from '@emotion/css';\nimport { negate } from 'lodash';\nimport React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { isFetchError, reportInteraction } from '@grafana/runtime';\nimport {\n Badge,\n Button,\n DeleteButton,\n LoadingPlaceholder,\n useStyles2,\n Alert,\n InteractiveTable,\n type Column,\n type CellProps,\n type SortByFn,\n Pagination,\n Icon,\n} from '@grafana/ui';\nimport { Page } from 'app/core/components/Page/Page';\nimport { contextSrv } from 'app/core/core';\nimport { useNavModel } from 'app/core/hooks/useNavModel';\nimport { Trans, t } from 'app/core/internationalization';\nimport { AccessControlAction } from 'app/types';\n\nimport { AddCorrelationForm } from './Forms/AddCorrelationForm';\nimport { EditCorrelationForm } from './Forms/EditCorrelationForm';\nimport { EmptyCorrelationsCTA } from './components/EmptyCorrelationsCTA';\nimport type { RemoveCorrelationParams } from './types';\nimport { CorrelationData, useCorrelations } from './useCorrelations';\n\nconst sortDatasource: SortByFn<CorrelationData> = (a, b, column) =>\n a.values[column].name.localeCompare(b.values[column].name);\n\nconst isCorrelationsReadOnly = (correlation: CorrelationData) => correlation.provisioned;\n\nconst loaderWrapper = css`\n display: flex;\n justify-content: center;\n`;\n\nexport default function CorrelationsPage() {\n const navModel = useNavModel('correlations');\n const [isAdding, setIsAddingValue] = useState(false);\n const page = useRef(1);\n\n const setIsAdding = (value: boolean) => {\n setIsAddingValue(value);\n if (value) {\n reportInteraction('grafana_correlations_adding_started');\n }\n };\n\n const {\n remove,\n get: { execute: fetchCorrelations, ...get },\n } = useCorrelations();\n\n const canWriteCorrelations = contextSrv.hasPermission(AccessControlAction.DataSourcesWrite);\n\n const handleAdded = useCallback(() => {\n reportInteraction('grafana_correlations_added');\n fetchCorrelations({ page: page.current });\n setIsAdding(false);\n }, [fetchCorrelations]);\n\n const handleUpdated = useCallback(() => {\n reportInteraction('grafana_correlations_edited');\n fetchCorrelations({ page: page.current });\n }, [fetchCorrelations]);\n\n const handleDelete = useCallback(\n async (params: RemoveCorrelationParams, isLastRow: boolean) => {\n await remove.execute(params);\n reportInteraction('grafana_correlations_deleted');\n\n if (isLastRow) {\n page.current--;\n }\n fetchCorrelations({ page: page.current });\n },\n [remove, fetchCorrelations]\n );\n\n useEffect(() => {\n fetchCorrelations({ page: page.current });\n }, [fetchCorrelations]);\n\n const RowActions = useCallback(\n ({\n row: {\n index,\n original: {\n source: { uid: sourceUID },\n provisioned,\n uid,\n },\n },\n }: CellProps<CorrelationData, void>) => {\n return (\n !provisioned && (\n <DeleteButton\n aria-label={t('correlations.list.delete', 'delete correlation')}\n onConfirm={() =>\n handleDelete({ sourceUID, uid }, page.current > 1 && index === 0 && data?.correlations.length === 1)\n }\n closeOnConfirm\n />\n )\n );\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [handleDelete]\n );\n\n const columns = useMemo<Array<Column<CorrelationData>>>(\n () => [\n {\n id: 'info',\n cell: InfoCell,\n disableGrow: true,\n visible: (data) => data.some(isCorrelationsReadOnly),\n },\n {\n id: 'source',\n header: t('correlations.list.source', 'Source'),\n cell: DataSourceCell,\n sortType: sortDatasource,\n },\n {\n id: 'target',\n header: t('correlations.list.target', 'Target'),\n cell: DataSourceCell,\n sortType: sortDatasource,\n },\n { id: 'label', header: t('correlations.list.label', 'Label'), sortType: 'alphanumeric' },\n {\n id: 'actions',\n cell: RowActions,\n disableGrow: true,\n visible: (data) => canWriteCorrelations && data.some(negate(isCorrelationsReadOnly)),\n },\n ],\n [RowActions, canWriteCorrelations]\n );\n\n const data = useMemo(() => get.value, [get.value]);\n const showEmptyListCTA = data?.correlations.length === 0 && !isAdding && !get.error;\n const addButton = canWriteCorrelations && data?.correlations?.length !== 0 && data !== undefined && !isAdding && (\n <Button icon=\"plus\" onClick={() => setIsAdding(true)}>\n <Trans i18nKey=\"correlations.add-new\">Add new</Trans>\n </Button>\n );\n\n return (\n <Page\n navModel={navModel}\n subTitle={\n <>\n <Trans i18nKey=\"correlations.sub-title\">\n Define how data living in different data sources relates to each other. Read more in the{' '}\n <a\n href=\"https://grafana.com/docs/grafana/next/administration/correlations/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n documentation\n <Icon name=\"external-link-alt\" />\n </a>\n </Trans>\n </>\n }\n actions={addButton}\n >\n <Page.Contents>\n <div>\n {!data && get.loading && (\n <div className={loaderWrapper}>\n <LoadingPlaceholder text={t('correlations.list.loading', 'loading...')} />\n </div>\n )}\n\n {showEmptyListCTA && (\n <EmptyCorrelationsCTA canWriteCorrelations={canWriteCorrelations} onClick={() => setIsAdding(true)} />\n )}\n\n {\n // This error is not actionable, it'd be nice to have a recovery button\n get.error && (\n <Alert\n severity=\"error\"\n title={t('correlations.alert.title', 'Error fetching correlation data')}\n topSpacing={2}\n >\n {(isFetchError(get.error) && get.error.data?.message) ||\n t(\n 'correlations.alert.error-message',\n 'An unknown error occurred while fetching correlation data. Please try again.'\n )}\n </Alert>\n )\n }\n\n {isAdding && <AddCorrelationForm onClose={() => setIsAdding(false)} onCreated={handleAdded} />}\n\n {data && data.correlations.length >= 1 && (\n <>\n <InteractiveTable\n renderExpandedRow={(correlation) => (\n <ExpendedRow\n correlation={correlation}\n onUpdated={handleUpdated}\n readOnly={isCorrelationsReadOnly(correlation) || !canWriteCorrelations}\n />\n )}\n columns={columns}\n data={data.correlations}\n getRowId={(correlation) => `${correlation.source.uid}-${correlation.uid}`}\n />\n <Pagination\n currentPage={page.current}\n numberOfPages={Math.ceil(data.totalCount / data.limit)}\n onNavigate={(toPage: number) => {\n fetchCorrelations({ page: (page.current = toPage) });\n }}\n />\n </>\n )}\n </div>\n </Page.Contents>\n </Page>\n );\n}\n\ninterface ExpandedRowProps {\n correlation: CorrelationData;\n readOnly: boolean;\n onUpdated: () => void;\n}\nfunction ExpendedRow({ correlation: { source, target, ...correlation }, readOnly, onUpdated }: ExpandedRowProps) {\n useEffect(\n () => reportInteraction('grafana_correlations_details_expanded'),\n // we only want to fire this on first render\n // eslint-disable-next-line react-hooks/exhaustive-deps\n []\n );\n\n return (\n <EditCorrelationForm\n correlation={{ ...correlation, sourceUID: source.uid, targetUID: target.uid }}\n onUpdated={onUpdated}\n readOnly={readOnly}\n />\n );\n}\n\nconst getDatasourceCellStyles = (theme: GrafanaTheme2) => ({\n root: css`\n display: flex;\n align-items: center;\n `,\n dsLogo: css`\n margin-right: ${theme.spacing()};\n height: 16px;\n width: 16px;\n `,\n});\n\nconst DataSourceCell = memo(\n function DataSourceCell({\n cell: { value },\n }: CellProps<CorrelationData, CorrelationData['source'] | CorrelationData['target']>) {\n const styles = useStyles2(getDatasourceCellStyles);\n\n return (\n <span className={styles.root}>\n <img src={value.meta.info.logos.small} alt=\"\" className={styles.dsLogo} />\n {value.name}\n </span>\n );\n },\n ({ cell: { value } }, { cell: { value: prevValue } }) => {\n return value.type === prevValue.type && value.name === prevValue.name;\n }\n);\n\nconst noWrap = css`\n white-space: nowrap;\n`;\n\nconst InfoCell = memo(\n function InfoCell({ ...props }: CellProps<CorrelationData, void>) {\n const readOnly = props.row.original.provisioned;\n\n if (readOnly) {\n return <Badge text={t('correlations.list.read-only', 'Read only')} color=\"purple\" className={noWrap} />;\n } else {\n return null;\n }\n },\n (props, prevProps) => props.row.original.source.readOnly === prevProps.row.original.source.readOnly\n);\n","import { SupportedTransformationType } from '@grafana/data';\nimport { t } from 'app/core/internationalization';\n\nimport { CorrelationConfig } from '../types';\n\nexport interface FormDTO {\n sourceUID: string;\n targetUID: string;\n label: string;\n description: string;\n config: CorrelationConfig;\n}\n\nexport type EditFormDTO = Omit<FormDTO, 'targetUID' | 'sourceUID'>;\n\nexport type TransformationDTO = {\n type: SupportedTransformationType;\n expression?: string;\n mapValue?: string;\n};\n\nexport interface TransformationFieldDetails {\n show: boolean;\n required?: boolean;\n helpText?: string;\n}\n\ninterface SupportedTransformationTypeDetails {\n label: string;\n value: SupportedTransformationType;\n description?: string;\n expressionDetails: TransformationFieldDetails;\n mapValueDetails: TransformationFieldDetails;\n}\n\nexport function getSupportedTransTypeDetails(\n transType: SupportedTransformationType\n): SupportedTransformationTypeDetails {\n switch (transType) {\n case SupportedTransformationType.Logfmt:\n return {\n label: t('correlations.trans-details.logfmt-label', 'Logfmt'),\n value: SupportedTransformationType.Logfmt,\n description: t(\n 'correlations.trans-details.logfmt-description',\n 'Parse provided field with logfmt to get variables'\n ),\n expressionDetails: { show: false },\n mapValueDetails: { show: false },\n };\n case SupportedTransformationType.Regex:\n return {\n label: t('correlations.trans-details.regex-label', 'Regular expression'),\n value: SupportedTransformationType.Regex,\n description: t(\n 'correlations.trans-details.regex-description',\n 'Field will be parsed with regex. Use named capture groups to return multiple variables, or a single unnamed capture group to add variable to named map value. Regex is case insensitive.'\n ),\n expressionDetails: {\n show: true,\n required: true,\n helpText: t(\n 'correlations.trans-details.regex-expression',\n 'Use capture groups to extract a portion of the field.'\n ),\n },\n mapValueDetails: {\n show: true,\n required: false,\n helpText: t(\n 'correlations.trans-details.regex-map-values',\n 'Defines the name of the variable if the capture group is not named.'\n ),\n },\n };\n default:\n return {\n label: transType,\n value: transType,\n expressionDetails: { show: false },\n mapValueDetails: { show: false },\n };\n }\n}\n\nexport const getTransformOptions = () => {\n return Object.values(SupportedTransformationType).map((transformationType) => {\n const transType = getSupportedTransTypeDetails(transformationType);\n return {\n label: transType.label,\n value: transType.value,\n description: transType.description,\n };\n });\n};\n"],"names":["WizardContext","WizardContextProvider","props","currentPage","setCurrentPage","pages","onSubmit","children","useWizardContext","ctx","WizardContent","navigation","handleSubmit","CurrentPageComponent","isLastPage","nextPage","NavigationComponent","data","Wizard","defaultValues","formMethods","CorrelationsFormContext","CorrelationsFormContextProvider","useCorrelationsFormContext","getInputId","inputName","correlation","getStyles","theme","ConfigureCorrelationBasicInfoForm","register","formState","styles","readOnly","FieldSet","Field","Input","TextArea","index","defaultValue","remove","control","setValue","watch","getValues","keptVals","setKeptVals","typeValue","transformOptions","Stack","Label","Tooltip","Icon","Select","value","currentValues","newValueDetails","IconButton","TransformationsEditor","FieldArray","fields","append","fieldVal","Button","ConfigureCorrelationSourceForm","withDsUID","fn","ds","currentTargetQuery","variables","variable","VariableList","name","i","dataSourceName","onChange","DataSourcePicker","Card","QueryEditorField","dsUid","invalid","error","datasource","dsLoading","dsError","useAsync","QueryEditor","LoadingPlaceholder","Alert","ConfigureCorrelationTargetForm","targetUID","CorrelationFormNavigation","prevPage","loading","LastPageNext","NextPage","AddCorrelationForm","onClose","onCreated","execute","useCorrelations","PanelContainer","CloseButton","EditCorrelationForm","onUpdated","e","EmptyCorrelationsCTA","onClick","canWriteCorrelations","EmptyListCTA","sortDatasource","a","b","column","isCorrelationsReadOnly","loaderWrapper","CorrelationsPage","navModel","useNavModel","isAdding","setIsAddingValue","page","setIsAdding","fetchCorrelations","get","handleAdded","handleUpdated","handleDelete","params","isLastRow","RowActions","sourceUID","provisioned","uid","DeleteButton","columns","InfoCell","DataSourceCell","showEmptyListCTA","addButton","Page","InteractiveTable","ExpendedRow","Pagination","toPage","source","target","getDatasourceCellStyles","prevValue","noWrap","Badge","prevProps","getSupportedTransTypeDetails","transType","getTransformOptions","transformationType"],"sourceRoot":""}