@perses-dev/table-plugin 0.6.0 → 0.6.1

package/__mf/js/async/8981.3989d84b.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkTable=self.webpackChunkTable||[]).push([["8981"],{75989:function(e,r,n){n.r(r),n.d(r,{LEGEND_SIZE_CONFIG:()=>eD,PanelSpecEditor:()=>eY,validateLegendSpec:()=>eL,ProjectStoreProvider:()=>rO,useInitialRefreshInterval:()=>rN,MultiQueryEditor:()=>eB,useReplaceVariablesInString:()=>ed,LEGEND_VALUE_CONFIG:()=>eI,VariableListPreview:()=>rb,TimeRangeSettingsContext:()=>rr,DEFAULT_REFRESH_INTERVAL_OPTIONS:()=>rs,OptionsEditorTabs:()=>ez,replaceVariables:()=>Y,DatasourceSelect:()=>eg,useActiveTimeSeriesQueries:()=>rJ,getVariableValuesKey:()=>rp,useListVariablePluginValues:()=>rc,usePluginBuiltinVariableDefinitions:()=>I,TimeRangeProvider:()=>e9,useListDatasourceSelectItems:()=>G,BuiltinVariableContext:()=>en,useUsageMetrics:()=>r4,useShowCustomTimeRangeSetting:()=>ri,useTraceQueries:()=>r1,CalculationSelector:()=>l,useSetRefreshIntervalParams:()=>r_,QueryCountProvider:()=>eH,decodeTimeRangeValue:()=>rR,usePluginRegistry:()=>Z,TRACE_QUERY_KEY:()=>rX,useBuiltinVariableDefinitions:()=>eo,TimeRangeProviderWithQueryParams:()=>rF,ProjectSelect:()=>rD,TOOLTIP_TEXT:()=>e5,datasourceSelectValueToSelector:()=>ef,OptionsEditorRadios:()=>eE,useProjectList:()=>rZ,useTimeRangeContext:()=>e6,VariablePreview:()=>ry,useDataQueriesContext:()=>ne,usePlugins:()=>O,useBuiltinVariableValues:()=>ei,TimeRangeSettingsProvider:()=>rl,useProjectStore:()=>rw,LEGEND_MODE_CONFIG:()=>eO,useDatasourceStore:()=>z,ValidationProvider:()=>C,mockPluginRegistry:()=>nt,LEGEND_POSITIONS_CONFIG:()=>ew,PluginLoaderComponent:()=>nh,getMockPluginName:()=>ni,useQueryCountContext:()=>eJ,getUnixTimeRange:()=>r0,TimeRangeParam:()=>rA,useShowZoomRangeSetting:()=>ro,replaceVariable:()=>X,useTimeRangeSettingsContext:()=>rn,useTimeSeriesQueries:()=>rG,remotePluginLoader:()=>nv,LegendOptionsEditor:()=>eQ,useTimeRangeOptionsSetting:()=>ra,useDatasourceSelectValueToSelector:()=>ey,useBuiltinVariableContext:()=>et,PluginSpecEditor:()=>M,encodeTimeRangeValue:()=>rV,useListPluginMetadata:()=>D,useQueryType:()=>r8,VariableEditorForm:()=>rT,useTimeSeriesQuery:()=>rz,DataQueriesContext:()=>r9,PluginKindSelect:()=>L,filterVariableList:()=>rd,useSuggestedStepMs:()=>e8,useTimeRange:()=>e7,DataQueriesProvider:()=>nn,isVariableDatasource:()=>ev,PluginRegistry:()=>eX,getActiveTimeSeriesQueries:()=>rY,usePluginEditor:()=>$,useValidationSchemas:()=>j,PluginRegistryContext:()=>k,UsageMetricsProvider:()=>r6,TimeRangeControls:()=>ru,usePlugin:()=>w,legendValues:()=>eZ,timeRangeQueryConfig:()=>rM,MetricLabelInput:()=>rI,VariableContext:()=>el,HTTPSettingsEditor:()=>ek,VARIABLE_TYPES:()=>rg,getSubmitText:()=>T,refreshIntervalQueryConfig:()=>rQ,useUsageMetricsContext:()=>r5,useVariableValues:()=>es,ValidationSchemasContext:()=>b,dynamicImportPluginLoader:()=>rL,PluginEditor:()=>q,TimeRangeContext:()=>e3,transformQueryResults:()=>r7,useDataQueries:()=>nr,useDatasource:()=>J,getTitleAction:()=>P,parseVariables:()=>er,ProjectStoreContext:()=>rk,useAllVariableValues:()=>eu,useTimeRangeSettings:()=>rt,UsageMetricsContext:()=>r2,useTimeRangeParams:()=>rq,DatasourceName:()=>eh,useInitialTimeRange:()=>r$,VariableStoreStateMap:()=>ea,DatasourceStoreContext:()=>K,TIME_SERIES_QUERY_KEY:()=>rW,DatasourceEditorForm:()=>N,useDatasourceClient:()=>H});var t=n(24246),i=n(66480),o=n(11268);let a=Object.entries(o.CALCULATIONS_CONFIG).map(([e,r])=>({id:e,...r}));function l({value:e,onChange:r}){let n=o.CALCULATIONS_CONFIG[e];return(0,t.jsx)(i.OptionsEditorControl,{label:"Calculation",control:(0,t.jsx)(i.SettingsAutocomplete,{value:{...n,id:e},options:a,onChange:(e,n)=>{r(n.id)},disableClearable:!0})})}var s=n(494),u=n(36372),d=n(52054),c=n(38359),p=n(8695),g=n(25283),h=n(28797),m=n(87895),x=n(79119),v=n(54538),f=n.n(v),y=n(64293);let b=(0,v.createContext)(void 0);function j(){let e=(0,v.useContext)(b);if(void 0===e)throw Error("No ValidationSchemasContext found. Did you forget a Provider?");return e}function C({children:e}){let[r,n]=(0,v.useState)(o.datasourceDefinitionSchema),[i,a]=(0,v.useState)(o.panelEditorSchema),[l,s]=(0,v.useState)(o.variableDefinitionSchema);return(0,t.jsx)(b.Provider,{value:{datasourceEditorSchema:r,panelEditorSchema:i,variableEditorSchema:l,setDatasourceEditorSchemaPlugin:function(e){n((0,o.buildDatasourceDefinitionSchema)(e))},setPanelEditorSchemaPlugin:function(e){a((0,o.buildPanelEditorSchema)(e))},setVariableEditorSchemaPlugin:function(e){s((0,o.buildVariableDefinitionSchema)(e))}},children:e})}function P(e,r){return"read"===e?"View":r&&"create"===e?"Add":r||"create"!==e?"update"===e?"Edit":"":"Create"}function T(e,r){return r&&"create"===e?"Add":r&&"update"===e?"Apply":r?"":"Save"}var S=n(10517),E=n(53034);let k=(0,v.createContext)(void 0);function Z(){let e=(0,v.useContext)(k);if(void 0===e)throw Error("PluginRegistryContext not found. Did you forget a provider?");return e}function w(e,r,n){n={...n,enabled:(n?.enabled??!0)&&void 0!==e&&""!==r};let{getPlugin:t}=Z();return(0,E.useQuery)({queryKey:["getPlugin",e,r],queryFn:()=>t(e,r),...n})}function O(e,r){let{getPlugin:n}=Z(),t=[...new Set(r.map(e=>e.kind))],i=(0,E.useQueries)({queries:t.map(r=>({queryKey:["getPlugin",e,r],queryFn:()=>n(e,r)}))});return r.map(e=>i[t.indexOf(e.kind)])}function D(e,r){let{listPluginMetadata:n}=Z();return(0,E.useQuery)({queryKey:["listPluginMetadata",e],queryFn:()=>n(e),...r})}function I(){let{getPlugin:e,listPluginMetadata:r}=Z();return(0,E.useQuery)({queryKey:["usePluginBuiltinVariableDefinitions"],queryFn:async()=>{let n=new Set((await r(["Datasource"])).map(e=>e.spec.name)),t=[];for(let r of n){let n=await e("Datasource",r);n.getBuiltinVariableDefinitions&&n.getBuiltinVariableDefinitions().forEach(e=>t.push(e))}return t}})}let L=(0,v.forwardRef)((e,r)=>{let{pluginTypes:n,value:i,onChange:o,...a}=e,{data:l,isLoading:s}=D(n),u=!i||s?"":R(i),d=(0,v.useCallback)(e=>{if(""===e)return"";let r=A(e);return l?.find(e=>e.kind===r.type&&e.spec.name===r.kind)?.spec.display.name},[l]);return(0,t.jsxs)(p.Z,{select:!0,inputRef:r,...a,value:u,"aria-label":u,onChange:e=>{o?.(A(e.target.value))},SelectProps:{renderValue:d},"data-testid":"plugin-kind-select",children:[s&&(0,t.jsx)(S.Z,{value:"",children:"Loading..."}),l?.map(e=>t.jsx(S.Z,{"data-testid":"option",value:R({type:e.kind,kind:e.spec.name}),children:e.spec.display.name},e.kind+e.spec.name))]})});L.displayName="PluginKindSelect";let V="_____";function R(e){return[e.type,e.kind].join(V)}function A(e){let r=e.split(V),n=r[0],t=r[1];if(void 0===n||void 0===t)throw Error("Invalid optionValue string");return{type:n,kind:t}}function M(e){let{pluginSelection:{type:r,kind:n},...o}=e,{data:a,isLoading:l,error:s}=w(r,n);if(s)return(0,t.jsx)(i.ErrorAlert,{error:s});if(l)return null;if(void 0===a)throw Error(`Missing implementation for ${r} plugin with kind '${n}'`);if("Panel"===r)throw Error("This editor should not be used for panel type. Please use Panel Spec Editor instead.");let{OptionsEditorComponent:u}=a;return void 0!==u?(0,t.jsx)(u,{...o}):null}var Q=n(75586);function $(e){let{pluginTypes:r,value:n,onHideQueryEditorChange:t=()=>{}}=e,i=(0,o.useEvent)(e.onChange),a=(0,o.useEvent)(t),l=(0,v.useRef)({[n.selection.type]:{[n.selection.kind]:n.spec}}),s=(0,o.useEvent)(()=>{let e=l.current[n.selection.type];void 0===e&&(e={},l.current[n.selection.type]=e),e[n.selection.kind]=n.spec}),u=(0,v.useRef)({[n.selection.kind]:!1}),{defaultPluginKinds:d}=Z(),c=r[0],p=c?d?.[c]:void 0,g=c&&p?{type:c,kind:p}:void 0,h=!n.selection&&g?g:void 0,[m,x]=(0,v.useState)(h);(0,v.useEffect)(()=>{""===n.selection.kind&&(n.selection.kind=p||"")},[n.selection,p]);let{data:f,isFetching:y,error:b}=w(m?.type,m?.kind||"");return(0,v.useEffect)(()=>{m&&void 0!==f&&(s(),i({selection:m,spec:f.createInitialOptions?f.createInitialOptions():{}}),"Panel"===m.type&&(u.current[m.kind]=!!f.hideQueryEditor,!!f.hideQueryEditor!==u.current[n.selection.kind]&&a(!!f.hideQueryEditor)),x(void 0))},[m,f,s,i,a,u,n.selection]),{pendingSelection:m,isLoading:y,error:b,onSelectionChange:e=>{let r=l.current[e.type]?.[e.kind];void 0!==r?(s(),i({selection:e,spec:r})):x(e),"Panel"===e.type&&void 0!==u.current[e.kind]&&u.current[n.selection.kind]!==u.current[e.kind]&&a(!!u.current[e.kind])},onSpecChange:e=>{i((0,Q.Uy)(n,r=>{r.spec=e}))},rememberCurrentSpecState:s}}function q(e){let{value:r,pluginTypes:n,pluginKindLabel:o,onChange:a,isReadonly:l,...s}=e,{pendingSelection:d,isLoading:c,error:p,onSelectionChange:g,onSpecChange:h}=$(e);return(0,t.jsxs)(u.Z,{...s,children:[(0,t.jsx)(L,{fullWidth:!1,sx:{mb:2,minWidth:120},margin:"dense",label:o,pluginTypes:n,disabled:c,value:d||r.selection,InputProps:{readOnly:l},error:!!p,helperText:p?.message,onChange:g}),(0,t.jsx)(i.ErrorBoundary,{FallbackComponent:i.ErrorAlert,children:(0,t.jsx)(M,{pluginSelection:r.selection,value:r.spec,onChange:h,isReadonly:l})})]})}function N(e){let{initialDatasourceDefinition:r,action:n,isDraft:o,isReadonly:a,onActionChange:l,onSave:f,onClose:b,onDelete:C}=e,[S,E]=(0,v.useState)(!1),k=P(n,o),Z=T(n,o),{datasourceEditorSchema:w}=j(),O=(0,y.useForm)({resolver:(0,s.F)(w),mode:"onBlur",defaultValues:r});function D(e){let r={...e};return r.spec.display?.name===void 0&&r.spec.display?.description===void 0&&delete r.spec.display,r}return(0,t.jsxs)(y.FormProvider,{...O,children:[(0,t.jsxs)(u.Z,{sx:{display:"flex",alignItems:"center",padding:e=>e.spacing(1,2),borderBottom:e=>`1px solid ${e.palette.divider}`},children:[(0,t.jsxs)(d.Z,{variant:"h2",children:[k," Datasource"]}),(0,t.jsx)(i.FormActions,{action:n,submitText:Z,isReadonly:a,isValid:O.formState.isValid,onActionChange:l,onSubmit:O.handleSubmit(e=>{f(D(e))}),onDelete:C,onCancel:function(){JSON.stringify(r)!==JSON.stringify(D(O.getValues()))?E(!0):b()}})]}),(0,t.jsxs)(u.Z,{padding:2,sx:{overflowY:"scroll"},children:[(0,t.jsxs)(c.ZP,{container:!0,spacing:2,mb:2,children:[(0,t.jsx)(c.ZP,{item:!0,xs:4,children:(0,t.jsx)(y.Controller,{control:O.control,name:"name",render:({field:e,fieldState:r})=>(0,t.jsx)(p.Z,{...e,required:!0,fullWidth:!0,name:"name",label:"Name",InputLabelProps:{shrink:"read"===n||void 0},InputProps:{disabled:"update"===n&&!o,readOnly:"read"===n},error:!!r.error,helperText:r.error?.message,value:e.value??"",onChange:r=>{e.onChange(r)}})})}),(0,t.jsx)(c.ZP,{item:!0,xs:8,children:(0,t.jsx)(y.Controller,{control:O.control,name:"spec.display.name",render:({field:e,fieldState:r})=>(0,t.jsx)(p.Z,{...e,fullWidth:!0,name:"title",label:"Display Label",InputLabelProps:{shrink:"read"===n||void 0},InputProps:{readOnly:"read"===n},error:!!r.error,helperText:r.error?.message,value:e.value??"",onChange:r=>{e.onChange(r)}})})}),(0,t.jsx)(c.ZP,{item:!0,xs:12,children:(0,t.jsx)(y.Controller,{control:O.control,name:"spec.display.description",render:({field:e,fieldState:r})=>(0,t.jsx)(p.Z,{...e,fullWidth:!0,name:"description",label:"Description",InputLabelProps:{shrink:"read"===n||void 0},InputProps:{readOnly:"read"===n},error:!!r.error,helperText:r.error?.message,value:e.value??"",onChange:r=>{e.onChange(r)}})})}),(0,t.jsx)(c.ZP,{item:!0,xs:6,sx:{paddingTop:"5px !important"},children:(0,t.jsxs)(g.Z,{children:[(0,t.jsx)(y.Controller,{control:O.control,name:"spec.default",render:({field:e})=>(0,t.jsx)(h.Z,{label:"Set as default",control:(0,t.jsx)(m.Z,{...e,checked:!!e.value,readOnly:"read"===n,onChange:r=>{"read"!==n&&e.onChange(r)}})})}),(0,t.jsxs)(d.Z,{variant:"caption",children:["Whether this datasource should be the default ",O.getValues().spec.plugin.kind," to be used"]})]})})]}),(0,t.jsx)(x.Z,{}),(0,t.jsx)(d.Z,{py:1,variant:"h3",children:"Plugin Options"}),(0,t.jsx)(y.Controller,{control:O.control,name:"spec.plugin",render:({field:e})=>(0,t.jsx)(q,{width:"100%",pluginTypes:["Datasource"],pluginKindLabel:"Source",value:{selection:{type:"Datasource",kind:e.value.kind},spec:e.value.spec},isReadonly:"read"===n,onChange:r=>{e.onChange({kind:r.selection.kind,spec:r.spec})}})})]}),(0,t.jsx)(i.DiscardChangesConfirmationDialog,{description:"Are you sure you want to discard your changes? Changes cannot be recovered.",isOpen:S,onCancel:()=>E(!1),onDiscardChanges:()=>{E(!1),b()}})]})}var _=n(14371),F=n(11774),U=n(12577),B=n(52889),W=n(75094);let K=(0,v.createContext)(void 0);function z(){let e=(0,v.useContext)(K);if(void 0===e)throw Error("No DatasourceStoreContext found. Did you forget a Provider?");return e}function G(e,r){let{listDatasourceSelectItems:n}=z();return(0,E.useQuery)({queryKey:["listDatasourceSelectItems",e,r],queryFn:()=>n(e)})}function H(e){let r=z();return(0,E.useQuery)({queryKey:["getDatasourceClient",e],queryFn:()=>r.getDatasourceClient(e)})}function J(e){let r=z();return(0,E.useQuery)({queryKey:["getDatasource",e],queryFn:()=>r.getDatasource(e)})}function Y(e,r){let n=er(e),t=e;return n.sort((e,r)=>r.length-e.length).forEach(e=>{let n=r[e];n&&void 0!==n.value&&(t=X(t,e,n?.value))}),t}function X(e,r,n){let t="";return Array.isArray(n)&&(t=`(${n.join("|")})`),"string"==typeof n&&(t=n),(e=e.replaceAll("$"+r,t)).replaceAll("${"+r+"}",t)}let ee=/\$(\w+)|\${(\w+)(?:\.([^:^\}]+))?(?::([^\}]+))?}/gm,er=e=>{let r;let n=new Set;for(;null!==(r=ee.exec(e));)r&&(r[1]?n.add(r[1]):r[2]&&n.add(r[2]));return Array.from(n.values())},en=(0,v.createContext)(void 0);function et(){let e=(0,v.useContext)(en);if(void 0===e)throw Error("No BuiltinVariableContext found. Did you forget a Provider?");return e}function ei(e){let{variables:r}=et(),n=(0,v.useMemo)(()=>{let e={};for(let n of r)e[n.spec.name]={loading:!1,value:n.spec.value()};return e},[r]),t=(0,v.useMemo)(()=>{let r={};return e?.forEach(e=>{let t=n[e];t&&(r[e]=t)}),r},[e,n]);return void 0===e?n:t}function eo(){let{variables:e}=et();return e}class ea{[Q.sc]=!0;DEFAULT_LOCAL_SOURCE_NAME="";_state={};get(e){return this._sourceStatesOrEmpty(e.source)[e.name]}set(e,r){let n=this._sourceName(e.source);return this._state[n]||(this._state[n]={}),this._sourceStatesOrEmpty(e.source)[e.name]=r,r}has(e){return void 0!==this._sourceStatesOrEmpty(e.source)[e.name]}delete(e){let r=this.has(e),n=this._sourceName(e.source),t=this._state[n];return t&&delete t[e.name],Object.keys(t??{})?.length===0&&delete this._state[n],r}_sourceName(e){return e??this.DEFAULT_LOCAL_SOURCE_NAME}_sourceStatesOrEmpty(e){return this._state[this._sourceName(e)]??{}}}let el=(0,v.createContext)(void 0);function es(e){let{state:r}=function(){let e=(0,v.useContext)(el);if(void 0===e)throw Error("No VariableContext found. Did you forget a Provider?");return e}(),n=(0,v.useMemo)(()=>{let n={};return e?.forEach(e=>{let t=r[e];t&&(n[e]=t)}),n},[r,e]);return void 0===e?r:n}function eu(e){let r=es(e),n=ei(e);return(0,v.useMemo)(()=>({...r,...n}),[r,n])}function ed(e){let r=eu(e?er(e):[]);if(e)return Y(e,r)}let ec="__DATASOURCE_VARIABLE_VALUE__",ep={name:"",value:""};function eg(e){let{datasourcePluginKind:r,value:n,project:i,onChange:o,...a}=e,{data:l,isLoading:s}=G(r,i),u=es(),d=(0,v.useMemo)(()=>{if(ev(n))return n;let e=(l??[]).flatMap(e=>e.items).find(e=>n.kind===e.selector.kind&&n.name===e.selector.name&&!e.overridden)?.selector.group;return{...n,group:e}},[n,l]),c=(0,v.useMemo)(()=>{let e=(l||[]).flatMap(e=>e.items.map(r=>({groupLabel:e.group,groupEditLink:e.editLink,name:r.name,overriding:r.overriding,overridden:r.overridden,saved:r.saved??!0,group:r.selector.group,value:ex(r.selector)}))),r=new Map(e.map(e=>[e.name,e]));return[...e,...Object.entries(u).flatMap(([e,n])=>Array.isArray(n.value)||!r.get(n.value??"")?[]:{groupLabel:"Variables",name:`$${e}`,saved:!0,value:`${ec}$${e}`})]},[l,u]),h=s?ep:c.find(e=>e.value===ex(d)),m=e=>{e?o(function(e){if(e.startsWith(ec))return e.split(ec)[1];let r=e.split(em),n=r[0],t=r[2];if(void 0===n||void 0===t)throw Error("Invalid optionValue string");return{kind:n,name:""===t?void 0:t}}(e?.value||"")):o({kind:r})},x=()=>{};return(0,t.jsx)(F.Z,{options:c,renderInput:e=>(0,t.jsx)(p.Z,{...e,label:a.label,placeholder:""}),groupBy:e=>e.groupLabel||"No group",getOptionLabel:e=>e.name,onChange:(e,r)=>m(r),value:h,renderOption:(e,r)=>(0,v.createElement)("li",{...e,key:r.value},(0,t.jsxs)(g.Z,{direction:"row",alignItems:"center",justifyContent:"space-between",width:"100%",children:[(0,t.jsx)(U.Z,{children:(0,t.jsx)(eh,{name:r.name,overridden:r.overridden,overriding:r.overriding})}),!r.saved&&(0,t.jsx)(U.Z,{children:"Save the dashboard to enable this datasource"}),(0,t.jsx)(U.Z,{style:{textAlign:"right"},children:r.groupLabel&&r.groupLabel.length>0&&(0,t.jsx)(B.Z,{disabled:!1,label:r.groupLabel,size:"small",onDelete:r.groupEditLink?x:void 0,deleteIcon:r.groupEditLink?(0,t.jsx)(W.Z,{href:r.groupEditLink,target:"_blank",children:(0,t.jsx)(_.default,{fontSize:"small"})}):void 0})})]}))})}function eh(e){let{name:r,overridden:n,overriding:i}=e;return(0,t.jsxs)(t.Fragment,{children:[`${r} `,!n&&i&&(0,t.jsx)(u.Z,{display:"inline",fontWeight:"normal",color:e=>e.palette.primary.main,children:"(overriding)"}),n&&"(overridden)"]})}let em="_____";function ex(e){return ev(e)?`${ec}${e}`:[e.kind,e.group??"",e.name??""].join(em)}function ev(e){return"string"==typeof e&&e.startsWith("$")}let ef=(e,r,n)=>{if(!ev(e))return e;let[t]=er(e),i=r[t??""];if(!i||Array.isArray(i.value))return;let o=(n||[]).flatMap(e=>e.items).find(e=>e.name===i.value);if(void 0!==o)return{kind:o.selector.kind,name:o.selector.name}},ey=(e,r)=>{let{data:n}=G(r),t=es();return ev(e)?ef(e,t,n)??{kind:r}:e};var eb=n(86396),ej=n(33755),eC=n(90192),eP=n(65091),eT=n(12e3);function eS(e){let{children:r,value:n,index:i,...o}=e,a=n===i;return(0,t.jsx)("div",{role:"tabpanel",hidden:!a,id:`options-editor-tabpanel-${i}`,"aria-labelledby":`options-editor-tab-${i}`,...o,children:a&&(0,t.jsx)(u.Z,{mt:2,children:r})})}let eE=e=>{let{tabs:r,defaultTab:n,onModeChange:i,isReadonly:o}=e,[a,l]=(0,v.useState)(n);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(u.Z,{sx:{borderBottom:1,borderColor:e=>e.palette.divider},children:(0,t.jsx)(eC.Z,{children:(0,t.jsx)(eP.Z,{row:!0,defaultValue:n,value:a,onChange:(e,r)=>{let n=parseInt(r);l(n),i(n)},"aria-labelledby":"Configuration radio",children:r.map(({label:e},r)=>(0,t.jsx)(h.Z,{disabled:o,value:r,control:(0,t.jsx)(eT.Z,{}),label:e},e))})})}),r.map(({label:e,content:r},n)=>(0,t.jsx)(eS,{value:a,index:n,children:r},e))]})};function ek(e){let{value:r,onChange:n,isReadonly:i,initialSpecDirect:o,initialSpecProxy:a}=e,l="Direct access",s="Proxy",u=(e,r,n)=>void 0===e?e:{...Object.keys(e).reduce((t,i)=>(i===r?t[n]=e[r]||"":t[i]=e[i]||"",t),{})},g=[{label:l,content:(0,t.jsx)(y.Controller,{name:"URL",render:({field:e,fieldState:o})=>(0,t.jsx)(p.Z,{...e,fullWidth:!0,label:"URL",value:r.directUrl||"",error:!!o.error,helperText:o.error?.message,InputProps:{readOnly:i},InputLabelProps:{shrink:!!i||void 0},onChange:t=>{e.onChange(t),n((0,Q.Uy)(r,e=>{e.directUrl=t.target.value}))}})})},{label:s,content:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(y.Controller,{name:"URL",render:({field:e,fieldState:o})=>(0,t.jsx)(p.Z,{...e,fullWidth:!0,label:"URL",value:r.proxy?.spec.url||"",error:!!o.error,helperText:o.error?.message,InputProps:{readOnly:i},InputLabelProps:{shrink:!!i||void 0},onChange:t=>{e.onChange(t),n((0,Q.Uy)(r,e=>{void 0!==e.proxy&&(e.proxy.spec.url=t.target.value)}))},sx:{mb:2}})}),(0,t.jsx)(d.Z,{variant:"h4",mb:2,children:"Allowed endpoints"}),(0,t.jsxs)(c.ZP,{container:!0,spacing:2,mb:2,children:[r.proxy?.spec.allowedEndpoints&&r.proxy?.spec.allowedEndpoints.length!==0?r.proxy.spec.allowedEndpoints.map(({endpointPattern:e,method:o},a)=>(0,t.jsxs)(v.Fragment,{children:[(0,t.jsx)(c.ZP,{item:!0,xs:8,children:(0,t.jsx)(y.Controller,{name:`Endpoint pattern ${a}`,render:({field:o,fieldState:l})=>(0,t.jsx)(p.Z,{...o,fullWidth:!0,label:"Endpoint pattern",value:e,error:!!l.error,helperText:l.error?.message,InputProps:{readOnly:i},InputLabelProps:{shrink:!!i||void 0},onChange:e=>{o.onChange(e),n((0,Q.Uy)(r,r=>{void 0!==r.proxy&&(r.proxy.spec.allowedEndpoints=r.proxy.spec.allowedEndpoints?.map((r,n)=>a===n?{endpointPattern:e.target.value,method:r.method}:r))}))}})})}),(0,t.jsx)(c.ZP,{item:!0,xs:3,children:(0,t.jsx)(y.Controller,{name:`Method ${a}`,render:({field:e,fieldState:l})=>(0,t.jsxs)(p.Z,{...e,select:!0,fullWidth:!0,label:"Method",value:o,error:!!l.error,helperText:l.error?.message,InputProps:{readOnly:i},InputLabelProps:{shrink:!!i||void 0},onChange:t=>{e.onChange(t),n((0,Q.Uy)(r,e=>{void 0!==e.proxy&&(e.proxy.spec.allowedEndpoints=e.proxy.spec.allowedEndpoints?.map((e,r)=>a===r?{endpointPattern:e.endpointPattern,method:t.target.value}:e))}))},children:[(0,t.jsx)(S.Z,{value:"GET",children:"GET"}),(0,t.jsx)(S.Z,{value:"POST",children:"POST"}),(0,t.jsx)(S.Z,{value:"PUT",children:"PUT"}),(0,t.jsx)(S.Z,{value:"PATCH",children:"PATCH"}),(0,t.jsx)(S.Z,{value:"DELETE",children:"DELETE"})]})})}),(0,t.jsx)(c.ZP,{item:!0,xs:1,children:(0,t.jsx)(y.Controller,{name:`Remove Endpoint ${a}`,render:({field:e})=>(0,t.jsx)(W.Z,{...e,disabled:i,onClick:t=>{e.onChange(t),n((0,Q.Uy)(r,e=>{void 0!==e.proxy&&(e.proxy.spec.allowedEndpoints=[...e.proxy.spec.allowedEndpoints?.filter((e,r)=>r!==a)||[]])}))},children:(0,t.jsx)(eb.default,{})})})})]},a)):(0,t.jsx)(c.ZP,{item:!0,xs:4,children:(0,t.jsx)(d.Z,{sx:{fontStyle:"italic"},children:"None"})}),(0,t.jsx)(c.ZP,{item:!0,xs:12,sx:{paddingTop:"0px !important",paddingLeft:"5px !important"},children:(0,t.jsx)(W.Z,{disabled:i,onClick:()=>n((0,Q.Uy)(r,e=>{void 0!==e.proxy&&(e.proxy.spec.allowedEndpoints=[...e.proxy.spec.allowedEndpoints??[],{endpointPattern:"",method:""}])})),children:(0,t.jsx)(ej.default,{})})})]}),(0,t.jsx)(d.Z,{variant:"h4",mb:2,children:"Request Headers"}),(0,t.jsxs)(c.ZP,{container:!0,spacing:2,mb:2,children:[r.proxy?.spec.headers&&Object.keys(r.proxy.spec.headers).map((e,o)=>(0,t.jsxs)(v.Fragment,{children:[(0,t.jsx)(c.ZP,{item:!0,xs:4,children:(0,t.jsx)(y.Controller,{name:`Header name ${o}`,render:({field:o,fieldState:a})=>(0,t.jsx)(p.Z,{...o,fullWidth:!0,label:"Header name",value:e,error:!!a.error,helperText:a.error?.message,InputProps:{readOnly:i},InputLabelProps:{shrink:!!i||void 0},onChange:t=>{o.onChange(t),n((0,Q.Uy)(r,r=>{void 0!==r.proxy&&(r.proxy.spec.headers=u(r.proxy.spec.headers,e,t.target.value))}))}})})}),(0,t.jsx)(c.ZP,{item:!0,xs:7,children:(0,t.jsx)(y.Controller,{name:`Header value ${o}`,render:({field:o,fieldState:a})=>(0,t.jsx)(p.Z,{...o,fullWidth:!0,label:"Header value",value:r.proxy?.spec.headers?.[e],error:!!a.error,helperText:a.error?.message,InputProps:{readOnly:i},InputLabelProps:{shrink:!!i||void 0},onChange:t=>{o.onChange(t),n((0,Q.Uy)(r,r=>{void 0!==r.proxy&&(r.proxy.spec.headers={...r.proxy.spec.headers,[e]:t.target.value})}))}})})}),(0,t.jsx)(c.ZP,{item:!0,xs:1,children:(0,t.jsx)(y.Controller,{name:`Remove Header ${o}`,render:({field:o})=>(0,t.jsx)(W.Z,{...o,disabled:i,onClick:t=>{o.onChange(t);let i={...r.proxy?.spec.headers};delete i[e],n((0,Q.Uy)(r,e=>{void 0!==e.proxy&&(e.proxy.spec.headers=i)}))},children:(0,t.jsx)(eb.default,{})})})})]},o)),(0,t.jsx)(c.ZP,{item:!0,xs:12,sx:{paddingTop:"0px !important",paddingLeft:"5px !important"},children:(0,t.jsx)(W.Z,{disabled:i,onClick:()=>n((0,Q.Uy)(r,e=>{void 0!==e.proxy&&(e.proxy.spec.headers={...e.proxy.spec.headers,"":""})})),children:(0,t.jsx)(ej.default,{})})})]}),(0,t.jsx)(y.Controller,{name:"Secret",render:({field:e,fieldState:o})=>(0,t.jsx)(p.Z,{...e,fullWidth:!0,label:"Secret",value:r.proxy?.spec.secret||"",error:!!o.error,helperText:o.error?.message,InputProps:{readOnly:i},InputLabelProps:{shrink:!!i||void 0},onChange:t=>{e.onChange(t),n((0,Q.Uy)(r,e=>{void 0!==e.proxy&&(e.proxy.spec.secret=t.target.value)}))}})})]})}],h=g.findIndex(e=>e.label===l),m=g.findIndex(e=>e.label===s),x=r.proxy?m:h,[f,b]=(0,v.useState)(o),[j,C]=(0,v.useState)(a);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.Z,{variant:"h4",mt:2,children:"HTTP Settings"}),(0,t.jsx)(eE,{isReadonly:i,tabs:g,defaultTab:x,onModeChange:e=>{if(g[e]?.label===l){C(r);let{proxy:e,...t}=r;n({...t,directUrl:f.directUrl})}else if(g[e]?.label===s){b(r);let{directUrl:e,...t}=r;n({...t,proxy:j.proxy})}}})]})}let eZ=["mean","first","first-number","last","last-number","min","max","sum"],ew={bottom:{label:"Bottom"},right:{label:"Right"}},eO={list:{label:"List"},table:{label:"Table"}},eD={small:{label:"Small"},medium:{label:"Medium"}},eI=eZ.reduce((e,r)=>(e[r]=o.CALCULATIONS_CONFIG[r],e),{});function eL(e){return void 0===e||!!((0,o.isValidLegendPosition)(e.position)&&(!e.mode||(0,o.isValidLegendMode)(e.mode))&&(!e.size||(0,o.isValidLegendSize)(e.size)))}let eV=Object.entries(ew).map(([e,r])=>({id:e,...r})),eR=Object.entries(eO).map(([e,r])=>({id:e,...r})),eA=Object.entries(eD).map(([e,r])=>({id:e,...r})),eM=Object.entries(eI).map(([e,r])=>({id:e,...r}));function eQ({value:e,onChange:r,showValuesEditor:n=!0}){let a=eL(e),l=(0,o.getLegendPosition)(e?.position),s=ew[l],u=(0,o.getLegendMode)(e?.mode),d=eO[u],c=(0,o.getLegendSize)(e?.size),p=eD[c],g=(e?.values||[]).reduce((e,r)=>{let n=eI[r];return n&&e.push({...n,id:r}),e},[]);return(0,t.jsxs)(i.OptionsEditorGroup,{title:"Legend",children:[!a&&(0,t.jsx)(i.ErrorAlert,{error:{name:"invalid-legend",message:"Invalid legend spec"}}),(0,t.jsx)(i.OptionsEditorControl,{label:"Show",control:(0,t.jsx)(m.Z,{checked:void 0!==e,onChange:(e,n)=>{r(!0===n?{position:o.DEFAULT_LEGEND.position}:void 0)}})}),(0,t.jsx)(i.OptionsEditorControl,{label:"Position",control:(0,t.jsx)(i.SettingsAutocomplete,{value:{...s,id:l},options:eV,onChange:(n,t)=>{r({...e,position:t.id})},disabled:void 0===e,disableClearable:!0})}),(0,t.jsx)(i.OptionsEditorControl,{label:"Mode",control:(0,t.jsx)(i.SettingsAutocomplete,{value:{...d,id:u},options:eR,onChange:(n,t)=>{r({...e,position:l,mode:t.id})},disabled:void 0===e,disableClearable:!0})}),(0,t.jsx)(i.OptionsEditorControl,{label:"Size",control:(0,t.jsx)(i.SettingsAutocomplete,{value:{...p,id:c},options:eA,onChange:(n,t)=>{r({...e,position:l,size:t.id})},disabled:void 0===e||"table"!==u,disableClearable:!0})}),n&&(0,t.jsx)(i.OptionsEditorControl,{label:"Values",control:(0,t.jsx)(i.SettingsAutocomplete,{multiple:!0,disableCloseOnSelect:!0,disableClearable:!0,value:g,options:eM,onChange:(n,t)=>{r({...e,position:l,values:t.map(e=>e.id)})},disabled:void 0===e||"table"!==u,limitTags:1,ChipProps:{size:"small"}})})]})}var e$=n(48565),eq=n(22446),eN=n(12449),e_=n(84974);let eF=({queryTypes:e,index:r,query:n,isCollapsed:i,onDelete:o,onChange:a,onCollapseExpand:l})=>(0,t.jsxs)(g.Z,{spacing:1,children:[(0,t.jsxs)(g.Z,{direction:"row",alignItems:"center",borderBottom:1,borderColor:e=>e.palette.divider,children:[(0,t.jsx)(W.Z,{size:"small",onClick:()=>l(r),children:i?(0,t.jsx)(e_.default,{}):(0,t.jsx)(eN.default,{})}),(0,t.jsxs)(d.Z,{variant:"overline",component:"h4",children:["Query #",r+1]}),(0,t.jsx)(W.Z,{size:"small",sx:{marginLeft:"auto",visibility:`${o?"visible":"hidden"}`},onClick:()=>o&&o(r),children:(0,t.jsx)(eq.default,{})})]}),!i&&(0,t.jsx)(eU,{queryTypes:e,value:n,onChange:e=>a(r,e)})]},r);function eU(e){let{value:r,onChange:n,queryTypes:i,...o}=e;return(0,t.jsx)(u.Z,{...o,children:(0,t.jsx)(q,{pluginTypes:i,pluginKindLabel:"Query Type",value:{selection:{kind:r.spec.plugin.kind,type:r.kind},spec:r.spec.plugin.spec},onChange:e=>{n((0,Q.Uy)(r,r=>{r.kind=e.selection.type,r.spec.plugin.kind=e.selection.kind,r.spec.plugin.spec=e.spec}))}})})}function eB({queryTypes:e,queries:r=[],onChange:n}){let{defaultInitialQueryDefinition:i,isLoading:o}=function(e){let r=e[0],{data:n,isLoading:t}=D(e),{defaultPluginKinds:i}=Z(),o=i?.[r]??n?.[0]?.spec.name??"",{data:a}=w(r,o,{throwOnError:!0,enabled:!0});return{defaultInitialQueryDefinition:{kind:r,spec:{plugin:{kind:o,spec:a?.createInitialOptions()||{}}}},isLoading:t}}(e),[a,l]=(0,v.useState)(r.map(()=>!1)),s=(e,t)=>{n((0,Q.Uy)(r,r=>{r?r[e]=t:r=[t]}))},u=e=>{n((0,Q.Uy)(r,r=>{r.splice(e,1)})),l(r=>(r.splice(e,1),[...r]))},d=e=>{l(r=>(r[e]=!r[e],[...r]))},c=r.length?r:o?[]:[i];return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(g.Z,{spacing:1,children:c.map((n,i)=>(0,t.jsx)(eF,{queryTypes:e,index:i,query:n,isCollapsed:!!a[i],onChange:s,onDelete:r.length>1?u:void 0,onCollapseExpand:d},i))}),(0,t.jsx)(e$.Z,{variant:"contained",startIcon:(0,t.jsx)(ej.default,{}),sx:{marginTop:1},onClick:()=>{n((0,Q.Uy)(r,e=>{e?e.push(i):e=[...r,i]})),l(e=>(e.push(!1),[...e]))},children:"Add Query"})]})}var eW=n(51781),eK=n(49408);let ez=({tabs:e})=>{let[r,n]=(0,v.useState)(0);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(u.Z,{sx:{borderBottom:1,borderColor:e=>e.palette.divider},children:(0,t.jsx)(eW.Z,{value:r,onChange:(e,r)=>{n(r)},"aria-label":"Panel configuration tabs",children:e.map(({label:e},r)=>(0,t.jsx)(eK.Z,{label:e,id:`options-editor-tab-${r}`,"aria-controls":`options-editor-tabpanel-${r}`},e))})}),e.map(({label:e,content:n},i)=>(0,t.jsx)(eS,{value:r,index:i,children:n},e))]})},eG=(0,v.createContext)(0),eH=({queryCount:e,children:r})=>(0,t.jsx)(eG.Provider,{value:e,children:r}),eJ=()=>(0,v.useContext)(eG);function eY(e){let{control:r,panelDefinition:n,onJSONChange:o,onQueriesChange:a,onPluginSpecChange:l}=e,{kind:s}=n.spec.plugin,{data:u,isPending:d,error:c}=w("Panel",s);if(c)return(0,t.jsx)(i.ErrorAlert,{error:c});if(d)return null;if(void 0===u)throw Error(`Missing implementation for panel plugin with kind '${s}'`);let{panelOptionsEditorComponents:p,hideQueryEditor:g}=u,h=[];return g||h.push({label:"Query",content:(0,t.jsx)(y.Controller,{control:r,name:"panelDefinition.spec.queries",render:({field:e})=>(0,t.jsx)(eB,{queryTypes:u.supportedQueryTypes??[],queries:n.spec.queries??[],onChange:r=>{e.onChange(r),a(r)}})})}),void 0!==p&&(h=h.concat(p.map(({label:e,content:i})=>({label:e,content:(0,t.jsx)(y.Controller,{control:r,name:"panelDefinition.spec.plugin.spec",render:({field:e})=>(0,t.jsx)(i,{value:n.spec.plugin.spec,onChange:r=>{e.onChange(r),l(r)}})})})))),h.push({label:"Links",content:(0,t.jsx)(i.LinksEditor,{control:r})}),h.push({label:"JSON",content:(0,t.jsx)(y.Controller,{control:r,name:"panelDefinition",render:({field:e})=>(0,t.jsx)(i.JSONEditor,{maxHeight:"80vh",value:n,onChange:r=>{e.onChange(JSON.parse(r)),o(r)}})})}),(0,t.jsx)(eH,{queryCount:(n.spec.queries??[]).length,children:(0,t.jsx)(ez,{tabs:h},h.length)})}function eX(e){let{pluginLoader:{getInstalledPlugins:r,importPluginModule:n},children:i,defaultPluginKinds:a}=e,l=function(e){let r=(0,o.useEvent)(async()=>{let r=await e(),n=new Map,t=new Map;for(let e of r)for(let r of e.spec.plugins){var i,o;let{kind:a,spec:{name:l}}=r,s=(i=a,o=l,`${i}:${o}`);n.has(s)&&console.warn(`Got more than one ${a} plugin for kind ${l}`),n.set(s,e);let u=t.get(a);void 0===u&&(u=[],t.set(a,u)),u.push({...r,module:e.metadata})}return{pluginResourcesByNameAndKind:n,pluginMetadataByKind:t}}),n=(0,v.useRef)(void 0);return(0,v.useCallback)(()=>{let e=n.current;return void 0===e&&(e=r(),n.current=e,e.catch(()=>void 0===n.current)),e},[r])}(r),s=(0,v.useRef)(new Map),u=(0,o.useEvent)(e=>{let r=s.current.get(e);return void 0===r&&(r=n(e),s.current.set(e,r),r.catch(()=>s.current.delete(e))),r}),d=(0,v.useCallback)(async(e,r)=>{let n=await l(),t=`${e}:${r}`,i=n.pluginResourcesByNameAndKind.get(t);if(void 0===i)throw Error(`A ${r} plugin for kind '${e}' is not installed`);let o=(await u(i))[r];if(void 0===o)throw Error(`The ${r} plugin for kind '${e}' is missing from the ${i.metadata.name} plugin module`);return o},[l,u]),c=(0,v.useCallback)(async e=>{let r=await l();return e.flatMap(e=>r.pluginMetadataByKind.get(e)??[])},[l]),p=(0,v.useMemo)(()=>({getPlugin:d,listPluginMetadata:c,defaultPluginKinds:a}),[d,c,a]);return(0,t.jsx)(k.Provider,{value:p,children:i})}var e0=n(67877),e1=n(28278),e2=n(17001);let e5={refreshVariableValues:"Refresh values",copyVariableValues:"Copy values to clipboard",refresh:"Refresh",refreshInterval:"Auto refresh interval",zoomIn:"Zoom in",zoomOut:"Zoom out"};var e4=n(20461);let e3=(0,v.createContext)(void 0);function e6(){let e=(0,v.useContext)(e3);if(void 0===e)throw Error("No TimeRangeContext found. Did you forget a Provider?");return e}function e7(){return e6()}function e8(e){let{absoluteTimeRange:r}=e7();return void 0===e?0:(0,o.getSuggestedStepMs)(r,e)}function e9(e){let{timeRange:r,refreshInterval:n,children:i,setTimeRange:a,setRefreshInterval:l}=e,[s,u]=(0,v.useState)(r),[d,c]=(0,v.useState)(n),[p,g]=(0,v.useState)(0);(0,v.useEffect)(()=>{u(r)},[r,p]),(0,v.useEffect)(()=>{c(n)},[n]);let h=(0,v.useCallback)(()=>{g(e=>e+1)},[g]),m=null!=d?(0,e4.milliseconds)((0,o.parseDurationString)(d)):0;(0,v.useEffect)(()=>{if(m>0){let e=setInterval(()=>{h()},m);return()=>clearInterval(e)}},[h,m]);let x=(0,v.useMemo)(()=>{let e=(0,o.isRelativeTimeRange)(s)?(0,o.toAbsoluteTimeRange)(s):s;return{timeRange:s,setTimeRange:a??u,absoluteTimeRange:e,refresh:h,refreshKey:`${e.start}:${e.end}:${d}:${p}`,refreshInterval:d,refreshIntervalInMs:m,setRefreshInterval:l??c}},[s,a,h,d,p,m,l]);return(0,t.jsx)(e3.Provider,{value:x,children:i})}let re={showCustom:!0,showZoomButtons:!0,options:["5m","15m","30m","1h","6h","12h","24h","7d","14d"].map(e=>(0,i.buildRelativeTimeOption)(e))},rr=(0,v.createContext)(re);function rn(){let e=(0,v.useContext)(rr);if(void 0===e)throw Error("No TimeRangeContext found. Did you forget a Provider?");return e}function rt(){return rn()}function ri(e){let r=rt().showCustom;return void 0!==e?e:r}function ro(e){let r=rt().showZoomButtons;return void 0!==e?e:r}function ra(e){let r=rt().options;return void 0!==e?e:r}function rl(e){let r=(0,v.useMemo)(()=>({showCustom:void 0===e.showCustom?re.showCustom:e.showCustom,showZoomButtons:void 0===e.showZoomButtons?re.showZoomButtons:e.showZoomButtons,options:void 0===e.options?re.options:e.options}),[e.showCustom,e.showZoomButtons,e.options]);return(0,t.jsx)(rr.Provider,{value:r,children:e.children})}let rs=[{value:{pastDuration:"0s"},display:"Off"},{value:{pastDuration:"5s"},display:"5s"},{value:{pastDuration:"10s"},display:"10s"},{value:{pastDuration:"15s"},display:"15s"},{value:{pastDuration:"30s"},display:"30s"},{value:{pastDuration:"60s"},display:"1m"}];function ru({heightPx:e,showTimeRangeSelector:r=!0,showRefreshButton:n=!0,showRefreshInterval:a=!0,showCustomTimeRange:l,showZoomButtons:s=!0,timePresets:u}){let{timeRange:d,setTimeRange:c,refresh:p,refreshInterval:h,setRefreshInterval:m}=e7(),x=ri(l),f=ro(s),y=ra(u),b=void 0===e?"34px":`${e}px`;"pastDuration"in d&&!y.some(e=>e.value.pastDuration===d.pastDuration)&&y.push((0,i.buildRelativeTimeOption)(d.pastDuration));let j=(0,v.useCallback)(e=>{m(e)},[m]),C=e=>{let r=(0,o.parseDurationString)(e);return((r.seconds??0)+(r.minutes??0)*60+(r.hours??0)*3600+(r.days??0)*86400+(r.weeks??0)*604800+(r.months??0)*2629746+(r.years??0)*0x1e18558)*1e3},P=()=>{let e,r,n;let t=new Date;return Object.hasOwn(d,"start")?(n=(d.end.getTime()-d.start.getTime())/2,e=new Date(d.start.getTime()-n),r=new Date(d.end.getTime()+n)):(n=C(d.pastDuration)/2,e=new Date((r=void 0===d.end?t:new Date(d.end.getTime()+n)).getTime()-4*n)),r.getTime()>t.getTime()&&(r=t,e.setTime(t.getTime()-4*n)),1>e.getTime()&&e.setTime(1),{start:e,end:r}},T=()=>{let e,r;if(Object.hasOwn(d,"start")){let n=(d.end.getTime()-d.start.getTime())/4;e=new Date(d.start.getTime()+n),r=new Date(d.end.getTime()-n)}else{let n=C(d.pastDuration)/4;e=new Date((r=void 0!==d.end?new Date(d.end.getTime()-n):new Date).getTime()-2*n)}return e.getTime()>=r.getTime()-1e3&&e.setTime(r.getTime()-1e3),{start:e,end:r}};return(0,t.jsxs)(g.Z,{direction:"row",spacing:1,children:[r&&(0,t.jsx)(i.TimeRangeSelector,{timeOptions:y,value:d,onChange:c,height:b,showCustomTimeRange:x}),f&&(0,t.jsx)(i.InfoTooltip,{description:e5.zoomOut,children:(0,t.jsx)(i.ToolbarIconButton,{"aria-label":e5.zoomOut,onClick:()=>c(P()),sx:{height:b},children:(0,t.jsx)(e2.default,{})})}),f&&(0,t.jsx)(i.InfoTooltip,{description:e5.zoomIn,children:(0,t.jsx)(i.ToolbarIconButton,{"aria-label":e5.zoomIn,onClick:()=>c(T()),sx:{height:b},children:(0,t.jsx)(e1.default,{})})}),n&&(0,t.jsx)(i.InfoTooltip,{description:e5.refresh,children:(0,t.jsx)(i.ToolbarIconButton,{"aria-label":e5.refresh,onClick:p,sx:{height:b},children:(0,t.jsx)(e0.default,{})})}),a&&(0,t.jsx)(i.InfoTooltip,{description:e5.refreshInterval,children:(0,t.jsx)(i.RefreshIntervalPicker,{timeOptions:rs,value:h,onChange:j,height:b})})]})}function rd(e,r){let n=[],t=new Set;for(let i of e){let e=i.value.matchAll(r),o="";for(let r of e)for(let e=1;e<r.length;e++){let n=r[e];void 0!==n&&(o=`${o}${n}`)}""===o||t.has(o)||(t.add(o),n.push({label:i.label,value:o}))}return n}function rc(e){let r;let{data:n}=w("Variable",e.spec.plugin.kind),t=z(),i=eu(),{absoluteTimeRange:o,refreshKey:a}=e7(),l=e.spec.plugin.spec,s=void 0!==e.spec.capturingRegexp?RegExp(e.spec.capturingRegexp,"g"):void 0;n?.dependsOn&&(r=n.dependsOn(l,{timeRange:o,datasourceStore:t,variables:i}).variables);let u=eu(r),d=!1;r&&(d=r.some(e=>u[e]?.loading));let c=rp(u);return(0,E.useQuery)({queryKey:[e,c,o,a],queryFn:async()=>{let e=await n?.getVariableOptions(l,{datasourceStore:t,variables:u,timeRange:o});return void 0===e?[]:s?rd(e.data,s):e.data},enabled:!!n||d})}function rp(e){return Object.values(e).map(e=>JSON.stringify(e.value)).join(",")}let rg=[{label:"List",kind:"ListVariable"},{label:"Text",kind:"TextVariable"}];var rh=n(70313),rm=n(84954),rx=n(315),rv=n(50898),rf=n(60993);function ry(e){let{values:r,onRefresh:n,isLoading:o,error:a}=e,[l,s]=(0,v.useState)(50),{infoSnackbar:c}=(0,i.useSnackbar)(),p=0;return r&&r?.length>0&&l&&(p=r.length-l),(0,t.jsxs)(u.Z,{children:[(0,t.jsxs)(g.Z,{direction:"row",spacing:1,alignItems:"center",mb:1,children:[(0,t.jsx)(d.Z,{variant:"h4",children:"Preview Values"}),n&&(0,t.jsx)(i.InfoTooltip,{description:e5.refreshVariableValues,children:(0,t.jsx)(W.Z,{onClick:n,size:"small",children:(0,t.jsx)(e0.default,{})})}),(0,t.jsx)(i.InfoTooltip,{description:e5.copyVariableValues,children:(0,t.jsx)(W.Z,{onClick:async()=>{r?.length&&(await navigator.clipboard.writeText(r.map(e=>e).join(", ")),c("Preview values copied to clipboard!"))},size:"small",children:(0,t.jsx)(rf.default,{})})})]}),(0,t.jsx)(rm.Z,{variant:"outlined",children:(0,t.jsxs)(u.Z,{sx:{display:"flex",flexWrap:"wrap",gap:1,m:2},children:[a&&(0,t.jsx)(rx.Z,{severity:"error",children:a}),r?.length===0&&(0,t.jsx)(rx.Z,{severity:"info",children:"No results"}),o&&(0,t.jsx)(g.Z,{width:"100%",sx:{alignItems:"center",justifyContent:"center"},children:(0,t.jsx)(rv.Z,{})}),r?.slice(0,l).map((e,r)=>t.jsx(B.Z,{size:"small",label:e},r)),p>0&&(0,t.jsx)(B.Z,{onClick:()=>{s(void 0)},variant:"outlined",size:"small",label:`+${p} more`})]})})]})}function rb(e){let{definition:r,onRefresh:n}=e,{data:i,isFetching:o,error:a}=rc(r),l=a?.message;return(0,t.jsx)(ry,{values:i?.map(e=>e.value)||[],onRefresh:n,isLoading:o,error:l})}function rj(){return(0,t.jsx)("div",{children:"Error previewing values"})}function rC({action:e,control:r}){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.Z,{py:1,variant:"subtitle1",children:"Text Options"}),(0,t.jsxs)(g.Z,{spacing:2,children:[(0,t.jsx)(y.Controller,{control:r,name:"spec.value",render:({field:r,fieldState:n})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(u.Z,{children:(0,t.jsx)(ry,{values:[r.value]})}),(0,t.jsx)(p.Z,{...r,label:"Value",InputLabelProps:{shrink:"read"===e||void 0},InputProps:{readOnly:"read"===e},error:!!n.error,helperText:n.error?.message,value:r.value??"",onChange:e=>{r.onChange(e)}})]})}),(0,t.jsx)(y.Controller,{control:r,name:"spec.constant",render:({field:r})=>(0,t.jsx)(h.Z,{label:"Constant",control:(0,t.jsx)(m.Z,{...r,checked:!!r.value,readOnly:"read"===e,value:r.value??!1,onChange:n=>{"read"!==e&&r.onChange(n)}})})})]})]})}function rP({action:e,control:r}){let n=(0,y.useFormContext)(),[o,a]=(0,v.useState)(n.getValues()),l=()=>{a(n.getValues())},s=(0,y.useWatch)({control:r,name:"spec.plugin"}),c=s?.kind,f=s?.spec,b=(0,y.useWatch)({control:r,name:"spec.allowAllValue"}),j=n.getValues();return void 0===j.spec.allowAllValue&&n.setValue("spec.allowAllValue",!1),void 0===j.spec.allowMultiple&&n.setValue("spec.allowMultiple",!1),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.Z,{py:1,variant:"subtitle1",children:"List Options"}),(0,t.jsxs)(g.Z,{spacing:2,mb:2,children:[c?(0,t.jsx)(u.Z,{children:(0,t.jsx)(i.ErrorBoundary,{FallbackComponent:rj,resetKeys:[o],children:(0,t.jsx)(rb,{definition:o,onRefresh:l})})}):(0,t.jsx)(ry,{isLoading:!0}),(0,t.jsxs)(g.Z,{children:[(0,t.jsx)(rh.d,{onClickAway:()=>l(),children:(0,t.jsx)(u.Z,{})}),(0,t.jsx)(i.ErrorBoundary,{FallbackComponent:i.ErrorAlert,children:(0,t.jsx)(y.Controller,{control:r,name:"spec.plugin",render:({field:r})=>(0,t.jsx)(q,{width:"100%",pluginTypes:["Variable"],pluginKindLabel:"Source",value:{selection:{type:"Variable",kind:c??"StaticListVariable"},spec:f??{values:[]}},isReadonly:"read"===e,onChange:e=>{r.onChange({kind:e.selection.kind,spec:e.spec})}})})})]}),(0,t.jsx)(g.Z,{children:(0,t.jsx)(y.Controller,{control:r,name:"spec.capturingRegexp",render:({field:r,fieldState:n})=>(0,t.jsx)(p.Z,{...r,label:"Capturing Regexp Filter",InputLabelProps:{shrink:"read"===e||void 0},InputProps:{readOnly:"read"===e},error:!!n.error,value:r.value??"",onChange:e=>{""===e.target.value?r.onChange(void 0):r.onChange(e)},helperText:n.error?.message?n.error.message:"Optional, if you want to filter on captured result."})})}),(0,t.jsx)(g.Z,{children:(0,t.jsx)(y.Controller,{control:r,name:"spec.sort",render:({field:r,fieldState:n})=>(0,t.jsxs)(p.Z,{select:!0,...r,fullWidth:!0,label:"Sort",InputLabelProps:{shrink:"read"===e||void 0},InputProps:{readOnly:"read"===e},error:!!n.error,helperText:n.error?.message,value:r.value??"none",onChange:e=>{r.onChange(e)},children:[(0,t.jsx)(S.Z,{value:"none",children:"None"}),(0,t.jsx)(S.Z,{value:"alphabetical-asc",children:"Alphabetical, asc"}),(0,t.jsx)(S.Z,{value:"alphabetical-desc",children:"Alphabetical, desc"}),(0,t.jsx)(S.Z,{value:"numerical-asc",children:"Numerical, asc"}),(0,t.jsx)(S.Z,{value:"numerical-desc",children:"Numerical, desc"}),(0,t.jsx)(S.Z,{value:"alphabetical-ci-asc",children:"Alphabetical, case-insensitive, asc"}),(0,t.jsx)(S.Z,{value:"alphabetical-ci-desc",children:"Alphabetical, case-insensitive, desc"})]})})})]}),(0,t.jsx)(x.Z,{}),(0,t.jsx)(d.Z,{py:1,variant:"subtitle1",children:"Dropdown Options"}),(0,t.jsxs)(g.Z,{spacing:"2",children:[(0,t.jsxs)(g.Z,{children:[(0,t.jsx)(y.Controller,{control:r,name:"spec.allowMultiple",render:({field:r})=>(0,t.jsx)(h.Z,{label:"Allow Multiple Values",control:(0,t.jsx)(m.Z,{...r,checked:!!r.value,readOnly:"read"===e,value:r.value??!1,onChange:n=>{"read"!==e&&r.onChange(n)}})})}),(0,t.jsx)(d.Z,{variant:"caption",children:"Enables multiple values to be selected at the same time"})]}),(0,t.jsxs)(g.Z,{children:[(0,t.jsx)(y.Controller,{control:r,name:"spec.allowAllValue",render:({field:r})=>(0,t.jsx)(h.Z,{label:"Allow All option",control:(0,t.jsx)(m.Z,{...r,checked:!!r.value,readOnly:"read"===e,value:r.value??!1,onChange:n=>{"read"!==e&&r.onChange(n)}})})}),(0,t.jsx)(d.Z,{mb:1,variant:"caption",children:"Enables an option to include all variable values"}),b&&(0,t.jsx)(y.Controller,{control:r,name:"spec.customAllValue",render:({field:r,fieldState:n})=>(0,t.jsx)(p.Z,{...r,fullWidth:!0,label:"Custom All Value",InputLabelProps:{shrink:"read"===e||void 0},InputProps:{readOnly:"read"===e},error:!!n.error,helperText:n.error?.message?n.error.message:"When All is selected, this value will be used",value:r.value??"",onChange:e=>{""===e.target.value?r.onChange(void 0):r.onChange(e)}})})]})]})]})}function rT({initialVariableDefinition:e,action:r,isDraft:n,isReadonly:o,onActionChange:a,onSave:l,onClose:g,onDelete:h}){let[m,f]=(0,v.useState)(!1),b=P(r,n),C=T(r,n),{variableEditorSchema:E}=j(),k=(0,y.useForm)({resolver:(0,s.F)(E),mode:"onBlur",defaultValues:e}),Z=(0,y.useWatch)({control:k.control,name:"kind"});function w(e){let r={...e};return r.spec.display?.name===void 0&&r.spec.display?.description===void 0&&r.spec.display?.hidden===void 0&&delete r.spec.display,r}return(0,t.jsxs)(y.FormProvider,{...k,children:[(0,t.jsxs)(u.Z,{sx:{display:"flex",alignItems:"center",padding:e=>e.spacing(1,2),borderBottom:e=>`1px solid ${e.palette.divider}`},children:[(0,t.jsxs)(d.Z,{variant:"h2",children:[b," Variable"]}),(0,t.jsx)(i.FormActions,{action:r,submitText:C,isReadonly:o,isValid:k.formState.isValid,onActionChange:a,onSubmit:k.handleSubmit(e=>{l(w(e))}),onDelete:h,onCancel:function(){JSON.stringify(e)!==JSON.stringify(w(k.getValues()))?f(!0):g()}})]}),(0,t.jsxs)(u.Z,{padding:2,sx:{overflowY:"scroll"},children:[(0,t.jsxs)(c.ZP,{container:!0,spacing:2,mb:2,children:[(0,t.jsx)(c.ZP,{item:!0,xs:8,children:(0,t.jsx)(y.Controller,{control:k.control,name:"spec.name",render:({field:e,fieldState:i})=>(0,t.jsx)(p.Z,{...e,required:!0,fullWidth:!0,label:"Name",InputLabelProps:{shrink:"read"===r||void 0},InputProps:{disabled:"update"===r&&!n,readOnly:"read"===r},error:!!i.error,helperText:i.error?.message,value:e.value??"",onChange:r=>{e.onChange(r)}})})}),(0,t.jsx)(c.ZP,{item:!0,xs:4,children:(0,t.jsx)(y.Controller,{control:k.control,name:"spec.display.name",render:({field:e,fieldState:n})=>(0,t.jsx)(p.Z,{...e,fullWidth:!0,label:"Display Label",InputLabelProps:{shrink:"read"===r||void 0},InputProps:{readOnly:"read"===r},error:!!n.error,helperText:n.error?.message,value:e.value??"",onChange:r=>{e.onChange(r)}})})}),(0,t.jsx)(c.ZP,{item:!0,xs:8,children:(0,t.jsx)(y.Controller,{control:k.control,name:"spec.display.description",render:({field:e,fieldState:n})=>(0,t.jsx)(p.Z,{...e,fullWidth:!0,label:"Description",InputLabelProps:{shrink:"read"===r||void 0},InputProps:{readOnly:"read"===r},error:!!n.error,helperText:n.error?.message,value:e.value??"",onChange:r=>{e.onChange(r)}})})}),(0,t.jsx)(c.ZP,{item:!0,xs:4,children:(0,t.jsx)(y.Controller,{control:k.control,name:"kind",render:({field:e,fieldState:n})=>(0,t.jsx)(p.Z,{select:!0,...e,fullWidth:!0,label:"Type",InputLabelProps:{shrink:"read"===r||void 0},InputProps:{readOnly:"read"===r},error:!!n.error,helperText:n.error?.message,value:e.value??"TextVariable",onChange:r=>{e.onChange(r)},children:rg.map(e=>(0,t.jsx)(S.Z,{value:e.kind,children:e.label},e.kind))})})})]}),(0,t.jsx)(x.Z,{}),"TextVariable"===Z&&(0,t.jsx)(i.ErrorBoundary,{FallbackComponent:i.ErrorAlert,children:(0,t.jsx)(rC,{action:r,control:k.control})}),"ListVariable"===Z&&(0,t.jsx)(i.ErrorBoundary,{FallbackComponent:i.ErrorAlert,children:(0,t.jsx)(rP,{action:r,control:k.control})})]}),(0,t.jsx)(i.DiscardChangesConfirmationDialog,{description:"Are you sure you want to discard these changes? Changes cannot be recovered.",isOpen:m,onCancel:()=>{f(!1)},onDiscardChanges:()=>{f(!1),g()}})]})}var rS=n(63767),rE=n(51564);let rk=(0,v.createContext)(void 0);function rZ(){return(0,E.useQuery)({queryKey:["projects"],queryFn:()=>(0,o.fetchJson)("/api/v1/projects")})}function rw(){let e=(0,v.useContext)(rk);if(void 0===e)throw Error("No ProjectStoreContext found. Did you forget a Provider?");return e}function rO(e){let{children:r,enabledURLParams:n}=e,{project:i,setProject:o}=function(e=!0){let[r,n]=(0,rE.useQueryParams)({project:""},{updateType:"replaceIn"}),[t,i]=(0,v.useState)("none"),o=(0,v.useCallback)(e=>n({project:e}),[n]);return e?{project:r.project||"none",setProject:o}:{project:t,setProject:i}}(n),a=(0,v.useMemo)(()=>({project:{kind:"Project",metadata:{name:i}},setProject:e=>{o(e.metadata.name)}}),[i,o]);return(0,t.jsx)(rk.Provider,{value:a,children:r})}function rD(e){let{onChange:r,value:n,...i}=e,{data:o,isLoading:a}=rZ(),l=a?"":n.metadata.name??"none";return(0,t.jsxs)(rS.Z,{...i,value:l,onChange:e=>{r({kind:"Project",metadata:{name:e.target.value},spec:{}})},children:[(0,t.jsx)(S.Z,{value:"none",children:(0,t.jsx)(g.Z,{direction:"row",alignItems:"center",justifyContent:"space-between",width:"100%",height:32,children:(0,t.jsx)(U.Z,{children:"None"})})}),o?.map(e=>[t.jsx(S.Z,{value:e.metadata.name,children:t.jsx(g.Z,{direction:"row",alignItems:"center",justifyContent:"space-between",width:"100%",height:32,children:t.jsx(U.Z,{children:e.metadata.name})})},e.metadata.name)])]})}let rI=({value:e,onChange:r})=>(0,t.jsx)(i.OptionsEditorControl,{label:"Metric label",description:"Specify label to display",control:(0,t.jsx)(p.Z,{fullWidth:!0,name:"Metric label",value:e||"",onChange:e=>{r(e.target.value||void 0)}})});function rL(e){let r=new Map(e.map(e=>[e.resource,e.importPlugin]));return{getInstalledPlugins:async()=>Promise.resolve(Array.from(r.keys())),importPluginModule(e){let n=r.get(e);if(void 0===n)throw Error("Plugin not found");return n()}}}function rV(e){return!e||"string"==typeof e&&(0,o.isDurationString)(e)?e:(1e3*(0,e4.getUnixTime)(e)).toString()}function rR(e){let r=function(e,r){if(!e||0===e.length)return null;let n=e instanceof Array?e[0]:e;return null==n?n:""!==n?n:null}(e);return r?(0,o.isDurationString)(r)?r:new Date(Number(r)):null}let rA={encode:rV,decode:rR,equals:(e,r)=>e===r||(e&&r?e.valueOf()===r.valueOf():e===r)},rM={start:rA,end:rA},rQ={refresh:rA};function r$(e){let[r]=(0,rE.useQueryParams)(rM,{updateType:"replaceIn"}),{start:n,end:t}=r;return(0,v.useMemo)(()=>{let r={pastDuration:e};if(!n)return r;let i=n.toString();return(0,o.isDurationString)(i)?r={pastDuration:i}:(0,e4.isDate)(n)&&(0,e4.isDate)(t)&&(r={start:n,end:t}),r},[n,t,e])}function rq(e){let[r,n]=(0,rE.useQueryParams)(rM,{updateType:"replaceIn"}),[t,i]=(0,v.useState)(!1),{start:a}=r;return(0,v.useEffect)(()=>{!t&&!a&&(0,o.isRelativeTimeRange)(e)&&(n({start:e.pastDuration,end:void 0}),i(!0))},[e,t,a,n]),{timeRange:e,setTimeRange:(0,v.useCallback)(e=>{(0,o.isRelativeTimeRange)(e)?n({start:e.pastDuration,end:void 0}):n(e)},[n])}}function rN(e){let[r]=(0,rE.useQueryParams)(rQ,{updateType:"replaceIn"}),{refresh:n}=r;return(0,v.useMemo)(()=>{let r=e;if(!n)return r;let t=n.toString();return(0,o.isDurationString)(t)&&(r=t),r},[e,n])}function r_(e){let[r,n]=(0,rE.useQueryParams)(rQ,{updateType:"replaceIn"}),[t,i]=(0,v.useState)(!1),{refresh:o}=r;return(0,v.useEffect)(()=>{t||o||(n({refresh:e}),i(!0))},[e,t,o,n]),{refreshInterval:e,setRefreshInterval:(0,v.useCallback)(e=>n({refresh:e}),[n])}}function rF(e){let{initialTimeRange:r,initialRefreshInterval:n,children:i}=e,{timeRange:o,setTimeRange:a}=rq(r),{refreshInterval:l,setRefreshInterval:s}=r_(n);return(0,t.jsx)(e9,{timeRange:o,refreshInterval:l,setTimeRange:a,setRefreshInterval:s,children:i})}function rU(e,r){return r?Object.fromEntries(Object.entries(e).filter(([e])=>r.includes(e))):e}function rB(e){return Object.values(e).map(e=>JSON.stringify(e.value)).join(",")}let rW="TimeSeriesQuery";function rK({plugin:e,definition:r,context:n}){let{timeRange:t,datasourceStore:i,suggestedStepMs:o,mode:a,variableState:l,refreshKey:s}=n,u=e?.dependsOn?e.dependsOn(r.spec.plugin.spec,n):{},d=u?.variables,c=[r,t,i,o,a,rB(rU(l,d)),s],p=!1;return d&&(p=d.some(e=>l[e]?.loading)),{queryKey:c,queryEnabled:void 0!==e&&!p}}let rz=(e,r,n)=>{let{data:t}=w(rW,e.spec.plugin.kind),i=rH(),{queryEnabled:o,queryKey:a}=rK({plugin:t,definition:e,context:i});return(0,E.useQuery)({enabled:(n?.enabled??!0)||o,queryKey:a,queryFn:()=>{if(void 0===t)throw Error("Expected plugin to be loaded");let n={...i,suggestedStepMs:r?.suggestedStepMs};return t.getTimeSeriesData(e.spec.plugin.spec,n)}})};function rG(e,r,n){let{getPlugin:t}=Z(),i={...rH(),mode:r?.mode},o=O(rW,e.map(e=>({kind:e.spec.plugin.kind})));return(0,E.useQueries)({queries:e.map((e,a)=>{let{queryEnabled:l,queryKey:s}=rK({plugin:o[a]?.data,definition:e,context:i});return{enabled:(n?.enabled??!0)&&l,queryKey:s,queryFn:async()=>{let n={...i,suggestedStepMs:r?.suggestedStepMs},o=await t(rW,e.spec.plugin.kind);return await o.getTimeSeriesData(e.spec.plugin.spec,n)}}})})}function rH(){let{absoluteTimeRange:e,refreshKey:r}=e7();return{timeRange:e,variableState:eu(),datasourceStore:z(),refreshKey:r}}function rJ(){return rY((0,E.useQueryClient)().getQueryCache())}function rY(e){let r=[];for(let n of e.findAll({type:"active"})){let e=n.queryKey?.[0];e?.kind&&e.kind.startsWith(rW)&&r.push(n)}return r}let rX="TraceQuery";function r0(e){let{start:r,end:n}=e;return{start:Math.ceil((0,e4.getUnixTime)(r)),end:Math.ceil((0,e4.getUnixTime)(n))}}function r1(e){let{getPlugin:r}=Z(),n=function(){let{absoluteTimeRange:e}=e7();return{variableState:eu(),datasourceStore:z(),absoluteTimeRange:e}}(),t=O("TraceQuery",e.map(e=>({kind:e.spec.plugin.kind})));return(0,E.useQueries)({queries:e.map((e,i)=>{let{queryEnabled:o,queryKey:a}=function({plugin:e,definition:r,context:n}){let{datasourceStore:t,variableState:i,absoluteTimeRange:o}=n,a=e?.dependsOn?e.dependsOn(r.spec.plugin.spec,n):{},l=a?.variables,s=[r,t,o,rB(rU(i,l))],u=!1;return l&&(u=l.some(e=>i[e]?.loading)),{queryKey:s,queryEnabled:void 0!==e&&!u}}({context:n,definition:e,plugin:t[i]?.data}),l=e?.spec?.plugin?.kind;return{enabled:o,queryKey:a,queryFn:async()=>{let t=await r(rX,l);return await t.getTraceData(e.spec.plugin.spec,n)}}})})}let r2=(0,v.createContext)(void 0),r5=()=>(0,v.useContext)(r2),r4=()=>{let e=r5();return{markQuery:(r,n)=>{if(void 0===e)return;let t=JSON.stringify(r);if((!e.pendingQueries.has(t)||"pending"!==n)&&e.pendingQueries.get(t)!==n){e.pendingQueries.set(t,n),"error"===n&&(e.renderErrorCount+=1);let r=[...e.pendingQueries.values()].every(e=>"pending"!==e);0===e.renderDurationMs&&r&&(e.renderDurationMs=Date.now()-e.startRenderTime,r3(e))}}}},r3=async e=>{await (0,o.fetch)("/api/v1/view",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({project:e.project,dashboard:e.dashboard,render_time:e.renderDurationMs/1e3,render_errors:e.renderErrorCount})})},r6=({project:e,dashboard:r,children:n})=>{let i={project:e,dashboard:r,renderErrorCount:0,startRenderTime:Date.now(),renderDurationMs:0,pendingQueries:new Map};return(0,t.jsx)(r2.Provider,{value:i,children:n})};function r7(e,r){return e.map(({data:e,isFetching:n,isLoading:t,refetch:i,error:o},a)=>({definition:r[a],data:e,isFetching:n,isLoading:t,refetch:i,error:o}))}function r8(){let{data:e,isLoading:r}=D(["TimeSeriesQuery"]),{data:n,isLoading:t}=D(["TraceQuery"]),i=(0,v.useMemo)(()=>{let r={TimeSeriesQuery:[],TraceQuery:[]};return e&&e.forEach(e=>{r[e.kind]?.push(e.spec.name)}),n&&n.forEach(e=>{r[e.kind]?.push(e.spec.name)}),r},[e,n]);return(0,v.useCallback)(e=>{if(!(e=>{switch(e){case"PrometheusTimeSeriesQuery":return r;case"TempoTraceQuery":return t}return t||r})(e)){for(let r in i)if(i[r]?.includes(e))return r;throw Error(`Unable to determine the query type: ${e}`)}},[i,r,t])}let r9=(0,v.createContext)(void 0);function ne(){let e=(0,v.useContext)(r9);if(void 0===e)throw Error("No DataQueriesContext found. Did you forget a Provider?");return e}function nr(e){let r=ne(),n=r.queryResults.filter(r=>r?.definition?.kind===e),t=r.errors.filter((n,t)=>r.queryResults[t]?.definition?.kind===e);return{queryResults:n,isFetching:n.some(e=>e.isFetching),isLoading:n.some(e=>e.isLoading),refetchAll:r.refetchAll,errors:t}}function nn(e){let{definitions:r,options:n,children:i,queryOptions:o}=e,a=r8(),l=r.map(e=>({kind:a(e.kind),spec:{plugin:e}})),s=r4(),u=l.filter(e=>"TimeSeriesQuery"===e.kind),d=rG(u,n,o),c=l.filter(e=>"TraceQuery"===e.kind),p=r1(c),g=(0,v.useCallback)(()=>{d.forEach(e=>e.refetch()),p.forEach(e=>e.refetch())},[d,p]),h=(0,v.useMemo)(()=>{let e=[...r7(d,u),...r7(p,c)];if(o?.enabled)for(let r of e)r.isLoading||r.isFetching||r.error?r.error?s.markQuery(r.definition,"error"):s.markQuery(r.definition,"pending"):s.markQuery(r.definition,"success");return{queryResults:e,isFetching:e.some(e=>e.isFetching),isLoading:e.some(e=>e.isLoading),refetchAll:g,errors:e.map(e=>e.error)}},[u,d,c,p,g,o?.enabled,s]);return(0,t.jsx)(r9.Provider,{value:h,children:i})}function nt(...e){let r={kind:"PluginModule",metadata:{name:"Fake Plugin Module for Tests",version:"0"},spec:{plugins:e.map(({kind:e,spec:{name:r}})=>({kind:e,spec:{name:r,display:{name:ni(e,r)}}}))}},n={};for(let r of e)n[r.spec.name]=r.plugin;return{pluginLoader:{getInstalledPlugins:()=>Promise.resolve([r]),importPluginModule:()=>Promise.resolve(n)},defaultPluginKinds:{TimeSeriesQuery:"PrometheusTimeSeriesQuery"}}}function ni(e,r){return`${e} Plugin for ${r}`}var no=n(82749),na=n(6085),nl=n.n(na),ns=n(65895);let nu=null,nd=()=>(null===nu&&(nu=(0,no.init)({name:"@perses/perses-ui-host",remotes:[],shared:{react:{version:f().version,lib:()=>f(),shareConfig:{singleton:!0,requiredVersion:`^${f().version}`}},"react-dom":{version:"18.3.1",lib:()=>nl(),shareConfig:{singleton:!0,requiredVersion:"^18.3.1"}},"react-router-dom":{version:"6.26.0",lib:()=>ns,shareConfig:{singleton:!0,requiredVersion:"^6.26.0"}},"@tanstack/react-query":{version:"5.64.2",lib:()=>E,shareConfig:{singleton:!0,requiredVersion:"^5.64.2"}},"react-hook-form":{version:"7.52.2",lib:()=>y,shareConfig:{singleton:!0,requiredVersion:"^7.52.2"}},echarts:{version:"5.5.0",lib:()=>n(76242),shareConfig:{singleton:!0,requiredVersion:"^5.5.0"}},"@perses-dev/components":{version:"0.51.0-beta.0",lib:()=>n(66480),shareConfig:{singleton:!0,requiredVersion:"^0.51.0-beta.0"}},"@perses-dev/plugin-system":{version:"0.51.0-beta.0",lib:()=>n(29436),shareConfig:{singleton:!0,requiredVersion:"^0.51.0-beta.0"}},"@perses-dev/explore":{version:"0.51.0-beta.0",lib:()=>n(73223),shareConfig:{singleton:!0,requiredVersion:"^0.51.0-beta.0"}},"@perses-dev/dashboards":{version:"0.51.0-beta.0",lib:()=>n(7125),shareConfig:{singleton:!0,requiredVersion:"^0.51.0-beta.0"}},"date-fns":{version:"4.1.0",lib:()=>n(20461),shareConfig:{singleton:!0,requiredVersion:"^4.1.0"}},"date-fns-tz":{version:"3.2.0",lib:()=>n(4665),shareConfig:{singleton:!0,requiredVersion:"^3.2.0"}},lodash:{version:"4.17.21",lib:()=>n(93098),shareConfig:{singleton:!0,requiredVersion:"^4.17.21"}},"@emotion/react":{version:"11.11.3",lib:()=>n(72116),shareConfig:{singleton:!0,requiredVersion:"^11.11.3"}},"@emotion/styled":{version:"11.11.0",lib:()=>n(31373),shareConfig:{singleton:!0,requiredVersion:"^11.11.0"}},"@hookform/resolvers/zod":{version:"3.3.4",lib:()=>n(22538),shareConfig:{singleton:!0,requiredVersion:"^3.3.4"}},"use-resize-observer":{version:"9.1.0",lib:()=>n(75276),shareConfig:{singleton:!0,requiredVersion:"^9.1.0"}},"mdi-material-ui":{version:"7.4.0",lib:()=>n(61157),shareConfig:{singleton:!0,requiredVersion:"^7.4.0"}},immer:{version:"10.1.1",lib:()=>n(86373),shareConfig:{singleton:!0,requiredVersion:"^10.1.1"}}}})),nu),nc=(e,r)=>{let n=nd();if(!n.options.remotes.find(r=>r.name===e)){let t=r?`${r}/${e}/mf-manifest.json`:`/plugins/${e}/mf-manifest.json`;n.registerRemotes([{name:e,entry:t,alias:e}])}},np=async(e,r,n)=>(nc(e,n),(0,no.loadRemote)(`${e}/${r}`));function ng({pluginFn:e,props:r}){return e(r)}function nh({plugin:e,props:r,field:n}){let{loadPlugin:i}=function({plugin:e}){return{pluginRuntime:nd(),loadPlugin:()=>np(e.moduleName,e.name,e.baseURL)}}({plugin:e}),[o,a]=(0,v.useState)(null),[l,s]=(0,v.useState)(null),u=`${e.moduleName}-${e.name}`,d=(0,v.useRef)(u);if((0,v.useEffect)(()=>{d.current=u,s(null),i().then(e=>{a(e)}).catch(r=>{a(null),console.error(`PluginLoaderComponent: Error loading plugin ${e.name} from module ${e.moduleName}:`,r),s(Error(`PluginLoaderComponent: Error loading plugin ${e.name} from module ${e.moduleName}`))})},[u]),l)throw l;if(!o)return null;let c=o[e.name];if(n&&c&&"object"==typeof c&&n in c&&(c=c[n]),!c)throw Error(`PluginLoaderComponent: Plugin module ${e.moduleName} does not have a ${e.name} export`);if("function"!=typeof c)throw Error(`PluginLoaderComponent: Plugin ${e.name} export is not a function`);return d.current!==u?null:(0,t.jsx)(ng,{pluginFn:c,props:r},u)}let nm=e=>"object"==typeof e&&null!==e&&"kind"in e&&"spec"in e&&"object"==typeof e.spec&&null!==e.spec&&"name"in e.spec,nx=e=>"object"==typeof e&&null!==e&&"metadata"in e&&"spec"in e&&"object"==typeof e.spec&&null!==e.spec&&"plugins"in e.spec&&Array.isArray(e.spec.plugins)&&e.spec.plugins.every(nm),nv=e=>({getInstalledPlugins:async()=>{let r=await fetch(`${e||""}/api/v1/plugins`),n=await r.json(),t=[];return Array.isArray(n)?t=n.filter(nx):console.error("RemotePluginLoader: Error loading plugins, response is not an array"),t.length||console.error("RemotePluginLoader: No valid plugins found"),t},importPluginModule:async e=>{let r=e.metadata.name,n={};for(let t of e.spec.plugins){let e=await np(r,t.spec.name),i=e?.[t.spec.name];i?n[t.spec.name]=i:console.error(`RemotePluginLoader: Error loading plugin ${t.spec.name}`)}return n}})}}]);

