"use strict";(self.webpackChunk_grafana_ui=self.webpackChunk_grafana_ui||[]).push([[7514],{"../../node_modules/@mdx-js/react/lib/index.js":function(S,h,n){n.d(h,{BN:function(){return u},RP:function(){return d},gz:function(){return g},xA:function(){return o}});var i=n("../../node_modules/react/index.js");const u=i.createContext({});function g(c){return p;function p(s){const v=d(s.components);return i.createElement(c,{...s,allComponents:v})}}function d(c){const p=i.useContext(u);return i.useMemo(()=>typeof c=="function"?c(p):{...p,...c},[p,c])}const r={};function o({components:c,children:p,disableParentContext:s}){let v;return s?v=typeof c=="function"?c({}):c||r:v=d(c),i.createElement(u.Provider,{value:v},p)}},"../../node_modules/@storybook/addon-actions/dist/index.mjs":function(S,h,n){n.d(h,{XI:function(){return i.XI}});var i=n("../../node_modules/@storybook/addon-actions/dist/chunk-AY7I2SME.mjs"),u=(...g)=>{let d=config,r=g;r.length===1&&Array.isArray(r[0])&&([r]=r),r.length!==1&&typeof r[r.length-1]!="string"&&(d={...config,...r.pop()});let o=r[0];(r.length!==1||typeof o=="string")&&(o={},r.forEach(p=>{o[p]=p}));let c={};return Object.keys(o).forEach(p=>{c[p]=action(o[p],d)}),c}},"./src/components/Forms/InlineField.story.tsx":function(S,h,n){n.r(h),n.d(h,{basic:function(){return A},default:function(){return G},error:function(){return Y},grow:function(){return U},multiple:function(){return W},withSelect:function(){return H},withTooltip:function(){return B}});var i=n("../../node_modules/@storybook/addon-actions/dist/index.mjs"),u=n("../../node_modules/react/index.js"),g=n("./src/components/Input/Input.tsx"),d=n("./src/components/Select/Select.tsx"),r=n("./src/components/Forms/InlineField.tsx"),o=n("../../node_modules/react/jsx-runtime.js"),c=n("../../node_modules/@mdx-js/react/lib/index.js"),p=n("../../node_modules/@storybook/blocks/dist/index.mjs");function s(I){const _=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre"},(0,c.RP)(),I.components);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(_.h1,{id:"inlinefield",children:"InlineField"}),`
`,(0,o.jsxs)(_.p,{children:["A basic component for rendering form elements, like ",(0,o.jsx)(_.code,{children:"Input"}),", ",(0,o.jsx)(_.code,{children:"Select"}),", ",(0,o.jsx)(_.code,{children:"Checkbox"}),", etc, inline together with ",(0,o.jsx)(_.code,{children:"InlineLabel"}),". If the child element has ",(0,o.jsx)(_.code,{children:"id"})," specified, the label's ",(0,o.jsx)(_.code,{children:"htmlFor"})," attribute, pointing to the id, will be added."]}),`
`,(0,o.jsxs)(_.p,{children:["The width of the ",(0,o.jsx)(_.code,{children:"InlineLabel"})," can be modified via ",(0,o.jsx)(_.code,{children:"labelWidth"})," prop, which is a multiple of 8px. For example, an ",(0,o.jsx)(_.code,{children:"InlineField"})," with ",(0,o.jsx)(_.code,{children:"labelWidth={20}"})," will have a label 160px wide."]}),`
`,(0,o.jsxs)(_.p,{children:["If ",(0,o.jsx)(_.code,{children:"tooltip"})," prop is provided, an info icon with supplied tooltip content will be rendered inside the label."]}),`
`,(0,o.jsx)(_.h1,{id:"usage",children:"Usage"}),`
`,(0,o.jsx)(_.pre,{children:(0,o.jsx)(_.code,{className:"language-jsx",children:`<InlineField label="Inline field">
  <Input placeholder="Inline input" />
</InlineField>
`})}),`
`,(0,o.jsx)(p.ov,{of:r.I})]})}function v(I={}){const{wrapper:_}=Object.assign({},(0,c.RP)(),I.components);return _?(0,o.jsx)(_,Object.assign({},I,{children:(0,o.jsx)(s,I)})):s(I)}var b=v,P=Object.defineProperty,E=Object.defineProperties,x=Object.getOwnPropertyDescriptors,m=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,e=(I,_,D)=>_ in I?P(I,_,{enumerable:!0,configurable:!0,writable:!0,value:D}):I[_]=D,t=(I,_)=>{for(var D in _||(_={}))l.call(_,D)&&e(I,D,_[D]);if(m)for(var D of m(_))a.call(_,D)&&e(I,D,_[D]);return I},f=(I,_)=>E(I,x(_)),O,C,y,w,M,L,F,R,k,T,j,N,V,z,K,$,q,X;const Z={title:"Forms/InlineField",component:r.I,argTypes:{label:{control:{type:"text"}},labelWidth:{control:{type:"number"}},tooltip:{control:{type:"text"}},error:{control:{type:"text"}}},parameters:{docs:{page:b},controls:{exclude:["htmlFor","className","children"]}}},A=I=>u.createElement(r.I,t({},I),u.createElement(g.p,{placeholder:"Inline input"}));A.args={label:"Inline field",transparent:!1,grow:!1,shrink:!1,disabled:!1,interactive:!1,loading:!1,required:!1,invalid:!1,validationMessageHorizontalOverflow:!1};const B=I=>u.createElement(r.I,t({},I),u.createElement(g.p,{placeholder:"Inline input"}));B.args=f(t({tooltip:"Tooltip"},A.args),{label:"Label"});const U=I=>u.createElement(r.I,t({},I),u.createElement(g.p,{placeholder:"Inline input"}));U.args=f(t({},A.args),{label:"Label",grow:!0});const H=I=>u.createElement(r.I,t({},I),u.createElement(d.l6,{width:16,onChange:(0,i.XI)("item selected"),options:[{value:1,label:"One"},{value:2,label:"Two"}]}));H.args=f(t({},A.args),{label:"Select option"});const W=()=>u.createElement(u.Fragment,null,u.createElement(r.I,{label:"Field 1"},u.createElement(g.p,{placeholder:"Inline input"})),u.createElement(r.I,{label:"Field 2"},u.createElement(g.p,{placeholder:"Inline input"})),u.createElement(r.I,{label:"Field 3"},u.createElement(g.p,{placeholder:"Inline input"}))),Y=I=>u.createElement(r.I,t({},I),u.createElement(g.p,{placeholder:"Inline input"}));Y.args=f(t({},A.args),{label:"Label",error:"Error",invalid:!0});var G=Z;A.parameters=f(t({},A.parameters),{docs:f(t({},(O=A.parameters)==null?void 0:O.docs),{source:t({originalSource:`args => {
  return <InlineField {...args}>
      <Input placeholder="Inline input" />
    </InlineField>;
}`},(y=(C=A.parameters)==null?void 0:C.docs)==null?void 0:y.source)})}),B.parameters=f(t({},B.parameters),{docs:f(t({},(w=B.parameters)==null?void 0:w.docs),{source:t({originalSource:`args => {
  return <InlineField {...args}>
      <Input placeholder="Inline input" />
    </InlineField>;
}`},(L=(M=B.parameters)==null?void 0:M.docs)==null?void 0:L.source)})}),U.parameters=f(t({},U.parameters),{docs:f(t({},(F=U.parameters)==null?void 0:F.docs),{source:t({originalSource:`args => {
  return <InlineField {...args}>
      <Input placeholder="Inline input" />
    </InlineField>;
}`},(k=(R=U.parameters)==null?void 0:R.docs)==null?void 0:k.source)})}),H.parameters=f(t({},H.parameters),{docs:f(t({},(T=H.parameters)==null?void 0:T.docs),{source:t({originalSource:`args => {
  return <InlineField {...args}>
      <Select width={16} onChange={action('item selected')} options={[{
      value: 1,
      label: 'One'
    }, {
      value: 2,
      label: 'Two'
    }]} />
    </InlineField>;
}`},(N=(j=H.parameters)==null?void 0:j.docs)==null?void 0:N.source)})}),W.parameters=f(t({},W.parameters),{docs:f(t({},(V=W.parameters)==null?void 0:V.docs),{source:t({originalSource:`() => {
  return <>
      <InlineField label="Field 1">
        <Input placeholder="Inline input" />
      </InlineField>
      <InlineField label="Field 2">
        <Input placeholder="Inline input" />
      </InlineField>
      <InlineField label="Field 3">
        <Input placeholder="Inline input" />
      </InlineField>
    </>;
}`},(K=(z=W.parameters)==null?void 0:z.docs)==null?void 0:K.source)})}),Y.parameters=f(t({},Y.parameters),{docs:f(t({},($=Y.parameters)==null?void 0:$.docs),{source:t({originalSource:`args => {
  return <InlineField {...args}>
      <Input placeholder="Inline input" />
    </InlineField>;
}`},(X=(q=Y.parameters)==null?void 0:q.docs)==null?void 0:X.source)})})},"../grafana-data/src/types/icon.ts":function(S,h,n){n.d(h,{Uo:function(){return g},az:function(){return i},n6:function(){return u}});const i={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 u(d){return!d||typeof d!="string"?!1:d in i}function g(d){if(u(d))return d}},"./src/components/Forms/FieldValidationMessage.tsx":function(S,h,n){n.d(h,{P:function(){return r}});var i=n("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),u=n("../../node_modules/react/index.js"),g=n("./src/themes/ThemeContext.tsx"),d=n("./src/components/Icon/Icon.tsx");const r=({children:c,horizontal:p,className:s})=>{const v=(0,g.of)(o),b=(0,i.cx)(p?v.horizontal:v.vertical,s);return u.createElement("div",{role:"alert",className:b},u.createElement(d.I,{className:v.fieldValidationMessageIcon,name:"exclamation-triangle"}),c)},o=c=>{const p=`
      font-size: ${c.typography.size.sm};
      font-weight: ${c.typography.fontWeightMedium};
      padding: ${c.spacing(.5,1)};
      color: ${c.colors.error.contrastText};
      background: ${c.colors.error.main};
      border-radius: ${c.shape.radius.default};
      position: relative;
      display: inline-block;
      align-self: flex-start;

      a {
        color: ${c.colors.error.contrastText};
        text-decoration: underline;
      }

      a:hover {
        text-decoration: none;
      }
    `;return{vertical:(0,i.AH)(p,{margin:c.spacing(.5,0,0,0),"&:before":{content:'""',position:"absolute",left:"9px",top:"-5px",width:0,height:0,borderWidth:"0 4px 5px 4px",borderColor:`transparent transparent ${c.colors.error.main} transparent`,borderStyle:"solid"}}),horizontal:(0,i.AH)(p,{marginLeft:"10px","&:before":{content:'""',position:"absolute",left:"-5px",top:"9px",width:0,height:0,borderWidth:"4px 5px 4px 0",borderColor:"transparent #e02f44 transparent transparent",borderStyle:"solid"}}),fieldValidationMessageIcon:(0,i.AH)({marginRight:c.spacing()})}};try{r.displayName="FieldValidationMessage",r.__docgenInfo={description:"",displayName:"FieldValidationMessage",props:{className:{defaultValue:null,description:"Override component style",name:"className",required:!1,type:{name:"string"}},horizontal:{defaultValue:null,description:"",name:"horizontal",required:!1,type:{name:"boolean"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Forms/FieldValidationMessage.tsx#FieldValidationMessage"]={docgenInfo:r.__docgenInfo,name:"FieldValidationMessage",path:"src/components/Forms/FieldValidationMessage.tsx#FieldValidationMessage"})}catch{}try{o.displayName="getFieldValidationMessageStyles",o.__docgenInfo={description:"",displayName:"getFieldValidationMessageStyles",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},isDark:{defaultValue:null,description:"",name:"isDark",required:!0,type:{name:"boolean"}},isLight:{defaultValue:null,description:"",name:"isLight",required:!0,type:{name:"boolean"}},colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"ThemeColors"}},breakpoints:{defaultValue:null,description:"",name:"breakpoints",required:!0,type:{name:"ThemeBreakpoints"}},spacing:{defaultValue:null,description:"",name:"spacing",required:!0,type:{name:"ThemeSpacing"}},shape:{defaultValue:null,description:"",name:"shape",required:!0,type:{name:"ThemeShape"}},components:{defaultValue:null,description:"",name:"components",required:!0,type:{name:"ThemeComponents"}},typography:{defaultValue:null,description:"",name:"typography",required:!0,type:{name:"ThemeTypography"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!0,type:{name:"{ activePanel: number; navbarFixed: number; sidemenu: number; dropdown: number; typeahead: number; tooltip: number; modalBackdrop: number; modal: number; portal: number; }"}},shadows:{defaultValue:null,description:"",name:"shadows",required:!0,type:{name:"ThemeShadows"}},visualization:{defaultValue:null,description:"",name:"visualization",required:!0,type:{name:"ThemeVisualizationColors"}},transitions:{defaultValue:null,description:"",name:"transitions",required:!0,type:{name:"ThemeTransitions"}},v1:{defaultValue:null,description:"@deprecated Will be removed in a future version",name:"v1",required:!0,type:{name:"GrafanaTheme"}},flags:{defaultValue:null,description:"feature flags that might impact component looks",name:"flags",required:!0,type:{name:"{}"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Forms/FieldValidationMessage.tsx#getFieldValidationMessageStyles"]={docgenInfo:o.__docgenInfo,name:"getFieldValidationMessageStyles",path:"src/components/Forms/FieldValidationMessage.tsx#getFieldValidationMessageStyles"})}catch{}},"./src/components/Forms/InlineField.tsx":function(S,h,n){n.d(h,{I:function(){return x}});var i=n("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),u=n("../../node_modules/react/index.js"),g=n("./src/themes/ThemeContext.tsx"),d=n("./src/utils/reactUtils.ts"),r=n("./src/components/Forms/FieldValidationMessage.tsx"),o=n("./src/components/Forms/InlineLabel.tsx"),c=Object.defineProperty,p=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,b=(l,a,e)=>a in l?c(l,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[a]=e,P=(l,a)=>{for(var e in a||(a={}))s.call(a,e)&&b(l,e,a[e]);if(p)for(var e of p(a))v.call(a,e)&&b(l,e,a[e]);return l},E=(l,a)=>{var e={};for(var t in l)s.call(l,t)&&a.indexOf(t)<0&&(e[t]=l[t]);if(l!=null&&p)for(var t of p(l))a.indexOf(t)<0&&v.call(l,t)&&(e[t]=l[t]);return e};const x=l=>{var a=l,{children:e,label:t,tooltip:f,labelWidth:O="auto",invalid:C,loading:y,disabled:w,required:M,className:L,htmlFor:F,grow:R,shrink:k,error:T,transparent:j,interactive:N}=a,V=E(a,["children","label","tooltip","labelWidth","invalid","loading","disabled","required","className","htmlFor","grow","shrink","error","transparent","interactive"]);const z=(0,g.$j)(),K=m(z,R,k),$=F??(0,d.e)(e),q=typeof t=="string"?u.createElement(o.c,{interactive:N,width:O,tooltip:f,htmlFor:$,transparent:j},`${t}${M?" *":""}`):t;return u.createElement("div",P({className:(0,i.cx)(K.container,L)},V),q,u.createElement("div",{className:K.childContainer},u.cloneElement(e,{invalid:C,disabled:w,loading:y}),C&&T&&u.createElement("div",{className:(0,i.cx)(K.fieldValidationWrapper)},u.createElement(r.P,null,T))))};x.displayName="InlineField";const m=(l,a,e)=>({container:(0,i.AH)({display:"flex",flexDirection:"row",alignItems:"flex-start",textAlign:"left",position:"relative",flex:`${a?1:0} ${e?1:0} auto`,margin:`0 ${l.spacing(.5)} ${l.spacing(.5)} 0`}),childContainer:(0,i.AH)({flex:`${a?1:0} ${e?1:0} auto`}),fieldValidationWrapper:(0,i.AH)({marginTop:l.spacing(.5)})});try{x.displayName="InlineField",x.__docgenInfo={description:"",displayName:"InlineField",props:{tooltip:{defaultValue:null,description:"Content for the label's tooltip",name:"tooltip",required:!1,type:{name:"PopoverContent"}},labelWidth:{defaultValue:{value:"auto"},description:"Custom width for the label as a multiple of 8px",name:"labelWidth",required:!1,type:{name:'number | "auto"'}},grow:{defaultValue:null,description:"Make the field's child to fill the width of the row. Equivalent to setting `flex-grow:1` on the field",name:"grow",required:!1,type:{name:"boolean"}},shrink:{defaultValue:null,description:"Make the field's child shrink with width of the row. Equivalent to setting `flex-shrink:1` on the field",name:"shrink",required:!1,type:{name:"boolean"}},transparent:{defaultValue:null,description:"Make field's background transparent",name:"transparent",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Error message to display",name:"error",required:!1,type:{name:"string | null"}},htmlFor:{defaultValue:null,description:"A unique id that associates the label of the Field component with the control with the unique id.\nIf the `htmlFor` property is missing the `htmlFor` will be inferred from the `id` or `inputId` property of the first child.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#attr-for",name:"htmlFor",required:!1,type:{name:"string"}},interactive:{defaultValue:null,description:"Make tooltip interactive",name:"interactive",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Label for the field",name:"label",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Form input element, i.e Input or Switch",name:"children",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},disabled:{defaultValue:null,description:"Indicates if field is disabled",name:"disabled",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"Indicates if field is in invalid state",name:"invalid",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"Indicates if field is required",name:"required",required:!1,type:{name:"boolean"}},loading:{defaultValue:null,description:"Indicates if field is in loading state",name:"loading",required:!1,type:{name:"boolean"}},validationMessageHorizontalOverflow:{defaultValue:null,description:"make validation message overflow horizontally. Prevents pushing out adjacent inline components",name:"validationMessageHorizontalOverflow",required:!1,type:{name:"boolean"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Forms/InlineField.tsx#InlineField"]={docgenInfo:x.__docgenInfo,name:"InlineField",path:"src/components/Forms/InlineField.tsx#InlineField"})}catch{}},"./src/components/Forms/InlineLabel.tsx":function(S,h,n){n.d(h,{c:function(){return E}});var i=n("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),u=n("../../node_modules/react/index.js"),g=n("./src/themes/ThemeContext.tsx"),d=n("./src/components/Icon/Icon.tsx"),r=n("./src/components/Tooltip/Tooltip.tsx"),o=Object.defineProperty,c=Object.getOwnPropertySymbols,p=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,v=(m,l,a)=>l in m?o(m,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):m[l]=a,b=(m,l)=>{for(var a in l||(l={}))p.call(l,a)&&v(m,a,l[a]);if(c)for(var a of c(l))s.call(l,a)&&v(m,a,l[a]);return m},P=(m,l)=>{var a={};for(var e in m)p.call(m,e)&&l.indexOf(e)<0&&(a[e]=m[e]);if(m!=null&&c)for(var e of c(m))l.indexOf(e)<0&&s.call(m,e)&&(a[e]=m[e]);return a};const E=m=>{var l=m,{children:a,className:e,tooltip:t,width:f,transparent:O,interactive:C,as:y="label"}=l,w=P(l,["children","className","tooltip","width","transparent","interactive","as"]);const M=(0,g.of)(x,O,f);return u.createElement(y,b({className:(0,i.cx)(M.label,e)},w),a,t&&u.createElement(r.m,{interactive:C,placement:"top",content:t,theme:"info"},u.createElement(d.I,{tabIndex:0,name:"info-circle",size:"sm",className:M.icon})))},x=(m,l=!1,a)=>({label:(0,i.AH)({display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0,padding:m.spacing(0,1),fontWeight:m.typography.fontWeightMedium,fontSize:m.typography.size.sm,backgroundColor:l?"transparent":m.colors.background.secondary,height:m.spacing(m.components.height.md),lineHeight:m.spacing(m.components.height.md),marginRight:m.spacing(.5),borderRadius:m.shape.radius.default,border:"none",width:a?a!=="auto"?`${8*a}px`:a:"100%",color:m.colors.text.primary}),icon:(0,i.AH)({color:m.colors.text.secondary,marginLeft:"10px",":hover":{color:m.colors.text.primary}})});try{E.displayName="InlineLabel",E.__docgenInfo={description:"",displayName:"InlineLabel",props:{tooltip:{defaultValue:null,description:`Content for the labels tooltip. If provided, an info icon with the tooltip content
will be displayed`,name:"tooltip",required:!1,type:{name:"PopoverContent"}},width:{defaultValue:null,description:"Custom width for the label",name:"width",required:!1,type:{name:'number | "auto"'}},transparent:{defaultValue:null,description:"Make labels's background transparent",name:"transparent",required:!1,type:{name:"boolean"}},interactive:{defaultValue:null,description:"Make tooltip interactive",name:"interactive",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"Controls which element the InlineLabel should be rendered into",name:"as",required:!1,type:{name:"ElementType<any, keyof IntrinsicElements>"}}}},typeof STORYBOOK_REACT_CLASSES<"u"&&(STORYBOOK_REACT_CLASSES["src/components/Forms/InlineLabel.tsx#InlineLabel"]={docgenInfo:E.__docgenInfo,name:"InlineLabel",path:"src/components/Forms/InlineLabel.tsx#InlineLabel"})}catch{}},"./src/components/Forms/commonStyles.ts":function(S,h,n){n.d(h,{SM:function(){return p},Xb:function(){return d},g$:function(){return r},gm:function(){return g},lH:function(){return o}});var i=n("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),u=n("./src/themes/mixins.ts");const g=s=>(0,i.AH)({"&:focus":(0,u.Hi)(s)}),d=(s,v=!1)=>{const b=v?s.colors.error.border:s.components.input.borderColor,P=v?s.colors.error.shade:s.components.input.borderHover,E=s.components.input.background,x=s.components.input.text,m=s.isDark?"#2e2f35":"#bab4ca";return(0,i.cx)(r(s),(0,i.AH)({background:E,lineHeight:s.typography.body.lineHeight,fontSize:s.typography.size.md,color:x,border:`1px solid ${b}`,"&:-webkit-autofill, &:-webkit-autofill:hover":{boxShadow:`inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px ${E}!important`,WebkitTextFillColor:`${x} !important`,borderColor:m},"&:-webkit-autofill:focus":{boxShadow:`0 0 0 2px ${s.colors.background.primary}, 0 0 0px 4px ${s.colors.primary.main}, inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px ${E}!important`,WebkitTextFillColor:`${x} !important`},"&:hover":{borderColor:P},"&:focus":{outline:"none"},"&:disabled":{backgroundColor:s.colors.action.disabledBackground,color:s.colors.action.disabledText,border:`1px solid ${s.colors.action.disabledBackground}`,"&:hover":{borderColor:b}},"&::placeholder":{color:s.colors.text.disabled,opacity:1}}))},r=s=>(0,i.AH)({padding:s.spacing(0,1,0,1)}),o=()=>({sm:(0,i.AH)({width:c("sm")}),md:(0,i.AH)({width:c("md")}),lg:(0,i.AH)({width:c("lg")}),auto:(0,i.AH)({width:c("auto")})}),c=s=>{switch(s){case"sm":return"200px";case"md":return"320px";case"lg":return"580px";case"auto":default:return"auto"}};function p(s,v){switch(s){case"sm":return{padding:1,fontSize:v.typography.size.sm,height:v.components.height.sm};case"lg":return{padding:3,fontSize:v.typography.size.lg,height:v.components.height.lg};case"md":default:return{padding:2,fontSize:v.typography.size.md,height:v.components.height.md}}}},"./src/components/Icon/Icon.tsx":function(S,h,n){n.d(h,{I:function(){return m}});var i=n("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),u=n("../../node_modules/react/index.js"),g=n("../../node_modules/react-inlinesvg/esm/index.js"),d=n("../grafana-data/src/types/icon.ts"),r=n("./src/themes/ThemeContext.tsx"),o=n("./src/components/Icon/utils.ts"),c=Object.defineProperty,p=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,b=(l,a,e)=>a in l?c(l,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[a]=e,P=(l,a)=>{for(var e in a||(a={}))s.call(a,e)&&b(l,e,a[e]);if(p)for(var e of p(a))v.call(a,e)&&b(l,e,a[e]);return l},E=(l,a)=>{var e={};for(var t in l)s.call(l,t)&&a.indexOf(t)<0&&(e[t]=l[t]);if(l!=null&&p)for(var t of p(l))a.indexOf(t)<0&&v.call(l,t)&&(e[t]=l[t]);return e};const x=l=>({icon:(0,i.AH)({display:"inline-block",fill:"currentColor",flexShrink:0,label:"Icon",lineHeight:0,verticalAlign:"middle"}),orange:(0,i.AH)({fill:l.v1.palette.orange})}),m=u.forwardRef((l,a)=>{var e=l,{size:t="md",type:f="default",name:O,className:C,style:y,title:w=""}=e,M=E(e,["size","type","name","className","style","title"]);const L=(0,r.of)(x);(0,d.n6)(O)||console.warn("Icon component passed an invalid icon name",O);const F=O==="fa fa-spinner"?"spinner":O,R=(0,o.Wj)(),k=(0,o.cs)(t),T=k,j=O.startsWith("gf-bar-align")?16:O.startsWith("gf-interp")?30:k,N=(0,o.Xi)(F,f),V=`${R}${N}/${F}.svg`,z=(0,i.cx)(L.icon,C,f==="mono"?{[L.orange]:O==="favorite"}:"",F==="spinner"&&"fa-spin");return u.createElement(g.A,P({innerRef:a,src:V,width:j,height:T,title:w,className:z,style:y},M))});m.displayName="Icon";try{m.displayName="Icon",m.__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:m.__docgenInfo,name:"Icon",path:"src/components/Icon/Icon.tsx#Icon"})}catch{}},"./src/components/Icon/utils.ts":function(S,h,n){n.d(h,{Wj:function(){return r},Xi:function(){return u},cs:function(){return g}});const i=["grafana","favorite","heart-break","heart","panel-add","library-panel","circle-mono"];function u(o,c){return o?.startsWith("gf-")?"custom":i.includes(o)?"mono":c==="default"?"unicons":c==="solid"?"solid":"mono"}function g(o){switch(o){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 d;function r(){if(d)return d;const o=typeof window<"u"&&window.__grafana_public_path__;return o?d=o+"img/icons/":d="public/img/icons/",d}},"./src/components/Portal/Portal.tsx":function(S,h,n){n.d(h,{ZL:function(){return E},gF:function(){return x}});var i=n("../../node_modules/react/index.js"),u=n("../../node_modules/react-dom/index.js"),g=n("./src/themes/ThemeContext.tsx"),d=Object.defineProperty,r=Object.defineProperties,o=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,p=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,v=(a,e,t)=>e in a?d(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,b=(a,e)=>{for(var t in e||(e={}))p.call(e,t)&&v(a,t,e[t]);if(c)for(var t of c(e))s.call(e,t)&&v(a,t,e[t]);return a},P=(a,e)=>r(a,o(e));function E(a){const{children:e,className:t,root:f,forwardedRef:O}=a,C=(0,g.$j)(),y=(0,i.useRef)(null),w=f??x();return y.current||(y.current=document.createElement("div"),t&&(y.current.className=t),y.current.style.position="relative",y.current.style.zIndex=`${C.zIndex.portal}`),(0,i.useLayoutEffect)(()=>(y.current&&w.appendChild(y.current),()=>{y.current&&w.removeChild(y.current)}),[w]),u.createPortal(i.createElement("div",{ref:O},e),y.current)}function x(){var a;return(a=window.document.getElementById("grafana-portal-container"))!=null?a:document.body}function m(){return React.createElement("div",{id:"grafana-portal-container"})}const l=i.forwardRef((a,e)=>i.createElement(E,P(b({},a),{forwardedRef:e})));l.displayName="RefForwardingPortal";try{E.displayName="RefForwardingPortal",E.__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:l.__docgenInfo,name:"RefForwardingPortal",path:"src/components/Portal/Portal.tsx#RefForwardingPortal"})}catch{}},"./src/components/Tooltip/Tooltip.tsx":function(S,h,n){n.d(h,{m:function(){return l}});var i=n("../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs"),u=n("../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"),g=n("../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs"),d=n("../../node_modules/@floating-ui/react/dist/floating-ui.react.mjs"),r=n("../../node_modules/react/index.js"),o=n("../grafana-e2e-selectors/src/selectors/index.ts"),c=n("./src/themes/ThemeContext.tsx"),p=n("./src/utils/tooltipUtils.ts"),s=n("./src/components/Portal/Portal.tsx"),v=Object.defineProperty,b=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,x=(e,t,f)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:f}):e[t]=f,m=(e,t)=>{for(var f in t||(t={}))P.call(t,f)&&x(e,f,t[f]);if(b)for(var f of b(t))E.call(t,f)&&x(e,f,t[f]);return e};const l=r.forwardRef(({children:e,theme:t,interactive:f,show:O,placement:C,content:y},w)=>{const M=(0,r.useRef)(null),[L,F]=(0,r.useState)(O),R=O??L,k=[(0,i.cY)(8),(0,u.UU)({fallbackAxisSideDirection:"end",crossAxis:!1,boundary:document.body}),(0,u.BN)(),(0,g.UE)({element:M})],{context:T,refs:j,floatingStyles:N}=(0,d.we)({open:R,placement:(0,p.O)(C),onOpenChange:F,middleware:k,whileElementsMounted:u.ll}),V=(0,r.useId)(),z=(0,d.Mk)(T,{delay:{close:f?100:0},move:!1}),K=(0,d.iQ)(T),$=(0,d.s9)(T),{getReferenceProps:q,getFloatingProps:X}=(0,d.bv)([$,z,K]),Z=typeof y=="function",B=(0,c.of)(a)[t??"info"],U=(0,r.useCallback)(W=>{j.setReference(W),typeof w=="function"?w(W):w&&(w.current=W)},[w,j]),H="aria-label"in e.props&&e.props["aria-label"]===y;return r.createElement(r.Fragment,null,r.cloneElement(e,m({ref:U,tabIndex:0,"aria-describedby":!H&&R?V:void 0},q())),R&&r.createElement(s.ZL,null,r.createElement("div",m({ref:j.setFloating,style:N},X()),r.createElement(d.ie,{className:B.arrow,ref:M,context:T}),r.createElement("div",{"data-testid":o.Tp.components.Tooltip.container,id:V,role:"tooltip",className:B.container},typeof y=="string"&&y,r.isValidElement(y)&&r.cloneElement(y),Z&&y({})))))});l.displayName="Tooltip";const a=e=>{const t=(0,p.f)(e,e.components.tooltip.background,e.components.tooltip.background,e.components.tooltip.text,{topBottom:.5,rightLeft:1}),f=(0,p.f)(e,e.colors.error.main,e.colors.error.main,e.colors.error.contrastText,{topBottom:.5,rightLeft:1});return{info:t,["info-alt"]:t,error:f}};try{l.displayName="Tooltip",l.__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:l.__docgenInfo,name:"Tooltip",path:"src/components/Tooltip/Tooltip.tsx#Tooltip"})}catch{}},"./src/utils/reactUtils.ts":function(S,h,n){n.d(h,{b:function(){return g},e:function(){return u}});var i=n("../../node_modules/react/index.js");function u(d){let r;const o=i.Children.only(d);return"id"in o?.props?r=o.props.id:"inputId"in o.props&&(r=o?.props.inputId),typeof r=="string"?r:void 0}function g(d,r){if(i.isValidElement(d)||typeof d=="string"||typeof d=="number")return d;if(typeof d=="function"&&r)return d(r);throw new Error(`${d} is not a React element nor a function that returns React element`)}},"./src/utils/tooltipUtils.ts":function(S,h,n){n.d(h,{O:function(){return g},f:function(){return d}});var i=n("../../node_modules/@emotion/css/dist/emotion-css.esm.js"),u=n("../grafana-data/src/themes/colorManipulator.ts");function g(r){switch(r){case"auto":return"bottom";case"auto-start":return"bottom-start";case"auto-end":return"bottom-end";default:return r??"bottom"}}function d(r,o,c,p,s){return{arrow:(0,i.AH)({fill:o}),container:(0,i.AH)({backgroundColor:o,borderRadius:r.shape.radius.default,border:`1px solid ${c}`,boxShadow:r.shadows.z2,color:p,fontSize:r.typography.bodySmall.fontSize,padding:r.spacing(s.topBottom,s.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:u.e$(o,.1),color:p,whiteSpace:"normal"},pre:{background:u.e$(o,.1),color:p},a:{color:p,textDecoration:"underline"},"a:hover":{textDecoration:"none"}}),headerClose:(0,i.AH)({color:r.colors.text.secondary,position:"absolute",right:r.spacing(1),top:r.spacing(1.5),backgroundColor:"transparent",border:0}),header:(0,i.AH)({paddingTop:r.spacing(1),paddingBottom:r.spacing(2)}),body:(0,i.AH)({paddingTop:r.spacing(1),paddingBottom:r.spacing(1)}),footer:(0,i.AH)({paddingTop:r.spacing(2),paddingBottom:r.spacing(1)})}}},"../../node_modules/react/cjs/react-jsx-runtime.production.min.js":function(S,h,n){/**
 * @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 i=n("../../node_modules/react/index.js"),u=Symbol.for("react.element"),g=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,r=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function c(p,s,v){var b,P={},E=null,x=null;v!==void 0&&(E=""+v),s.key!==void 0&&(E=""+s.key),s.ref!==void 0&&(x=s.ref);for(b in s)d.call(s,b)&&!o.hasOwnProperty(b)&&(P[b]=s[b]);if(p&&p.defaultProps)for(b in s=p.defaultProps,s)P[b]===void 0&&(P[b]=s[b]);return{$$typeof:u,type:p,key:E,ref:x,props:P,_owner:r.current}}h.Fragment=g,h.jsx=c,h.jsxs=c},"../../node_modules/react/jsx-runtime.js":function(S,h,n){S.exports=n("../../node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
