"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[8550],{"../../node_modules/@mdx-js/react/lib/index.js":function(C,f,e){e.d(f,{BN:function(){return l},RP:function(){return a},gz:function(){return g},xA:function(){return s}});var r=e("../../node_modules/react/index.js");const l=r.createContext({});function g(n){return u;function u(d){const y=a(d.components);return r.createElement(n,{...d,allComponents:y})}}function a(n){const u=r.useContext(l);return r.useMemo(()=>typeof n=="function"?n(u):{...u,...n},[u,n])}const t={};function s({components:n,children:u,disableParentContext:d}){let y;return d?y=typeof n=="function"?n({}):n||t:y=a(n),r.createElement(l.Provider,{value:y},u)}},"../../node_modules/@storybook/addon-actions/dist/index.mjs":function(C,f,e){e.d(f,{XI:function(){return r.XI}});var r=e("../../node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs"),l=(...g)=>{let a=config,t=g;t.length===1&&Array.isArray(t[0])&&([t]=t),t.length!==1&&typeof t[t.length-1]!="string"&&(a={...config,...t.pop()});let s=t[0];(t.length!==1||typeof s=="string")&&(s={},t.forEach(u=>{s[u]=u}));let n={};return Object.keys(s).forEach(u=>{n[u]=action(s[u],a)}),n}},"./src/components/Collapse/CollapsableSection.story.tsx":function(C,f,e){e.r(f),e.d(f,{Basic:function(){return I},default:function(){return j}});var r=e("../../node_modules/@storybook/addon-actions/dist/index.mjs"),l=e("@storybook/client-api"),g=e("../../node_modules/react/index.js"),a=e("./src/components/Collapse/CollapsableSection.tsx"),t=e("../../node_modules/react/jsx-runtime.js"),s=e("../../node_modules/@mdx-js/react/lib/index.js"),n=e("../../node_modules/@storybook/blocks/dist/index.mjs");function u(o){const p=Object.assign({h1:"h1",p:"p"},(0,s.RP)(),o.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.W8,{title:"MDX|CollapsableSection",component:a.M}),`
`,(0,t.jsx)(p.h1,{id:"collapsable-section",children:"Collapsable Section"}),`
`,(0,t.jsx)(p.p,{children:"A simple container for enabling collapsing/expanding of content."}),`
`,(0,t.jsx)(n.ov,{of:a.M})]})}function d(o={}){const{wrapper:p}=Object.assign({},(0,s.RP)(),o.components);return p?(0,t.jsx)(p,Object.assign({},o,{children:(0,t.jsx)(u,o)})):u(o)}var y=d,i=Object.defineProperty,E=Object.defineProperties,P=Object.getOwnPropertyDescriptors,O=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,m=(o,p,h)=>p in o?i(o,p,{enumerable:!0,configurable:!0,writable:!0,value:h}):o[p]=h,v=(o,p)=>{for(var h in p||(p={}))x.call(p,h)&&m(o,h,p[h]);if(O)for(var h of O(p))c.call(p,h)&&m(o,h,p[h]);return o},_=(o,p)=>E(o,P(p)),w=(o,p)=>{var h={};for(var S in o)x.call(o,S)&&p.indexOf(S)<0&&(h[S]=o[S]);if(o!=null&&O)for(var S of O(o))p.indexOf(S)<0&&c.call(o,S)&&(h[S]=o[S]);return h},b,D,M;const A={title:"Layout/CollapsableSection",component:a.M,parameters:{docs:{page:y},controls:{exclude:["className","contentClassName","onToggle","labelId","isOpen"]}},args:{isOpen:!1,loading:!1,label:"Collapsable section title",children:"Collapsed content data"},argTypes:{label:{control:"text"}}},I=o=>{var p=o,{children:h}=p,S=w(p,["children"]);const[,R]=(0,l.useArgs)(),T=k=>{(0,r.XI)("onToggle fired")({isOpen:k}),R({isOpen:k})};return g.createElement("div",null,g.createElement(a.M,_(v({},S),{onToggle:T}),g.createElement(g.Fragment,null,h)))};var j=A;I.parameters=_(v({},I.parameters),{docs:_(v({},(b=I.parameters)==null?void 0:b.docs),{source:v({originalSource:`({
  children,
  ...args
}: Props) => {
  const [, updateArgs] = useArgs();
  const onToggle = (isOpen: boolean) => {
    action('onToggle fired')({
      isOpen
    });
    updateArgs({
      isOpen
    });
  };
  return <div>
      <CollapsableSection {...args} onToggle={onToggle}>
        <>{children}</>
      </CollapsableSection>
    </div>;
}`},(M=(D=I.parameters)==null?void 0:D.docs)==null?void 0:M.source)})})},"../grafana-data/src/types/dataFrame.ts":function(C,f,e){e.d(f,{Bc:function(){return l},LE:function(){return g},PU:function(){return r}});var r=(t=>(t.time="time",t.number="number",t.string="string",t.boolean="boolean",t.trace="trace",t.geo="geo",t.enum="enum",t.other="other",t.frame="frame",t.nestedFrames="nestedFrames",t))(r||{});const l="Value",g="Time",a="Metric"},"../grafana-data/src/types/icon.ts":function(C,f,e){e.d(f,{Uo:function(){return g},az:function(){return r},n6:function(){return l}});const r={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 l(a){return!a||typeof a!="string"?!1:a in r}function g(a){if(l(a))return a}},"./src/components/Collapse/CollapsableSection.tsx":function(C,f,e){e.d(f,{M:function(){return d}});var r=e("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),l=e("../../node_modules/lodash/lodash.js"),g=e.n(l),a=e("../../node_modules/react/index.js"),t=e("./src/themes/ThemeContext.tsx"),s=e("./src/themes/mixins.ts"),n=e("./src/components/Icon/Icon.tsx"),u=e("./src/components/Spinner/Spinner.tsx");const d=({label:i,isOpen:E,onToggle:P,className:O,contentClassName:x,children:c,labelId:m,loading:v=!1,headerDataTestId:_,contentDataTestId:w})=>{const[b,D]=(0,a.useState)(E),M=(0,t.of)(y),A=o=>{o.target instanceof HTMLElement&&o.target.tagName==="A"||(o.preventDefault(),o.stopPropagation(),P?.(!b),D(!b))},{current:I}=(0,a.useRef)((0,l.uniqueId)()),j=m??`collapse-label-${I}`;return a.createElement(a.Fragment,null,a.createElement("div",{onClick:A,className:(0,r.cx)(M.header,O)},a.createElement("button",{type:"button",id:`collapse-button-${I}`,className:M.button,onClick:A,"aria-expanded":b&&!v,"aria-controls":`collapse-content-${I}`,"aria-labelledby":j},v?a.createElement(u.y,{className:M.spinner}):a.createElement(n.I,{name:b?"angle-up":"angle-down",className:M.icon})),a.createElement("div",{className:M.label,id:`collapse-label-${I}`,"data-testid":_},i)),b&&a.createElement("div",{id:`collapse-content-${I}`,className:(0,r.cx)(M.content,x),"data-testid":w},c))},y=i=>({header:(0,r.AH)({display:"flex",cursor:"pointer",boxSizing:"border-box",flexDirection:"row-reverse",position:"relative",justifyContent:"space-between",fontSize:i.typography.size.lg,padding:`${i.spacing(.5)} 0`,"&:focus-within":(0,s.Hi)(i)}),button:(0,r.AH)({all:"unset","&:focus-visible":{outline:"none",outlineOffset:"unset",transition:"none",boxShadow:"none"}}),icon:(0,r.AH)({color:i.colors.text.secondary}),content:(0,r.AH)({padding:`${i.spacing(2)} 0`}),spinner:(0,r.AH)({display:"flex",alignItems:"center",width:i.spacing(2)}),label:(0,r.AH)({display:"flex"})});try{d.displayName="CollapsableSection",d.__docgenInfo={description:"",displayName:"CollapsableSection",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"Callback for the toggle functionality",name:"onToggle",required:!1,type:{name:"((isOpen: boolean) => void)"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentClassName:{defaultValue:null,description:"",name:"contentClassName",required:!1,type:{name:"string"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},labelId:{defaultValue:null,description:"",name:"labelId",required:!1,type:{name:"string"}},headerDataTestId:{defaultValue:null,description:"",name:"headerDataTestId",required:!1,type:{name:"string"}},contentDataTestId:{defaultValue:null,description:"",name:"contentDataTestId",required:!1,type:{name:"string"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Collapse/CollapsableSection.tsx#CollapsableSection"]={docgenInfo:d.__docgenInfo,name:"CollapsableSection",path:"src/components/Collapse/CollapsableSection.tsx#CollapsableSection"})}catch{}},"./src/components/Icon/Icon.tsx":function(C,f,e){e.d(f,{I:function(){return x}});var r=e("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),l=e("../../node_modules/react/index.js"),g=e("../../node_modules/react-inlinesvg/esm/index.js"),a=e("../grafana-data/src/types/icon.ts"),t=e("./src/themes/ThemeContext.tsx"),s=e("./src/components/Icon/utils.ts"),n=Object.defineProperty,u=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,i=(c,m,v)=>m in c?n(c,m,{enumerable:!0,configurable:!0,writable:!0,value:v}):c[m]=v,E=(c,m)=>{for(var v in m||(m={}))d.call(m,v)&&i(c,v,m[v]);if(u)for(var v of u(m))y.call(m,v)&&i(c,v,m[v]);return c},P=(c,m)=>{var v={};for(var _ in c)d.call(c,_)&&m.indexOf(_)<0&&(v[_]=c[_]);if(c!=null&&u)for(var _ of u(c))m.indexOf(_)<0&&y.call(c,_)&&(v[_]=c[_]);return v};const O=c=>({icon:(0,r.AH)({display:"inline-block",fill:"currentColor",flexShrink:0,label:"Icon",lineHeight:0,verticalAlign:"middle"}),orange:(0,r.AH)({fill:c.v1.palette.orange})}),x=l.forwardRef((c,m)=>{var v=c,{size:_="md",type:w="default",name:b,className:D,style:M,title:A=""}=v,I=P(v,["size","type","name","className","style","title"]);const j=(0,t.of)(O);(0,a.n6)(b)||console.warn("Icon component passed an invalid icon name",b);const o=b==="fa fa-spinner"?"spinner":b,p=(0,s.Wj)(),h=(0,s.cs)(_),S=h,R=b.startsWith("gf-bar-align")?16:b.startsWith("gf-interp")?30:h,T=(0,s.Xi)(o,w),k=`${p}${T}/${o}.svg`,L=(0,r.cx)(j.icon,D,w==="mono"?{[j.orange]:b==="favorite"}:"",o==="spinner"&&"fa-spin");return l.createElement(g.A,E({innerRef:m,src:k,width:R,height:S,title:A,className:L,style:M},I))});x.displayName="Icon";try{x.displayName="Icon",x.__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:x.__docgenInfo,name:"Icon",path:"src/components/Icon/Icon.tsx#Icon"})}catch{}},"./src/components/Icon/utils.ts":function(C,f,e){e.d(f,{Wj:function(){return t},Xi:function(){return l},cs:function(){return g}});const r=["grafana","favorite","heart-break","heart","panel-add","library-panel","circle-mono"];function l(s,n){return s?.startsWith("gf-")?"custom":r.includes(s)?"mono":n==="default"?"unicons":n==="solid"?"solid":"mono"}function g(s){switch(s){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 a;function t(){if(a)return a;const s=typeof window<"u"&&window.__grafana_public_path__;return s?a=s+"img/icons/":a="public/img/icons/",a}},"./src/components/Spinner/Spinner.tsx":function(C,f,e){e.d(f,{y:function(){return u}});var r=e("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),l=e("../../node_modules/react/index.js"),g=e("../../node_modules/react-inlinesvg/esm/index.js"),a=e("./src/themes/ThemeContext.tsx"),t=e("./src/types/icon.ts"),s=e("./src/components/Icon/Icon.tsx"),n=e("./src/components/Icon/utils.ts");const u=({className:i,inline:E=!1,iconClassName:P,style:O,size:x="md"})=>{const c=(0,a.of)(d),m=(0,a.of)(y,x);if(typeof x!="string"||!(0,t.rJ)(x)){const v=(0,n.Wj)(),_="spinner",w=(0,n.Xi)(_,"default"),b=`${v}${w}/${_}.svg`;return l.createElement("div",{"data-testid":"Spinner",style:O,className:(0,r.cx)({[c.inline]:E},m.wrapper,i)},l.createElement(g.A,{src:b,width:x,height:x,className:(0,r.cx)("fa-spin",m.icon,i),style:O}))}return l.createElement("div",{"data-testid":"Spinner",style:O,className:(0,r.cx)({[c.inline]:E},i)},l.createElement(s.I,{className:(0,r.cx)("fa-spin",P),name:"spinner",size:x,"aria-label":"loading spinner"}))},d=i=>({inline:(0,r.AH)({display:"inline-block"})}),y=(i,E)=>({wrapper:(0,r.AH)({fontSize:typeof E=="string"?E:`${E}px`}),icon:(0,r.AH)({display:"inline-block",fill:"currentColor",flexShrink:0,label:"Icon",lineHeight:0,verticalAlign:"middle"})});try{u.displayName="Spinner",u.__docgenInfo={description:"",displayName:"Spinner",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},iconClassName:{defaultValue:null,description:"",name:"iconClassName",required:!1,type:{name:"string"}},inline:{defaultValue:{value:"false"},description:"",name:"inline",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"string | number"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Spinner/Spinner.tsx#Spinner"]={docgenInfo:u.__docgenInfo,name:"Spinner",path:"src/components/Spinner/Spinner.tsx#Spinner"})}catch{}},"./src/types/icon.ts":function(C,f,e){e.d(f,{GO:function(){return a},SS:function(){return t},rJ:function(){return g}});var r=e("../grafana-data/src/types/icon.ts"),l=e("../grafana-data/src/types/dataFrame.ts");const g=n=>["xs","sm","md","lg","xl","xxl","xxxl"].includes(n),a=()=>Object.keys(r.az);function t(n){return s(n?.type)}function s(n){if(n)switch(n){case l.PU.time:return"clock-nine";case l.PU.string:return"font";case l.PU.number:return"calculator-alt";case l.PU.boolean:return"toggle-on";case l.PU.trace:return"info-circle";case l.PU.enum:return"list-ol";case l.PU.geo:return"map-marker";case l.PU.other:return"brackets-curly"}return"question-circle"}},"../../node_modules/react/cjs/react-jsx-runtime.production.min.js":function(C,f,e){/**
 * @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 r=e("../../node_modules/react/index.js"),l=Symbol.for("react.element"),g=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,t=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function n(u,d,y){var i,E={},P=null,O=null;y!==void 0&&(P=""+y),d.key!==void 0&&(P=""+d.key),d.ref!==void 0&&(O=d.ref);for(i in d)a.call(d,i)&&!s.hasOwnProperty(i)&&(E[i]=d[i]);if(u&&u.defaultProps)for(i in d=u.defaultProps,d)E[i]===void 0&&(E[i]=d[i]);return{$$typeof:l,type:u,key:P,ref:O,props:E,_owner:t.current}}f.Fragment=g,f.jsx=n,f.jsxs=n},"../../node_modules/react/jsx-runtime.js":function(C,f,e){C.exports=e("../../node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