package/__mf/js/async/9010.06449312.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkTable=self.webpackChunkTable||[]).push([["9010"],{32964:function(e,t,o){o.d(t,{Z:()=>C});var r=o(54538),p=o(90496),n=o(47126),a=o(82267),i=o(16838),l=o(6595),s=o(74111),c=o(94680),m=o(12709),u=o(94776),d=o(82319),g=o(51751),h=o(51640),f=o(23382),Z=o(75651),y=o(67151),w=o(51183),b=o(56839),v=o(18817),T=o(16351),x=o(87143),R=o(24246);let $=e=>{let{classes:t,disableInteractive:o,arrow:r,touch:p,placement:n}=e,i={popper:["popper",!o&&"popperInteractive",r&&"popperArrow"],tooltip:["tooltip",r&&"tooltipArrow",p&&"touch",`tooltipPlacement${(0,h.Z)(n.split("-")[0])}`],arrow:["arrow"]};return(0,a.Z)(i,x.Q,t)},M=(0,m.ZP)(Z.Z,{name:"MuiTooltip",slot:"Popper",overridesResolver:(e,t)=>{let{ownerState:o}=e;return[t.popper,!o.disableInteractive&&t.popperInteractive,o.arrow&&t.popperArrow,!o.open&&t.popperClose]}})((0,d.Z)(({theme:e})=>({zIndex:(e.vars||e).zIndex.tooltip,pointerEvents:"none",variants:[{props:({ownerState:e})=>!e.disableInteractive,style:{pointerEvents:"auto"}},{props:({open:e})=>!e,style:{pointerEvents:"none"}},{props:({ownerState:e})=>e.arrow,style:{[`&[data-popper-placement*="bottom"] .${x.Z.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${x.Z.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${x.Z.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}},[`&[data-popper-placement*="left"] .${x.Z.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}}}},{props:({ownerState:e})=>e.arrow&&!e.isRtl,style:{[`&[data-popper-placement*="right"] .${x.Z.arrow}`]:{left:0,marginLeft:"-0.71em"}}},{props:({ownerState:e})=>e.arrow&&!!e.isRtl,style:{[`&[data-popper-placement*="right"] .${x.Z.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:e})=>e.arrow&&!e.isRtl,style:{[`&[data-popper-placement*="left"] .${x.Z.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:e})=>e.arrow&&!!e.isRtl,style:{[`&[data-popper-placement*="left"] .${x.Z.arrow}`]:{left:0,marginLeft:"-0.71em"}}}]}))),O=(0,m.ZP)("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(e,t)=>{let{ownerState:o}=e;return[t.tooltip,o.touch&&t.touch,o.arrow&&t.tooltipArrow,t[`tooltipPlacement${(0,h.Z)(o.placement.split("-")[0])}`]]}})((0,d.Z)(({theme:e})=>({backgroundColor:e.vars?e.vars.palette.Tooltip.bg:(0,i.Fq)(e.palette.grey[700],.92),borderRadius:(e.vars||e).shape.borderRadius,color:(e.vars||e).palette.common.white,fontFamily:e.typography.fontFamily,padding:"4px 8px",fontSize:e.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:e.typography.fontWeightMedium,[`.${x.Z.popper}[data-popper-placement*="left"] &`]:{transformOrigin:"right center"},[`.${x.Z.popper}[data-popper-placement*="right"] &`]:{transformOrigin:"left center"},[`.${x.Z.popper}[data-popper-placement*="top"] &`]:{transformOrigin:"center bottom",marginBottom:"14px"},[`.${x.Z.popper}[data-popper-placement*="bottom"] &`]:{transformOrigin:"center top",marginTop:"14px"},variants:[{props:({ownerState:e})=>e.arrow,style:{position:"relative",margin:0}},{props:({ownerState:e})=>e.touch,style:{padding:"8px 16px",fontSize:e.typography.pxToRem(14),lineHeight:`${Math.round(16/14*1e5)/1e5}em`,fontWeight:e.typography.fontWeightRegular}},{props:({ownerState:e})=>!e.isRtl,style:{[`.${x.Z.popper}[data-popper-placement*="left"] &`]:{marginRight:"14px"},[`.${x.Z.popper}[data-popper-placement*="right"] &`]:{marginLeft:"14px"}}},{props:({ownerState:e})=>!e.isRtl&&e.touch,style:{[`.${x.Z.popper}[data-popper-placement*="left"] &`]:{marginRight:"24px"},[`.${x.Z.popper}[data-popper-placement*="right"] &`]:{marginLeft:"24px"}}},{props:({ownerState:e})=>!!e.isRtl,style:{[`.${x.Z.popper}[data-popper-placement*="left"] &`]:{marginLeft:"14px"},[`.${x.Z.popper}[data-popper-placement*="right"] &`]:{marginRight:"14px"}}},{props:({ownerState:e})=>!!e.isRtl&&e.touch,style:{[`.${x.Z.popper}[data-popper-placement*="left"] &`]:{marginLeft:"24px"},[`.${x.Z.popper}[data-popper-placement*="right"] &`]:{marginRight:"24px"}}},{props:({ownerState:e})=>e.touch,style:{[`.${x.Z.popper}[data-popper-placement*="top"] &`]:{marginBottom:"24px"}}},{props:({ownerState:e})=>e.touch,style:{[`.${x.Z.popper}[data-popper-placement*="bottom"] &`]:{marginTop:"24px"}}}]}))),k=(0,m.ZP)("span",{name:"MuiTooltip",slot:"Arrow",overridesResolver:(e,t)=>t.arrow})((0,d.Z)(({theme:e})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:e.vars?e.vars.palette.Tooltip.bg:(0,i.Fq)(e.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}}))),P=!1,E=new n.V,S={x:0,y:0};function L(e,t){return(o,...r)=>{t&&t(o,...r),e(o,...r)}}let C=r.forwardRef(function(e,t){let o=(0,g.i)({props:e,name:"MuiTooltip"}),{arrow:a=!1,children:i,classes:m,components:d={},componentsProps:h={},describeChild:x=!1,disableFocusListener:C=!1,disableHoverListener:W=!1,disableInteractive:A=!1,disableTouchListener:B=!1,enterDelay:F=100,enterNextDelay:I=0,enterTouchDelay:N=700,followCursor:j=!1,id:z,leaveDelay:U=0,leaveTouchDelay:V=1500,onClose:q,onOpen:Q,open:H,placement:X="bottom",PopperComponent:Y,PopperProps:D={},slotProps:G={},slots:J={},title:K,TransitionComponent:_,TransitionProps:ee,...et}=o,eo=r.isValidElement(i)?i:(0,R.jsx)("span",{children:i}),er=(0,u.Z)(),ep=(0,l.V)(),[en,ea]=r.useState(),[ei,el]=r.useState(null),es=r.useRef(!1),ec=A||j,em=(0,n.Z)(),eu=(0,n.Z)(),ed=(0,n.Z)(),eg=(0,n.Z)(),[eh,ef]=(0,v.Z)({controlled:H,default:!1,name:"Tooltip",state:"open"}),eZ=eh,ey=(0,b.Z)(z),ew=r.useRef(),eb=(0,y.Z)(()=>{void 0!==ew.current&&(document.body.style.WebkitUserSelect=ew.current,ew.current=void 0),eg.clear()});r.useEffect(()=>eb,[eb]);let ev=e=>{E.clear(),P=!0,ef(!0),Q&&!eZ&&Q(e)},eT=(0,y.Z)(e=>{E.start(800+U,()=>{P=!1}),ef(!1),q&&eZ&&q(e),em.start(er.transitions.duration.shortest,()=>{es.current=!1})}),ex=e=>{(!es.current||"touchstart"===e.type)&&(en&&en.removeAttribute("title"),eu.clear(),ed.clear(),F||P&&I?eu.start(P?I:F,()=>{ev(e)}):ev(e))},eR=e=>{eu.clear(),ed.start(U,()=>{eT(e)})},[,e$]=r.useState(!1),eM=e=>{(0,s.Z)(e.target)||(e$(!1),eR(e))},eO=e=>{en||ea(e.currentTarget),(0,s.Z)(e.target)&&(e$(!0),ex(e))},ek=e=>{es.current=!0;let t=eo.props;t.onTouchStart&&t.onTouchStart(e)};r.useEffect(()=>{if(eZ)return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)};function e(e){"Escape"===e.key&&eT(e)}},[eT,eZ]);let eP=(0,w.Z)((0,c.Z)(eo),ea,t);K||0===K||(eZ=!1);let eE=r.useRef(),eS={},eL="string"==typeof K;x?(eS.title=eZ||!eL||W?null:K,eS["aria-describedby"]=eZ?ey:null):(eS["aria-label"]=eL?K:null,eS["aria-labelledby"]=eZ&&!eL?ey:null);let eC={...eS,...et,...eo.props,className:(0,p.Z)(et.className,eo.props.className),onTouchStart:ek,ref:eP,...j?{onMouseMove:e=>{let t=eo.props;t.onMouseMove&&t.onMouseMove(e),S={x:e.clientX,y:e.clientY},eE.current&&eE.current.update()}}:{}},eW={};B||(eC.onTouchStart=e=>{ek(e),ed.clear(),em.clear(),eb(),ew.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",eg.start(N,()=>{document.body.style.WebkitUserSelect=ew.current,ex(e)})},eC.onTouchEnd=e=>{eo.props.onTouchEnd&&eo.props.onTouchEnd(e),eb(),ed.start(V,()=>{eT(e)})}),W||(eC.onMouseOver=L(ex,eC.onMouseOver),eC.onMouseLeave=L(eR,eC.onMouseLeave),ec||(eW.onMouseOver=ex,eW.onMouseLeave=eR)),C||(eC.onFocus=L(eO,eC.onFocus),eC.onBlur=L(eM,eC.onBlur),ec||(eW.onFocus=eO,eW.onBlur=eM));let eA={...o,isRtl:ep,arrow:a,disableInteractive:ec,placement:X,PopperComponentProp:Y,touch:es.current},eB="function"==typeof G.popper?G.popper(eA):G.popper,eF=r.useMemo(()=>{let e=[{name:"arrow",enabled:!!ei,options:{element:ei,padding:4}}];return D.popperOptions?.modifiers&&(e=e.concat(D.popperOptions.modifiers)),eB?.popperOptions?.modifiers&&(e=e.concat(eB.popperOptions.modifiers)),{...D.popperOptions,...eB?.popperOptions,modifiers:e}},[ei,D.popperOptions,eB?.popperOptions]),eI=$(eA),eN="function"==typeof G.transition?G.transition(eA):G.transition,ej={slots:{popper:d.Popper,transition:d.Transition??_,tooltip:d.Tooltip,arrow:d.Arrow,...J},slotProps:{arrow:G.arrow??h.arrow,popper:{...D,...eB??h.popper},tooltip:G.tooltip??h.tooltip,transition:{...ee,...eN??h.transition}}},[ez,eU]=(0,T.Z)("popper",{elementType:M,externalForwardedProps:ej,ownerState:eA,className:(0,p.Z)(eI.popper,D?.className)}),[eV,eq]=(0,T.Z)("transition",{elementType:f.Z,externalForwardedProps:ej,ownerState:eA}),[eQ,eH]=(0,T.Z)("tooltip",{elementType:O,className:eI.tooltip,externalForwardedProps:ej,ownerState:eA}),[eX,eY]=(0,T.Z)("arrow",{elementType:k,className:eI.arrow,externalForwardedProps:ej,ownerState:eA,ref:el});return(0,R.jsxs)(r.Fragment,{children:[r.cloneElement(eo,eC),(0,R.jsx)(ez,{as:Y??Z.Z,placement:X,anchorEl:j?{getBoundingClientRect:()=>({top:S.y,left:S.x,right:S.x,bottom:S.y,width:0,height:0})}:en,popperRef:eE,open:!!en&&eZ,id:ey,transition:!0,...eW,...eU,popperOptions:eF,children:({TransitionProps:e})=>(0,R.jsx)(eV,{timeout:er.transitions.duration.shorter,...e,...eq,children:(0,R.jsxs)(eQ,{...eH,children:[K,a?(0,R.jsx)(eX,{...eY}):null]})})})]})})},87143:function(e,t,o){o.d(t,{Q:()=>n,Z:()=>a});var r=o(44124),p=o(6749);function n(e){return(0,p.ZP)("MuiTooltip",e)}let a=(0,r.Z)("MuiTooltip",["popper","popperInteractive","popperArrow","popperClose","tooltip","tooltipArrow","touch","tooltipPlacementLeft","tooltipPlacementRight","tooltipPlacementTop","tooltipPlacementBottom","arrow"])}}]);