"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[3268],{"../../node_modules/@mdx-js/react/lib/index.js":function(R,E,t){t.d(E,{BN:function(){return i},RP:function(){return v},gz:function(){return w},xA:function(){return h}});var l=t("../../node_modules/react/index.js");const i=l.createContext({});function w(f){return e;function e(_){const x=v(_.components);return l.createElement(f,{..._,allComponents:x})}}function v(f){const e=l.useContext(i);return l.useMemo(()=>typeof f=="function"?f(e):{...e,...f},[e,f])}const r={};function h({components:f,children:e,disableParentContext:_}){let x;return _?x=typeof f=="function"?f({}):f||r:x=v(f),l.createElement(i.Provider,{value:x},e)}},"./src/components/PluginSignatureBadge/PluginSignatureBadge.story.tsx":function(R,E,t){t.r(E),t.d(E,{Basic:function(){return L},default:function(){return U}});var l=t("../../node_modules/react/index.js"),i=t("../grafana-data/src/types/plugin.ts"),w=t("./src/components/Badge/Badge.tsx"),v=Object.defineProperty,r=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,e=(c,d,O)=>d in c?v(c,d,{enumerable:!0,configurable:!0,writable:!0,value:O}):c[d]=O,_=(c,d)=>{for(var O in d||(d={}))h.call(d,O)&&e(c,O,d[O]);if(r)for(var O of r(d))f.call(d,O)&&e(c,O,d[O]);return c},x=(c,d)=>{var O={};for(var T in c)h.call(c,T)&&d.indexOf(T)<0&&(O[T]=c[T]);if(c!=null&&r)for(var T of r(c))d.indexOf(T)<0&&f.call(c,T)&&(O[T]=c[T]);return O};const m=c=>{var d=c,{status:O,color:T}=d,K=x(d,["status","color"]);const W=k(O);return l.createElement(w.E,_({text:W.text,color:W.color,icon:W.icon,tooltip:W.tooltip},K))};m.displayName="PluginSignatureBadge";function k(c){switch(c||(c=i.Ac.invalid),c){case i.Ac.internal:return{text:"Core",color:"blue",tooltip:"Core plugin that is bundled with Grafana"};case i.Ac.valid:return{text:"Signed",icon:"lock",color:"green",tooltip:"Signed and verified plugin"};case i.Ac.invalid:return{text:"Invalid signature",icon:"exclamation-triangle",color:"red",tooltip:"Invalid plugin signature"};case i.Ac.modified:return{text:"Modified signature",icon:"exclamation-triangle",color:"red",tooltip:"Valid signature but content has been modified"};case i.Ac.missing:return{text:"Missing signature",icon:"exclamation-triangle",color:"red",tooltip:"Missing plugin signature"};default:return{text:"Unsigned",icon:"exclamation-triangle",color:"red",tooltip:"Unsigned external plugin"}}}try{m.displayName="PluginSignatureBadge",m.__docgenInfo={description:"",displayName:"PluginSignatureBadge",props:{status:{defaultValue:null,description:"",name:"status",required:!1,type:{name:"enum",value:[{value:'"internal"'},{value:'"valid"'},{value:'"invalid"'},{value:'"modified"'},{value:'"missing"'}]}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/PluginSignatureBadge/PluginSignatureBadge.tsx#PluginSignatureBadge"]={docgenInfo:m.__docgenInfo,name:"PluginSignatureBadge",path:"src/components/PluginSignatureBadge/PluginSignatureBadge.tsx#PluginSignatureBadge"})}catch{}var p=t("../../node_modules/react/jsx-runtime.js"),C=t("../../node_modules/@mdx-js/react/lib/index.js"),S=t("../../node_modules/@storybook/blocks/dist/index.mjs");function n(c){const d=Object.assign({h1:"h1",p:"p",h2:"h2"},(0,C.RP)(),c.components);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(S.W8,{title:"MDX|PluginSignatureBadge",component:m}),`
`,(0,p.jsx)(d.h1,{id:"plugin-signature-badge",children:"Plugin Signature Badge"}),`
`,(0,p.jsx)(d.p,{children:`The Plugin Signature Badge can be found in each information plugin card of the configuration plugins panel (Grafana menu > Configuration > Plugins).
This is a security measure to make sure plugins haven't been tampered with. Upon loading, Grafana checks to see the plugin signature status.`}),`
`,(0,p.jsx)(d.h2,{id:"badges",children:"Badges:"}),`
`,(0,p.jsx)(d.p,{children:"1.- Core: this badge indicates that the plugin has been built into Grafana."}),`
`,(0,p.jsx)(S.lN,{children:(0,p.jsx)(m,{status:"internal"})}),`
`,(0,p.jsx)(d.p,{children:"2.- Signed: the plugin's signature was successfully verified."}),`
`,(0,p.jsx)(S.lN,{children:(0,p.jsx)(m,{status:"valid"})}),`
`,(0,p.jsx)(d.p,{children:"3.- Invalid signature: this plugin has a invalid signature."}),`
`,(0,p.jsx)(S.lN,{children:(0,p.jsx)(m,{status:"invalid"})}),`
`,(0,p.jsx)(d.p,{children:"4.- Modified signature: this plugin has changed since it was signed. This may indicate malicious intent."}),`
`,(0,p.jsx)(S.lN,{children:(0,p.jsx)(m,{status:"modified"})}),`
`,(0,p.jsx)(d.p,{children:"5.- Unsigned: the plugin is not signed. In this case, as upon loading Grafana checks the plugins signature, Grafana will not load or start it. Furthermore, it will write an error message to the server log."}),`
`,(0,p.jsx)(S.lN,{children:(0,p.jsx)(m,{status:"unsigned"})}),`
`,(0,p.jsx)(S.ov,{of:m})]})}function g(c={}){const{wrapper:d}=Object.assign({},(0,C.RP)(),c.components);return d?(0,p.jsx)(d,Object.assign({},c,{children:(0,p.jsx)(n,c)})):n(c)}var a=g,o=Object.defineProperty,P=Object.defineProperties,s=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,A=(c,d,O)=>d in c?o(c,d,{enumerable:!0,configurable:!0,writable:!0,value:O}):c[d]=O,I=(c,d)=>{for(var O in d||(d={}))u.call(d,O)&&A(c,O,d[O]);if(b)for(var O of b(d))y.call(d,O)&&A(c,O,d[O]);return c},B=(c,d)=>P(c,s(d)),M,D,j;const N={title:"Data Display/PluginSignatureBadge",component:m,argTypes:{status:{control:{type:"select"},options:[i.Ac.missing,i.Ac.invalid,i.Ac.modified,i.Ac.valid,i.Ac.internal]}},parameters:{docs:{page:a}}},L=c=>l.createElement(m,{status:c.status});L.args={status:i.Ac.valid};var U=N;L.parameters=B(I({},L.parameters),{docs:B(I({},(M=L.parameters)==null?void 0:M.docs),{source:I({originalSource:`args => {
  return <PluginSignatureBadge status={args.status} />;
}`},(j=(D=L.parameters)==null?void 0:D.docs)==null?void 0:j.source)})})},"../grafana-data/src/types/icon.ts":function(R,E,t){t.d(E,{Uo:function(){return w},az:function(){return l},n6:function(){return i}});const l={google:!0,microsoft:!0,github:!0,gitlab:!0,okta:!0,discord:!0,hipchat:!0,amazon:!0,"google-hangouts-alt":!0,pagerduty:!0,line:!0,anchor:!0,"adjust-circle":!0,"angle-double-down":!0,"angle-double-right":!0,"angle-double-up":!0,"angle-down":!0,"angle-left":!0,"angle-right":!0,"angle-up":!0,"align-left":!0,"align-right":!0,"application-observability":!0,apps:!0,"archive-alt":!0,arrow:!0,"arrow-down":!0,"arrow-from-right":!0,"arrow-left":!0,"arrow-random":!0,"arrow-right":!0,"arrow-to-right":!0,"arrow-up":!0,"arrows-h":!0,"arrows-v":!0,asserts:!0,"expand-arrows":!0,at:!0,ai:!0,backward:!0,bars:!0,bell:!0,"bell-slash":!0,bolt:!0,book:!0,bookmark:!0,"book-open":!0,"brackets-curly":!0,bug:!0,building:!0,"calculator-alt":!0,"calendar-alt":!0,"calendar-slash":!0,camera:!0,capture:!0,"channel-add":!0,"chart-line":!0,check:!0,"check-circle":!0,"check-square":!0,circle:!0,"circle-mono":!0,"clipboard-alt":!0,"clock-nine":!0,cloud:!0,"cloud-download":!0,"cloud-upload":!0,"code-branch":!0,cog:!0,columns:!0,"comment-alt":!0,"comment-alt-message":!0,"comment-alt-share":!0,"comments-alt":!0,compass:!0,copy:!0,"corner-down-right-alt":!0,"create-dashboard":!0,"credit-card":!0,crosshair:!0,cube:!0,dashboard:!0,database:!0,"dice-three":!0,docker:!0,"document-info":!0,"download-alt":!0,draggabledots:!0,edit:!0,"ellipsis-v":!0,envelope:!0,"exchange-alt":!0,"exclamation-triangle":!0,"exclamation-circle":!0,"external-link-alt":!0,eye:!0,"eye-slash":!0,"ellipsis-h":!0,"fa fa-spinner":!0,favorite:!0,"file-alt":!0,"file-blank":!0,"file-copy-alt":!0,"file-download":!0,"file-edit-alt":!0,"file-landscape-alt":!0,filter:!0,flip:!0,folder:!0,font:!0,fire:!0,"folder-open":!0,"folder-plus":!0,"folder-upload":!0,forward:!0,"frontend-observability":!0,"gf-bar-alignment-after":!0,"gf-bar-alignment-before":!0,"gf-bar-alignment-center":!0,"gf-glue":!0,"gf-grid":!0,"gf-interpolation-linear":!0,"gf-interpolation-smooth":!0,"gf-interpolation-step-after":!0,"gf-interpolation-step-before":!0,"gf-landscape":!0,"gf-layout-simple":!0,"gf-logs":!0,"gf-ml":!0,"gf-movepane-left":!0,"gf-movepane-right":!0,"gf-portrait":!0,"gf-service-account":!0,"gf-show-context":!0,"gf-pin":!0,"gf-prometheus":!0,"gf-traces":!0,globe:!0,grafana:!0,"graph-bar":!0,heart:!0,"heart-rate":!0,"heart-break":!0,history:!0,"history-alt":!0,home:!0,"home-alt":!0,"horizontal-align-center":!0,"horizontal-align-left":!0,"horizontal-align-right":!0,hourglass:!0,import:!0,info:!0,"info-circle":!0,k6:!0,"key-skeleton-alt":!0,keyboard:!0,"layer-group":!0,"layers-alt":!0,"library-panel":!0,"line-alt":!0,link:!0,"list-ui-alt":!0,"list-ul":!0,"list-ol":!0,lock:!0,"map-marker":!0,"map-marker-plus":!0,"map-marker-minus":!0,message:!0,minus:!0,"minus-circle":!0,"mobile-android":!0,monitor:!0,palette:!0,"panel-add":!0,"pathfinder-unite":!0,pause:!0,pen:!0,percentage:!0,play:!0,plug:!0,plus:!0,"plus-circle":!0,"plus-square":!0,power:!0,"presentation-play":!0,process:!0,"question-circle":!0,"record-audio":!0,repeat:!0,rocket:!0,"ruler-combined":!0,save:!0,search:!0,"search-minus":!0,"search-plus":!0,"share-alt":!0,shield:!0,"shield-exclamation":!0,signal:!0,signin:!0,signout:!0,sitemap:!0,slack:!0,"sliders-v-alt":!0,spinner:!0,"sort-amount-down":!0,"sort-amount-up":!0,"square-shape":!0,star:!0,"step-backward":!0,stopwatch:!0,"stopwatch-slash":!0,sync:!0,"sync-slash":!0,table:!0,"tag-alt":!0,"telegram-alt":!0,"text-fields":!0,"thumbs-up":!0,times:!0,"times-circle":!0,"toggle-on":!0,"toggle-off":!0,"trash-alt":!0,unarchive:!0,unlock:!0,upload:!0,user:!0,"users-alt":!0,"user-arrows":!0,"vertical-align-bottom":!0,"vertical-align-center":!0,"vertical-align-top":!0,"web-section-alt":!0,"wrap-text":!0,rss:!0,x:!0};function i(v){return!v||typeof v!="string"?!1:v in l}function w(v){if(i(v))return v}},"../grafana-data/src/types/plugin.ts":function(R,E,t){t.d(E,{Ac:function(){return w},Ud:function(){return f},ib:function(){return h},pn:function(){return l}});var l=(e=>(e.alpha="alpha",e.beta="beta",e.stable="stable",e.deprecated="deprecated",e))(l||{}),i=(e=>(e.panel="panel",e.datasource="datasource",e.app="app",e.renderer="renderer",e.secretsmanager="secretsmanager",e))(i||{}),w=(e=>(e.internal="internal",e.valid="valid",e.invalid="invalid",e.modified="modified",e.missing="missing",e))(w||{}),v=(e=>(e.grafana="grafana",e.commercial="commercial",e.community="community",e.private="private",e.core="core",e))(v||{}),r=(e=>(e.missingSignature="signatureMissing",e.invalidSignature="signatureInvalid",e.modifiedSignature="signatureModified",e))(r||{}),h=(e=>(e.dashboard="dashboard",e.page="page",e.panel="panel",e.datasource="datasource",e))(h||{});class f{addConfigPage(_){return this.configPages||(this.configPages=[]),this.configPages.push(_),this}setChannelSupport(){return console.warn("[deprecation] plugin is using ignored option: setChannelSupport",this.meta),this}constructor(){this.meta={}}}},"./src/components/Badge/Badge.tsx":function(R,E,t){t.d(E,{E:function(){return a}});var l=t("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),i=t("../../node_modules/react/index.js"),w=t("../../node_modules/react-loading-skeleton/dist/index.js"),v=t("../../node_modules/tinycolor2/esm/tinycolor.js"),r=t("./src/themes/ThemeContext.tsx"),h=t("./src/utils/skeleton.tsx"),f=t("./src/components/Icon/Icon.tsx"),e=t("./src/components/Tooltip/Tooltip.tsx"),_=Object.defineProperty,x=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,p=(s,b,u)=>b in s?_(s,b,{enumerable:!0,configurable:!0,writable:!0,value:u}):s[b]=u,C=(s,b)=>{for(var u in b||(b={}))m.call(b,u)&&p(s,u,b[u]);if(x)for(var u of x(b))k.call(b,u)&&p(s,u,b[u]);return s},S=(s,b)=>{var u={};for(var y in s)m.call(s,y)&&b.indexOf(y)<0&&(u[y]=s[y]);if(s!=null&&x)for(var y of x(s))b.indexOf(y)<0&&k.call(s,y)&&(u[y]=s[y]);return u};const n=i.memo(s=>{var b=s,{icon:u,color:y,text:A,tooltip:I,className:B}=b,M=S(b,["icon","color","text","tooltip","className"]);const D=(0,r.of)(P,y),j=i.createElement("div",C({className:(0,l.cx)(D.wrapper,B)},M),u&&i.createElement(f.I,{name:u,size:"sm"}),A);return I?i.createElement(e.m,{content:I,placement:"auto"},j):j});n.displayName="Badge";const g=({rootProps:s})=>{const b=(0,r.of)(o);return i.createElement(w.A,C({width:60,height:22,containerClassName:b.container},s))},a=(0,h.j)(n,g),o=()=>({container:(0,l.AH)({lineHeight:1})}),P=(s,b)=>{let u=s.visualization.getColorByName(b),y="",A="",I="";return s.isDark?(A=(0,v.A)(u).setAlpha(.15).toString(),y=(0,v.A)(u).setAlpha(.25).toString(),I=(0,v.A)(u).lighten(15).toString()):(A=(0,v.A)(u).setAlpha(.15).toString(),y=(0,v.A)(u).setAlpha(.25).toString(),I=(0,v.A)(u).darken(20).toString()),{wrapper:(0,l.AH)({display:"inline-flex",padding:"1px 4px",borderRadius:s.shape.radius.default,background:A,border:`1px solid ${y}`,color:I,fontWeight:s.typography.fontWeightRegular,gap:"2px",fontSize:s.typography.bodySmall.fontSize,lineHeight:s.typography.bodySmall.lineHeight,alignItems:"center"})}};try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"ReactNode"}},color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"enum",value:[{value:'"blue"'},{value:'"red"'},{value:'"green"'},{value:'"orange"'},{value:'"purple"'}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:'"play"'},{value:'"google"'},{value:'"microsoft"'},{value:'"github"'},{value:'"gitlab"'},{value:'"okta"'},{value:'"discord"'},{value:'"hipchat"'},{value:'"amazon"'},{value:'"google-hangouts-alt"'},{value:'"pagerduty"'},{value:'"line"'},{value:'"anchor"'},{value:'"adjust-circle"'},{value:'"angle-double-down"'},{value:'"angle-double-right"'},{value:'"angle-double-up"'},{value:'"angle-down"'},{value:'"angle-left"'},{value:'"angle-right"'},{value:'"angle-up"'},{value:'"align-left"'},{value:'"align-right"'},{value:'"application-observability"'},{value:'"apps"'},{value:'"archive-alt"'},{value:'"arrow"'},{value:'"arrow-down"'},{value:'"arrow-from-right"'},{value:'"arrow-left"'},{value:'"arrow-random"'},{value:'"arrow-right"'},{value:'"arrow-to-right"'},{value:'"arrow-up"'},{value:'"arrows-h"'},{value:'"arrows-v"'},{value:'"asserts"'},{value:'"expand-arrows"'},{value:'"at"'},{value:'"ai"'},{value:'"backward"'},{value:'"bars"'},{value:'"bell"'},{value:'"bell-slash"'},{value:'"bolt"'},{value:'"book"'},{value:'"bookmark"'},{value:'"book-open"'},{value:'"brackets-curly"'},{value:'"bug"'},{value:'"building"'},{value:'"calculator-alt"'},{value:'"calendar-alt"'},{value:'"calendar-slash"'},{value:'"camera"'},{value:'"capture"'},{value:'"channel-add"'},{value:'"chart-line"'},{value:'"check"'},{value:'"check-circle"'},{value:'"check-square"'},{value:'"circle"'},{value:'"circle-mono"'},{value:'"clipboard-alt"'},{value:'"clock-nine"'},{value:'"cloud"'},{value:'"cloud-download"'},{value:'"cloud-upload"'},{value:'"code-branch"'},{value:'"cog"'},{value:'"columns"'},{value:'"comment-alt"'},{value:'"comment-alt-message"'},{value:'"comment-alt-share"'},{value:'"comments-alt"'},{value:'"compass"'},{value:'"copy"'},{value:'"corner-down-right-alt"'},{value:'"create-dashboard"'},{value:'"credit-card"'},{value:'"crosshair"'},{value:'"cube"'},{value:'"dashboard"'},{value:'"database"'},{value:'"dice-three"'},{value:'"docker"'},{value:'"document-info"'},{value:'"download-alt"'},{value:'"draggabledots"'},{value:'"edit"'},{value:'"ellipsis-v"'},{value:'"envelope"'},{value:'"exchange-alt"'},{value:'"exclamation-triangle"'},{value:'"exclamation-circle"'},{value:'"external-link-alt"'},{value:'"eye"'},{value:'"eye-slash"'},{value:'"ellipsis-h"'},{value:'"fa fa-spinner"'},{value:'"favorite"'},{value:'"file-alt"'},{value:'"file-blank"'},{value:'"file-copy-alt"'},{value:'"file-download"'},{value:'"file-edit-alt"'},{value:'"file-landscape-alt"'},{value:'"filter"'},{value:'"flip"'},{value:'"folder"'},{value:'"font"'},{value:'"fire"'},{value:'"folder-open"'},{value:'"folder-plus"'},{value:'"folder-upload"'},{value:'"forward"'},{value:'"frontend-observability"'},{value:'"gf-bar-alignment-after"'},{value:'"gf-bar-alignment-before"'},{value:'"gf-bar-alignment-center"'},{value:'"gf-glue"'},{value:'"gf-grid"'},{value:'"gf-interpolation-linear"'},{value:'"gf-interpolation-smooth"'},{value:'"gf-interpolation-step-after"'},{value:'"gf-interpolation-step-before"'},{value:'"gf-landscape"'},{value:'"gf-layout-simple"'},{value:'"gf-logs"'},{value:'"gf-ml"'},{value:'"gf-movepane-left"'},{value:'"gf-movepane-right"'},{value:'"gf-portrait"'},{value:'"gf-service-account"'},{value:'"gf-show-context"'},{value:'"gf-pin"'},{value:'"gf-prometheus"'},{value:'"gf-traces"'},{value:'"globe"'},{value:'"grafana"'},{value:'"graph-bar"'},{value:'"heart"'},{value:'"heart-rate"'},{value:'"heart-break"'},{value:'"history"'},{value:'"history-alt"'},{value:'"home"'},{value:'"home-alt"'},{value:'"horizontal-align-center"'},{value:'"horizontal-align-left"'},{value:'"horizontal-align-right"'},{value:'"hourglass"'},{value:'"import"'},{value:'"info"'},{value:'"info-circle"'},{value:'"k6"'},{value:'"key-skeleton-alt"'},{value:'"keyboard"'},{value:'"layer-group"'},{value:'"layers-alt"'},{value:'"library-panel"'},{value:'"line-alt"'},{value:'"link"'},{value:'"list-ui-alt"'},{value:'"list-ul"'},{value:'"list-ol"'},{value:'"lock"'},{value:'"map-marker"'},{value:'"map-marker-plus"'},{value:'"map-marker-minus"'},{value:'"message"'},{value:'"minus"'},{value:'"minus-circle"'},{value:'"mobile-android"'},{value:'"monitor"'},{value:'"palette"'},{value:'"panel-add"'},{value:'"pathfinder-unite"'},{value:'"pause"'},{value:'"pen"'},{value:'"percentage"'},{value:'"plug"'},{value:'"plus"'},{value:'"plus-circle"'},{value:'"plus-square"'},{value:'"power"'},{value:'"presentation-play"'},{value:'"process"'},{value:'"question-circle"'},{value:'"record-audio"'},{value:'"repeat"'},{value:'"rocket"'},{value:'"ruler-combined"'},{value:'"save"'},{value:'"search"'},{value:'"search-minus"'},{value:'"search-plus"'},{value:'"share-alt"'},{value:'"shield"'},{value:'"shield-exclamation"'},{value:'"signal"'},{value:'"signin"'},{value:'"signout"'},{value:'"sitemap"'},{value:'"slack"'},{value:'"sliders-v-alt"'},{value:'"spinner"'},{value:'"sort-amount-down"'},{value:'"sort-amount-up"'},{value:'"square-shape"'},{value:'"star"'},{value:'"step-backward"'},{value:'"stopwatch"'},{value:'"stopwatch-slash"'},{value:'"sync"'},{value:'"sync-slash"'},{value:'"table"'},{value:'"tag-alt"'},{value:'"telegram-alt"'},{value:'"text-fields"'},{value:'"thumbs-up"'},{value:'"times"'},{value:'"times-circle"'},{value:'"toggle-on"'},{value:'"toggle-off"'},{value:'"trash-alt"'},{value:'"unarchive"'},{value:'"unlock"'},{value:'"upload"'},{value:'"user"'},{value:'"users-alt"'},{value:'"user-arrows"'},{value:'"vertical-align-bottom"'},{value:'"vertical-align-center"'},{value:'"vertical-align-top"'},{value:'"web-section-alt"'},{value:'"wrap-text"'},{value:'"rss"'},{value:'"x"'}]}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"string"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Badge/Badge.tsx#Badge"]={docgenInfo:a.__docgenInfo,name:"Badge",path:"src/components/Badge/Badge.tsx#Badge"})}catch{}},"./src/components/Icon/Icon.tsx":function(R,E,t){t.d(E,{I:function(){return S}});var l=t("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),i=t("../../node_modules/react/index.js"),w=t("../../node_modules/react-inlinesvg/esm/index.js"),v=t("../grafana-data/src/types/icon.ts"),r=t("./src/themes/ThemeContext.tsx"),h=t("./src/components/Icon/utils.ts"),f=Object.defineProperty,e=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,m=(n,g,a)=>g in n?f(n,g,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[g]=a,k=(n,g)=>{for(var a in g||(g={}))_.call(g,a)&&m(n,a,g[a]);if(e)for(var a of e(g))x.call(g,a)&&m(n,a,g[a]);return n},p=(n,g)=>{var a={};for(var o in n)_.call(n,o)&&g.indexOf(o)<0&&(a[o]=n[o]);if(n!=null&&e)for(var o of e(n))g.indexOf(o)<0&&x.call(n,o)&&(a[o]=n[o]);return a};const C=n=>({icon:(0,l.AH)({display:"inline-block",fill:"currentColor",flexShrink:0,label:"Icon",lineHeight:0,verticalAlign:"middle"}),orange:(0,l.AH)({fill:n.v1.palette.orange})}),S=i.forwardRef((n,g)=>{var a=n,{size:o="md",type:P="default",name:s,className:b,style:u,title:y=""}=a,A=p(a,["size","type","name","className","style","title"]);const I=(0,r.of)(C);(0,v.n6)(s)||console.warn("Icon component passed an invalid icon name",s);const B=s==="fa fa-spinner"?"spinner":s,M=(0,h.Wj)(),D=(0,h.cs)(o),j=D,N=s.startsWith("gf-bar-align")?16:s.startsWith("gf-interp")?30:D,L=(0,h.Xi)(B,P),U=`${M}${L}/${B}.svg`,c=(0,l.cx)(I.icon,b,P==="mono"?{[I.orange]:s==="favorite"}:"",B==="spinner"&&"fa-spin");return i.createElement(w.A,k({innerRef:g,src:U,width:N,height:j,title:y,className:c,style:u},A))});S.displayName="Icon";try{S.displayName="Icon",S.__docgenInfo={description:"",displayName:"Icon",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"enum",value:[{value:'"play"'},{value:'"google"'},{value:'"microsoft"'},{value:'"github"'},{value:'"gitlab"'},{value:'"okta"'},{value:'"discord"'},{value:'"hipchat"'},{value:'"amazon"'},{value:'"google-hangouts-alt"'},{value:'"pagerduty"'},{value:'"line"'},{value:'"anchor"'},{value:'"adjust-circle"'},{value:'"angle-double-down"'},{value:'"angle-double-right"'},{value:'"angle-double-up"'},{value:'"angle-down"'},{value:'"angle-left"'},{value:'"angle-right"'},{value:'"angle-up"'},{value:'"align-left"'},{value:'"align-right"'},{value:'"application-observability"'},{value:'"apps"'},{value:'"archive-alt"'},{value:'"arrow"'},{value:'"arrow-down"'},{value:'"arrow-from-right"'},{value:'"arrow-left"'},{value:'"arrow-random"'},{value:'"arrow-right"'},{value:'"arrow-to-right"'},{value:'"arrow-up"'},{value:'"arrows-h"'},{value:'"arrows-v"'},{value:'"asserts"'},{value:'"expand-arrows"'},{value:'"at"'},{value:'"ai"'},{value:'"backward"'},{value:'"bars"'},{value:'"bell"'},{value:'"bell-slash"'},{value:'"bolt"'},{value:'"book"'},{value:'"bookmark"'},{value:'"book-open"'},{value:'"brackets-curly"'},{value:'"bug"'},{value:'"building"'},{value:'"calculator-alt"'},{value:'"calendar-alt"'},{value:'"calendar-slash"'},{value:'"camera"'},{value:'"capture"'},{value:'"channel-add"'},{value:'"chart-line"'},{value:'"check"'},{value:'"check-circle"'},{value:'"check-square"'},{value:'"circle"'},{value:'"circle-mono"'},{value:'"clipboard-alt"'},{value:'"clock-nine"'},{value:'"cloud"'},{value:'"cloud-download"'},{value:'"cloud-upload"'},{value:'"code-branch"'},{value:'"cog"'},{value:'"columns"'},{value:'"comment-alt"'},{value:'"comment-alt-message"'},{value:'"comment-alt-share"'},{value:'"comments-alt"'},{value:'"compass"'},{value:'"copy"'},{value:'"corner-down-right-alt"'},{value:'"create-dashboard"'},{value:'"credit-card"'},{value:'"crosshair"'},{value:'"cube"'},{value:'"dashboard"'},{value:'"database"'},{value:'"dice-three"'},{value:'"docker"'},{value:'"document-info"'},{value:'"download-alt"'},{value:'"draggabledots"'},{value:'"edit"'},{value:'"ellipsis-v"'},{value:'"envelope"'},{value:'"exchange-alt"'},{value:'"exclamation-triangle"'},{value:'"exclamation-circle"'},{value:'"external-link-alt"'},{value:'"eye"'},{value:'"eye-slash"'},{value:'"ellipsis-h"'},{value:'"fa fa-spinner"'},{value:'"favorite"'},{value:'"file-alt"'},{value:'"file-blank"'},{value:'"file-copy-alt"'},{value:'"file-download"'},{value:'"file-edit-alt"'},{value:'"file-landscape-alt"'},{value:'"filter"'},{value:'"flip"'},{value:'"folder"'},{value:'"font"'},{value:'"fire"'},{value:'"folder-open"'},{value:'"folder-plus"'},{value:'"folder-upload"'},{value:'"forward"'},{value:'"frontend-observability"'},{value:'"gf-bar-alignment-after"'},{value:'"gf-bar-alignment-before"'},{value:'"gf-bar-alignment-center"'},{value:'"gf-glue"'},{value:'"gf-grid"'},{value:'"gf-interpolation-linear"'},{value:'"gf-interpolation-smooth"'},{value:'"gf-interpolation-step-after"'},{value:'"gf-interpolation-step-before"'},{value:'"gf-landscape"'},{value:'"gf-layout-simple"'},{value:'"gf-logs"'},{value:'"gf-ml"'},{value:'"gf-movepane-left"'},{value:'"gf-movepane-right"'},{value:'"gf-portrait"'},{value:'"gf-service-account"'},{value:'"gf-show-context"'},{value:'"gf-pin"'},{value:'"gf-prometheus"'},{value:'"gf-traces"'},{value:'"globe"'},{value:'"grafana"'},{value:'"graph-bar"'},{value:'"heart"'},{value:'"heart-rate"'},{value:'"heart-break"'},{value:'"history"'},{value:'"history-alt"'},{value:'"home"'},{value:'"home-alt"'},{value:'"horizontal-align-center"'},{value:'"horizontal-align-left"'},{value:'"horizontal-align-right"'},{value:'"hourglass"'},{value:'"import"'},{value:'"info"'},{value:'"info-circle"'},{value:'"k6"'},{value:'"key-skeleton-alt"'},{value:'"keyboard"'},{value:'"layer-group"'},{value:'"layers-alt"'},{value:'"library-panel"'},{value:'"line-alt"'},{value:'"link"'},{value:'"list-ui-alt"'},{value:'"list-ul"'},{value:'"list-ol"'},{value:'"lock"'},{value:'"map-marker"'},{value:'"map-marker-plus"'},{value:'"map-marker-minus"'},{value:'"message"'},{value:'"minus"'},{value:'"minus-circle"'},{value:'"mobile-android"'},{value:'"monitor"'},{value:'"palette"'},{value:'"panel-add"'},{value:'"pathfinder-unite"'},{value:'"pause"'},{value:'"pen"'},{value:'"percentage"'},{value:'"plug"'},{value:'"plus"'},{value:'"plus-circle"'},{value:'"plus-square"'},{value:'"power"'},{value:'"presentation-play"'},{value:'"process"'},{value:'"question-circle"'},{value:'"record-audio"'},{value:'"repeat"'},{value:'"rocket"'},{value:'"ruler-combined"'},{value:'"save"'},{value:'"search"'},{value:'"search-minus"'},{value:'"search-plus"'},{value:'"share-alt"'},{value:'"shield"'},{value:'"shield-exclamation"'},{value:'"signal"'},{value:'"signin"'},{value:'"signout"'},{value:'"sitemap"'},{value:'"slack"'},{value:'"sliders-v-alt"'},{value:'"spinner"'},{value:'"sort-amount-down"'},{value:'"sort-amount-up"'},{value:'"square-shape"'},{value:'"star"'},{value:'"step-backward"'},{value:'"stopwatch"'},{value:'"stopwatch-slash"'},{value:'"sync"'},{value:'"sync-slash"'},{value:'"table"'},{value:'"tag-alt"'},{value:'"telegram-alt"'},{value:'"text-fields"'},{value:'"thumbs-up"'},{value:'"times"'},{value:'"times-circle"'},{value:'"toggle-on"'},{value:'"toggle-off"'},{value:'"trash-alt"'},{value:'"unarchive"'},{value:'"unlock"'},{value:'"upload"'},{value:'"user"'},{value:'"users-alt"'},{value:'"user-arrows"'},{value:'"vertical-align-bottom"'},{value:'"vertical-align-center"'},{value:'"vertical-align-top"'},{value:'"web-section-alt"'},{value:'"wrap-text"'},{value:'"rss"'},{value:'"x"'}]}},size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'},{value:'"xxxl"'}]}},type:{defaultValue:{value:"default"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"solid"'},{value:'"default"'},{value:'"mono"'}]}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Icon/Icon.tsx#Icon"]={docgenInfo:S.__docgenInfo,name:"Icon",path:"src/components/Icon/Icon.tsx#Icon"})}catch{}},"./src/components/Icon/utils.ts":function(R,E,t){t.d(E,{Wj:function(){return r},Xi:function(){return i},cs:function(){return w}});const l=["grafana","favorite","heart-break","heart","panel-add","library-panel","circle-mono"];function i(h,f){return h?.startsWith("gf-")?"custom":l.includes(h)?"mono":f==="default"?"unicons":f==="solid"?"solid":"mono"}function w(h){switch(h){case"xs":return 12;case"sm":return 14;case"md":return 16;case"lg":return 18;case"xl":return 24;case"xxl":return 36;case"xxxl":return 48}}let v;function r(){if(v)return v;const h=typeof window<"u"&&window.__grafana_public_path__;return h?v=h+"img/icons/":v="public/img/icons/",v}},"./src/components/Portal/Portal.tsx":function(R,E,t){t.d(E,{ZL:function(){return p},gF:function(){return C}});var l=t("../../node_modules/react/index.js"),i=t("../../node_modules/react-dom/index.js"),w=t("./src/themes/ThemeContext.tsx"),v=Object.defineProperty,r=Object.defineProperties,h=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,x=(g,a,o)=>a in g?v(g,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):g[a]=o,m=(g,a)=>{for(var o in a||(a={}))e.call(a,o)&&x(g,o,a[o]);if(f)for(var o of f(a))_.call(a,o)&&x(g,o,a[o]);return g},k=(g,a)=>r(g,h(a));function p(g){const{children:a,className:o,root:P,forwardedRef:s}=g,b=(0,w.$j)(),u=(0,l.useRef)(null),y=P??C();return u.current||(u.current=document.createElement("div"),o&&(u.current.className=o),u.current.style.position="relative",u.current.style.zIndex=`${b.zIndex.portal}`),(0,l.useLayoutEffect)(()=>(u.current&&y.appendChild(u.current),()=>{u.current&&y.removeChild(u.current)}),[y]),i.createPortal(l.createElement("div",{ref:s},a),u.current)}function C(){var g;return(g=window.document.getElementById("grafana-portal-container"))!=null?g:document.body}function S(){return React.createElement("div",{id:"grafana-portal-container"})}const n=l.forwardRef((g,a)=>l.createElement(p,k(m({},g),{forwardedRef:a})));n.displayName="RefForwardingPortal";try{p.displayName="RefForwardingPortal",p.__docgenInfo={description:"",displayName:"RefForwardingPortal",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},root:{defaultValue:null,description:"",name:"root",required:!1,type:{name:"HTMLElement"}},forwardedRef:{defaultValue:null,description:"",name:"forwardedRef",required:!1,type:{name:"ForwardedRef<HTMLDivElement>"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Portal/Portal.tsx#RefForwardingPortal"]={docgenInfo:n.__docgenInfo,name:"RefForwardingPortal",path:"src/components/Portal/Portal.tsx#RefForwardingPortal"})}catch{}},"./src/components/Tooltip/Tooltip.tsx":function(R,E,t){t.d(E,{m:function(){return n}});var l=t("../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs"),i=t("../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"),w=t("../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs"),v=t("../../node_modules/@floating-ui/react/dist/floating-ui.react.mjs"),r=t("../../node_modules/react/index.js"),h=t("../grafana-e2e-selectors/src/selectors/index.ts"),f=t("./src/themes/ThemeContext.tsx"),e=t("./src/utils/tooltipUtils.ts"),_=t("./src/components/Portal/Portal.tsx"),x=Object.defineProperty,m=Object.getOwnPropertySymbols,k=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,C=(a,o,P)=>o in a?x(a,o,{enumerable:!0,configurable:!0,writable:!0,value:P}):a[o]=P,S=(a,o)=>{for(var P in o||(o={}))k.call(o,P)&&C(a,P,o[P]);if(m)for(var P of m(o))p.call(o,P)&&C(a,P,o[P]);return a};const n=r.forwardRef(({children:a,theme:o,interactive:P,show:s,placement:b,content:u},y)=>{const A=(0,r.useRef)(null),[I,B]=(0,r.useState)(s),M=s??I,D=[(0,l.cY)(8),(0,i.UU)({fallbackAxisSideDirection:"end",crossAxis:!1,boundary:document.body}),(0,i.BN)(),(0,w.UE)({element:A})],{context:j,refs:N,floatingStyles:L}=(0,v.we)({open:M,placement:(0,e.O)(b),onOpenChange:B,middleware:D,whileElementsMounted:i.ll}),U=(0,r.useId)(),c=(0,v.Mk)(j,{delay:{close:P?100:0},move:!1}),d=(0,v.iQ)(j),O=(0,v.s9)(j),{getReferenceProps:T,getFloatingProps:K}=(0,v.bv)([O,c,d]),W=typeof u=="function",V=(0,f.of)(g)[o??"info"],F=(0,r.useCallback)(z=>{N.setReference(z),typeof y=="function"?y(z):y&&(y.current=z)},[y,N]),H="aria-label"in a.props&&a.props["aria-label"]===u;return r.createElement(r.Fragment,null,r.cloneElement(a,S({ref:F,tabIndex:0,"aria-describedby":!H&&M?U:void 0},T())),M&&r.createElement(_.ZL,null,r.createElement("div",S({ref:N.setFloating,style:L},K()),r.createElement(v.ie,{className:V.arrow,ref:A,context:j}),r.createElement("div",{"data-testid":h.Tp.components.Tooltip.container,id:U,role:"tooltip",className:V.container},typeof u=="string"&&u,r.isValidElement(u)&&r.cloneElement(u),W&&u({})))))});n.displayName="Tooltip";const g=a=>{const o=(0,e.f)(a,a.components.tooltip.background,a.components.tooltip.background,a.components.tooltip.text,{topBottom:.5,rightLeft:1}),P=(0,e.f)(a,a.colors.error.main,a.colors.error.main,a.colors.error.contrastText,{topBottom:.5,rightLeft:1});return{info:o,["info-alt"]:o,error:P}};try{n.displayName="Tooltip",n.__docgenInfo={description:"",displayName:"Tooltip",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"enum",value:[{value:'"info"'},{value:'"error"'},{value:'"info-alt"'}]}},show:{defaultValue:null,description:"",name:"show",required:!1,type:{name:"boolean"}},placement:{defaultValue:null,description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"bottom"'},{value:'"top"'},{value:'"right"'},{value:'"left"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"left-start"'},{value:'"left-end"'},{value:'"auto-start"'},{value:'"auto-end"'}]}},content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"PopoverContent"}},interactive:{defaultValue:null,description:"Set to true if you want the tooltip to stay long enough so the user can move mouse over content to select text or click a link",name:"interactive",required:!1,type:{name:"boolean"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Tooltip/Tooltip.tsx#Tooltip"]={docgenInfo:n.__docgenInfo,name:"Tooltip",path:"src/components/Tooltip/Tooltip.tsx#Tooltip"})}catch{}},"./src/utils/tooltipUtils.ts":function(R,E,t){t.d(E,{O:function(){return w},f:function(){return v}});var l=t("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),i=t("../grafana-data/src/themes/colorManipulator.ts");function w(r){switch(r){case"auto":return"bottom";case"auto-start":return"bottom-start";case"auto-end":return"bottom-end";default:return r??"bottom"}}function v(r,h,f,e,_){return{arrow:(0,l.AH)({fill:h}),container:(0,l.AH)({backgroundColor:h,borderRadius:r.shape.radius.default,border:`1px solid ${f}`,boxShadow:r.shadows.z2,color:e,fontSize:r.typography.bodySmall.fontSize,padding:r.spacing(_.topBottom,_.rightLeft),transition:"opacity 0.3s",zIndex:r.zIndex.tooltip,maxWidth:"400px",overflowWrap:"break-word","&[data-popper-interactive='false']":{pointerEvents:"none"},code:{border:"none",display:"inline",background:i.e$(h,.1),color:e,whiteSpace:"normal"},pre:{background:i.e$(h,.1),color:e},a:{color:e,textDecoration:"underline"},"a:hover":{textDecoration:"none"}}),headerClose:(0,l.AH)({color:r.colors.text.secondary,position:"absolute",right:r.spacing(1),top:r.spacing(1.5),backgroundColor:"transparent",border:0}),header:(0,l.AH)({paddingTop:r.spacing(1),paddingBottom:r.spacing(2)}),body:(0,l.AH)({paddingTop:r.spacing(1),paddingBottom:r.spacing(1)}),footer:(0,l.AH)({paddingTop:r.spacing(2),paddingBottom:r.spacing(1)})}}},"../../node_modules/react-loading-skeleton/dist/index.js":function(R,E,t){t.d(E,{A:function(){return r}});var l=t("../../node_modules/react/index.js");const i=l.createContext({}),w=!0;function v({baseColor:f,highlightColor:e,width:_,height:x,borderRadius:m,circle:k,direction:p,duration:C,enableAnimation:S=w}){const n={};return p==="rtl"&&(n["--animation-direction"]="reverse"),typeof C=="number"&&(n["--animation-duration"]=`${C}s`),S||(n["--pseudo-element-display"]="none"),(typeof _=="string"||typeof _=="number")&&(n.width=_),(typeof x=="string"||typeof x=="number")&&(n.height=x),(typeof m=="string"||typeof m=="number")&&(n.borderRadius=m),k&&(n.borderRadius="50%"),typeof f<"u"&&(n["--base-color"]=f),typeof e<"u"&&(n["--highlight-color"]=e),n}function r({count:f=1,wrapper:e,className:_,containerClassName:x,containerTestId:m,circle:k=!1,style:p,...C}){var S,n,g;const a=l.useContext(i),o={...C};for(const[I,B]of Object.entries(C))typeof B>"u"&&delete o[I];const P={...a,...o,circle:k},s={...p,...v(P)};let b="react-loading-skeleton";_&&(b+=` ${_}`);const u=(S=P.inline)!==null&&S!==void 0?S:!1,y=[],A=Math.ceil(f);for(let I=0;I<A;I++){let B=s;if(A>f&&I===A-1){const D=(n=B.width)!==null&&n!==void 0?n:"100%",j=f%1,N=typeof D=="number"?D*j:`calc(${D} * ${j})`;B={...B,width:N}}const M=l.createElement("span",{className:b,style:B,key:I},"\u200C");u?y.push(M):y.push(l.createElement(l.Fragment,{key:I},M,l.createElement("br",null)))}return l.createElement("span",{className:x,"data-testid":m,"aria-live":"polite","aria-busy":(g=P.enableAnimation)!==null&&g!==void 0?g:w},e?y.map((I,B)=>l.createElement(e,{key:B},I)):y)}function h({children:f,...e}){return React.createElement(i.Provider,{value:e},f)}},"../../node_modules/react/cjs/react-jsx-runtime.production.min.js":function(R,E,t){/**
 * @license React
 * react-jsx-runtime.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var l=t("../../node_modules/react/index.js"),i=Symbol.for("react.element"),w=Symbol.for("react.fragment"),v=Object.prototype.hasOwnProperty,r=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function f(e,_,x){var m,k={},p=null,C=null;x!==void 0&&(p=""+x),_.key!==void 0&&(p=""+_.key),_.ref!==void 0&&(C=_.ref);for(m in _)v.call(_,m)&&!h.hasOwnProperty(m)&&(k[m]=_[m]);if(e&&e.defaultProps)for(m in _=e.defaultProps,_)k[m]===void 0&&(k[m]=_[m]);return{$$typeof:i,type:e,key:p,ref:C,props:k,_owner:r.current}}E.Fragment=w,E.jsx=f,E.jsxs=f},"../../node_modules/react/jsx-runtime.js":function(R,E,t){R.exports=t("../../node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
