@perses-dev/table-plugin 0.6.0 → 0.6.1

package/__mf/js/async/5677.c54b356e.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkTable=self.webpackChunkTable||[]).push([["5677"],{79119:function(e,t,i){i.d(t,{Z:()=>b});var r=i(54538),l=i(90496),a=i(82267),o=i(16838),n=i(12709),s=i(82319),d=i(51751),p=i(38062),c=i(24246);let h=e=>{let{absolute:t,children:i,classes:r,flexItem:l,light:o,orientation:n,textAlign:s,variant:d}=e;return(0,a.Z)({root:["root",t&&"absolute",d,o&&"light","vertical"===n&&"vertical",l&&"flexItem",i&&"withChildren",i&&"vertical"===n&&"withChildrenVertical","right"===s&&"vertical"!==n&&"textAlignRight","left"===s&&"vertical"!==n&&"textAlignLeft"],wrapper:["wrapper","vertical"===n&&"wrapperVertical"]},p.V,r)},v=(0,n.ZP)("div",{name:"MuiDivider",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:i}=e;return[t.root,i.absolute&&t.absolute,t[i.variant],i.light&&t.light,"vertical"===i.orientation&&t.vertical,i.flexItem&&t.flexItem,i.children&&t.withChildren,i.children&&"vertical"===i.orientation&&t.withChildrenVertical,"right"===i.textAlign&&"vertical"!==i.orientation&&t.textAlignRight,"left"===i.textAlign&&"vertical"!==i.orientation&&t.textAlignLeft]}})((0,s.Z)(({theme:e})=>({margin:0,flexShrink:0,borderWidth:0,borderStyle:"solid",borderColor:(e.vars||e).palette.divider,borderBottomWidth:"thin",variants:[{props:{absolute:!0},style:{position:"absolute",bottom:0,left:0,width:"100%"}},{props:{light:!0},style:{borderColor:e.vars?`rgba(${e.vars.palette.dividerChannel} / 0.08)`:(0,o.Fq)(e.palette.divider,.08)}},{props:{variant:"inset"},style:{marginLeft:72}},{props:{variant:"middle",orientation:"horizontal"},style:{marginLeft:e.spacing(2),marginRight:e.spacing(2)}},{props:{variant:"middle",orientation:"vertical"},style:{marginTop:e.spacing(1),marginBottom:e.spacing(1)}},{props:{orientation:"vertical"},style:{height:"100%",borderBottomWidth:0,borderRightWidth:"thin"}},{props:{flexItem:!0},style:{alignSelf:"stretch",height:"auto"}},{props:({ownerState:e})=>!!e.children,style:{display:"flex",textAlign:"center",border:0,borderTopStyle:"solid",borderLeftStyle:"solid","&::before, &::after":{content:'""',alignSelf:"center"}}},{props:({ownerState:e})=>e.children&&"vertical"!==e.orientation,style:{"&::before, &::after":{width:"100%",borderTop:`thin solid ${(e.vars||e).palette.divider}`,borderTopStyle:"inherit"}}},{props:({ownerState:e})=>"vertical"===e.orientation&&e.children,style:{flexDirection:"column","&::before, &::after":{height:"100%",borderLeft:`thin solid ${(e.vars||e).palette.divider}`,borderLeftStyle:"inherit"}}},{props:({ownerState:e})=>"right"===e.textAlign&&"vertical"!==e.orientation,style:{"&::before":{width:"90%"},"&::after":{width:"10%"}}},{props:({ownerState:e})=>"left"===e.textAlign&&"vertical"!==e.orientation,style:{"&::before":{width:"10%"},"&::after":{width:"90%"}}}]}))),g=(0,n.ZP)("span",{name:"MuiDivider",slot:"Wrapper",overridesResolver:(e,t)=>{let{ownerState:i}=e;return[t.wrapper,"vertical"===i.orientation&&t.wrapperVertical]}})((0,s.Z)(({theme:e})=>({display:"inline-block",paddingLeft:`calc(${e.spacing(1)} * 1.2)`,paddingRight:`calc(${e.spacing(1)} * 1.2)`,whiteSpace:"nowrap",variants:[{props:{orientation:"vertical"},style:{paddingTop:`calc(${e.spacing(1)} * 1.2)`,paddingBottom:`calc(${e.spacing(1)} * 1.2)`}}]}))),f=r.forwardRef(function(e,t){let i=(0,d.i)({props:e,name:"MuiDivider"}),{absolute:r=!1,children:a,className:o,orientation:n="horizontal",component:s=a||"vertical"===n?"div":"hr",flexItem:p=!1,light:f=!1,role:b="hr"!==s?"separator":void 0,textAlign:m="center",variant:u="fullWidth",...w}=i,y={...i,absolute:r,component:s,flexItem:p,light:f,orientation:n,role:b,textAlign:m,variant:u},x=h(y);return(0,c.jsx)(v,{as:s,className:(0,l.Z)(x.root,o),role:b,ref:t,ownerState:y,"aria-orientation":"separator"===b&&("hr"!==s||"vertical"===n)?n:void 0,...w,children:a?(0,c.jsx)(g,{className:x.wrapper,ownerState:y,children:a}):null})});f&&(f.muiSkipListHighlight=!0);let b=f},56050:function(){}}]);

package/__mf/js/async/5767.f16855a4.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkTable=self.webpackChunkTable||[]).push([["5767"],{19147:function(e,i,n){n.r(i),n.d(i,{useListPanelGroups:()=>H,useVariableDefinitionAndState:()=>iP,usePanelGroupEditor:()=>ee,VariableProviderWithQueryParams:()=>iA,DashboardContext:()=>O,SaveDashboardButton:()=>nx,useDeletePanelGroupDialog:()=>en,DashboardDiscardChangesConfirmationDialog:()=>nB,useVariableDefinitionStoreCtx:()=>iw,useDashboardDuration:()=>eu,useDashboardStore:()=>z,useDiscardChangesConfirmationDialog:()=>ej,PanelPluginLoader:()=>eN,useDashboardActions:()=>F,useVariableDefinitions:()=>iS,VariableEditor:()=>i2,ViewDashboard:()=>ar,generateId:()=>v,EditJsonDialog:()=>nF,VariableList:()=>nE,DashboardToolbar:()=>nG,VariableListItem:()=>nV,DeletePanelDialog:()=>nA,Panel:()=>io,createPanelDefinition:()=>y,useEditMode:()=>B,usePanelGroupActions:()=>Q,useVariableDefinitionActions:()=>ik,usePanel:()=>ea,PanelGroupDialog:()=>n5,useViewPanel:()=>eh,QuerySummaryTable:()=>n7,GridContainer:()=>ic,Variable:()=>nD,GridItemContent:()=>id,GridLayout:()=>ip,useSaveChangesConfirmationDialog:()=>em,usePanelGroup:()=>J,VariableName:()=>i4,EmptyDashboard:()=>ni,GridTitle:()=>eR,DeletePanelGroupDialog:()=>n$,useViewPanelGroup:()=>eg,AddGroupButton:()=>eC,PanelDrawer:()=>nY,DownloadButton:()=>nd,BuiltinVariableAccordions:()=>i0,EditVariablesButton:()=>i3,useDeletePanelDialog:()=>ed,useEditJsonDialog:()=>ey,usePanelEditor:()=>es,DashboardProvider:()=>R,DatasourceStoreProvider:()=>ai,EditDatasourcesButton:()=>nu,SaveChangesConfirmationDialog:()=>ae,DatasourceEditor:()=>nc,VariableProvider:()=>iG,useExternalVariableDefinitions:()=>iE,EditJsonButton:()=>nh,useListVariableState:()=>nw,usePanelActions:()=>er,usePanelGroupIds:()=>W,AddPanelButton:()=>ew,useVariableDefinitionStates:()=>iZ,PanelPreview:()=>nJ,useDashboard:()=>no,DashboardStickyToolbar:()=>nI,Dashboard:()=>nn});var a=n(24246),t=n(48565),r=n(69472),l=n(90775);let s={addPanel:"Add panel",addGroup:"Add panel group",editDatasources:"Edit datasources",editJson:"Edit JSON",editVariables:"Edit variables",viewJson:"View JSON",addPanelToGroup:"Add panel to group",deleteGroup:"Delete group",editGroup:"Edit group",moveGroupDown:"Move group down",moveGroupUp:"Move group up",viewPanel:"Toggle View Mode",editPanel:"Edit",duplicatePanel:"Duplicate",deletePanel:"Delete",movePanel:"Move"},o={addPanelToGroup:e=>`add panel to group ${e}`,deleteGroup:e=>`delete group ${e}`,editGroup:e=>`edit group ${e}`,moveGroupDown:e=>`move group ${e} down`,moveGroupUp:e=>`move group ${e} up`,viewPanel:e=>`toggle panel ${e} view mode`,editPanel:e=>`edit panel ${e}`,duplicatePanel:e=>`duplicate panel ${e}`,deletePanel:e=>`delete panel ${e}`,showPanelActions:e=>`show panel actions for ${e}`,movePanel:e=>`move panel ${e}`},d={whiteSpace:"nowrap",minWidth:"auto","& .MuiButton-startIcon":{marginRight:.5}},c="header-actions-container";var u=n(54538),p=n.n(u),h=n(40330),x=n(8785),g=n(56569),f=n(48639),m=n(65447),b=n(3735),j=n(74128);function v(){return void 0===globalThis.dashboardStoreId&&(globalThis.dashboardStoreId=0),globalThis.dashboardStoreId++}function y(e,i){return{kind:"Panel",spec:{display:{name:"",description:void 0},plugin:{kind:e??"",spec:i??{}},queries:[]}}}function C(e){let i={},n=[];for(let a of e){let e=[],t={};for(let i of a.spec.items){let n=v().toString();e.push({i:n,w:i.width,h:i.height,x:i.x,y:i.y}),t[n]=(0,b.getPanelKeyFromRef)(i.content)}let r=v();i[r]={id:r,isCollapsed:a.spec.display?.collapse?.open===!1,title:a.spec.display?.title,itemLayouts:e,itemPanelKeys:t},n.push(r)}return{panelGroups:i,panelGroupOrder:n}}function D(){return{id:v(),title:void 0,isCollapsed:!1,itemLayouts:[],itemPanelKeys:{}}}function w(e,i){e.panelGroups[i.id]=i,e.panelGroupOrder.unshift(i.id)}let Z=(e,i)=>({panelGroupEditor:void 0,openAddPanelGroup:()=>{let i={mode:"Add",initialValues:{title:"",isCollapsed:!1},applyChanges(i){let n=D();n.title=i.title,n.isCollapsed=i.isCollapsed,e(e=>{w(e,n)})},close(){e(e=>{e.panelGroupEditor=void 0})}};e(e=>{e.panelGroupEditor=i})},openEditPanelGroup:n=>{let a=i().panelGroups[n];if(void 0===a)throw Error(`Panel group with Id ${n} does not exist`);let t={mode:"Edit",initialValues:{title:a.title??"",isCollapsed:a.isCollapsed},applyChanges(i){e(e=>{let a=e.panelGroups[n];if(void 0===a)throw Error(`Panel group with Id ${n} does not exist`);a.title=i.title,a.isCollapsed=i.isCollapsed})},close(){e(e=>{e.panelGroupEditor=void 0})}};e(e=>{e.panelGroupEditor=t})}}),P={sm:24,xxs:2};function k(e){let i=0;for(let n of e.itemLayouts){let e=n.y+n.h;e>i&&(i=e)}return i}function S({x:e,y:i,w:n,h:a}){return{x1:e,x2:e+n,y1:i,y2:i+a}}function E(e,i){let n=function(e){let i={};return Object.keys(e).forEach(e=>{let{name:n,number:a}=I(e);void 0===i[n]&&(i[n]=0);let t=i[n];"number"==typeof t&&a&&(i[n]=Math.max(t,a))}),i}(i),a=I(V(e)).name,t=n[a];return"number"==typeof t&&(a+=`-${t+1}`),a}let V=e=>e.replace(/\s+/g,"");function I(e){let i=e.match(/(.+)-([0-9]+)/);return i&&i[1]&&i[2]?{name:i[1],number:parseInt(i[2],10)}:{name:e}}let G=(e,i)=>({deletePanelGroup(n){let{panelGroups:a,panelGroupOrder:t}=i(),r=a[n],l=t.findIndex(e=>e===n);if(void 0===r||-1===l)throw Error(`Panel group ${n} not found`);let s=Object.values(r.itemPanelKeys);e(e=>{delete e.panelGroups[n],e.panelGroupOrder.splice(l,1);let i=function(e){let i=new Set;for(let n of Object.values(e))for(let e of Object.values(n.itemPanelKeys))i.add(e);return i}(e.panelGroups);for(let n of s)i.has(n)||delete e.panels[n]})},openDeletePanelGroupDialog:n=>{let a=i().panelGroups[n];if(void 0===a)throw Error(`Panel group with Id ${n} not found`);e(e=>{e.deletePanelGroupDialog={panelGroupId:n,panelGroupName:a.title}})},closeDeletePanelGroupDialog:()=>e(e=>{e.deletePanelGroupDialog=void 0})}),A=e=>({isOpen:!1,openDiscardChangesConfirmationDialog(i){e(e=>{e.discardChangesConfirmationDialog=i})},closeDiscardChangesConfirmationDialog(){e(e=>{e.discardChangesConfirmationDialog=void 0})}}),T=e=>({isOpen:!1,openSaveChangesConfirmationDialog(i){e(e=>{e.saveChangesConfirmationDialog=i},!1,"openSaveChangesConfirmationDialog")},closeSaveChangesConfirmationDialog(){e(e=>{e.saveChangesConfirmationDialog=void 0},!1,"closeSaveChangesConfirmationDialog")}}),L=e=>({openEditJsonDialog(){e(e=>{e.editJsonDialog={isOpen:!0}})},closeEditJsonDialog(){e(e=>{e.editJsonDialog={isOpen:!1}})}}),O=(0,u.createContext)(void 0);function z(e){let i=(0,u.useContext)(O);if(void 0===i)throw Error("No DashboardContext found. Did you forget a Provider?");return(0,x.s)(i,e,m.X)}function R(e){let i=(0,u.useCallback)(M,[e]),{defaultPluginKinds:n}=(0,j.usePluginRegistry)(),t=n?.Panel??"",{data:r}=(0,j.usePlugin)("Panel",t),[l]=(0,u.useState)(i(e));return(0,u.useEffect)(()=>{if(void 0===r)return;let e=r.createInitialOptions?r.createInitialOptions():{};l.setState({initialValues:{panelDefinition:y(t,e)}})},[r,l,t]),(0,a.jsx)(O.Provider,{value:l,children:e.children})}function M(e){let{initialState:{dashboardResource:i,isEditMode:n,viewPanelRef:a,setViewPanelRef:t}}=e,{kind:r,metadata:l,spec:{display:s,duration:o,refreshInterval:d=b.DEFAULT_REFRESH_INTERVAL,datasources:c}}=i,u="ttl"in i.spec?i.spec.ttl:void 0,{spec:{layouts:p,panels:x}}=i;return p=p??[],x=x??{},(0,h.M)()((0,f.n)((0,g.mW)((...e)=>{var i;let h,g,f,m;let[j]=e;return{...(function(e){let{panelGroups:i,panelGroupOrder:n}=C(e);return e=>({panelGroups:i,panelGroupOrder:n,swapPanelGroups(i,n){e(e=>{if(i<0||i>=e.panelGroupOrder.length||n<0||n>=e.panelGroupOrder.length)throw Error("index out of bound");let a=e.panelGroupOrder[i],t=e.panelGroupOrder[n];if(void 0===a||void 0===t)throw Error("panel group is undefined");[e.panelGroupOrder[i],e.panelGroupOrder[n]]=[t,a]})},updatePanelGroupLayouts(i,n){e(e=>{let a=e.panelGroups[i];if(void 0===a)throw Error(`Cannot find panel group ${i}`);a.itemLayouts=n})}})})(p)(...e),...Z(...e),...G(...e),...(i=x,()=>({panels:i}))(...e),panelEditor:void 0,openEditPanel(i){let{panels:n,panelGroups:a}=h(),{panelGroupId:t,panelGroupItemLayoutId:r}=i,l=a[t]?.itemPanelKeys[r];if(void 0===l)throw Error(`Could not find Panel Group item ${i}`);let s=n[l];if(void 0===s)throw Error(`Cannot find Panel with key '${l}'`);let o={mode:"update",initialValues:{groupId:i.panelGroupId,panelDefinition:s},applyChanges:i=>{e(e=>{if(e.panels[l]=i.panelDefinition,i.groupId===t)return;let n=e.panelGroups[t];if(void 0===n)throw Error(`Missing panel group ${t}`);let a=n.itemLayouts.findIndex(e=>e.i===r),s=n.itemLayouts[a],o=n.itemPanelKeys[r];if(-1===a||void 0===s||void 0===o)throw Error(`Missing panel group item ${r}`);n.itemLayouts.splice(a,1),delete n.itemPanelKeys[r];let d=e.panelGroups[i.groupId];if(void 0===d)throw Error(`Could not find new group ${i.groupId}`);d.itemLayouts.push({i:s.i,x:0,y:k(d),w:s.w,h:s.h}),d.itemPanelKeys[s.i]=o})},close:()=>{e(e=>{e.panelEditor=void 0})}};e(e=>{e.panelEditor=o})},openAddPanel(i){let n;void 0===(i??=h().panelGroupOrder[0])&&((n=D()).title="Panel Group",i=n.id);let a={mode:"create",initialValues:{groupId:i,panelDefinition:h().initialValues?.panelDefinition??y()},applyChanges:i=>{let n=E(i.panelDefinition.spec.display.name,h().panels);e(e=>{e.panels[n]=i.panelDefinition;let a=e.panelGroups[i.groupId];if(void 0===a)throw Error(`Missing panel group ${i.groupId}`);let t={i:v().toString(),x:0,y:k(a),w:12,h:6};a.itemLayouts.push(t),a.itemPanelKeys[t.i]=n})},close:()=>{e(e=>{e.panelEditor=void 0})}};e(e=>{void 0!==n&&w(e,n),e.panelEditor=a})},deletePanel(i){e(e=>{let{panelGroupId:n,panelGroupItemLayoutId:a}=i,t=e.panelGroups[n];if(void 0===t)throw Error(`Missing panel group ${n}`);let r=t.itemLayouts.findIndex(e=>e.i===a),l=t.itemPanelKeys[a];if(-1===r||void 0===l)throw Error(`Missing panel group item ${a}`);t.itemLayouts.splice(r,1),delete t.itemPanelKeys[a],!1===function(e,i){for(let n of Object.values(e))if(void 0!==Object.values(n.itemPanelKeys).find(e=>e===i))return!0;return!1}(e.panelGroups,l)&&delete e.panels[l]})},openDeletePanelDialog(i){let{panelGroupId:n,panelGroupItemLayoutId:a}=i,{panels:t,panelGroups:r}=g(),l=r[n];if(void 0===l)throw Error(`Panel group not found ${n}`);let s=l.itemPanelKeys[a];if(void 0===s)throw Error(`Could not find Panel Group item ${a}`);let o=t[s];if(void 0===o)throw Error(`Could not find panel ${s}`);e(e=>{e.deletePanelDialog={panelGroupItemId:i,panelName:o.spec.display.name,panelGroupName:l.title??""}})},closeDeletePanelDialog(){e(e=>{e.deletePanelDialog=void 0})},duplicatePanel(i){e(e=>{let n=e.panels,{panelGroupId:a,panelGroupItemLayoutId:t}=i,r=e.panelGroups[a];if(void 0===r)throw Error(`Missing panel group ${a}`);let l=r.itemPanelKeys[t];if(void 0===l)throw Error(`Could not find Panel Group item ${i}`);let s=n[l];if(void 0===s)throw Error(`Cannot find Panel with key '${l}'`);let o=r.itemLayouts.find(e=>e.i===t);if(void 0===o)throw Error(`Cannot find layout for Panel with key '${l}'`);let d=E(l,n);e.panels[d]=s;let c={i:v().toString(),w:o.w,h:o.h};r.itemLayouts=function(e,i,n){let a=P.sm,t=S(i),r=[],l=[],s=[];n.forEach(e=>{let i=S(e);i.y2<=t.y1?r.push(e):i.y1>=t.y2?s.push(e):l.push(e)}),l.sort((e,i)=>e.x-i.x);let o=l.findIndex(e=>e.i===i.i);if(o===l.length-1){if(t.x2+e.w<=a)return[...r,...l,{...e,x:t.x2,y:t.y1},...s]}else if(o>=0){let i=l[o+1];if(i&&S(i).x1-t.x2>=e.w)return l.splice(o+1,0,{...e,x:t.x2,y:t.y1}),[...r,...l,...s]}return[...r,...l,{x:t.x1,y:t.y2,...e},...s.map(i=>({...i,y:i.y+e.h}))]}(c,o,r.itemLayouts),r.itemPanelKeys[c.i]=d})},...(f=e,{viewPanel:{panelGroupItemId:void 0,panelRef:a},getViewPanel:()=>{var e,i,n;return e=m().panelGroups,i=m().viewPanel.panelGroupItemId,n=m().viewPanel.panelRef,i||(n?function(e,i){for(let n of Object.values(e)){let e=Object.entries(n.itemPanelKeys??[]).find(([e,n])=>n===i);if(e){let[i]=e;return{panelGroupId:n.id,panelGroupItemLayoutId:i}}}}(e,n):void 0)},setViewPanel(e){f(i=>{i.viewPanel={panelRef:void 0,panelGroupItemId:e};let n=function(e,i){if(!i)return;let n=e[i.panelGroupId];if(n)return n.itemPanelKeys[i.panelGroupItemLayoutId]}(m().panelGroups,e);t&&t(n)})}}),...A(...e),...L(...e),...T(...e),kind:r,metadata:l,display:s,duration:o,refreshInterval:d,datasources:c,ttl:u,isEditMode:!!n,setEditMode:e=>j({isEditMode:e}),setDashboard:({kind:e,metadata:i,spec:{display:n,panels:a={},layouts:t=[],duration:r,refreshInterval:l,datasources:s={}}})=>{j(o=>{o.kind=e,o.metadata=i,o.display=n,o.panels=a;let{panelGroups:d,panelGroupOrder:c}=C(t);o.panelGroups=d,o.panelGroupOrder=c,o.duration=r,o.refreshInterval=l??b.DEFAULT_REFRESH_INTERVAL,o.datasources=s})}}})))}let $=({isEditMode:e,setEditMode:i})=>({isEditMode:e,setEditMode:i});function B(){return z($)}let _=({setDashboard:e,openAddPanelGroup:i,openAddPanel:n})=>({setDashboard:e,openAddPanelGroup:i,openAddPanel:n});function F(){let{setDashboard:e,openAddPanelGroup:i,openAddPanel:n}=z(_);return{setDashboard:e,openAddPanelGroup:()=>i(),openAddPanel:()=>n()}}let N=e=>e.panelGroupOrder;function W(){return z(N)}let U=e=>e.panelGroups;function H(){let e=W(),i=z(U);return(0,u.useMemo)(()=>e.map(e=>{let n=i[e];if(void 0===n)throw Error(`Invalid panel group Id found ${e}`);return n}),[e,i])}function J(e){let i=z((0,u.useCallback)(i=>i.panelGroups[e],[e]));if(void 0===i)throw Error(`Panel group with Id ${e} was not found`);return i}let q=({openEditPanelGroup:e,deletePanelGroup:i,openAddPanel:n,updatePanelGroupLayouts:a})=>({openEditPanelGroup:e,deletePanelGroup:i,openAddPanel:n,updatePanelGroupLayouts:a});function Q(e){let{moveUp:i,moveDown:n}=function(e){let i=z((0,u.useCallback)(i=>i.panelGroupOrder.findIndex(i=>i===e),[e])),n=z(Y),a=z(K);if(i<0)throw Error(`Could not find panel group with Id ${e} in order array`);return{moveUp:i>0?()=>a(i,i-1):void 0,moveDown:i<n-1?()=>a(i,i+1):void 0}}(e),{openEditPanelGroup:a,deletePanelGroup:t,openAddPanel:r,updatePanelGroupLayouts:l}=z(q);return{openEditPanelGroup:()=>a(e),deletePanelGroup:()=>t(e),openAddPanel:()=>r(e),moveUp:i,moveDown:n,updatePanelGroupLayouts:i=>l(e,i)}}let K=e=>e.swapPanelGroups,Y=e=>e.panelGroupOrder.length,X=e=>e.panelGroupEditor;function ee(){return z(X)}let ei=({deletePanelGroupDialog:e,openDeletePanelGroupDialog:i,closeDeletePanelGroupDialog:n,deletePanelGroup:a})=>({deletePanelGroupDialog:e,openDeletePanelGroupDialog:i,closeDeletePanelGroupDialog:n,deletePanelGroup:a});function en(){let{deletePanelGroupDialog:e,openDeletePanelGroupDialog:i,closeDeletePanelGroupDialog:n,deletePanelGroup:a}=z(ei);return{deletePanelGroupDialog:e,deletePanelGroup:a,openDeletePanelGroupDialog:i,closeDeletePanelGroupDialog:()=>n()}}function ea(e){let{panelGroupId:i,panelGroupItemLayoutId:n}=e,a=z((0,u.useCallback)(e=>{let a=e.panelGroups[i]?.itemPanelKeys[n];if(void 0!==a)return e.panels[a]},[i,n]));if(void 0===a)throw Error(`Could not find panel for Id ${e}`);return a}let et=({openEditPanel:e,openDeletePanelDialog:i,duplicatePanel:n,setViewPanel:a})=>({openEditPanel:e,openDeletePanelDialog:i,duplicatePanel:n,setViewPanel:a});function er(e){let{openEditPanel:i,openDeletePanelDialog:n,duplicatePanel:a,setViewPanel:t}=z(et);return{openEditPanel:()=>i(e),openDeletePanelDialog:()=>n(e),duplicatePanel:()=>a(e),viewPanel:e=>t(e)}}let el=e=>e.panelEditor;function es(){return z(el)}let eo=({deletePanelDialog:e,deletePanel:i,closeDeletePanelDialog:n})=>({deletePanelDialog:e,deletePanel:i,closeDeletePanelDialog:n});function ed(){return z(eo)}let ec=e=>e.duration;function eu(){return z(ec)}let ep=e=>({setViewPanel:e.setViewPanel,getViewPanel:e.getViewPanel,viewPanelId:e.getViewPanel()});function eh(){return z(ep)}let ex=e=>e.getViewPanel();function eg(){return z(ex)}let ef=({saveChangesConfirmationDialog:e,openSaveChangesConfirmationDialog:i,closeSaveChangesConfirmationDialog:n})=>({saveChangesConfirmationDialog:e,openSaveChangesConfirmationDialog:i,closeSaveChangesConfirmationDialog:n});function em(){return z(ef)}let eb=({discardChangesConfirmationDialog:e,openDiscardChangesConfirmationDialog:i,closeDiscardChangesConfirmationDialog:n})=>({discardChangesConfirmationDialog:e,openDiscardChangesConfirmationDialog:i,closeDiscardChangesConfirmationDialog:n});function ej(){return z(eb)}let ev=({editJsonDialog:e,openEditJsonDialog:i,closeEditJsonDialog:n})=>({editJsonDialog:e,openEditJsonDialog:i,closeEditJsonDialog:n});function ey(){return z(ev)}let eC=()=>{let{openAddPanelGroup:e}=F();return(0,a.jsx)(l.InfoTooltip,{description:s.addGroup,children:(0,a.jsx)(t.Z,{startIcon:(0,a.jsx)(r.default,{}),onClick:e,"aria-label":s.addGroup,sx:d,children:"Panel Group"})})};var eD=n(31243);let ew=({variant:e="text",color:i="primary",label:n="Panel",fullWidth:r})=>{let{openAddPanel:o}=F();return(0,a.jsx)(l.InfoTooltip,{description:s.addPanel,children:(0,a.jsx)(t.Z,{startIcon:(0,a.jsx)(eD.default,{}),onClick:o,"aria-label":s.addPanel,variant:e,color:i,fullWidth:r,sx:d,children:n})})};var eZ=n(36372),eP=n(30788),ek=n(94776),eS=n(33711),eE=n(52054),eV=n(75094),eI=n(25283),eG=n(12449),eA=n(84974),eT=n(57739),eL=n(47501),eO=n(61679),ez=n(22446);function eR(e){let{panelGroupId:i,title:n,collapse:t}=e,r=(0,j.useReplaceVariablesInString)(n),{openAddPanel:d,openEditPanelGroup:c,moveUp:u,moveDown:p}=Q(i),{openDeletePanelGroupDialog:h}=en(),{isEditMode:x}=B(),g=(0,a.jsx)(eE.Z,{variant:"h2",children:r});return(0,a.jsx)(eZ.Z,{onClick:t?.onToggleOpen,sx:{display:"flex",justifyContent:"start",alignItems:"center",cursor:t?"pointer":"auto",backgroundColor:({palette:e})=>e.background.paper},"data-testid":"panel-group-header",children:t?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(eV.Z,{sx:{marginRight:1},"aria-label":`${t.isOpen?"collapse":"expand"} group ${r}`,children:t.isOpen?(0,a.jsx)(eG.default,{}):(0,a.jsx)(eA.default,{})}),g,x&&(0,a.jsxs)(eI.Z,{direction:"row",marginLeft:"auto",children:[(0,a.jsx)(l.InfoTooltip,{description:s.addPanelToGroup,children:(0,a.jsx)(eV.Z,{"aria-label":o.addPanelToGroup(r),onClick:e=>{e.stopPropagation(),d()},children:(0,a.jsx)(eD.default,{})})}),(0,a.jsx)(l.InfoTooltip,{description:s.editGroup,children:(0,a.jsx)(eV.Z,{"aria-label":o.editGroup(r),onClick:e=>{e.stopPropagation(),c()},children:(0,a.jsx)(eT.default,{})})}),(0,a.jsx)(l.InfoTooltip,{description:s.deleteGroup,children:(0,a.jsx)(eV.Z,{"aria-label":o.deleteGroup(r),onClick:e=>{e.stopPropagation(),h(i)},children:(0,a.jsx)(ez.default,{})})}),(0,a.jsx)(l.InfoTooltip,{description:s.moveGroupDown,children:(0,a.jsx)(eV.Z,{"aria-label":o.moveGroupDown(r),disabled:void 0===p,onClick:e=>{e.stopPropagation(),p?.()},children:(0,a.jsx)(eO.default,{})})}),(0,a.jsx)(l.InfoTooltip,{description:s.moveGroupUp,children:(0,a.jsx)(eV.Z,{"aria-label":o.moveGroupUp(r),disabled:void 0===u,onClick:e=>{e.stopPropagation(),u?.()},children:(0,a.jsx)(eL.default,{})})})]})]}):g})}var eM=n(32647),e$=n(84954),eB=n(25635),e_=n(75276),eF=n(66224);function eN(e){let{kind:i,spec:n,contentDimensions:t,definition:r,queryResults:l}=e,{data:s,isLoading:o}=(0,j.usePlugin)("Panel",i,{throwOnError:!0}),d=s?.PanelComponent,c=s?.supportedQueryTypes||[];if(o)return(0,a.jsx)(eF.Z,{variant:"rectangular",width:t?.width,height:t?.height,"aria-label":"Loading..."});if(void 0===d)throw Error(`Missing PanelComponent from panel plugin for kind '${i}'`);for(let e of l)if(!c.includes(e.definition.kind))throw Error(`This panel does not support queries of type '${e.definition.kind}'. Supported query types: ${c.join(", ")}.`);return(0,a.jsx)(d,{spec:n,contentDimensions:t,definition:r,queryResults:l})}function eW(e){let{panelPluginKind:i,definition:n,queryResults:t,spec:r,contentDimensions:l}=e,{data:s,isLoading:o}=(0,j.usePlugin)("Panel",i,{throwOnError:!0});if(o)return(0,a.jsx)(eF.Z,{variant:"rectangular",width:l?.width,height:l?.height,"aria-label":"Loading..."});let d=t.flatMap(e=>e.data?[{data:e.data,definition:e.definition}]:[]);if(d.length>0||0===t.length)return(0,a.jsx)(eN,{kind:i,spec:r,contentDimensions:l,definition:n,queryResults:d});if(t.some(e=>e.isFetching))return(0,a.jsx)(eU,{plugin:s,spec:r,definition:n,contentDimensions:l});let c=t.find(e=>e.error);if(c)throw c.error;return(0,a.jsx)(eU,{plugin:s,spec:r,definition:n,contentDimensions:l})}function eU({plugin:e,spec:i,definition:n,contentDimensions:t}){return e?.LoadingComponent?(0,a.jsx)(e.LoadingComponent,{spec:i,contentDimensions:t,definition:n,queryResults:[]}):(0,a.jsx)(l.LoadingOverlay,{})}var eH=n(81652),eJ=n(12709),eq=n(50898),eQ=n(6714),eK=n(15758),eY=n(13801),eX=n(18979),e0=n(50345),e1=n(93051),e2=n(47512),e5=n(39398);let e4=(0,eJ.ZP)(eV.Z)(({theme:e})=>({borderRadius:e.shape.borderRadius,padding:"4px"}));var e3=n(5549),e7=n(10517),e8=n(60886),e6=n(14434);function e9({links:e}){let[i,n]=(0,u.useState)(null);if(1===e.length&&e[0]){let i=e[0];return(0,a.jsx)(ie,{link:i})}return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.InfoTooltip,{description:`${e.length} links`,enterDelay:100,children:(0,a.jsx)(eV.Z,{"aria-label":"Panel links",size:"small",onClick:e=>{n(e.currentTarget)},sx:e=>({borderRadius:e.shape.borderRadius,padding:"4px"}),children:(0,a.jsx)(e6.default,{"aria-describedby":"links-icon",fontSize:"inherit",sx:{color:e=>e.palette.text.secondary}})})}),(0,a.jsx)(e3.Z,{anchorEl:i,open:!!i,onClose:()=>{n(null)},MenuListProps:{"aria-labelledby":"panel-links"},children:e.map(e=>(0,a.jsx)(ii,{link:e},e.url))})]})}function ie({link:e}){let{url:i,name:n,tooltip:t,targetBlank:r}=ia(e);return(0,a.jsx)(l.InfoTooltip,{description:t??i,enterDelay:100,children:(0,a.jsx)(eV.Z,{"aria-label":n??i,size:"small",href:i,target:r?"_blank":"_self",sx:e=>({borderRadius:e.shape.borderRadius,padding:"4px"}),children:(0,a.jsx)(e6.default,{fontSize:"inherit",sx:{color:e=>e.palette.text.secondary}})})})}function ii({link:e}){let{url:i,name:n,tooltip:t,targetBlank:r}=ia(e);return(0,a.jsx)(l.InfoTooltip,{description:t??i,enterDelay:100,children:(0,a.jsx)(e7.Z,{component:e8.Z,href:i,target:r?"_blank":"_self",children:n??i})})}function ia(e){let i=(0,j.useReplaceVariablesInString)(e.url)??e.url,n=(0,j.useReplaceVariablesInString)(e.name),a=(0,j.useReplaceVariablesInString)(e.tooltip);return!1===e.renderVariables?e:{...e,url:i,name:n,tooltip:a}}let it=(0,eJ.ZP)(eZ.Z)({display:"none",alignItems:"center",flexGrow:1,justifyContent:"flex-end"}),ir=({editHandlers:e,readHandlers:i,extra:n,title:t,description:r,descriptionTooltipId:d,links:p,queryResults:h})=>{let x=(0,u.useMemo)(()=>{if(r&&r.trim().length>0)return(0,a.jsx)(l.InfoTooltip,{id:d,description:r,enterDelay:100,children:(0,a.jsx)(e4,{"aria-label":"panel description",size:"small",children:(0,a.jsx)(e5.default,{"aria-describedby":"info-tooltip","aria-hidden":!1,fontSize:"inherit",sx:{color:e=>e.palette.text.secondary}})})})},[d,r]),g=p&&p.length>0&&(0,a.jsx)(e9,{links:p}),f=void 0===e&&n,m=(0,u.useMemo)(()=>{let e=h.some(e=>e.data),i=h.some(e=>e.isFetching),n=h.filter(e=>e.error);if(i&&e)return(0,a.jsx)(eq.Z,{"aria-label":"loading",size:"1.125rem"});if(n.length>0){let e=n.map(e=>e.error).map(e=>e?.message??e?.toString()??"Unknown error").join("\n");return(0,a.jsx)(l.InfoTooltip,{description:e,children:(0,a.jsx)(e4,{"aria-label":"panel errors",size:"small",children:(0,a.jsx)(e2.default,{fontSize:"inherit"})})})}},[h]),b=(0,u.useMemo)(()=>{if(void 0!==i)return(0,a.jsx)(l.InfoTooltip,{description:s.viewPanel,children:(0,a.jsx)(e4,{"aria-label":o.viewPanel(t),size:"small",onClick:i.onViewPanelClick,children:i.isPanelViewed?(0,a.jsx)(eK.default,{fontSize:"inherit"}):(0,a.jsx)(eY.default,{fontSize:"inherit"})})})},[i,t]),j=(0,u.useMemo)(()=>{if(void 0!==e)return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.InfoTooltip,{description:s.editPanel,children:(0,a.jsx)(e4,{"aria-label":o.editPanel(t),size:"small",onClick:e.onEditPanelClick,children:(0,a.jsx)(eT.default,{fontSize:"inherit"})})}),(0,a.jsx)(l.InfoTooltip,{description:s.duplicatePanel,children:(0,a.jsx)(e4,{"aria-label":o.duplicatePanel(t),size:"small",onClick:e.onDuplicatePanelClick,children:(0,a.jsx)(e0.default,{fontSize:"inherit",sx:{transform:"scale(0.925)"}})})}),(0,a.jsx)(l.InfoTooltip,{description:s.deletePanel,children:(0,a.jsx)(e4,{"aria-label":o.deletePanel(t),size:"small",onClick:e.onDeletePanelClick,children:(0,a.jsx)(ez.default,{fontSize:"inherit"})})})]})},[e,t]),v=(0,u.useMemo)(()=>{if(j&&!i?.isPanelViewed)return(0,a.jsx)(l.InfoTooltip,{description:s.movePanel,children:(0,a.jsx)(e4,{"aria-label":o.movePanel(t),size:"small",children:(0,a.jsx)(eX.default,{className:"drag-handle",sx:{cursor:"grab"},fontSize:"inherit"})})})},[j,i,t]),y=(0,a.jsx)(eZ.Z,{sx:{flexGrow:1}}),C=({children:n})=>void 0!==e||i?.isPanelViewed?(0,a.jsx)(a.Fragment,{children:n}):(0,a.jsx)(eZ.Z,{sx:{display:"var(--panel-hover, none)"},children:n});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(it,{sx:e=>({[e.containerQueries(c).between(0,170)]:{display:"flex"}}),children:[y,(0,a.jsxs)(C,{children:[(0,a.jsxs)(il,{title:t,children:[x," ",g," ",m," ",f," ",b," ",j]}),v]})]}),(0,a.jsxs)(it,{sx:e=>({[e.containerQueries(c).between(170,220)]:{display:"flex"}}),children:[(0,a.jsxs)(C,{children:[x," ",g]}),y," ",m,(0,a.jsxs)(C,{children:[f," ",b,(0,a.jsx)(il,{title:t,children:j}),v]})]}),(0,a.jsxs)(it,{sx:e=>({display:"flex",[e.containerQueries(c).down(220)]:{display:"none"}}),children:[(0,a.jsxs)(C,{children:[x," ",g]}),y," ",m,(0,a.jsxs)(C,{children:[f," ",b," ",j," ",v]})]})]})},il=({children:e,title:i})=>{let[n,t]=(0,u.useState)();if(!((0,u.isValidElement)(e)||Array.isArray(e)&&e.some(u.isValidElement)))return;let r=()=>{t(void 0)},l=!!n,s=l?"actions-menu":void 0;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e4,{className:"show-actions","aria-describedby":s,onClick:e=>{t(e.currentTarget.getBoundingClientRect())},"aria-label":o.showPanelActions(i),size:"small",children:(0,a.jsx)(e1.default,{fontSize:"inherit"})}),(0,a.jsx)(eQ.ZP,{id:s,open:l,anchorReference:"anchorPosition",anchorPosition:n,onClose:r,anchorOrigin:{vertical:"bottom",horizontal:"left"},children:(0,a.jsx)(eI.Z,{direction:"row",alignItems:"center",sx:{padding:1},onClick:r,children:e})})]})};function is({id:e,title:i,description:n,links:t,queryResults:r,readHandlers:s,editHandlers:o,sx:d,extra:u,...p}){let h=`${e}-title`,x=`${e}-description`,g=(0,j.useReplaceVariablesInString)(i),f=(0,j.useReplaceVariablesInString)(n);return(0,a.jsx)(eH.Z,{id:e,component:"header","aria-labelledby":h,"aria-describedby":x,disableTypography:!0,title:(0,a.jsxs)(eI.Z,{direction:"row",children:[(0,a.jsx)(eE.Z,{id:h,variant:"subtitle1",sx:{lineHeight:"24px",minHeight:"26px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:g}),(0,a.jsx)(ir,{title:g,description:f,descriptionTooltipId:x,links:t,queryResults:r,readHandlers:s,editHandlers:o,extra:u})]}),sx:(0,l.combineSx)(e=>({containerType:"inline-size",containerName:c,padding:e.spacing(1),borderBottom:`solid 1px ${e.palette.divider}`,".MuiCardHeader-content":{overflow:"hidden"}}),d),...p})}let io=(0,u.memo)(function(e){let{definition:i,readHandlers:n,editHandlers:t,onMouseEnter:r,onMouseLeave:s,sx:o,panelOptions:d,panelGroupItemId:c,...p}=e,h=(0,l.useId)("Panel"),x=`${h}-header`,[g,f]=(0,u.useState)(null),{width:m,height:b}=(0,e_.default)({ref:g}),v=(0,u.useMemo)(()=>{if(void 0!==m&&void 0!==b)return{width:m,height:b}},[m,b]),y=(0,l.useChartsTheme)(),{queryResults:C}=(0,j.useDataQueriesContext)();return(0,a.jsxs)(e$.Z,{component:"section",sx:(0,l.combineSx)({width:"100%",height:"100%",display:"flex",flexFlow:"column nowrap",":hover":{"--panel-hover":"block"}},o),variant:"outlined",onMouseEnter:e=>{r?.(e)},onMouseLeave:e=>{s?.(e)},"aria-labelledby":x,"aria-describedby":x,"data-testid":"panel",...p,children:[!d?.hideHeader&&(0,a.jsx)(is,{extra:d?.extra?.({panelDefinition:i,panelGroupItemId:c}),id:x,title:i.spec.display.name,description:i.spec.display.description,queryResults:C,readHandlers:n,editHandlers:t,links:i.spec.links,sx:{paddingX:`${y.container.padding.default}px`}}),(0,a.jsx)(eB.Z,{component:"figure",sx:{position:"relative",overflow:"hidden",flexGrow:1,margin:0,padding:0,":last-child":{padding:0}},ref:f,children:(0,a.jsx)(l.ErrorBoundary,{FallbackComponent:l.ErrorAlert,resetKeys:[i.spec],children:(0,a.jsx)(eW,{definition:i,panelPluginKind:i.spec.plugin.kind,spec:i.spec.plugin.spec,contentDimensions:v,queryResults:C})})})]})});function id(e){let i;let{panelGroupItemId:n,width:t}=e,r=ea(n),{spec:{queries:l}}=r,{isEditMode:s}=B(),{openEditPanel:o,openDeletePanelDialog:d,duplicatePanel:c,viewPanel:u}=er(n),p=eg(),{ref:h,inView:x}=(0,eM.YD)({threshold:.2,initialInView:!1,triggerOnce:!0}),g={isPanelViewed:p?.panelGroupId===n?.panelGroupId&&p?.panelGroupItemLayoutId===n?.panelGroupItemLayoutId,onViewPanelClick:function(){void 0===p?u(n):u(void 0)}};s&&(i={onEditPanelClick:o,onDuplicatePanelClick:c,onDeletePanelClick:d});let f=(0,j.useSuggestedStepMs)(t),{data:m}=(0,j.usePlugin)("Panel",r.spec.plugin.kind),b=(l??[]).map(e=>({kind:e.spec.plugin.kind,spec:e.spec.plugin.spec})),v="function"==typeof m?.queryOptions?m?.queryOptions(r.spec.plugin.spec):m?.queryOptions;return(0,a.jsx)(eZ.Z,{ref:h,sx:{width:"100%",height:"100%"},children:(0,a.jsx)(j.DataQueriesProvider,{definitions:b,options:{suggestedStepMs:f,...v},queryOptions:{enabled:x},children:x&&(0,a.jsx)(io,{definition:r,readHandlers:g,editHandlers:i,panelOptions:e.panelOptions,panelGroupItemId:n})})})}function ic(e){let[i,n]=(0,u.useState)(!0);return(0,u.useEffect)(()=>{i&&n(!1)},[i]),(0,a.jsx)(iu,{sx:[{"& + &":{marginTop:1},"& .react-grid-item.cssTransforms":{transitionProperty:i?"none":"transform"}},...Array.isArray(e.sx)?e.sx:[e.sx]],"data-testid":"panel-group",children:e.children})}let iu=(0,eJ.ZP)("section")(({theme:e})=>({"& .react-grid-layout":{position:"relative",transition:"height 200ms ease"},"& .react-grid-item":{transition:"all 200ms ease",transitionProperty:"left, top"},"& .react-grid-item img":{pointerEvents:"none",userSelect:"none"},"& .react-grid-item.cssTransforms":{transitionProperty:"transform"},"& .react-grid-item.resizing":{zIndex:1,willChange:"width, height"},"& .react-grid-item.react-draggable-dragging":{transition:"none",zIndex:3,willChange:"transform"},"& .react-grid-item.dropping":{visibility:"hidden"},"& .react-grid-item.react-grid-placeholder":{background:e.palette.primary.main,opacity:.2,transitionDuration:"100ms",zIndex:2,userSelect:"none",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",OUserSelect:"none"},"& .react-grid-item > .react-resizable-handle":{position:"absolute",width:"20px",height:"20px"},"& .react-grid-item > .react-resizable-handle::after":{content:'""',position:"absolute",right:"3px",bottom:"3px",width:"5px",height:"5px",borderRight:`2px solid ${e.palette.text.secondary}`,borderBottom:`2px solid ${e.palette.text.secondary}`},"& .react-resizable-hide > .react-resizable-handle":{display:"none"},"& .react-grid-item > .react-resizable-handle.react-resizable-handle-sw":{bottom:"0",left:"0",cursor:"sw-resize",transform:"rotate(90deg)"},"& .react-grid-item > .react-resizable-handle.react-resizable-handle-se":{bottom:"0",right:"0",cursor:"se-resize"},"& .react-grid-item > .react-resizable-handle.react-resizable-handle-nw":{top:"0",left:"0",cursor:"nw-resize",transform:"rotate(180deg)"},"& .react-grid-item > .react-resizable-handle.react-resizable-handle-ne":{top:"0",right:"0",cursor:"ne-resize",transform:"rotate(270deg)"},"& .react-grid-item > .react-resizable-handle.react-resizable-handle-w, &.react-grid-item > .react-resizable-handle.react-resizable-handle-e":{top:"50%",marginTop:"-10px",cursor:"ew-resize"},"& .react-grid-item > .react-resizable-handle.react-resizable-handle-w":{left:"0",transform:"rotate(135deg)"},"& .react-grid-item > .react-resizable-handle.react-resizable-handle-e":{right:"0",transform:"rotate(315deg)"},"& .react-grid-item > .react-resizable-handle.react-resizable-handle-n, &.react-grid-item > .react-resizable-handle.react-resizable-handle-s":{left:"50%",marginLeft:"-10px",cursor:"ns-resize"},"& .react-grid-item > .react-resizable-handle.react-resizable-handle-n":{top:"0",transform:"rotate(225deg)"},"& .react-grid-item > .react-resizable-handle.react-resizable-handle-s":{bottom:"0",transform:"rotate(45deg)"},"& .react-resizable":{position:"relative"},"& .react-resizable-handle":{position:"absolute",width:"20px",height:"20px",backgroundRepeat:"no-repeat",backgroundOrigin:"content-box",boxSizing:"border-box",backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+')",backgroundPosition:"bottom right",padding:"0 3px 3px 0"},"& .react-resizable-handle-sw":{bottom:"0",left:"0",cursor:"sw-resize",transform:"rotate(90deg)"},"& .react-resizable-handle-se":{bottom:"0",right:"0",cursor:"se-resize"},"& .react-resizable-handle-nw":{top:"0",left:"0",cursor:"nw-resize",transform:"rotate(180deg)"},"& .react-resizable-handle-ne":{top:"0",right:"0",cursor:"ne-resize",transform:"rotate(270deg)"},"& .react-resizable-handle-w, .react-resizable-handle-e":{top:"50%",marginTop:"-10px",cursor:"ew-resize"},"& .react-resizable-handle-w":{left:"0",transform:"rotate(135deg)"},"& .react-resizable-handle-e":{right:"0",transform:"rotate(315deg)"},"& .react-resizable-handle-n, .react-resizable-handle-s":{left:"50%",marginLeft:"-10px",cursor:"ns-resize"},"& .react-resizable-handle-n":{top:"0",transform:"rotate(225deg)"},"& .react-resizable-handle-s":{bottom:"0",transform:"rotate(45deg)"}}));function ip(e){let{panelGroupId:i,panelOptions:n,panelFullHeight:t}=e,r=(0,ek.Z)(),s=J(i),{updatePanelGroupLayouts:o}=Q(i),[d,c]=(0,u.useState)(!s.isCollapsed),{isEditMode:p}=B(),[h,x]=(0,u.useState)(0),g=eg(),f=g?.panelGroupId===i,m=g?.panelGroupItemLayoutId;(0,u.useEffect)(()=>{f&&c(!0)},[f]);let b=void 0===g||f,j=(0,u.useMemo)(()=>m?s.itemLayouts.map(e=>e.i===m?{h:Math.round(((t??window.innerHeight)-48)/40),i:m,w:48,x:0,y:0}:e):s.itemLayouts,[s.itemLayouts,m,t]),v=(0,u.useMemo)(()=>(0,eP.WidthProvider)(eP.Responsive),[]);return(0,a.jsxs)(ic,{sx:{display:b?"block":"none",height:m?`${t}px`:"unset",overflow:m?"hidden":"unset"},children:[void 0!==s.title&&(0,a.jsx)(eR,{panelGroupId:i,title:s.title,collapse:void 0===s.isCollapsed?void 0:{isOpen:d,onToggleOpen:()=>c(e=>!e)}}),(0,a.jsx)(eS.Z,{in:d,unmountOnExit:!0,appear:!1,"data-testid":"panel-group-content",children:(0,a.jsx)(v,{className:"layout",breakpoints:{sm:r.breakpoints.values.sm,xxs:0},cols:P,rowHeight:30,draggableHandle:".drag-handle",resizeHandles:["se"],isDraggable:p&&!f,isResizable:p&&!f,margin:[10,10],containerPadding:[0,10],layouts:{sm:j},onLayoutChange:(e,i)=>{let n=i.sm;n&&!f&&o(n)},onWidthChange:(e,i,n,a)=>{x((e-i[0]*(n-1)-2*a[0])/n)},allowOverlap:f,children:j.map(({i:e,w:t})=>(0,a.jsx)("div",{style:{display:void 0!==m?m===e?"unset":"none":"unset"},children:(0,a.jsx)(l.ErrorBoundary,{FallbackComponent:l.ErrorAlert,children:(0,a.jsx)(id,{panelOptions:n,panelGroupItemId:{panelGroupId:i,panelGroupItemLayoutId:e},width:ih(t,h)})})},e))})})]})}let ih=(e,i)=>Number.isFinite(e)?Math.round(i*e+10*Math.max(0,e-1)):e;var ix=n(71783),ig=n(75586);function im(e,i){var n,a,t;let r={},l=[];return n=e,a=i,t=(e,i)=>{r[i]||(l.push(e),r[i]=!0)},n.forEach(e=>t(e,e.spec.name)),a.forEach(e=>e.definitions.forEach(i=>t(i,i.spec.name,e.source))),l}function ib(e,i){let n={value:null,loading:!1,overriding:!1,overridden:!1};switch(e.kind){case"TextVariable":n.value=i??e.spec.value;break;case"ListVariable":if(n.options=[],n.value=i??e.spec.defaultValue??null,n.options.length>0&&!n.value){let i=n.options[0]?.value??null;null!==i&&(n.value=e.spec.allowMultiple?[i]:i)}Array.isArray(n.value)&&1===n.value.length&&n.value[0]===b.DEFAULT_ALL_VALUE&&(n.value=b.DEFAULT_ALL_VALUE)}return n}function ij(e,i,n=[]){let a=new j.VariableStoreStateMap,t={};e.forEach(e=>{t[e.spec.name]=!0},{});let r={};return n.forEach(e=>{let n=e.source;e.definitions.forEach(e=>{let l=e.spec.name,s=i[l];a.set({source:n,name:l},{...ib(e,s||null),overridden:!!t[l]}),t[l]=!0,r[e.spec.name]=!0})},{}),e.forEach(e=>{let n=e.spec.name,t=i[n];a.set({name:n},{...ib(e,t||null),overriding:!!r[n]})}),t={},n.slice().reverse().forEach(e=>{let i=e.source;e.definitions.forEach(e=>{let n=e.spec.name,r=a.get({source:i,name:n});r&&(r.overriding=!!t[n]),t[n]=!0})}),a}var iv=n(51564);let iy="var-",iC={encode:function(e){return Array.isArray(e)?e.join(","):e},decode:e=>"string"==typeof e?function(e){if(!e)return null;let i=e.split(",");return 1===i.length?i[0]:i}(e):""},iD=(0,u.createContext)(void 0);function iw(){let e=(0,u.useContext)(iD);if(!e)throw Error("VariableStoreContext not initialized");return e}function iZ(e){let i=iw();return(0,x.s)(i,i=>{let n={};return(e??i.variableDefinitions.map(e=>e.spec.name)).forEach(e=>{let a=i.variableState.get({name:e});a&&!a.overridden&&(n[e]=a)}),i.externalVariableDefinitions.forEach(e=>{let a=e.source;e.definitions.forEach(e=>{let t=e.spec.name,r=i.variableState.get({name:t,source:a});r&&!r.overridden&&(n[t]=r)})}),n},(e,i)=>JSON.stringify(e)===JSON.stringify(i))}function iP(e,i){let n=iw();return(0,ix.oR)(n,n=>({state:n.variableState.get({name:e,source:i}),definition:((i?n.externalVariableDefinitions.find(e=>e.source===i)?.definitions:n.variableDefinitions)||[]).find(i=>i.spec.name===e)}))}function ik(){let e=iw();return(0,x.s)(e,e=>({setVariableValue:e.setVariableValue,setVariableLoading:e.setVariableLoading,setVariableOptions:e.setVariableOptions,setVariableDefinitions:e.setVariableDefinitions,setVariableDefaultValues:e.setVariableDefaultValues,getSavedVariablesStatus:e.getSavedVariablesStatus}),m.X)}function iS(){let e=iw();return(0,ix.oR)(e,e=>e.variableDefinitions)}function iE(){let e=iw();return(0,ix.oR)(e,e=>e.externalVariableDefinitions)}function iV({children:e,builtinVariables:i}){let n=iZ(),t=iS(),r=iE(),{absoluteTimeRange:l}=(0,j.useTimeRange)(),s=(0,u.useMemo)(()=>{let e={};return Object.keys(n).forEach(i=>{let a={...n[i]};if(a.value===b.DEFAULT_ALL_VALUE){let e=im(t,r).find(e=>e.spec.name===i);e?.kind==="ListVariable"&&e.spec.customAllValue?a.value=e.spec.customAllValue:a.value=a.options?.map(e=>e.value)??null}e[i]=a}),e},[n,t,r]),o=(0,u.useMemo)(()=>{let e=[{kind:"BuiltinVariable",spec:{name:"__from",value:()=>l.start.valueOf().toString(),source:"Dashboard",display:{name:"__from",description:"Start time of the current time range in unix millisecond epoch",hidden:!0}}},{kind:"BuiltinVariable",spec:{name:"__to",value:()=>l.end.valueOf().toString(),source:"Dashboard",display:{name:"__to",description:"End time of the current time range in unix millisecond epoch",hidden:!0}}},{kind:"BuiltinVariable",spec:{name:"__range",value:()=>(0,b.formatDuration)((0,b.intervalToPrometheusDuration)(l)),source:"Dashboard",display:{name:"__range",description:"The range for the current dashboard in human readable format",hidden:!0}}},{kind:"BuiltinVariable",spec:{name:"__range_s",value:()=>((l.end.valueOf()-l.start.valueOf())/1e3).toString(),source:"Dashboard",display:{name:"__range_s",description:"The range for the current dashboard in second",hidden:!0}}},{kind:"BuiltinVariable",spec:{name:"__range_ms",value:()=>(l.end.valueOf()-l.start.valueOf()).toString(),source:"Dashboard",display:{name:"__range_ms",description:"The range for the current dashboard in millisecond",hidden:!0}}}];return i?.forEach(i=>e.push(i)),e},[l,i]);return(0,a.jsx)(j.BuiltinVariableContext.Provider,{value:{variables:o},children:(0,a.jsx)(j.VariableContext.Provider,{value:{state:s},children:e})})}function iI({initialVariableDefinitions:e=[],externalVariableDefinitions:i=[],queryParams:n}){let a=function(e){let i={};return Object.keys(e).forEach(n=>{let a=e[n];a&&(i[n.replace(iy,"")]=a)}),i}(n?n[0]:{});return(0,h.M)()((0,g.mW)((0,f.n)((t,r)=>({variableState:ij(e,a,i),variableDefinitions:e,externalVariableDefinitions:i,setVariableDefinitions(e){t(n=>{n.variableDefinitions=e,n.variableState=ij(e,a,i)},!1,"[Variables] setVariableDefinitions")},setVariableOptions(e,i,n){t(a=>{let t=a.variableState.get({name:e,source:n});t&&(t.options=i)},!1,"[Variables] setVariableOptions")},setVariableLoading(e,i,n){t(a=>{let t=a.variableState.get({name:e,source:n});t&&(t.loading=i)},!1,"[Variables] setVariableLoading")},setVariableValue:(e,i,a)=>t(t=>{let r=i,l=t.variableState.get({name:e,source:a});if(l){if(Array.isArray(r)&&r.includes(b.DEFAULT_ALL_VALUE)&&(r=r.at(-1)===b.DEFAULT_ALL_VALUE?b.DEFAULT_ALL_VALUE:r.filter(e=>e!==b.DEFAULT_ALL_VALUE)),n)(0,n[1])({[`${iy}${e}`]:r});l.value=r}},!1,"[Variables] setVariableValue"),setVariableDefaultValues:()=>{let e=r().variableDefinitions,i=r().variableState,n=(0,ig.Uy)(e,e=>{e.forEach((n,a)=>{let t=n.spec.name;if("ListVariable"===n.kind){let r=i.get({name:t});r?.value!==void 0&&(e[a]={kind:"ListVariable",spec:(0,ig.Uy)(n.spec,e=>{e.defaultValue=r.value})})}else if("TextVariable"===n.kind){let r=i.get({name:t}),l="string"==typeof r?.value?r.value:"";r?.value!==void 0&&(e[a]={kind:"TextVariable",spec:(0,ig.Uy)(n.spec,e=>{e.value=l})})}})});return t(e=>{e.variableDefinitions=n},!1,"[Variables] setVariableDefaultValues"),n},getSavedVariablesStatus:()=>(function(e,i){let n=!1,a=[];for(let t of e){let e=t.spec.name;if("ListVariable"===t.kind){let r=i.get({name:e});r?.value!==null&&r?.value!==t.spec.defaultValue&&(a.push(e),n=!0)}else if("TextVariable"===t.kind){let r=i.get({name:e}),l="string"==typeof r?.value?r.value:"";t.spec.value!==l&&(a.push(e),n=!0)}}return{isSavedVariableModified:n,modifiedVariableNames:a}})(r().variableDefinitions,r().variableState)}))))}function iG({children:e,initialVariableDefinitions:i=[],externalVariableDefinitions:n=[],builtinVariableDefinitions:t=[]}){let[r]=(0,u.useState)(()=>iI({initialVariableDefinitions:i,externalVariableDefinitions:n}));return(0,a.jsx)(iD.Provider,{value:r,children:(0,a.jsx)(iV,{builtinVariables:t,children:e})})}function iA({children:e,initialVariableDefinitions:i=[],externalVariableDefinitions:n=[],builtinVariableDefinitions:t=[]}){let r=function(e){let i={};return e.forEach(e=>{var n;i[n=e.spec.name,`${iy}${n}`]=iC}),(0,iv.useQueryParams)(i,{updateType:"replaceIn"})}(im(i,n)),[l]=(0,u.useState)(()=>iI({initialVariableDefinitions:i,externalVariableDefinitions:n,queryParams:r}));return(0,a.jsx)(iD.Provider,{value:l,children:(0,a.jsx)(iV,{builtinVariables:t,children:e})})}var iT=n(315),iL=n(59019),iO=n(90190),iz=n(31889),iR=n(14968),iM=n(56174),i$=n(87895),iB=n(49538),i_=n(56656),iF=n(51640),iN=n(85474),iW=n(32964),iU=n(96205),iH=n(33755),iJ=n(58641),iq=n(22212),iQ=n(74081),iK=n(64315),iY=n(14371),iX=n(6849);function i0({builtinVariableDefinitions:e}){let i=(0,u.useMemo)(()=>{let i={};for(let n of e){let e=i[n.spec.source];if(e){e.push(n);continue}i[n.spec.source]=[n]}return i},[e]),n=(0,u.useMemo)(()=>{let e=[];for(let n in i)e.includes(n)||e.push(n);return e},[i]);return(0,a.jsx)(a.Fragment,{children:n.map(e=>(0,a.jsxs)(iB.Z,{sx:e=>({".MuiAccordionSummary-root":{backgroundColor:e.palette.background.lighter},".MuiAccordionDetails-root":{backgroundColor:e.palette.background.lighter}}),children:[(0,a.jsx)(i_.Z,{expandIcon:(0,a.jsx)(iX.default,{}),"aria-controls":"builtin",id:"builtin",children:(0,a.jsx)(eE.Z,{variant:"h2",children:(0,a.jsx)(l.InfoTooltip,{title:`${e} Built-in Variables`,description:"Variables computed during dashboard rendering.",children:(0,a.jsxs)("span",{children:[e," Built-in Variables"]})})})}),(0,a.jsx)(iN.Z,{children:(0,a.jsx)(iL.Z,{children:(0,a.jsxs)(iO.Z,{sx:{minWidth:650},"aria-label":"table of external variables",children:[(0,a.jsx)(iz.Z,{children:(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(iU.Z,{children:"Name"}),(0,a.jsx)(iU.Z,{children:"Description"})]})}),(0,a.jsx)(iM.Z,{children:(i[e]??[]).map(i=>(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(iU.Z,{component:"th",scope:"row",sx:{fontWeight:"bold"},children:i.spec.name}),(0,a.jsx)(iU.Z,{children:i.spec.display?.description??""})]},e+"-"+i.spec.name))})]})})})]},e))})}function i1(e){return j.VARIABLE_TYPES.find(i=>i.kind===e)?.label}function i2(e){let[i,n]=(0,iJ.x)(e.variableDefinitions),[r,s]=(0,u.useState)(null),[o,d]=(0,u.useState)("update"),c=e.externalVariableDefinitions,p=e.builtinVariableDefinitions,h=(0,u.useMemo)(()=>(function(e){let i=[],n=e.map(e=>e.spec.name),a=new Set(n);return n.length!==a.size&&i.push("Variable names must be unique"),{errors:i,isValid:0===i.length}})(i),[i]),[x]=(0,u.useMemo)(()=>[ij(i,{},c)],[c,i]),g="number"==typeof r&&i[r],{openDiscardChangesConfirmationDialog:f,closeDiscardChangesConfirmationDialog:m}=ej(),b=e=>{n(i=>{i.splice(e,1)})},v=e=>{d("update"),s(e)},y=(e,i)=>{n(n=>{let a=n[e];a&&(a.spec.display||(a.spec.display={name:a.spec.name,hidden:!1}),a.spec.display.hidden=!1===i)})},C=(e,i)=>{n(n=>{if("up"===i){let i=n[e-1],a=n[e];0!==e&&i&&a&&(n[e-1]=a,n[e]=i)}else{let i=n[e+1],a=n[e];if(e===n.length-1||!i||!a)return;n[e+1]=a,n[e]=i}})},D=e=>{n(i=>{i.push(e)})};return(0,a.jsxs)(a.Fragment,{children:[g&&(0,a.jsx)(j.ValidationProvider,{children:(0,a.jsx)(j.VariableEditorForm,{initialVariableDefinition:g,action:o,isDraft:!0,onActionChange:d,onSave:e=>{n(i=>{i[r]=e,s(null)})},onClose:()=>{"create"===o&&b(r),s(null)}})}),!g&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(eZ.Z,{sx:{display:"flex",alignItems:"center",padding:e=>e.spacing(1,2),borderBottom:e=>`1px solid ${e.palette.divider}`},children:[(0,a.jsx)(eE.Z,{variant:"h2",children:"Edit Dashboard Variables"}),(0,a.jsxs)(eI.Z,{direction:"row",spacing:1,marginLeft:"auto",children:[(0,a.jsx)(t.Z,{disabled:e.variableDefinitions===i||!h.isValid,variant:"contained",onClick:()=>{e.onChange(i)},children:"Apply"}),(0,a.jsx)(t.Z,{color:"secondary",variant:"outlined",onClick:()=>{JSON.stringify(e.variableDefinitions)!==JSON.stringify(i)?f({onDiscardChanges:()=>{m(),e.onCancel()},onCancel:()=>{m()},description:"You have unapplied changes. Are you sure you want to discard these changes? Changes cannot be recovered."}):e.onCancel()},children:"Cancel"})]})]}),(0,a.jsx)(eZ.Z,{padding:2,sx:{overflowY:"scroll"},children:(0,a.jsxs)(eI.Z,{spacing:2,children:[(0,a.jsxs)(eI.Z,{spacing:2,children:[!h.isValid&&h.errors.map(e=>(0,a.jsx)(iT.Z,{severity:"error",children:e},e)),(0,a.jsx)(iL.Z,{children:(0,a.jsxs)(iO.Z,{sx:{minWidth:650},"aria-label":"table of variables",children:[(0,a.jsx)(iz.Z,{children:(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(i5,{children:"Visibility"}),(0,a.jsx)(i5,{children:"Name"}),(0,a.jsx)(i5,{children:"Type"}),(0,a.jsx)(i5,{children:"Description"}),(0,a.jsx)(i5,{align:"right",children:"Actions"})]})}),(0,a.jsx)(iM.Z,{children:i.map((e,n)=>(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(i5,{component:"th",scope:"row",children:(0,a.jsx)(i$.Z,{checked:e.spec.display?.hidden!==!0,onChange:e=>{y(n,e.target.checked)}})}),(0,a.jsx)(i5,{component:"th",scope:"row",sx:{fontWeight:"bold"},children:(0,a.jsx)(i4,{name:e.spec.name,state:x.get({name:e.spec.name})})}),(0,a.jsx)(i5,{children:i1(e.kind)??e.kind}),(0,a.jsx)(i5,{children:e.spec.display?.description??""}),(0,a.jsxs)(i5,{align:"right",sx:{whiteSpace:"nowrap"},children:[(0,a.jsx)(eV.Z,{onClick:()=>C(n,"up"),disabled:0===n,children:(0,a.jsx)(eL.default,{})}),(0,a.jsx)(eV.Z,{onClick:()=>C(n,"down"),disabled:n===i.length-1,children:(0,a.jsx)(eO.default,{})}),(0,a.jsx)(eV.Z,{onClick:()=>v(n),children:(0,a.jsx)(iq.default,{})}),(0,a.jsx)(eV.Z,{onClick:()=>b(n),children:(0,a.jsx)(iQ.default,{})})]})]},e.spec.name))})]})}),(0,a.jsx)(eZ.Z,{display:"flex",children:(0,a.jsx)(t.Z,{variant:"contained",startIcon:(0,a.jsx)(iH.default,{}),sx:{marginLeft:"auto"},onClick:()=>{d("create"),n(e=>{e.push({kind:"TextVariable",spec:{name:"NewVariable",value:""}})}),s(i.length)},children:"Add Variable"})})]}),c&&!c.every(e=>0===e.definitions.length)&&c.map((e,i)=>e.definitions.length>0&&(0,a.jsxs)(iB.Z,{sx:e=>({".MuiAccordionSummary-root":{backgroundColor:e.palette.background.lighter},".MuiAccordionDetails-root":{backgroundColor:e.palette.background.lighter}}),children:[(0,a.jsx)(i_.Z,{expandIcon:(0,a.jsx)(iX.default,{}),"aria-controls":e.source,id:e.source,children:(0,a.jsx)(eI.Z,{flexDirection:"row",alignItems:"center",justifyContent:"start",children:(0,a.jsxs)(a.Fragment,{children:[e.tooltip?(0,a.jsx)(eE.Z,{variant:"h2",children:(0,a.jsx)(l.InfoTooltip,{title:e.tooltip.title||"",description:e.tooltip.description||"",children:(0,a.jsxs)("span",{children:[(0,iF.Z)(e.source)," Variables"]})})}):(0,a.jsxs)(eE.Z,{variant:"h2",children:[(0,iF.Z)(e.source)," Variables"]}),e.editLink&&(0,a.jsx)(eV.Z,{href:e.editLink,target:"_blank",children:(0,a.jsx)(iY.default,{fontSize:"small"})})]})})}),(0,a.jsx)(iN.Z,{children:(0,a.jsx)(iL.Z,{children:(0,a.jsxs)(iO.Z,{sx:{minWidth:650},"aria-label":"table of external variables",children:[(0,a.jsx)(iz.Z,{children:(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(i5,{children:"Visibility"}),(0,a.jsx)(i5,{children:"Name"}),(0,a.jsx)(i5,{children:"Type"}),(0,a.jsx)(i5,{children:"Description"}),(0,a.jsx)(i5,{align:"right",children:"Actions"})]})}),(0,a.jsx)(iM.Z,{children:e.definitions.map(i=>(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(i5,{component:"th",scope:"row",children:(0,a.jsx)(i$.Z,{checked:i.spec.display?.hidden!==!0,disabled:!0})}),(0,a.jsx)(i5,{component:"th",scope:"row",sx:{fontWeight:"bold"},children:(0,a.jsx)(i4,{name:i.spec.name,state:x.get({name:i.spec.name,source:e.source})})}),(0,a.jsx)(i5,{children:i1(i.kind)??i.kind}),(0,a.jsx)(i5,{children:i.spec.display?.description??""}),(0,a.jsxs)(i5,{align:"right",children:[(0,a.jsx)(iW.Z,{title:"Override",children:(0,a.jsx)(eV.Z,{onClick:()=>D(i),disabled:!!x.get({name:i.spec.name}),children:(0,a.jsx)(iK.default,{})})}),(0,a.jsx)(eV.Z,{disabled:!0,children:(0,a.jsx)(eL.default,{})}),(0,a.jsx)(eV.Z,{disabled:!0,children:(0,a.jsx)(eO.default,{})}),(0,a.jsx)(eV.Z,{disabled:!0,children:(0,a.jsx)(iq.default,{})}),(0,a.jsx)(eV.Z,{disabled:!0,children:(0,a.jsx)(iQ.default,{})})]})]},i.spec.name))})]})})})]},i)),p&&(0,a.jsx)(i0,{builtinVariableDefinitions:p})]})})]})]})}let i5=(0,eJ.ZP)(iU.Z)(({theme:e})=>({borderBottom:`solid 1px ${e.palette.divider}`}));function i4(e){let{name:i,state:n}=e;return(0,a.jsxs)(a.Fragment,{children:[!n?.overridden&&`${i} `,!n?.overridden&&n?.overriding&&(0,a.jsx)(eZ.Z,{fontWeight:"normal",color:e=>e.palette.primary.main,children:"(overriding)"}),n?.overridden&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(eZ.Z,{color:e=>e.palette.grey[500],children:i}),(0,a.jsx)(eZ.Z,{fontWeight:"normal",color:e=>e.palette.grey[500],children:"(overridden)"})]})]})}function i3({variant:e="text",label:i="Variables",color:n="primary",fullWidth:r}){let[o,c]=(0,u.useState)(!1),p=iS(),h=iE(),x=(0,j.useBuiltinVariableDefinitions)(),{setVariableDefinitions:g}=ik(),f=()=>{c(!1)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.InfoTooltip,{description:s.editVariables,children:(0,a.jsx)(t.Z,{startIcon:(0,a.jsx)(eT.default,{}),onClick:()=>{c(!0)},"aria-label":s.editVariables,variant:e,color:n,fullWidth:r,sx:d,children:i})}),(0,a.jsx)(l.Drawer,{isOpen:o,onClose:f,PaperProps:{sx:{width:"50%"}},"data-testid":"variable-editor",children:(0,a.jsx)(i2,{variableDefinitions:p,externalVariableDefinitions:h,builtinVariableDefinitions:x,onCancel:f,onChange:e=>{g(e),c(!1)}})})]})}let i7=({label:e="Edit",onClick:i})=>(0,a.jsx)(t.Z,{onClick:i,startIcon:(0,a.jsx)(eT.default,{}),variant:"outlined",color:"secondary",sx:{whiteSpace:"nowrap",minWidth:"auto"},children:e}),i8="Let's get started",i6={edit:"We currently support time series charts, gauge charts, stat charts and more!",view:"This dashboard is currently empty. Get started by clicking the edit button."},i9={variant:"outlined",color:"secondary"},ne=({actions:e,isEditMode:i,onEditButtonClick:n})=>e&&"boolean"!=typeof e?e:!1===e?null:i?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ew,{variant:"outlined",color:"secondary",label:"Add Panel",fullWidth:!0}),(0,a.jsx)(i3,{variant:"outlined",color:"secondary",label:"Add Variables",fullWidth:!0})]}):n?(0,a.jsx)(i7,{...i9,label:"Edit Dashboard",onClick:n}):null,ni=({title:e=i8,image:i,description:n,additionalText:t,actions:r,onEditButtonClick:l})=>{let{isEditMode:s}=B(),o=s?i6.edit:i6.view,d=(0,a.jsx)(ne,{actions:r,onEditButtonClick:l,isEditMode:s});return(0,a.jsxs)(eZ.Z,{sx:{width:"500px",textAlign:"center",margin:"0 auto"},children:[(0,a.jsxs)(eZ.Z,{sx:{width:"289px",margin:"0 auto"},children:[!!i&&i,(0,a.jsx)(eE.Z,{variant:"h2",gutterBottom:!0,children:e}),(0,a.jsx)(eE.Z,{variant:"body1",children:n??o}),d&&(0,a.jsx)(eZ.Z,{sx:{display:"flex",gap:2,marginTop:1,justifyContent:"center"},children:d})]}),t&&(0,a.jsx)(eE.Z,{variant:"subtitle1",sx:{marginTop:12},children:t})]})};function nn({emptyDashboardProps:e,panelOptions:i,...n}){let t=W(),r=(0,u.useRef)(null),s=!t.length,o=r.current?.getBoundingClientRect().top??165,d=window.innerHeight-o-window.scrollY;return(0,a.jsx)(eZ.Z,{...n,sx:{height:"100%"},ref:r,children:(0,a.jsxs)(l.ErrorBoundary,{FallbackComponent:l.ErrorAlert,children:[s&&(0,a.jsx)(eZ.Z,{sx:{height:"100%",display:"flex",alignItems:"center"},children:(0,a.jsx)(ni,{...e})}),!s&&t.map(e=>(0,a.jsx)(ip,{panelGroupId:e,panelOptions:i,panelFullHeight:d},e))]})})}var na=n(76439),nt=n(70313),nr=n(18873),nl=n(29379),ns=n(18971);function no(){let{panels:e,panelGroups:i,panelGroupOrder:n,setDashboard:a,kind:t,metadata:r,display:l,duration:s,refreshInterval:o,datasources:d,ttl:c}=z(({panels:e,panelGroups:i,panelGroupOrder:n,setDashboard:a,kind:t,metadata:r,display:l,duration:s,refreshInterval:o,datasources:d,ttl:c})=>({panels:e,panelGroups:i,panelGroupOrder:n,setDashboard:a,kind:t,metadata:r,display:l,duration:s,refreshInterval:o,datasources:d,ttl:c})),{setVariableDefinitions:u}=ik(),p=iS(),h=function(e,i){let n=[];return i.map(i=>{let a;let t=e[i];if(void 0===t)throw Error("panel group not found");let{title:r,isCollapsed:l,itemLayouts:s,itemPanelKeys:o}=t;r&&(a={title:r,collapse:{open:!l}});let d={kind:"Grid",spec:{display:a,items:s.map(e=>{let i=o[e.i];if(void 0===i)throw Error(`Missing panel key of layout ${e.i}`);return{x:e.x,y:e.y,width:e.w,height:e.h,content:(0,b.createPanelRef)(i)}})}};n.push(d)}),n}(i,n);return{dashboard:"Dashboard"===t?{kind:t,metadata:r,spec:{display:l,panels:e,layouts:h,variables:p,duration:s,refreshInterval:o,datasources:d}}:{kind:t,metadata:r,spec:{display:l,panels:e,layouts:h,variables:p,duration:s,refreshInterval:o,datasources:d,ttl:c}},setDashboard:e=>{u(e.spec.variables),a(e)}}}function nd(){let{dashboard:e}=no(),i=(0,u.useRef)(null),[n,t]=p().useState(null),r=!!n,s=(n,a)=>()=>{t(null);let r,l="";switch(n){case"json":r="application/json",l=JSON.stringify(e,null,2);break;case"yaml":if(r="application/yaml","cr"===a){let i=e.metadata.name.toLowerCase().replace(/[^a-z0-9-]/g,"-");l=(0,ns.Pz)({apiVersion:"perses.dev/v1alpha1",kind:"PersesDashboard",metadata:{labels:{"app.kubernetes.io/name":"perses-dashboard","app.kubernetes.io/instance":i,"app.kubernetes.io/part-of":"perses-operator"},name:i},namespace:e.metadata.project,spec:e.spec})}else l=(0,ns.Pz)(e)}if(!i||!i.current)return;let s=URL.createObjectURL(new Blob([l],{type:r}));i.current.download=`${e.metadata.name}${"cr"===a?"-cr":""}.${n}`,i.current.href=s,i.current.click(),URL.revokeObjectURL(s)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.ToolbarIconButton,{id:"download-dashboard-button","aria-controls":r?"basic-menu":void 0,"aria-haspopup":"true","aria-expanded":r?"true":void 0,onClick:e=>{t(e.currentTarget)},children:(0,a.jsx)(nl.default,{})}),(0,a.jsx)(e3.Z,{id:"download-dashboard-formats",anchorEl:n,open:r,hideBackdrop:!0,onClose:()=>t(null),MenuListProps:{"aria-labelledby":"download-dashboard-button"},children:(0,a.jsx)("div",{children:(0,a.jsx)(nt.d,{onClickAway:()=>t(null),children:(0,a.jsxs)(nr.Z,{children:[(0,a.jsx)(e7.Z,{onClick:s("json"),children:"JSON"}),(0,a.jsx)(e7.Z,{onClick:s("yaml"),children:"YAML"}),(0,a.jsx)(e7.Z,{onClick:s("yaml","cr"),children:"YAML (CR)"})]})})})}),(0,a.jsx)("a",{ref:i,style:{display:"none"}})]})}function nc(e){let[i,n]=(0,iJ.x)(e.datasources),[r,l]=(0,u.useState)("update"),[s,o]=(0,u.useState)(null),d={default:!1,plugin:{kind:"PrometheusDatasource",spec:{}}},{openDiscardChangesConfirmationDialog:c,closeDiscardChangesConfirmationDialog:p}=ej(),h=e=>{n(i=>{delete i[e]})},x=e=>{l("update"),o({name:e,spec:i[e]??d})};return(0,a.jsx)(a.Fragment,{children:s?(0,a.jsx)(j.ValidationProvider,{children:(0,a.jsx)(j.DatasourceEditorForm,{initialDatasourceDefinition:s,action:r,isDraft:!0,onActionChange:l,onSave:e=>{n(i=>{delete i[s.name],i[e.name]=e.spec,o(null)})},onClose:()=>{o(null)}})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(eZ.Z,{sx:{display:"flex",alignItems:"center",padding:e=>e.spacing(1,2),borderBottom:e=>`1px solid ${e.palette.divider}`},children:[(0,a.jsx)(eE.Z,{variant:"h2",children:"Edit Dashboard Datasources"}),(0,a.jsxs)(eI.Z,{direction:"row",spacing:1,marginLeft:"auto",children:[(0,a.jsx)(t.Z,{disabled:e.datasources===i,variant:"contained",onClick:()=>{e.onChange(i)},children:"Apply"}),(0,a.jsx)(t.Z,{color:"secondary",variant:"outlined",onClick:()=>{JSON.stringify(e.datasources)!==JSON.stringify(i)?c({onDiscardChanges:()=>{p(),e.onCancel()},onCancel:()=>{p()},description:"You have unapplied changes. Are you sure you want to discard these changes? Changes cannot be recovered."}):e.onCancel()},children:"Cancel"})]})]}),(0,a.jsx)(eZ.Z,{padding:2,sx:{overflowY:"scroll"},children:(0,a.jsx)(eI.Z,{spacing:2,children:(0,a.jsxs)(eI.Z,{spacing:2,children:[(0,a.jsx)(iL.Z,{children:(0,a.jsxs)(iO.Z,{sx:{minWidth:650},"aria-label":"table of datasources",children:[(0,a.jsx)(iz.Z,{children:(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(iU.Z,{children:"Name"}),(0,a.jsx)(iU.Z,{children:"Type"}),(0,a.jsx)(iU.Z,{children:"Description"}),(0,a.jsx)(iU.Z,{align:"right",children:"Actions"})]})}),(0,a.jsx)(iM.Z,{children:Object.entries(i).map(([e,i])=>(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(iU.Z,{component:"th",scope:"row",sx:{fontWeight:"bold"},children:e}),(0,a.jsx)(iU.Z,{children:i.plugin.kind}),(0,a.jsx)(iU.Z,{children:i.display?.description??""}),(0,a.jsxs)(iU.Z,{align:"right",sx:{whiteSpace:"nowrap"},children:[(0,a.jsx)(eV.Z,{onClick:()=>x(e),children:(0,a.jsx)(iq.default,{})}),(0,a.jsx)(eV.Z,{onClick:()=>h(e),children:(0,a.jsx)(iQ.default,{})})]})]},e))})]})}),(0,a.jsx)(eZ.Z,{display:"flex",children:(0,a.jsx)(t.Z,{variant:"contained",startIcon:(0,a.jsx)(iH.default,{}),sx:{marginLeft:"auto"},onClick:()=>{l("create"),o({name:"NewDatasource",spec:d})},children:"Add Datasource"})})]})})})]})})}function nu(){let[e,i]=(0,u.useState)(!1),{getLocalDatasources:n,setLocalDatasources:r,getSavedDatasources:o,setSavedDatasources:c}=(0,j.useDatasourceStore)(),p=n(),h=o(),{dashboard:x,setDashboard:g}=no(),f=()=>{i(!1)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.InfoTooltip,{description:s.editDatasources,children:(0,a.jsx)(t.Z,{startIcon:(0,a.jsx)(eT.default,{}),onClick:()=>{i(!0)},"aria-label":s.editDatasources,variant:"text",color:"primary",sx:d,children:"Datasources"})}),(0,a.jsx)(l.Drawer,{isOpen:e,onClose:f,PaperProps:{sx:{width:"50%"}},"data-testid":"datasource-editor",children:(0,a.jsx)(nc,{datasources:p,onCancel:f,onChange:e=>{let n=Object.keys(e).filter(i=>{let n="directUrl"in(e[i]?.plugin?.spec??{}),a=!n&&!("directUrl"in(h[i]?.plugin?.spec??{}))&&e[i]?.plugin?.spec?.proxy===h[i]?.plugin?.spec?.proxy;return n||a}).reduce((i,n)=>(i[n]=e[n],i),{});g((x.kind,{...x,spec:{...x.spec,datasources:e}})),c(n),r(e),i(!1)}})})]})}var np=n(40427);let nh=e=>{let{isReadonly:i}=e,{openEditJsonDialog:n}=ey(),t=i?s.viewJson:s.editJson;return(0,a.jsx)(l.InfoTooltip,{description:t,children:(0,a.jsx)(l.ToolbarIconButton,{"aria-label":t,variant:"outlined",onClick:()=>n(),children:(0,a.jsx)(np.default,{})})})},nx=({onSave:e,isDisabled:i,variant:n="contained"})=>{let[r,l]=(0,u.useState)(!1),{dashboard:s,setDashboard:o}=no(),{getSavedVariablesStatus:d,setVariableDefaultValues:c}=ik(),{isSavedVariableModified:p}=d(),{timeRange:h}=(0,j.useTimeRange)(),{setEditMode:x}=B(),{openSaveChangesConfirmationDialog:g,closeSaveChangesConfirmationDialog:f}=em(),m=async()=>{if(e)try{l(!0),await e(s),f(),x(!1)}catch(e){throw Error(`An error occurred while saving the dashboard. ${e}`)}finally{l(!1)}else x(!1)};return(0,a.jsx)(t.Z,{variant:n,onClick:()=>{let e=(0,b.isRelativeTimeRange)(h)&&s.spec.duration!==h.pastDuration;e||p?g({onSaveChanges:(e,i)=>{if((0,b.isRelativeTimeRange)(h)&&!0===e&&(s.spec.duration=h.pastDuration),!0===i){let e=c();s.spec.variables=e}o(s),m()},onCancel:()=>{f()},isSavedDurationModified:e,isSavedVariableModified:p}):m()},disabled:i||r,children:"Save"})};var ng=n(53620),nf=n(13098),nm=n(75186),nb=n(42402),nj=n(75651),nv=n(11774),ny=n(8695),nC=n(37809);function nD({name:e,source:i}){let n=iP(e,i),t=n.definition?.kind;switch(t){case"TextVariable":return(0,a.jsx)(nS,{name:e,source:i});case"ListVariable":return(0,a.jsx)(nk,{name:e,source:i})}return(0,a.jsxs)("div",{children:["Unsupported Variable Kind: $",t]})}function nw(e,i,n){let a=e?.allowMultiple===!0,t=e?.allowAllValue===!0,r=e?.sort,l=(0,u.useMemo)(()=>n.isFetching??!1,[n.isFetching]),s=(0,u.useMemo)(()=>n.data??[],[n.data]),o=i?.value;a&&!Array.isArray(o)&&(o="string"==typeof o?[o]:[]);let d=(0,u.useMemo)(()=>{let e=s?[...s]:[];if(!r||"none"===r)return e;switch(r){case"alphabetical-asc":return e.sort((e,i)=>e.label>i.label?1:-1);case"alphabetical-desc":return e.sort((e,i)=>e.label>i.label?-1:1);case"numerical-asc":return e.sort((e,i)=>parseInt(e.label)>parseInt(i.label)?1:-1);case"numerical-desc":return e.sort((e,i)=>parseInt(e.label)<parseInt(i.label)?1:-1);case"alphabetical-ci-asc":return e.sort((e,i)=>e.label.toLowerCase()>i.label.toLowerCase()?1:-1);case"alphabetical-ci-desc":return e.sort((e,i)=>e.label.toLowerCase()>i.label.toLowerCase()?-1:1);default:return e}},[s,r]),c=(0,u.useMemo)(()=>{let e=d;return t&&(e=[{value:b.DEFAULT_ALL_VALUE,label:"All"},...e]),e},[t,d]),p=(0,u.useMemo)(()=>!!c.find(e=>a?o.includes(e.value):o===e.value),[c,o,a]);o=(0,u.useMemo)(()=>{let e=c?.[+!!t]?.value;return!e||p&&o&&0!==o.length?o:a?[e]:e},[c,o,p,a,t]);let h=(0,u.useMemo)(()=>Array.isArray(o)?c.filter(e=>o?.includes(e.value)):c.find(e=>o===e.value)??{value:"",label:""},[o,c]);return{value:o,loading:l,options:s,selectedOptions:h,viewOptions:c}}let nZ=e=>(0,a.jsx)(nj.Z,{...e,sx:{minWidth:"fit-content"},placement:"bottom-start"}),nP=(e,i)=>{let n=(e.length+1)*8+40*("list"===i);return n<120?120:n>500?500:n};function nk({name:e,source:i}){let n=iP(e,i),t=n.definition,r=(0,j.useListVariablePluginValues)(t),{setVariableValue:l,setVariableLoading:s,setVariableOptions:o}=ik(),{selectedOptions:d,value:c,loading:p,options:h,viewOptions:x}=nw(t?.spec,n.state,r),[g,f]=(0,u.useState)(120),[m,v]=(0,u.useState)(""),y=t?.spec.display?.name??e,C=t?.spec.allowMultiple===!0,D=t?.spec.allowAllValue===!0;return(0,u.useEffect)(()=>{c&&l(e,c,i)},[l,e,c,i]),(0,u.useEffect)(()=>{s(e,p,i)},[s,e,p,i]),(0,u.useEffect)(()=>{h&&o(e,h,i)},[o,e,h,i]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(nv.Z,{disablePortal:!0,disableCloseOnSelect:C,multiple:C,fullWidth:!0,limitTags:3,size:"small",disableClearable:!0,slots:{popper:nZ},renderInput:e=>C?(0,a.jsx)(ny.Z,{...e,label:y,onChange:e=>v(e.target.value)}):(0,a.jsx)(ny.Z,{...e,label:y,style:{width:`${g}px`}}),sx:{"& .MuiInputBase-root":{minHeight:"38px"},"& .MuiAutocomplete-tag":{margin:"1px 2px"}},value:d,onChange:(n,a)=>{if((null===a||Array.isArray(a)&&0===a.length)&&D)l(e,b.DEFAULT_ALL_VALUE,i);else l(e,null===a?null:Array.isArray(a)?a.map(e=>e.value):a.value,i)},inputValue:C?m:void 0,onInputChange:(e,i)=>{C||f(nP(i,"list"))},onBlur:()=>{C&&v("")},options:x}),p&&(0,a.jsx)(nC.Z,{})]})}function nS({name:e,source:i}){let n=iP(e,i),t=n.state,r=n.definition,[l,s]=(0,u.useState)(t?.value??""),[o,d]=(0,u.useState)(nP(l,"text")),{setVariableValue:c}=ik();return(0,u.useEffect)(()=>{s(t?.value??"")},[t?.value]),(0,a.jsx)(ny.Z,{title:l,value:l,onChange:e=>{s(e.target.value),d(nP(e.target.value,"text"))},onBlur:()=>c(e,l,i),placeholder:e,label:r?.spec.display?.name??e,slotProps:{input:{readOnly:r?.spec.constant??!1}},sx:{width:`${o}px`,"& .MuiInputBase-root":{minHeight:"38px"},"& .MuiInputBase-input":{textOverflow:"ellipsis"}}})}function nE(){let e=iS(),i=iE();return(0,a.jsxs)(a.Fragment,{children:[i.slice().reverse().map(e=>e.definitions.map(i=>(0,a.jsx)(nV,{spec:i.spec,source:e.source},i.spec.name+e.source))),e.map(e=>(0,a.jsx)(nV,{spec:e.spec},e.spec.name))]})}function nV({spec:e,source:i}){let n=iP(e.name,i);return n.state?.overridden?null:(0,a.jsx)(eZ.Z,{display:e.display?.hidden?"none":void 0,minWidth:"120px",maxWidth:"500px",flexShrink:0,"data-testid":"variable-"+e.name,children:(0,a.jsx)(nD,{name:e.name,source:i},(e.name+i)??"")},(e.name+i)??"")}function nI(e){let[i,n]=(0,u.useState)(e.initialVariableIsSticky),t=(0,ng.Z)({disableHysteresis:!0})&&e.initialVariableIsSticky&&i,r=(0,na.Z)((0,ek.Z)().breakpoints.up("md"));return(0,a.jsx)(eZ.Z,{marginBottom:-1,"data-testid":"variable-list",children:(0,a.jsx)(nf.Z,{color:"inherit",position:t?"fixed":"static",elevation:4*!!t,sx:{backgroundColor:"inherit",...e.sx},children:(0,a.jsxs)(eZ.Z,{display:"flex",justifyContent:"space-between",sx:{flexDirection:r?"row":"column"},children:[(0,a.jsxs)(eZ.Z,{display:"flex",flexWrap:!t&&r?"wrap":"nowrap",maxWidth:t||!r?"100vw":"100%",maxHeight:"150px",pt:1,pl:+!!t,mt:t&&r?.5:0,ml:t&&r?.5:0,sx:{overflowX:!t&&r?"hidden":"auto",scrollbarWidth:"thin","&::-webkit-scrollbar":{height:"8px",backgroundColor:e=>e.palette.grey["300"]},"&::-webkit-scrollbar-thumb":{background:e=>e.palette.grey["600"]}},gap:1,children:[(0,a.jsx)(nE,{}),e.initialVariableIsSticky&&(0,a.jsx)(eV.Z,{style:{width:"fit-content",height:"fit-content"},onClick:()=>n(!i),children:i?(0,a.jsx)(nm.default,{}):(0,a.jsx)(nb.default,{})})]}),t&&(0,a.jsx)(eI.Z,{m:r?1.5:1,mt:1.5*!!r,ml:r?1.5:"auto",direction:"row",justifyContent:"end",children:(0,a.jsx)(j.TimeRangeControls,{})})]})})})}let nG=e=>{let{dashboardName:i,dashboardTitleComponent:n,initialVariableIsSticky:r,isReadonly:s,isVariableEnabled:o,isDatasourceEnabled:d,onEditButtonClick:c,onCancelButtonClick:u,onSave:p}=e,{isEditMode:h}=B(),x=(0,na.Z)((0,ek.Z)().breakpoints.up("sm")),g=(0,na.Z)((0,ek.Z)().breakpoints.up("md")),f=n||(0,a.jsx)(eE.Z,{variant:"h2",children:i});return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(eI.Z,{"data-testid":"dashboard-toolbar",children:[(0,a.jsxs)(eZ.Z,{px:2,py:1.5,display:"flex",sx:{backgroundColor:e=>e.palette.primary.main+(h?"30":"0")},children:[f,h?(0,a.jsxs)(eI.Z,{direction:"row",gap:1,ml:"auto",children:[s&&(0,a.jsx)(iT.Z,{severity:"warning",sx:{backgroundColor:"transparent",padding:0},children:"Dashboard managed via code only. Download JSON and commit changes to save."}),(0,a.jsxs)(eI.Z,{direction:"row",spacing:.5,ml:1,whiteSpace:"nowrap",children:[o&&(0,a.jsx)(i3,{}),d&&(0,a.jsx)(nu,{}),(0,a.jsx)(ew,{}),(0,a.jsx)(eC,{})]}),(0,a.jsx)(nx,{onSave:p,isDisabled:s}),(0,a.jsx)(t.Z,{variant:"outlined",onClick:u,children:"Cancel"})]}):(0,a.jsx)(a.Fragment,{children:x&&(0,a.jsx)(eI.Z,{direction:"row",gap:1,ml:"auto",children:(0,a.jsx)(i7,{onClick:c})})})]}),(0,a.jsxs)(eZ.Z,{sx:{display:"flex",width:"100%",alignItems:"start",padding:e=>e.spacing(1,2,0,2),flexDirection:g?"row":"column",flexWrap:"nowrap",gap:1},children:[(0,a.jsx)(eZ.Z,{width:"100%",children:(0,a.jsx)(l.ErrorBoundary,{FallbackComponent:l.ErrorAlert,children:(0,a.jsx)(nI,{initialVariableIsSticky:r,sx:{backgroundColor:({palette:e})=>e.background.default}})})}),(0,a.jsx)(eI.Z,{direction:"row",ml:"auto",flexWrap:"wrap",justifyContent:"end",children:(0,a.jsxs)(eI.Z,{direction:"row",spacing:1,mt:1,ml:1,children:[(0,a.jsx)(j.TimeRangeControls,{}),(0,a.jsx)(nd,{}),(0,a.jsx)(nh,{isReadonly:!h})]})})]})]})})},nA=()=>{let{deletePanelDialog:e,closeDeletePanelDialog:i}=ed();return(0,a.jsxs)(l.Dialog,{open:void 0!==e,children:[(0,a.jsx)(l.Dialog.Header,{onClose:()=>i(),children:"Delete Panel"}),e&&(0,a.jsx)(nT,{deletePanelDialog:e})]})},nT=({deletePanelDialog:e})=>{let{deletePanel:i,closeDeletePanelDialog:n}=ed(),{setViewPanel:t}=eh();return(0,a.jsxs)("form",{onSubmit:a=>{a.preventDefault();let{panelGroupItemId:r}=e;i(r),n(),t(void 0)},children:[(0,a.jsxs)(l.Dialog.Content,{children:["Are you sure you want to delete ",e.panelName," from ",e.panelGroupName,"? This action cannot be undone."]}),(0,a.jsxs)(l.Dialog.Actions,{children:[(0,a.jsx)(l.Dialog.PrimaryButton,{children:"Delete"}),(0,a.jsx)(l.Dialog.SecondaryButton,{onClick:()=>n(),children:"Cancel"})]})]})};var nL=n(56873),nO=n(51602),nz=n(19978),nR=n(70616),nM=n(10763);let n$=()=>{let{deletePanelGroupDialog:e,closeDeletePanelGroupDialog:i,deletePanelGroup:n}=en(),{setViewPanel:r}=eh(),l=e?.panelGroupId;return(0,a.jsxs)(nL.Z,{open:void 0!==e,children:[(0,a.jsx)(nO.Z,{children:"Delete Panel Group"}),(0,a.jsx)(eV.Z,{"aria-label":"Close",onClick:()=>i(),sx:e=>({position:"absolute",top:e.spacing(.5),right:e.spacing(.5)}),children:(0,a.jsx)(nM.default,{})}),(0,a.jsxs)("form",{onSubmit:e=>{if(e.preventDefault(),void 0===l)throw Error("group index is undefined");n(l),i(),r(void 0)},children:[(0,a.jsxs)(nz.Z,{dividers:!0,sx:{width:"500px"},children:["Are you sure you want to delete ",e?.panelGroupName??"panel group","? This will delete all the panels within the group."]}),(0,a.jsxs)(nR.Z,{children:[(0,a.jsx)(t.Z,{variant:"contained",type:"submit",children:"Delete"}),(0,a.jsx)(t.Z,{variant:"outlined",color:"secondary",onClick:()=>i(),children:"Cancel"})]})]})]})},nB=()=>{let{discardChangesConfirmationDialog:e}=ej();return void 0===e?null:(0,a.jsx)(l.DiscardChangesConfirmationDialog,{description:e.description||"You have unsaved changes in this dashboard. Are you sure you want to discard these changes? Changes cannot be recovered.",isOpen:!0,onCancel:e.onCancel,onDiscardChanges:e.onDiscardChanges})};var n_=n(90192);let nF=e=>{let{isReadonly:i,disableMetadataEdition:n}=e,{editJsonDialog:t,closeEditJsonDialog:r}=ey();return(0,a.jsxs)(l.Dialog,{open:!!t?.isOpen,scroll:"paper",fullWidth:!0,maxWidth:"lg",children:[(0,a.jsxs)(l.Dialog.Header,{onClose:()=>r(),children:[!i&&"Edit "," Dashboard JSON"]}),t?.isOpen&&(0,a.jsx)(nN,{isReadonly:i,disableMetadataEdition:n})]})},nN=e=>{let{isReadonly:i,disableMetadataEdition:n}=e,{closeEditJsonDialog:t}=ey(),{setTimeRange:r,setRefreshInterval:s}=(0,j.useTimeRange)(),{dashboard:o,setDashboard:d}=no(),{setLocalDatasources:c}=(0,j.useDatasourceStore)(),[p,h]=(0,u.useState)(o),x=e=>{e.preventDefault(),d(p),r({pastDuration:p.spec.duration}),s(p.spec.refreshInterval??"0s"),c(p.spec.datasources??{}),t()},g=e=>{try{let i=JSON.parse(e??"{}");h(i)}catch(e){}};return(0,a.jsxs)(l.Dialog.Form,{onSubmit:x,children:[(0,a.jsxs)(l.Dialog.Content,{sx:{width:"100%"},children:[n&&!i&&(0,a.jsx)(iT.Z,{sx:{marginBottom:e=>e.spacing(1)},severity:"warning",children:"Metadata cannot be modified or saved."}),"EphemeralDashboard"===p.kind&&(0,a.jsx)(iT.Z,{sx:{marginBottom:1},severity:"warning",children:"Time-to-live cannot be modified or saved from here. Go to the project view to modify it."}),(0,a.jsx)(n_.Z,{fullWidth:!0,children:(0,a.jsx)(l.JSONEditor,{minHeight:"300px",maxHeight:"70vh",value:p,onChange:e=>g(e),readOnly:i})})]}),!i&&(0,a.jsx)(l.Dialog.Actions,{children:(0,a.jsx)(l.Dialog.PrimaryButton,{onClick:x,children:"Apply"})})]})};var nW=n(38359),nU=n(64293),nH=n(494);function nJ({panelDefinition:e}){let i=(0,u.useRef)(null),n=840;null!==i.current&&(n=i.current.getBoundingClientRect().width);let t=(0,j.useSuggestedStepMs)(n),{data:r,isPending:l}=(0,j.usePlugin)("Panel",e.spec.plugin.kind);if(l||""===e.spec.plugin.kind)return null;let s=e.spec.queries??[],o=s.length?s.map(e=>({kind:e.spec.plugin.kind,spec:e.spec.plugin.spec})):[];return(0,a.jsx)(eZ.Z,{ref:i,height:300,children:(0,a.jsx)(j.DataQueriesProvider,{definitions:o,options:{suggestedStepMs:t,...r?.queryOptions},children:(0,a.jsx)(io,{definition:e})})})}let nq=e=>{let{display:i,plugin:n,queries:a,links:t}=e.spec,[r,l]=(0,u.useState)(i.name),[s,o]=(0,u.useState)(i.description),[d,c]=(0,u.useState)(t),[p,h]=(0,u.useState)(n),[x,g]=(0,u.useState)(a),[f,m]=(0,u.useState)(a),b=(0,u.useCallback)((e,i)=>{i?(g(f),m(void 0)):m(void 0===e?x:e)},[m,f,g,x]),j=(0,u.useCallback)(e=>{let{display:i,plugin:n,queries:a,links:t}=e.spec;l(i.name),o(i.description),c(t),h(n),b(a)},[l,o,c,h,b]);return(0,u.useMemo)(()=>({panelDefinition:{kind:"Panel",spec:{display:{name:r,description:s},plugin:p,queries:f,links:d}},setName:l,setDescription:o,setLinks:c,setQueries:b,setPlugin:h,setPanelDefinition:j}),[r,s,d,p,f,b,j])};function nQ(e){let{initialValues:i,initialAction:n,onSave:r,onClose:s}=e,o=H(),{panelDefinition:d,setName:c,setDescription:p,setLinks:h,setQueries:x,setPlugin:g,setPanelDefinition:f}=nq(i.panelDefinition),{plugin:m}=d.spec,[b,v]=(0,u.useState)(!1),{panelEditorSchema:y}=(0,j.useValidationSchemas)(),C=(0,nU.useForm)({resolver:(0,nH.F)(y),mode:"onBlur",defaultValues:i}),D=(0,j.usePluginEditor)({pluginTypes:["Panel"],value:{selection:{kind:m.kind,type:"Panel"},spec:m.spec},onChange:e=>{C.setValue("panelDefinition.spec.plugin",{kind:e.selection.kind,spec:e.spec}),g({kind:e.selection.kind,spec:e.spec})},onHideQueryEditorChange:e=>{x(void 0,e)}}),w=(0,j.getTitleAction)(n,!0),Z=(0,j.getSubmitText)(n,!0),P=(0,nU.useWatch)({control:C.control,name:"panelDefinition.spec.links"});(0,u.useEffect)(()=>{h(P)},[h,P]);let k=(0,nU.useWatch)({control:C.control,name:"panelDefinition.spec.display.name"}),S=(0,nU.useWatch)({control:C.control,name:"panelDefinition.spec.display.description"}),E=(0,nU.useWatch)({control:C.control,name:"panelDefinition.spec.plugin.kind"});return(0,a.jsxs)(nU.FormProvider,{...C,children:[(0,a.jsxs)(eZ.Z,{sx:{display:"flex",alignItems:"center",padding:e=>e.spacing(1,2),borderBottom:e=>`1px solid ${e.palette.divider}`},children:[(0,a.jsxs)(eE.Z,{variant:"h2",children:[w," Panel"]}),(0,a.jsxs)(eI.Z,{direction:"row",spacing:1,marginLeft:"auto",children:[(0,a.jsx)(t.Z,{variant:"contained",disabled:!C.formState.isValid,onClick:C.handleSubmit(e=>{r(e)}),children:Z}),(0,a.jsx)(t.Z,{color:"secondary",variant:"outlined",onClick:function(){JSON.stringify(i)!==JSON.stringify(C.getValues())?v(!0):s()},children:"Cancel"})]})]}),(0,a.jsx)(eZ.Z,{id:nK,sx:{flex:1,overflowY:"scroll",padding:e=>e.spacing(2)},children:(0,a.jsxs)(nW.ZP,{container:!0,spacing:2,children:[(0,a.jsx)(nW.ZP,{item:!0,xs:8,children:(0,a.jsx)(nU.Controller,{control:C.control,name:"panelDefinition.spec.display.name",render:({field:e,fieldState:i})=>(0,a.jsx)(ny.Z,{...e,required:!0,fullWidth:!0,label:"Name",error:!!i.error,helperText:i.error?.message,value:k??"",onChange:i=>{e.onChange(i),c(i.target.value)}})})}),(0,a.jsx)(nW.ZP,{item:!0,xs:4,children:(0,a.jsx)(nU.Controller,{control:C.control,name:"groupId",render:({field:e,fieldState:i})=>(0,a.jsx)(ny.Z,{select:!0,...e,required:!0,fullWidth:!0,label:"Group",error:!!i.error,helperText:i.error?.message,onChange:i=>{e.onChange(i)},children:o.map((e,i)=>(0,a.jsx)(e7.Z,{value:e.id,children:e.title??`Group ${i+1}`},e.id))})})}),(0,a.jsx)(nW.ZP,{item:!0,xs:8,children:(0,a.jsx)(nU.Controller,{control:C.control,name:"panelDefinition.spec.display.description",render:({field:e,fieldState:i})=>(0,a.jsx)(ny.Z,{...e,fullWidth:!0,label:"Description",error:!!i.error,helperText:i.error?.message,value:S??"",onChange:i=>{e.onChange(i),p(i.target.value)}})})}),(0,a.jsx)(nW.ZP,{item:!0,xs:4,children:(0,a.jsx)(nU.Controller,{control:C.control,name:"panelDefinition.spec.plugin.kind",render:({field:e,fieldState:i})=>(0,a.jsx)(j.PluginKindSelect,{...e,pluginTypes:["Panel"],required:!0,fullWidth:!0,label:"Type",disabled:D.isLoading,error:!!D.error||!!i.error,helperText:D.error?.message??i.error?.message,value:{type:"Panel",kind:E},onChange:i=>{e.onChange(i.kind),D.onSelectionChange(i)}})})}),(0,a.jsxs)(nW.ZP,{item:!0,xs:12,children:[(0,a.jsx)(eE.Z,{variant:"h4",marginBottom:1,children:"Preview"}),(0,a.jsx)(l.ErrorBoundary,{FallbackComponent:l.ErrorAlert,children:(0,a.jsx)(nJ,{panelDefinition:d})})]}),(0,a.jsx)(nW.ZP,{item:!0,xs:12,children:(0,a.jsx)(l.ErrorBoundary,{FallbackComponent:l.ErrorAlert,children:(0,a.jsx)(j.PanelSpecEditor,{control:C.control,panelDefinition:d,onJSONChange:e=>{let i=JSON.parse(e),{kind:n,spec:a}=i.spec.plugin;d.spec.plugin.kind!==n&&JSON.stringify(d.spec.plugin.spec)!==JSON.stringify(a)&&D.rememberCurrentSpecState(),f(i)},onQueriesChange:e=>{x(e)},onPluginSpecChange:e=>{D.onSpecChange(e)}})})})]})}),(0,a.jsx)(l.DiscardChangesConfirmationDialog,{description:"You have unapplied changes in this panel. Are you sure you want to discard these changes? Changes cannot be recovered.",isOpen:b,onCancel:()=>{v(!1)},onDiscardChanges:()=>{v(!1),s()}})]})}let nK="panel-editor-form",nY=()=>{let e=es(),[i,n]=(0,u.useState)(!1),t=void 0!==e&&!1===i;return(0,a.jsx)(l.Drawer,{isOpen:t,onClose:()=>{},SlideProps:{onExited:()=>{e?.close(),n(!1)}},"data-testid":"panel-editor",children:e&&(0,a.jsx)(l.ErrorBoundary,{FallbackComponent:l.ErrorAlert,children:(0,a.jsx)(nQ,{initialAction:e.mode,initialValues:e.initialValues,onSave:function(i){if(void 0===e||void 0===i)throw Error("Cannot apply changes");e.applyChanges(i),n(!0)},onClose:()=>{n(!0)}})})})};var nX=n(68808),n0=n(63767);function n1(e){let{initialValues:i,onSubmit:n}=e,[t,r]=(0,u.useState)(i.title),[l,s]=(0,u.useState)(i.isCollapsed);return(0,a.jsxs)("form",{id:n2,onSubmit:e=>{e.preventDefault(),n({title:t,isCollapsed:l})},children:[(0,a.jsx)(n_.Z,{fullWidth:!0,margin:"normal",children:(0,a.jsx)(ny.Z,{required:!0,label:"Name",variant:"outlined",value:t,onChange:e=>r(e.target.value)})}),(0,a.jsxs)(n_.Z,{fullWidth:!0,margin:"normal",children:[(0,a.jsx)(nX.Z,{id:"select-collapse-state",children:"Collapse State"}),(0,a.jsxs)(n0.Z,{required:!0,displayEmpty:!0,labelId:"select-collapse-state",label:"Collapse State",size:"small",value:l?"Closed":"Open",onChange:e=>{s("Closed"===e.target.value)},children:[(0,a.jsx)(e7.Z,{value:"Open",children:"Open"}),(0,a.jsx)(e7.Z,{value:"Closed",children:"Closed"})]})]})]})}let n2="panel-group-editor-form";function n5(){let e=ee(),[i,n]=(0,u.useState)(!1),r=()=>n(!0),l=void 0!==e&&!1===i;return(0,a.jsx)(nL.Z,{open:l,TransitionProps:{onExited:()=>{e?.close(),n(!1)}},children:void 0!==e&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(nO.Z,{children:[e.mode," Panel Group"]}),(0,a.jsx)(eV.Z,{"aria-label":"Close",onClick:e.close,sx:e=>({position:"absolute",top:e.spacing(.5),right:e.spacing(.5)}),children:(0,a.jsx)(nM.default,{})}),(0,a.jsx)(nz.Z,{dividers:!0,sx:{width:"500px"},children:(0,a.jsx)(n1,{initialValues:e.initialValues,onSubmit:i=>{if(void 0===e)throw Error("Cannot apply changes");e.applyChanges(i),r()}})}),(0,a.jsxs)(nR.Z,{children:[(0,a.jsx)(t.Z,{variant:"contained",type:"submit",form:n2,children:"Edit"===e.mode?"Apply":"Add"}),(0,a.jsx)(t.Z,{variant:"outlined",color:"secondary",onClick:e.close,children:"Cancel"})]})]})})}var n4=n(28866),n3=n(53034);function n7(e){let{showTotalQueries:i=!0}=e,n=(0,j.useDatasourceClient)({kind:"PrometheusDatasource"}),{absoluteTimeRange:r}=(0,j.useTimeRange)(),l=(0,n3.useQueryClient)().getQueryCache().findAll(),s=l.filter(e=>"pending"===e.state.status),o=l.filter(e=>"success"===e.state.status),d=(0,j.useActiveTimeSeriesQueries)();if(!0===n.isLoading)return null;let c=[];return d.forEach(e=>{let i=e.state.data;if(i&&i.metadata?.notices){let n=e.queryKey,a=i.metadata.notices[0]?.message;a&&c.push({query:String(n[0].spec.plugin.spec.query),summary:a})}}),(0,a.jsxs)(eI.Z,{spacing:1,mb:2,sx:{maxWidth:1e3},children:[(0,a.jsxs)(eZ.Z,{sx:{p:1},children:[(0,a.jsx)(eE.Z,{variant:"h2",mb:1,children:"Query Summary"}),(0,a.jsx)(iL.Z,{component:n4.Z,children:(0,a.jsxs)(iO.Z,{size:"small","aria-label":"query summary table",children:[(0,a.jsx)(iz.Z,{children:(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(iU.Z,{children:"Queries Loading"}),(0,a.jsx)(iU.Z,{children:"Recent Time Series Queries"}),i&&(0,a.jsx)(iU.Z,{children:"Total Queries"}),(0,a.jsx)(iU.Z,{children:"Start Time"}),(0,a.jsx)(iU.Z,{children:"End Time"})]})}),(0,a.jsx)(iM.Z,{children:(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(iU.Z,{children:s.length}),(0,a.jsx)(iU.Z,{children:d.length}),i&&(0,a.jsx)(iU.Z,{children:o.length}),(0,a.jsx)(iU.Z,{children:r.start.toString()}),(0,a.jsx)(iU.Z,{children:r.end.toString()})]})})]})})]}),c.length>0&&(0,a.jsxs)(eZ.Z,{sx:{p:1,m:0},children:[(0,a.jsx)(eE.Z,{variant:"h3",mb:1,children:"Warnings"}),(0,a.jsx)(iL.Z,{component:n4.Z,sx:{mb:2},children:(0,a.jsxs)(iO.Z,{size:"small","aria-label":"query warnings table",children:[(0,a.jsx)(iz.Z,{children:(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(iU.Z,{children:"Query"}),(0,a.jsx)(iU.Z,{children:"Summary"})]})}),(0,a.jsx)(iM.Z,{children:c.map((e,i)=>(0,a.jsxs)(iR.Z,{children:[(0,a.jsx)(iU.Z,{children:e.query}),(0,a.jsx)(iU.Z,{children:e.summary})]},i))})]})}),(0,a.jsx)(t.Z,{disabled:!0,variant:"outlined",children:"TODO: Action Button"})]})]})}var n8=n(85843),n6=n(28797),n9=n(82707);let ae=()=>{let{saveChangesConfirmationDialog:e}=em(),i=e?.isSavedDurationModified??!0,n=e?.isSavedVariableModified??!0,[t,r]=(0,u.useState)(i),[s,o]=(0,u.useState)(n),{getSavedVariablesStatus:d}=ik(),{modifiedVariableNames:c}=d(),p=void 0!==e,{timeRange:h}=(0,j.useTimeRange)(),x=(0,b.isRelativeTimeRange)(h)?`(Last ${h.pastDuration})`:"(Absolute time ranges can not be saved)",g=`Save current time range as new default ${x}`,f=`Save current variable values as new default (${c.length>0?c.join(", "):"No modified variables"})`;return(0,a.jsx)(l.Dialog,{open:p,children:void 0!==e&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Dialog.Header,{onClose:()=>e.onCancel(),children:"Save Dashboard"}),(0,a.jsxs)(l.Dialog.Content,{children:[(0,a.jsx)(eE.Z,{marginBottom:2,children:e.description||b.SAVE_DEFAULTS_DIALOG_TEXT}),(0,a.jsxs)(n8.Z,{children:[(0,a.jsx)(n6.Z,{control:(0,a.jsx)(n9.Z,{disabled:!i||!(0,b.isRelativeTimeRange)(h),checked:t&&i&&(0,b.isRelativeTimeRange)(h),onChange:e=>r(e.target.checked)}),label:g}),(0,a.jsx)(n6.Z,{control:(0,a.jsx)(n9.Z,{disabled:!n,checked:s&&n,onChange:e=>o(e.target.checked)}),label:f})]})]}),(0,a.jsxs)(l.Dialog.Actions,{children:[(0,a.jsx)(l.Dialog.PrimaryButton,{onClick:()=>e.onSaveChanges(t,s),children:"Save Changes"}),(0,a.jsx)(l.Dialog.SecondaryButton,{onClick:()=>e.onCancel(),children:"Cancel"})]})]})})};function ai(e){let{projectName:i,datasourceApi:n,onCreate:t,children:r}=e,[l,s]=(0,u.useState)(e.dashboardResource),[o,d]=(0,u.useState)(e.savedDatasources??{}),c=i??l?.metadata.project,{getPlugin:p,listPluginMetadata:h}=(0,j.usePluginRegistry)(),x=(0,b.useEvent)(async e=>{if(l){let{datasources:i}=l.spec,a=function(e,i){if(void 0===e)return;if(void 0!==i.name){let n=e[i.name];if(void 0===n)return;return n.plugin.kind===i.kind?{name:i.name,spec:n}:void 0}let n=Object.entries(e).find(e=>e[1].plugin.kind===i.kind&&e[1].default);if(n)return{name:n[0],spec:n[1]}}(i,e);if(void 0!==a)return{spec:a.spec,proxyUrl:an(n,{project:l.metadata.project,dashboard:l.metadata.name,name:a.name})}}if(c){let i=await n.getDatasource(c,e);if(void 0!==i)return{spec:i.spec,proxyUrl:an(n,{project:i.metadata.project,name:i.metadata.name})}}let i=await n.getGlobalDatasource(e);if(void 0!==i)return{spec:i.spec,proxyUrl:an(n,{name:i.metadata.name})};throw Error(`No datasource found for kind '${e.kind}' and name '${e.name}'`)}),g=(0,u.useCallback)(async e=>{let{spec:i}=await x(e);return i},[x]),f=(0,u.useCallback)(async function(e){let{kind:i}=e,[{spec:n,proxyUrl:a},r]=await Promise.all([x(e),p("Datasource",i)]),l=r.createClient(n.plugin.spec,{proxyUrl:a});return void 0!==t?t(l):l},[x,p,t]),m=(0,b.useEvent)(async e=>{let[i,a,t]=await Promise.all([h(["Datasource"]),c?n.listDatasources(c,e):[],n.listGlobalDatasources(e)]),r=i.find(i=>i.spec.name===e);if(void 0===r)throw Error(`Could not find a Datasource plugin with kind '${e}'`);let{results:s,addItem:d}=function(e){let i=[],n=new Set,a=!0,t=!1,r={},l=1;return{results:i,addItem:({spec:s,selectorName:o,selectorGroup:d,editLink:c,saved:u})=>{d=d??"",a&&i.push({group:`Default ${e}`,items:[]});let p=i[r[d]??-1];!p&&(r[d]=l,p={items:[],group:d,editLink:c},i[l]=p,l++);let h=n.has(o);p.items.push({name:s.display?.name??o,overridden:h,saved:u,selector:{kind:s.plugin.kind,name:o,group:d}}),n.add(o);let x=!h&&s.default&&!t;if(i[0]&&(a||x)&&(i[0].items=[{name:`Default (${o} from ${d})`,selector:{kind:s.plugin.kind}}],t=x),h)for(let e=+!!t;e<l;e++)(i[e]?.items??[]).filter(e=>e.selector.name===o).forEach(e=>{e.overriding=!0});a=!1}}}(r.spec.display.name);if(l?.spec.datasources)for(let i in l.spec.datasources){let n=l.spec.datasources[i];if(void 0===n||n.plugin.kind!==e)continue;let a=i in o;d({spec:n,selectorName:i,selectorGroup:"dashboard",saved:a})}for(let e of a){let i=e.metadata.name;d({spec:e.spec,selectorName:i,selectorGroup:"project",editLink:`/projects/${c}/datasources`})}for(let e of t){let i=e.metadata.name;d({spec:e.spec,selectorName:i,selectorGroup:"global",editLink:"/admin/datasources"})}return s}),v=(0,u.useCallback)(()=>l?.spec.datasources??{},[l]),y=(0,u.useCallback)(()=>o,[o]),C=(0,u.useCallback)(e=>{l&&s((l.kind,{...l,spec:{...l.spec,datasources:e}}))},[l]),D=(0,u.useMemo)(()=>({getDatasource:g,getDatasourceClient:f,getLocalDatasources:v,setLocalDatasources:C,setSavedDatasources:d,getSavedDatasources:y,listDatasourceSelectItems:m}),[g,f,v,C,m,d,y]);return(0,a.jsx)(j.DatasourceStoreContext.Provider,{value:D,children:r})}function an(e,i){return e.buildProxyUrl?e.buildProxyUrl(i):""}function aa({children:e,initialState:i}){let[n,t]=(0,iv.useQueryParam)("viewPanelRef",iv.StringParam);return(0,a.jsx)(R,{initialState:{viewPanelRef:n??void 0,setViewPanelRef:t,...i},children:e})}let at=e=>{let{dashboardResource:i,dashboardTitleComponent:n,emptyDashboardProps:t,onSave:r,onDiscard:s,initialVariableIsSticky:o,isReadonly:d,isVariableEnabled:c,isDatasourceEnabled:p,isCreating:h}=e,x=(0,l.useChartsTheme)(),{isEditMode:g,setEditMode:f}=B(),{dashboard:m,setDashboard:b}=no(),[v,y]=(0,u.useState)(void 0),{setSavedDatasources:C}=(0,j.useDatasourceStore)(),{openDiscardChangesConfirmationDialog:D,closeDiscardChangesConfirmationDialog:w}=ej(),Z=()=>{v&&b(v),f(!1),w(),s&&s(m)},P=()=>{f(!0),y(m),C(m.spec.datasources??{})};return(0,a.jsxs)(eZ.Z,{sx:{flexGrow:1,overflowX:"hidden",overflowY:"auto",display:"flex",flexDirection:"column"},children:[(0,a.jsx)(nG,{dashboardName:i.metadata.name,dashboardTitleComponent:n,initialVariableIsSticky:o,onSave:r,isReadonly:d,isVariableEnabled:c,isDatasourceEnabled:p,onEditButtonClick:P,onCancelButtonClick:()=>{JSON.stringify(m)===JSON.stringify(v)?f(!1):D({onDiscardChanges:()=>{Z()},onCancel:()=>{w()}})}}),(0,a.jsxs)(eZ.Z,{sx:{paddingTop:2,paddingX:2,height:"100%"},children:[(0,a.jsx)(l.ErrorBoundary,{FallbackComponent:l.ErrorAlert,children:(0,a.jsx)(nn,{emptyDashboardProps:{onEditButtonClick:P,...t}})}),(0,a.jsx)(l.ChartsProvider,{chartsTheme:x,enablePinning:!1,children:(0,a.jsx)(nY,{})}),(0,a.jsx)(n5,{}),(0,a.jsx)(n$,{}),(0,a.jsx)(nA,{}),(0,a.jsx)(nB,{}),(0,a.jsx)(nF,{isReadonly:!g,disableMetadataEdition:!h}),(0,a.jsx)(ae,{})]})]})};function ar(e){let{dashboardResource:i,datasourceApi:n,externalVariableDefinitions:t,dashboardTitleComponent:r,emptyDashboardProps:s,onSave:o,onDiscard:d,initialVariableIsSticky:c,isReadonly:p,isVariableEnabled:h,isDatasourceEnabled:x,isEditing:g,isCreating:f,sx:m,...v}=e,{spec:y}=i,C=y.duration??b.DEFAULT_DASHBOARD_DURATION,D=y.refreshInterval??b.DEFAULT_REFRESH_INTERVAL,w=(0,j.useInitialTimeRange)(C),Z=(0,j.useInitialRefreshInterval)(D),{data:P}=(0,j.usePluginBuiltinVariableDefinitions)(),k=(0,u.useMemo)(()=>{let e=[{kind:"BuiltinVariable",spec:{name:"__dashboard",value:()=>i.metadata.name,source:"Dashboard",display:{name:"__dashboard",description:"The name of the current dashboard",hidden:!0}}},{kind:"BuiltinVariable",spec:{name:"__project",value:()=>i.metadata.project,source:"Dashboard",display:{name:"__project",description:"The name of the current dashboard project",hidden:!0}}}];return P&&P.forEach(i=>e.push(i)),e},[i.metadata.name,i.metadata.project,P]);return(0,a.jsx)(ai,{dashboardResource:i,datasourceApi:n,children:(0,a.jsx)(aa,{initialState:{dashboardResource:i,isEditMode:!!g},children:(0,a.jsx)(j.TimeRangeProviderWithQueryParams,{initialTimeRange:w,initialRefreshInterval:Z,children:(0,a.jsx)(iA,{initialVariableDefinitions:y.variables,externalVariableDefinitions:t,builtinVariableDefinitions:k,children:(0,a.jsx)(eZ.Z,{sx:(0,l.combineSx)({display:"flex",width:"100%",height:"100%",position:"relative",overflow:"hidden"},m),...v,children:(0,a.jsx)(l.ErrorBoundary,{FallbackComponent:l.ErrorAlert,children:(0,a.jsx)(at,{dashboardResource:i,dashboardTitleComponent:r,emptyDashboardProps:s,onSave:o,onDiscard:d,initialVariableIsSticky:c,isReadonly:p,isVariableEnabled:h,isDatasourceEnabled:x,isCreating:f})})})})})})})}}}]);

package/__mf/js/async/6277.853e296a.js

@@ -0,0 +1,23 @@
+"use strict";(self.webpackChunkTable=self.webpackChunkTable||[]).push([["6277"],{56195:function(e,t,n){let r;n.r(t),n.d(t,{ErrorAlert:()=>tF,JSONEditor:()=>tU,INCREASE_NEARBY_SERIES_MULTIPLIER:()=>nN,OptionsEditorGroup:()=>n3,DensitySelector:()=>tx,assembleTransform:()=>nV,clearHighlightedSeries:()=>nD,getColorsForValues:()=>ly,ErrorBoundary:()=>tR.ErrorBoundary,SeriesMarker:()=>nf,TimeRangeSelector:()=>rT,testChartsTheme:()=>rW,ChartsThemeContext:()=>b,TextOverlay:()=>n8,hexToHSL:()=>lb,DEFAULT_COLUMN_HEIGHT:()=>eM,useMousePosition:()=>nu,NoDataOverlay:()=>n9,generateChartsTheme:()=>rP,OptionsEditorGrid:()=>n7,OPTIMIZED_MODE_SERIES_LIMIT:()=>nS,TOOLTIP_ADJUST_Y_POS_MULTIPLIER:()=>nn,DiscardChangesConfirmationDialog:()=>te,getDateRange:()=>O,EMPHASIZED_SERIES_DESCRIPTION:()=>no,useChartsTheme:()=>j,persesColumnsToTanstackColumns:()=>eI,mockChartsContext:()=>r$,Legend:()=>eJ,TOOLTIP_DATE_FORMAT:()=>ns,TOOLTIP_MAX_WIDTH:()=>t9,dateFormatOptionsWithTimeZone:()=>t0,legacyCheckforNearbySeries:()=>nW,ToolbarIconButton:()=>rM,PIN_TOOLTIP_HELP_TEXT:()=>np,checkforNearbyTimeSeries:()=>nz,getTheme:()=>r4,PieChart:()=>lh,TooltipHeader:()=>nZ,TOOLTIP_BG_COLOR_FALLBACK:()=>na,UNPIN_TOOLTIP_HELP_TEXT:()=>ng,DateTimeRangePicker:()=>rk,handleMoveUp:()=>tT,getClosestTimestamp:()=>nF,getFormattedAxis:()=>P,formatWithTimeZone:()=>t1,batchDispatchNearbySeriesActions:()=>nE,useTimeZone:()=>t4,ChartsProvider:()=>y,isWithinPercentageRange:()=>nB,TOOLTIP_MIN_WIDTH:()=>t8,StatusHistoryChart:()=>lm,TOOLTIP_LABELS_MAX_WIDTH:()=>nt,getYBuffer:()=>n_,DEFAULT_PINNED_CROSSHAIR:()=>nT,LineChartTooltip:()=>nY,FormatControls:()=>rE,TooltipContent:()=>nb,hslToHex:()=>lC,SHOW_FEWER_SERIES_LIMIT:()=>nO,TimeChartTooltip:()=>rm,getClosestTimestampInFullDataset:()=>nR,getTableCellLayout:()=>eD,EChart:()=>F,PINNED_CROSSHAIR_SERIES_NAME:()=>nk,SortSelector:()=>rn,SnackbarProvider:()=>rF.wT,Drawer:()=>tE,AlignSelector:()=>a,LinksEditor:()=>nQ,ValueMappingsEditor:()=>lS,TimeZoneContext:()=>t7,GaugeChart:()=>t$,LineChart:()=>nG,SeriesLabelsStack:()=>nv,checkCrosshairPinnedStatus:()=>nL,StatChart:()=>ro,SeriesInfo:()=>ny,ColorPicker:()=>U,Table:()=>eY,useSnackbar:()=>rR,InfoTooltip:()=>ta,TimeZoneProvider:()=>t3,LoadingOverlay:()=>re,typography:()=>r7,Dialog:()=>e9,DropIndicator:()=>tm,TransformsEditor:()=>ld,OptionsEditorControl:()=>tc,TOOLTIP_PADDING:()=>nr,getFormattedAxisLabel:()=>t2,SortSelectorButtons:()=>rr,getTooltipStyles:()=>nU,useChartsContext:()=>C,RefreshIntervalPicker:()=>lc,enableDataZoom:()=>nA,useDragAndDropMonitor:()=>tj,combineSx:()=>er,OptionsEditorColumn:()=>n6,getDateAndTime:()=>t6,ThresholdsEditor:()=>rg,DEFAULT_TOOLTIP_CONFIG:()=>nh,handleMoveDown:()=>tA,DragButton:()=>tM,useId:()=>tl,ContentWithLegend:()=>e0,BarChart:()=>z,getFormattedDate:()=>t5,NEARBY_SERIES_DESCRIPTION:()=>ni,getColorForValue:()=>lv,isLegendItemVisuallySelected:()=>ea,getPointInGrid:()=>nI,EMPTY_TOOLTIP_DATA:()=>nc,legacyGetNearbySeriesData:()=>nH,buildRelativeTimeOption:()=>rO,SettingsAutocomplete:()=>tp,FontSizeSelector:()=>tP,defaultCursorData:()=>nd,DYNAMIC_NEARBY_SERIES_MULTIPLIER:()=>nP,FALLBACK_COLOR:()=>lf,getNearbySeriesData:()=>n$,TOOLTIP_MAX_HEIGHT:()=>ne,YAxisLabel:()=>rL,TimeChart:()=>rf,FALLBACK_CHART_WIDTH:()=>nl,DragAndDropElement:()=>tw,getResponsiveValueSize:()=>tH,restoreChart:()=>nM,ModeSelector:()=>n5,TextField:()=>e1,DEFAULT_COLUMN_WIDTH:()=>eA,FormActions:()=>tz,OptionsColorPicker:()=>K});var l=n(24246),i=n(10970),o=n(48565);function a({onChange:e,value:t="left",...n}){let r=t=>{e(t)};return(0,l.jsxs)(i.Z,{"aria-label":"Alignement",...n,children:[(0,l.jsx)(o.Z,{onClick:()=>r("left"),variant:"left"===t?"contained":"outlined",children:"Left"},"left"),(0,l.jsx)(o.Z,{onClick:()=>r("center"),variant:"center"===t?"contained":"outlined",children:"Center"},"center"),(0,l.jsx)(o.Z,{onClick:()=>r("right"),variant:"right"===t?"contained":"outlined",children:"Right"},"right")]})}var s=n(54538),d=n.n(s),c=n(11268),u=n(36232),h=n(508),p=n(65201),g=n(99635),x=n(23709),m=n(67745),f=n(50378),v=n(36372);function y(e){let{children:t,chartsTheme:n,enablePinning:r=!1}=e,[i,o]=(0,s.useState)(null),a=(0,s.useMemo)(()=>({chartsTheme:n,enablePinning:r,lastTooltipPinnedCoords:i,setLastTooltipPinnedCoords:o}),[n,r,i,o]);return(0,l.jsx)(b.Provider,{value:a,children:t})}let b=(0,s.createContext)(void 0);function C(){let e=(0,s.useContext)(b);if(void 0===e)throw Error("No ChartsThemeContext found. Did you forget a Provider?");return e}function j(){return C().chartsTheme}var w=n(59161),Z=n(56141),S=n.n(Z),k=n(66726),T=n.n(k),A=n(8890),M=n(35246),D=n(48906),I=n(27806);(0,u.D)([g.N,D.N,I.N,A.N,M.N,p.N,x.N,m.N,f.N]);let E=["click","dblclick","mousedown","mousemove","mouseup","mouseover","mouseout","globalout","contextmenu"],L=["datazoom","downplay","highlight"],F=(0,s.memo)(function({option:e,theme:t,renderer:n,sx:r,style:i,onEvents:o,_instance:a,syncGroup:d,onChartInitialized:c}){let u=(0,s.useRef)(e),h=(0,s.useRef)(e),p=(0,s.useRef)(null),g=(0,s.useRef)(null);return(0,s.useLayoutEffect)(()=>{if(null!==p.current&&null===g.current&&(g.current=(0,w.S1)(p.current,t,{renderer:n??"canvas"}),void 0!==g.current))return g.current.setOption(u.current,!0),c?.(g.current),void 0!==a&&(a.current=g.current),()=>{null!==g.current&&(g.current.dispose(),g.current=null)}},[a,c,t,n]),(0,s.useEffect)(()=>{g.current&&d&&(g.current.group=d,(0,w.$j)([g.current]))},[d,g]),(0,s.useEffect)(()=>{!(void 0===h.current||S()(h.current,e))&&g.current&&(g.current.setOption(e,!0),h.current=e)},[e]),(0,s.useLayoutEffect)(()=>{let e=T()(()=>{g.current&&g.current.resize()},200);return window.addEventListener("resize",e),e(),()=>{window.removeEventListener("resize",e)}},[]),(0,s.useEffect)(()=>{let e=g.current;if(e&&void 0!==o)return function(e,t){if(void 0!==t){for(let n in t)if(Object.prototype.hasOwnProperty.call(t,n)){let r=t[n]??null;r&&function(t,n){var r,l;"function"==typeof n&&((r=t,E.includes(r))?e.on(t,t=>n(t,e)):(l=t,L.includes(l))?e.on(t,e=>n(e)):e.on(t,()=>n(null,e)))}(n,r)}}}(e,o),()=>{if(void 0!==e&&!0!==e.isDisposed())for(let t in o)e.off(t)}},[o]),(0,s.useEffect)(()=>{T()(()=>{g.current&&g.current.resize()},200,{leading:!0})()},[r,i]),(0,l.jsx)(v.Z,{ref:p,sx:r,style:i})});var R=n(15409),N=n.n(R);function P(e,t){return[N()({type:"value",boundaryGap:[0,"10%"],axisLabel:{formatter:e=>(0,c.formatValue)(e,t)}},e)]}function O(e){if(0===e.length)return 36e5;let t=e[e.length-1];return void 0===e[0]||void 0===t?36e5:t-e[0]}function z(e){let{width:t,height:n,data:r,format:i={unit:"decimal"},mode:o="value"}=e,a=j(),d=(0,s.useMemo)(()=>{if(!r||!r.length)return a.noDataOption;let e=[];return r.map(t=>{e.push([t.label,t.value])}),{title:{show:!1},dataset:[{dimensions:["label","value"],source:e}],xAxis:P({},i),yAxis:{type:"category",splitLine:{show:!1},axisLabel:{overflow:"truncate",width:t/3}},series:{type:"bar",label:{show:!0,position:"right",formatter:e=>e.data[1]?"percentage"===o?(0,c.formatValue)(e.data[1],{unit:"percent",decimalPlaces:i.decimalPlaces}):(0,c.formatValue)(e.data[1],i):void 0,barMinWidth:14,barCategoryGap:6},itemStyle:{borderRadius:4,color:a.echartsTheme[0]}},tooltip:{appendToBody:!0,confine:!0,formatter:e=>e.data[1]&&`<b>${e.name}</b> &emsp; ${(0,c.formatValue)(e.data[1],i)}`},grid:{left:"5%",right:"5%"}}},[r,a,t,o,i]);return(0,l.jsx)(v.Z,{style:{width:t,height:n},sx:{overflow:"auto"},children:(0,l.jsx)(F,{sx:{minHeight:n,height:r?20*r.length:"100%"},option:d,theme:a.echartsTheme})})}(0,u.D)([h.N,p.N,g.N,x.N,m.N,f.N]);var W=n(25283),$=n(75094),H=n(8695),B=n(53094),_=n(20791),V=n(80354);let U=({color:e,onChange:t,onClear:n,palette:r})=>{let[i,o]=(0,s.useState)(e),a=e=>{o(e),t?.(e)};return(0,l.jsxs)(W.Z,{spacing:1,children:[(0,l.jsx)(B.gW,{color:e,onChange:a,style:{width:"100%"}}),(0,l.jsx)(W.Z,{direction:"row",flexWrap:"wrap",justifyContent:"space-evenly",width:"200px",children:r&&r.map((e,t)=>(0,l.jsx)($.Z,{size:"small","aria-label":`change color to ${e}`,sx:{color:e},onClick:()=>a(e),children:(0,l.jsx)(_.default,{})},t))}),(0,l.jsxs)(W.Z,{direction:"row",gap:1,alignItems:"center",children:[(0,l.jsx)(H.Z,{inputProps:{"aria-label":"enter hex color"},fullWidth:!0,value:i,onChange:e=>{let n=e.target.value.replace(/([^0-9A-F]+)/gi,"").substring(0,8);o(`#${n}`),Y(e.target.value)&&t?.(e.target.value)}}),n&&(0,l.jsx)($.Z,{onClick:n,children:(0,l.jsx)(V.default,{})})]})]})},Y=(e,t)=>{let n=/^#?([0-9A-F]{3,8})$/i.exec(e),r=n&&n[1]?n[1].length:0;return 3===r||6===r||!!t&&4===r||!!t&&8===r};var G=n(6714),X=n(12709);function K({label:e,color:t,onColorChange:n,onClear:r}){let[i,o]=(0,s.useState)(null),a=!!i,{thresholds:{defaultColor:d,palette:c}}=j();return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(q,{size:"small","aria-label":`change ${e} color`,isSelected:a,iconColor:t,onClick:e=>{o(e.currentTarget)},children:(0,l.jsx)(_.default,{})}),(0,l.jsx)(G.ZP,{"data-testid":"options color picker",open:a,anchorEl:i,onClose:()=>{o(null)},slotProps:{paper:{sx:{padding:e=>e.spacing(2)}}},anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"},children:(0,l.jsx)(U,{color:t,palette:[d,...c],onChange:n,onClear:r})})]})}let q=(0,X.ZP)($.Z,{shouldForwardProp:e=>"isSelected"!==e&&"iconColor"!==e})(({iconColor:e,isSelected:t})=>({backgroundColor:t&&e?`${e}3F`:"undefined",color:e}));var J=n(94776),Q=n(75586),ee=n(83675),et=n(73845),en=n(12577);function er(...e){return e.flatMap(e=>void 0===e?[]:Array.isArray(e)?e:[e])}let el=(0,s.memo)(function({color:e,sx:t,...n}){return(0,l.jsx)(v.Z,{...n,sx:er({height:4,width:16,margin:e=>e.spacing(.5)},t),style:{backgroundColor:e}})}),ei=(0,s.forwardRef)(function({item:e,sx:t,truncateLabel:n,onClick:r,isVisuallySelected:i,onMouseOver:o,onMouseOut:a,index:d,...c},u){let[h,p]=(0,s.useState)(n);return(0,l.jsxs)(et.Z,{...c,role:"listitem",sx:er({padding:0,cursor:"pointer"},t),dense:!0,onClick:t=>{r(t,e.id),e.onClick?.(t)},onMouseOver:t=>o?.(t,{id:e.id,index:d}),onMouseOut:t=>a?.(t,{id:e.id,index:d}),selected:i,ref:u,children:[(0,l.jsx)(v.Z,{sx:{display:"flex",alignItems:"center"},children:(0,l.jsx)(el,{color:e.color})}),(0,l.jsx)(en.Z,{primary:e.label,primaryTypographyProps:{noWrap:h},onMouseOver:function(){n&&p(!1)},onMouseOut:function(){n&&p(!0)}})]})}),eo=(0,s.memo)(ei);function ea(e,t){return"ALL"!==t&&!!t[e.id]}function es({items:e,height:t,width:n,selectedItems:r,onLegendItemClick:i,onItemMouseOver:o,onItemMouseOut:a}){let s=e.length>5;return(0,l.jsx)(ee.OO,{style:{height:t,width:n},data:e,itemContent:(e,t)=>(0,l.jsx)(eo,{item:t,index:e,truncateLabel:s,isVisuallySelected:ea(t,r),onClick:i,onMouseOver:o,onMouseOut:a,sx:{width:"100%",wordBreak:"break-word",overflow:"hidden"}},t.id),role:"list"})}function ed({height:e,items:t,selectedItems:n,onLegendItemClick:r,onItemMouseOver:i,onItemMouseOut:o}){return(0,l.jsx)(v.Z,{component:"ul",sx:{width:"100%",height:e,padding:[0,1,0,0],overflowY:"scroll",margin:0},children:t.map((e,t)=>(0,l.jsx)(eo,{item:e,index:t,isVisuallySelected:ea(e,n),onMouseOver:i,onMouseOut:o,onClick:r,sx:{width:"auto",float:"left",paddingRight:1.5}},e.id))})}var ec=n(22577),eu=n(80900),eh=n(14968),ep=n(42158),eg=n(16838);let ex=(0,s.forwardRef)(function(e,t){return(0,l.jsx)(eh.Z,{...e,ref:t,sx:{backgroundColor:e=>e.palette.background.default,"&:hover":{backgroundColor:e=>(0,eg.Fq)(e.palette.primary.main,e.palette.action.hoverOpacity)}}})});var em=n(56174);let ef=(0,s.forwardRef)(function(e,t){return(0,l.jsx)(em.Z,{...e,ref:t})});var ev=n(90190);let ey=(0,X.ZP)(ev.Z)(({theme:e})=>({tableLayout:"fixed",borderCollapse:"separate",backgroundColor:e.palette.background.default})),eb={compact:"small",standard:"medium",comfortable:"medium"},eC=(0,s.forwardRef)(function({density:e,...t},n){return(0,l.jsx)(ey,{...t,tabIndex:-1,size:eb[e],ref:n,sx:{width:"100%"}})});var ej=n(31889);let ew=(0,s.forwardRef)(function(e,t){return(0,l.jsx)(ej.Z,{...e,ref:t})});var eZ=n(52054),eS=n(78214),ek=n(23147),eT=n(96205);let eA=150,eM=40;function eD(e,t,{isHeader:n,isLastColumn:r,isFirstColumn:l,defaultColumnHeight:i}={}){var o,a;let s=e.spacing(1),d=e.spacing(1.25),c=e.spacing(2),u=l?c:d,h=r?c:d,p=e.typography.body1.lineHeight,g=e.typography.body1.fontSize;"compact"===t&&(s=e.spacing(.5),d=e.spacing(.5),c=e.spacing(1),u=l?c:d,h=r?c:d,p=e.typography.body2.lineHeight,g=e.typography.body2.fontSize),"comfortable"===t&&(s=e.spacing(2),d=e.spacing(1.5),c=e.spacing(2),u=l?c:d,h=r?c:d,p=e.typography.body1.lineHeight,g=e.typography.body1.fontSize);let x=n||!i||"auto"===i?(o=p,a=s,("string"==typeof o?parseInt(o,10):o??0)+2*("string"==typeof a?parseInt(a,10):a)):i;return{padding:`${s} ${h} ${s} ${u}`,height:x,fontSize:g,lineHeight:p}}function eI(e){return e.map(({width:e,align:t,headerDescription:n,cellDescription:r,enableSorting:l,...i})=>({...i,..."auto"===e||void 0===e?{size:0,minSize:0,maxSize:0}:{size:e},enableSorting:!!l,meta:{align:t,headerDescription:n,cellDescription:r}}))}let eE=(0,X.ZP)(eT.Z)(({theme:e})=>({padding:0,backgroundColor:"inherit","&.MuiTableCell-head":{backgroundColor:e.palette.background.default},"&:focus-visible":{outline:`solid 1px ${e.palette.primary.main}`,outlineOffset:"-1px",borderRadius:0}}));function eL({children:e,density:t,variant:n,width:r,defaultColumnHeight:i,focusState:o="none",onFocusTrigger:a,isFirstColumn:d,isLastColumn:c,description:u,align:h,color:p,backgroundColor:g,...x}){let m=(0,J.Z)(),f=(0,s.useRef)(),y="head"===n;(0,s.useEffect)(()=>{"trigger-focus"===o&&f.current&&f.current.focus()},[o]);let b=e=>{a?.(e)};return(0,l.jsx)(eE,{...x,tabIndex:"none"!==o?0:-1,onFocus:e=>{let t=e.currentTarget?.querySelector('a[href], button, input, textarea, select, details,[role="button"]');t&&t.focus()},onClick:b,onKeyUp:b,style:{width:r},sx:{position:"relative",borderBottom:y?`solid 1px ${m.palette.grey[100]}`:`solid 1px ${m.palette.grey[50]}`,"&:hover #original-cell":{position:"absolute",top:0,left:0,zIndex:10,width:"fit-content",minWidth:"100%",whiteSpace:"nowrap",overflow:"visible",backgroundColor:`${g??m.palette.background.default} !important`,outline:`solid 1px ${m.palette.info.main}`,outlineOffset:"-1px"}},ref:f,children:(0,l.jsx)(v.Z,{id:"original-cell",sx:{...eD(m,t,{isHeader:y,isLastColumn:c,isFirstColumn:d,defaultColumnHeight:i}),position:"relative",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flexDirection:"inherit"},style:{backgroundColor:g??"inherit",color:p??"inherit"},title:u,"aria-label":u,textAlign:h,children:e})})}function eF({onSort:e,sortDirection:t,nextSortDirection:n,children:r,...i}){let o=!!e,a=(0,l.jsx)(eZ.Z,{noWrap:!0,variant:"inherit",component:"div",color:"inherit",children:r}),s=!!t;return(0,l.jsx)(eL,{...i,children:o?(0,l.jsx)(eS.Z,{onClick:e,direction:s?t:n,active:s,sx:{verticalAlign:"unset",maxWidth:"100%","&:focus-visible":{[`& .${ek.Z.icon}`]:{opacity:s?1:.5}}},children:a}):a})}var eR=n(59019);let eN=(0,s.forwardRef)(function(e,t){return(0,l.jsx)(eR.Z,{...e,tabIndex:-1,ref:t})}),eP={row:0,column:0},eO=["ArrowRight","ArrowLeft","ArrowUp","ArrowDown"];var ez=n(25329);let eW=(0,s.forwardRef)(function(e,t){return(0,l.jsx)(ez.Z,{...e,ref:t})});function e$({width:e,height:t,density:n,defaultColumnWidth:r,defaultColumnHeight:i,onRowClick:o,onRowMouseOver:a,onRowMouseOut:d,rows:c,columns:u,headers:h,cellConfigs:p,pagination:g,onPaginationChange:x,rowCount:m}){let f=(0,s.useRef)(null),y=(0,s.useRef)({startIndex:0,endIndex:0}),b=function({visibleRange:e,virtualTable:t,maxRows:n,maxColumns:r}){return function({maxRows:e,maxColumns:t,onActiveCellChange:n}){let[r,l]=(0,s.useState)(eP),[i,o]=(0,s.useState)(!1);return{activeCell:r,isActive:i,onTableKeyDown:(0,s.useCallback)(r=>{let i=r.key;(eO.includes(i)||"Home"===i||"End"===i||"PageDown"===i||"PageUp"===i)&&l(l=>{let o=l.row,a=l.column;"ArrowRight"===i&&a<t-1?(r.preventDefault(),a+=1):"ArrowLeft"===i&&a>0?(r.preventDefault(),a-=1):"ArrowDown"===i&&o<e-1?(r.preventDefault(),o+=1):"ArrowUp"===i&&o>0?(r.preventDefault(),o-=1):"Home"===i?(r.preventDefault(),o=0,a=0):"End"===i&&(r.preventDefault(),o=e-1,a=t-1);let s={column:a,row:o},d=n?.(r,l,s)||s;return d.row===l.row&&d.column===l.column?l:d})},[t,e,n]),onCellFocus:e=>{(e.column!==r.column||e.row!==r.row||!i)&&(o(!0),l(e))}}}({maxRows:n,maxColumns:r,onActiveCellChange:(r,l,i)=>{let o=r.key,a=i&&(l.column!==i.column||l.row!==i.row),s=i?.row??l.row;if("ArrowDown"===o&&a)(s-1<e.current.startIndex||s-1>e.current.endIndex)&&t.current?.scrollToIndex({index:s-1,align:"end"});else if("ArrowUp"===o&&a)(s-1<e.current.startIndex||s-1>e.current.endIndex)&&t.current?.scrollToIndex({index:s-1,align:"start"});else if(a&&("Home"===o||"End"===o))t.current?.scrollToIndex({index:Math.max(s-1,0),align:"start"});else if("PageDown"===o){r.preventDefault();let i=l.row;return i=Math.min(n-1,e.current.endIndex+1),t.current?.scrollToIndex({index:i-1,align:"start"}),{row:i,column:l.column}}else if("PageUp"===o){let n=l.row;return n=Math.max(0,e.current.startIndex-1),t.current?.scrollToIndex({index:n-1,align:"end"}),{row:n,column:l.column}}return i}})}({visibleRange:y,virtualTable:f,maxRows:c.length+1,maxColumns:u.length}),C=e=>e.row===b.activeCell.row&&e.column===b.activeCell.column?b.isActive?"trigger-focus":"focus-next":"none",j=(0,s.useMemo)(()=>({Scroller:eN,Table:t=>(0,l.jsx)(eC,{...t,width:e,density:n,onKeyDown:b.onTableKeyDown}),TableHead:ew,TableFoot:eW,TableRow:({item:e,...t})=>{let r=c[t["data-index"]];if(!r)return null;let i={id:r.id,index:r.index};return(0,l.jsx)(ex,{...t,onClick:e=>o(e,r.id),density:n,onMouseOver:e=>{a?.(e,i)},onMouseOut:e=>{d?.(e,i)}})},TableBody:ef}),[n,b.onTableKeyDown,o,d,a,c,e]),w=(e,t)=>{g&&x&&x({...g,pageIndex:t})},Z=e=>{g&&x&&x({pageIndex:0,pageSize:parseInt(e.target.value,10)})};return(0,l.jsx)(v.Z,{style:{width:e,height:t},children:(0,l.jsx)(ee._n,{ref:f,totalCount:c.length,components:j,rangeChanged:e=>{y.current=e},fixedHeaderContent:()=>(0,l.jsx)(l.Fragment,{children:h.map(e=>(0,l.jsx)(ex,{density:n,children:e.headers.map((e,t,o)=>{let a=e.column,s={row:0,column:t},d=a.getIsSorted(),c=a.getNextSortingOrder();return(0,l.jsx)(eF,{onSort:a.getCanSort()?a.getToggleSortingHandler():void 0,sortDirection:"string"==typeof d?d:void 0,nextSortDirection:"string"==typeof c?c:void 0,width:a.getSize()||r,defaultColumnHeight:i,align:a.columnDef.meta?.align,variant:"head",density:n,description:a.columnDef.meta?.headerDescription,focusState:C(s),onFocusTrigger:()=>b.onCellFocus(s),isFirstColumn:0===t,isLastColumn:t===o.length-1,children:(0,ec.ie)(a.columnDef.header,e.getContext())},e.id)})},e.id))}),fixedFooterContent:g?()=>(0,l.jsx)(eh.Z,{sx:{backgroundColor:e=>e.palette.background.default},children:(0,l.jsx)(ep.Z,{colSpan:u.length,count:m,page:g.pageIndex,rowsPerPage:g.pageSize,onPageChange:w,onRowsPerPageChange:Z})}):void 0,itemContent:e=>{let t=c[e];return t?(0,l.jsx)(l.Fragment,{children:t.getVisibleCells().map((t,o,a)=>{let s;let d={row:e+1,column:o},c=t.getContext(),u=p?.[c.cell.id],h=t.column.columnDef.cell,g="function"==typeof h?h(c):null,x=t.column.columnDef.meta?.cellDescription;return"function"==typeof x?s=x(c):x&&"string"==typeof g&&(s=g),(0,l.jsx)(eL,{"data-testid":t.id,title:s||u?.text||g,width:t.column.getSize()||r,defaultColumnHeight:i,align:t.column.columnDef.meta?.align,density:n,focusState:C(d),onFocusTrigger:()=>b.onCellFocus(d),isFirstColumn:0===o,isLastColumn:o===a.length-1,description:s,color:u?.textColor??void 0,backgroundColor:u?.backgroundColor??void 0,children:u?.text||g},t.id)})}):null}})})}var eH=n(82707);function eB({color:e,density:t,...n}){let r="compact"===t;return(0,l.jsx)(eH.Z,{size:r?"small":"medium",...n,focusRipple:!1,tabIndex:-1,sx:{color:e,padding:e=>e.spacing(r?.25:.5),position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)","&.Mui-checked":{color:e},"&.Mui-focusVisible":{background:e?(0,eg.Fq)(e,.5):void 0},"& .MuiSvgIcon-root":{fontSize:r?16:18}}})}let e_=(e,t)=>`${t}`,eV={},eU=[];function eY({data:e,columns:t,cellConfigs:n,density:r="standard",defaultColumnWidth:i=eA,defaultColumnHeight:o="auto",checkboxSelection:a,onRowSelectionChange:d,onSortingChange:c,getCheckboxColor:u,getRowId:h=e_,rowSelection:p=eV,sorting:g=eU,pagination:x,onPaginationChange:m,rowSelectionVariant:f="standard",...v}){let y=(0,J.Z)(),b=(0,s.useCallback)((e,t,n)=>{"standard"===f||n?t.toggleSelected():t.getIsSelected()&&!e.getIsAllRowsSelected()?e.toggleAllRowsSelected():d?.({[t.id]:!0})},[d,f]),C=(0,s.useCallback)((e,t,n)=>{let r=e.nativeEvent&&(e.nativeEvent instanceof MouseEvent||e.nativeEvent instanceof KeyboardEvent)?e.nativeEvent:void 0;b(t,n,!!r?.metaKey||!!r?.shiftKey)},[b]),j=(0,s.useMemo)(()=>({id:"checkboxRowSelect",size:28,header:({table:e})=>(0,l.jsx)(eB,{checked:e.getIsAllRowsSelected(),indeterminate:e.getIsSomeRowsSelected(),onChange:e.getToggleAllRowsSelectedHandler(),color:y.palette.text.primary,density:r}),cell:({row:e,table:t})=>(0,l.jsx)(eB,{checked:e.getIsSelected(),indeterminate:e.getIsSomeSelected(),onChange:n=>{C(n,t,e)},color:u?.(e.original),density:r}),enableSorting:!1}),[y.palette.text.primary,r,u,C]),w=(0,s.useMemo)(()=>{let e=eI(t);return a&&e.unshift(j),e},[j,a,t]),Z=(0,ec.b7)({data:e,columns:w,getRowId:h,getCoreRowModel:(0,eu.sC)(),getSortedRowModel:(0,eu.tj)(),getPaginationRowModel:x?(0,eu.G_)():void 0,manualPagination:!x,enableRowSelection:!!a,onRowSelectionChange:e=>{let t="function"==typeof e?e(p):e;d?.(t)},onSortingChange:e=>{let t="function"==typeof e?e(g):e;c?.(t)},sortDescFirst:!0,state:{rowSelection:p,sorting:g,...x?{pagination:x}:{}}}),S=(0,s.useCallback)((e,t)=>{let n=Z.getRow(t);b(Z,n,e.metaKey||e.shiftKey)},[b,Z]);return(0,l.jsx)(e$,{...v,density:r,defaultColumnWidth:i,defaultColumnHeight:o,onRowClick:S,rows:Z.getRowModel().rows,columns:Z.getAllFlatColumns(),headers:Z.getHeaderGroups(),cellConfigs:n,pagination:x,onPaginationChange:m,rowCount:Z.getRowCount()})}let eG=[{accessorKey:"label",header:"Name",enableSorting:!0,cell:({getValue:e})=>(0,l.jsx)("span",{title:e(),children:e()})}],eX=e=>e.id,eK=e=>e.color;function eq({items:e,selectedItems:t,onSelectedItemsChange:n,onItemMouseOver:r,onItemMouseOut:i,height:o,width:a,columns:d=[],sorting:c,onSortingChange:u}){let h=(0,s.useMemo)(()=>"string"!=typeof t?t:e.reduce((e,t,n)=>(e[eX(t,n)]=!0,e),{}),[t,e]),p=(0,s.useMemo)(()=>[...eG,...d],[d]);return(0,l.jsx)(eY,{height:o,width:a,rowSelection:h,onRowSelectionChange:n,onRowMouseOver:r,onRowMouseOut:i,sorting:c,onSortingChange:u,data:e,columns:p,density:"compact",defaultColumnWidth:"auto",getRowId:eX,getCheckboxColor:eK,checkboxSelection:!0,rowSelectionVariant:"legend"})}function eJ({width:e,height:t,options:n,data:r,selectedItems:i,onSelectedItemsChange:o,onItemMouseOver:a,onItemMouseOut:s,tableProps:d}){let u;let h=(e,t)=>{let n=e.metaKey||e.shiftKey;o((0,Q.Uy)(i,e=>{if("ALL"===e)return{[t]:!0};let r=!!e[t];return n?(r?delete e[t]:e[t]=!0,e):r?"ALL":{[t]:!0}}))},p=(0,c.getLegendMode)(n.mode),g=r.length>=500,x={height:t,items:r,selectedItems:i,onLegendItemClick:h,onItemMouseOver:a,onItemMouseOut:s};return(u="table"===p?(0,l.jsx)(eq,{...x,onSelectedItemsChange:o,width:e,...d}):"right"===n.position||g?(0,l.jsx)(es,{...x,width:e,onLegendItemClick:h}):(0,l.jsx)(ed,{...x,onLegendItemClick:h}),"right"===n.position)?(0,l.jsx)(v.Z,{style:{width:e,height:t},sx:{position:"absolute",top:0,right:0},children:u}):(0,l.jsx)(v.Z,{style:{width:e,height:t},sx:{position:"absolute",bottom:0},children:u})}let eQ={medium:{bottom:6,right:250},small:{bottom:4,right:150}};function e0({children:e,legendProps:t,width:n,height:r,spacing:i=0,legendSize:o,minChildrenWidth:a=100,minChildrenHeight:s=100}){let{content:d,legend:u,margin:h}=function({width:e,height:t,legendProps:n,legendSize:r,minChildrenHeight:l,minChildrenWidth:i,spacing:o,theme:a}){let s,d;let u=n?.options,h={legend:{show:!1,width:0,height:0},content:{width:e,height:t},margin:{right:0,bottom:0}};if(!u)return h;let{position:p}=u;if("list"===(0,c.getLegendMode)(u.mode))s="right"===p?200:e,d=40,"right"===p?d=t:t>=300&&(d=100);else{let l=eD(a,"compact"),i=(n?.tableProps?.columns||[]).reduce((e,t)=>("number"==typeof t.width&&(e+=t.width),e),0);s="right"===p?eQ[r].right+i:e;let o=Math.min(eQ[r].bottom,n.data.length+1);d="bottom"===p?o*l.height:t}let g="right"===p?e-s-o:e,x="bottom"===p?t-d-o:t;return"right"===p&&g<i||"bottom"===p&&x<l?h:{legend:{width:s,height:d,show:!0},content:{width:g,height:x},margin:{right:"right"===p?o:0,bottom:"bottom"===p?o:0}}}({width:n,height:r,legendProps:t,minChildrenHeight:s,minChildrenWidth:a,spacing:i,theme:(0,J.Z)(),legendSize:(0,c.getLegendSize)(o)});return(0,l.jsxs)(v.Z,{style:{width:n,height:r},sx:{position:"relative",overflow:"hidden"},children:[(0,l.jsx)(v.Z,{style:{width:d.width,height:d.height},sx:{marginRight:`${h.right}px`,marginBottom:`${h.bottom}px`,overflow:"hidden"},children:"function"==typeof e?e({width:d.width,height:d.height}):e}),t&&u.show&&(0,l.jsx)(eJ,{...t,height:u.height,width:u.width})]})}let e1=(0,s.forwardRef)(function({debounceMs:e=250,value:t,onChange:n,...r},i){let[o,a]=(0,s.useState)(t),d=(0,s.useCallback)(e=>{n?.(e)},[n]),c=(0,s.useMemo)(()=>T()(d,e),[e,d]);return(0,l.jsx)(H.Z,{ref:i,value:o,onChange:function(e){a(e.target.value),c(e.target.value)},...r})});e1.displayName="TextField";var e5=n(51602),e2=n(19978),e6=n(56873),e7=n(70616),e3=n(10763);let e4=(0,X.ZP)("form")({overflowY:"auto",display:"flex",flexDirection:"column"}),e8=e=>({position:"absolute",top:e.spacing(.5),right:e.spacing(.5)}),e9=({children:e,...t})=>(0,l.jsx)(e6.Z,{...t,children:e});e9.Header=({children:e,onClose:t,...n})=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e5.Z,{style:{textOverflow:"ellipsis",overflow:"hidden"},...n,children:e}),t&&(0,l.jsx)($.Z,{"aria-label":"Close",onClick:t,sx:e8,children:(0,l.jsx)(e3.default,{})})]}),e9.Form=e4,e9.Content=({children:e,sx:t,...n})=>(0,l.jsx)(e2.Z,{dividers:!0,...n,sx:er({minWidth:"500px",textWrap:"balance"},t),children:e}),e9.PrimaryButton=({children:e,...t})=>(0,l.jsx)(o.Z,{variant:"contained",type:"submit",...t,children:e}),e9.SecondaryButton=({children:e,...t})=>(0,l.jsx)(o.Z,{variant:"outlined",color:"secondary",...t,children:e}),e9.Actions=e7.Z;let te=e=>{let{description:t,isOpen:n,onCancel:r,onDiscardChanges:i}=e;return(0,l.jsxs)(e9,{open:n,"aria-labelledby":"discard-dialog",children:[(0,l.jsx)(e9.Header,{children:"Discard Changes"}),(0,l.jsx)(e9.Content,{children:t}),(0,l.jsxs)(e9.Actions,{children:[(0,l.jsx)(o.Z,{variant:"contained",onClick:i,children:"Discard Changes"}),(0,l.jsx)(o.Z,{variant:"outlined",color:"secondary",onClick:r,children:"Cancel"})]})]})};var tt=n(90192),tn=n(23626),tr=n(39398);function tl(e){void 0===globalThis.useIdValue&&(globalThis.useIdValue=0);let t=(0,s.useRef)(void 0);return void 0===t.current&&(t.current=`${e}-${globalThis.useIdValue++}`),t.current}var ti=n(32964),to=n(87143);let ta=({id:e,title:t,description:n,placement:r,children:i,enterDelay:o,enterNextDelay:a})=>{let s=(0,l.jsx)("span",{children:i});return(0,l.jsx)(td,{arrow:!0,id:e,placement:r??"top",title:(0,l.jsx)(ts,{title:t,description:n}),enterDelay:o??500,enterNextDelay:a??500,children:s})},ts=({title:e,description:t})=>(0,l.jsxs)(l.Fragment,{children:[e&&(0,l.jsx)(eZ.Z,{variant:"body2",sx:e=>({color:e.palette.text.primary,fontWeight:e.typography.fontWeightMedium}),children:e}),(0,l.jsx)(eZ.Z,{variant:"caption",sx:e=>({color:e.palette.text.primary,whiteSpace:"pre-line"}),children:t})]}),td=(0,X.ZP)(({className:e,...t})=>(0,l.jsx)(ti.Z,{...t,classes:{popper:e}}))(({theme:e})=>({[`& .${to.Z.tooltip}`]:{backgroundColor:e.palette.background.tooltip,color:e.palette.text.primary,maxWidth:"300px",padding:e.spacing(1),boxShadow:e.shadows[1]},[`& .${to.Z.arrow}`]:{color:e.palette.background.tooltip}})),tc=({label:e,control:t,description:n})=>{let r=tl("EditorSectionControl"),i=`${r}-control`;return(0,l.jsx)(tt.Z,{children:(0,l.jsxs)(W.Z,{direction:"row",alignItems:"center",justifyContent:"space-between",children:[(0,l.jsxs)(W.Z,{direction:"row",alignItems:"center",justifyContent:"center",children:[(0,l.jsx)(tn.Z,{htmlFor:i,children:e}),n&&(0,l.jsx)(ta,{description:n,enterDelay:100,children:(0,l.jsx)($.Z,{size:"small",sx:e=>({borderRadius:e.shape.borderRadius,padding:"4x",margin:"0 2px"}),children:(0,l.jsx)(tr.default,{"aria-describedby":"info-tooltip","aria-hidden":!1,fontSize:"inherit",sx:{color:e=>e.palette.grey[700]}})})})]}),(0,l.jsxs)(v.Z,{sx:{width:"180px",textAlign:"right"},children:[" ",d().cloneElement(t,{id:i})]})]})})};var tu=n(11774),th=n(57174);function tp({options:e,renderInput:t=e=>(0,l.jsx)(H.Z,{...e}),...n}){let r=e=>e.label??e.id;return(0,l.jsx)(tu.Z,{isOptionEqualToValue:(e,t)=>e.id===t.id,getOptionDisabled:e=>!!e.disabled,getOptionLabel:r,options:e,renderInput:t,renderOption:({key:e,...t},n)=>(0,l.jsx)("li",{...t,children:(0,l.jsxs)("div",{children:[(0,l.jsx)(eZ.Z,{variant:"body1",component:"div",children:r(n)}),n.description&&(0,l.jsx)(eZ.Z,{variant:"body2",component:"div",sx:{color:e=>e.palette.text.secondary},children:n.description})]})},e),filterOptions:(0,th.D)({stringify:e=>`${r(e)} ${e.description||""}`}),...n})}let tg=[{id:"compact",label:"Compact"},{id:"standard",label:"Standard"},{id:"comfortable",label:"Comfortable"}];function tx({onChange:e,value:t="standard"}){return(0,l.jsx)(tc,{label:"Density",control:(0,l.jsx)(tp,{value:tg.find(e=>e.id===t),options:tg,getOptionLabel:e=>e.label,onChange:(t,{id:n})=>{e(n)},disableClearable:!0})})}function tm(){return(0,l.jsxs)(W.Z,{direction:"row",alignItems:"center",children:[(0,l.jsx)(v.Z,{sx:{content:'""',width:8,height:8,boxSizing:"border-box",position:"absolute",backgroundColor:e=>e.palette.background.default,border:e=>`2px solid ${e.palette.info.main}`,borderRadius:"50%"}}),(0,l.jsx)(v.Z,{sx:{content:'""',height:2,background:e=>e.palette.info.main,width:"100%"}})]})}var tf=n(39020),tv=n(55255),ty=n(62422),tb=n(74183);let tC={type:"idle"};function tj({elements:e,accessKey:t,axis:n="vertical",onChange:r}){return(0,s.useEffect)(()=>(0,tv.sd)({onDrop({location:l,source:i}){let o=l.current.dropTargets[0];if(!o)return;let a=i.data,s=o.data,d=e.findIndex(e=>e[t]===a[t]),c=e.findIndex(e=>e[t]===s[t]);if(c<0||d<0)return;let u=(0,tb.A)(s);r((0,tf.h)({list:e,startIndex:d,indexOfTarget:c,closestEdgeOfTarget:u,axis:n}))}}),[t,n,e,r])}function tw({children:e,data:t}){let n=(0,s.useRef)(null),[r,i]=(0,s.useState)(tC);return(0,s.useEffect)(()=>{let e=n.current;if(e)return(0,ty.$)((0,tv.En)({element:e,getInitialData:()=>t,onDragStart(){i({type:"is-dragging"})},onDrop(){i(tC)}}),(0,tv.wO)({element:e,canDrop:({source:t})=>t.element!==e,getData:({input:n})=>(0,tb.X)(t,{element:e,input:n,allowedEdges:["top","bottom"]}),getIsSticky:()=>!0,onDragEnter({self:e}){i({type:"is-dragging-over",closestEdge:(0,tb.A)(e.data)})},onDrag({self:e}){let t=(0,tb.A)(e.data);i(e=>"is-dragging-over"===e.type&&e.closestEdge===t?e:{type:"is-dragging-over",closestEdge:t})},onDragLeave(){i(tC)},onDrop(){i(tC)}}))},[t]),(0,l.jsxs)(W.Z,{ref:n,spacing:1,style:{opacity:"is-dragging"===r.type?.5:"unset"},children:["is-dragging-over"===r.type&&"top"===r.closestEdge?(0,l.jsx)(tm,{}):null,e,"is-dragging-over"===r.type&&"bottom"===r.closestEdge?(0,l.jsx)(tm,{}):null]})}var tZ=n(5549),tS=n(10517),tk=n(11682);function tT(e,t){let n=t.indexOf(e);if(0===n)return t;let r=[...t];return r.splice(n,1),r.splice(n-1,0,e),r}function tA(e,t){let n=t.indexOf(e);if(n===t.length-1)return t;let r=[...t];return r.splice(n,1),r.splice(n+1,0,e),r}let tM=(0,s.forwardRef)(function({onMoveUp:e,onMoveDown:t,onMoveLeft:n,onMoveRight:r,menuSx:i,...o},a){let[d,c]=(0,s.useState)(null),u=!!d;function h(e){c(null),e?.()}return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)($.Z,{...o,ref:a,"aria-label":"move","aria-haspopup":!0,"aria-expanded":u,size:"small",onClick:function(e){c(e.currentTarget)},children:(0,l.jsx)(tk.default,{})}),(e||t||n||r)&&(0,l.jsxs)(tZ.Z,{id:"drag-button-menu",MenuListProps:{"aria-labelledby":"drag-button-menu"},anchorEl:d,open:u,onClose:()=>h(void 0),sx:i,children:[e&&(0,l.jsx)(tS.Z,{onClick:()=>h(e),children:"Move Up"}),t&&(0,l.jsx)(tS.Z,{onClick:()=>h(t),children:"Move Down"}),n&&(0,l.jsx)(tS.Z,{onClick:()=>h(n),children:"Move Left"}),r&&(0,l.jsx)(tS.Z,{onClick:()=>h(r),children:"Move Right"}),r&&(0,l.jsx)(tS.Z,{onClick:()=>h(r),children:"Move Right"})]})]})});var tD=n(76439),tI=n(73957);let tE=({anchor:e="right",isOpen:t,onClose:n,PaperProps:r,children:i,...o})=>{let a=(0,tD.Z)("(max-width:1080px)");return(0,l.jsx)(tI.ZP,{...o,open:t,onClose:n,anchor:e,PaperProps:{...r,sx:er({width:a?"100%":"1080px",overflow:"hidden"},r?.sx)},children:i})};var tL=n(315);function tF(e){let{error:t}=e;return(0,l.jsx)(tL.Z,{severity:"error",children:t.message})}var tR=n(68715);let tN=[{id:"default",label:"Default",value:void 0},{id:"12",label:"12",value:12},{id:"14",label:"14",value:14},{id:"16",label:"16",value:16},{id:"20",label:"20",value:20},{id:"24",label:"24",value:24},{id:"28",label:"28",value:28},{id:"32",label:"32",value:32},{id:"36",label:"36",value:36},{id:"40",label:"40",value:40},{id:"48",label:"48",value:48},{id:"56",label:"56",value:56},{id:"64",label:"64",value:64},{id:"72",label:"72",value:72},{id:"96",label:"96",value:96},{id:"128",label:"128",value:128},{id:"160",label:"160",value:160},{id:"192",label:"192",value:192}];function tP({value:e,onChange:t}){return(0,l.jsx)(tc,{label:"Font Size",control:(0,l.jsx)(tp,{value:tN.find(t=>t.value===e),options:tN,getOptionLabel:e=>e.label,onChange:(e,{value:n})=>{t(n)},disableClearable:!0})})}var tO=n(79119);function tz({action:e,submitText:t="Save",cancelText:n="Cancel",isReadonly:r,isValid:i,onActionChange:a,onSubmit:s,onDelete:d,onCancel:c,...u}){return(0,l.jsx)(W.Z,{direction:"row",gap:1,sx:{marginLeft:"auto"},...u,children:"read"===e?(0,l.jsxs)(l.Fragment,{children:[a&&(0,l.jsx)(o.Z,{disabled:r,variant:"contained",onClick:()=>a("update"),children:"Edit"}),d&&(0,l.jsx)(o.Z,{color:"error",disabled:r,variant:"outlined",onClick:d,children:"Delete"}),c&&(s||d)&&(0,l.jsx)(tO.Z,{orientation:"vertical",flexItem:!0,sx:{borderColor:e=>e.palette.grey["500"],"&.MuiDivider-root":{marginLeft:2,marginRight:1}}}),c&&(0,l.jsx)(o.Z,{color:"secondary",variant:"outlined",onClick:c,children:n})]}):(0,l.jsxs)(l.Fragment,{children:[s&&(0,l.jsx)(o.Z,{variant:"contained",disabled:!i,onClick:s,children:t}),c&&(0,l.jsx)(o.Z,{color:"secondary",variant:"outlined",onClick:c,children:n})]})})}var tW=n(78846);function t$(e){let{width:t,height:n,data:r,format:i,axisLine:o,max:a}=e,s=j(),d=(0,c.useDeepMemo)(()=>{if(void 0===r.value)return s.noDataOption;let e=tH(r.value,i,t,n);return{title:{show:!1},tooltip:{show:!1},series:[{type:"gauge",center:["50%","65%"],radius:"86%",startAngle:200,endAngle:-20,min:0,max:a,silent:!0,progress:{show:!0,width:16,itemStyle:{color:"auto"}},pointer:{show:!1},axisLine:{lineStyle:{color:[[1,"rgba(127,127,127,0.35)"]],width:16}},axisTick:{show:!1,distance:0},splitLine:{show:!1},axisLabel:{show:!1,distance:-18,color:"#999",fontSize:12},anchor:{show:!1},title:{show:!1},detail:{show:!1},data:[{value:r.value}]},{type:"gauge",center:["50%","65%"],radius:"100%",startAngle:200,endAngle:-20,min:0,max:a,pointer:{show:!0,icon:t>170?"path://M12.8,0.7l12,40.1H0.7L12.8,0.7z":"none",length:10,width:5,offsetCenter:[0,"-49%"],itemStyle:{color:"auto"}},axisLine:o,axisTick:{show:!1},splitLine:{show:!1},axisLabel:{show:!1},detail:{show:!0,width:"60%",borderRadius:8,offsetCenter:[0,"-9%"],color:"inherit",fontSize:e,formatter:null===r.value?()=>"null":e=>(0,c.formatValue)(e,i)},data:[{value:r.value,name:r.label,title:{show:!0,color:s.echartsTheme.textStyle?.color??"inherit",offsetCenter:[0,"55%"],overflow:"truncate",fontSize:12,width:.8*t}}]}]}},[r,t,n,s,i,o,a]);return(0,l.jsx)(F,{sx:{width:t,height:n,padding:`${s.container.padding.default}px`},option:d,theme:s.echartsTheme})}function tH(e,t,n,r){let l=Math.min(n,r)/(("number"==typeof e?(0,c.formatValue)(e,t):`${e}`).length??2)*.7;return`clamp(3px, ${l}px, 24px)`}(0,u.D)([tW.N,p.N,x.N,m.N,f.N]);var tB=n(97313),t_=n(10225),tV=n(68799);function tU(e){let t=(0,J.Z)(),n="dark"===t.palette.mode,[r,i]=(0,s.useState)(()=>JSON.stringify(e.value,null,2)),[o,a]=(0,s.useState)(r);return(0,l.jsx)(tB.ZP,{...e,style:{border:`1px solid ${t.palette.divider}`},theme:n?"dark":"light",extensions:[(0,t_.AV)(),(0,tV.ir)((0,t_.ap)()),(0,tV.Q2)()],value:r,onChange:t=>{i(t),e.onChange&&e.onChange(t)},onBlur:()=>{o!==r&&void 0!==e.onChange&&(e.onChange(r),a(r))},placeholder:e.placeholder})}var tY=n(44811),tG=n(98857),tX=n(219),tK=n(17846),tq=n(55328),tJ=n(4665),tQ=n(20461);function t0(e,t){if(t){let n=t.toLowerCase();if("local"!==n&&"browser"!==n)return{...e,timeZone:"utc"===n?"UTC":t}}return e}function t1(e,t,n){let r=n?.toLowerCase();return n&&"local"!==r&&"browser"!==r?(0,tJ.formatInTimeZone)(e,"utc"===r?"UTC":n,t):(0,tQ.format)(e,t)}function t5(e,t,n){let r=t0({hour:"numeric",minute:"numeric",hourCycle:"h23"},n);return t<=18e5?r.second="numeric":t>=864e5&&(r.month="numeric",r.day="numeric"),new Intl.DateTimeFormat(void 0,r).format(e).replace(/, /g," ")}function t2(e){return e>15768e7?"{yyyy}":e>63072e6?"{MMM} {yyyy}":e>432e6&&e<1577664e4?"{MM}/{dd}":e>1728e5&&e<=432e6?"{MM}/{dd} {HH}:{mm}":{year:"{yearStyle|{yyyy}}\n{monthStyle|{MMM}}",month:"{MMM}",day:"{MM}/{dd}"}}let t6=e=>{if(!e)return{formattedDate:"",formattedTime:""};let t=new Date(e);return{formattedDate:(0,tQ.format)(t,"MMM dd, yyyy - "),formattedTime:(0,tQ.format)(t,"HH:mm:ss")}},t7=(0,s.createContext)(void 0);function t3(e){let{children:t,timeZone:n}=e;return(0,l.jsx)(t7.Provider,{value:n,children:t})}function t4(){let e=(0,s.useContext)(t7);return{timeZone:e??"local",formatWithUserTimeZone:(t,n)=>t1(t,n,e),dateFormatOptionsWithUserTimeZone:t=>t0(t,e)}}let t8=375,t9=650,ne=650,nt=500,nn=.75,nr=8,nl=750,ni="nearby series showing in tooltip",no="emphasized series showing as bold in tooltip",na="#2E313E",ns=new Intl.DateTimeFormat(void 0,{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",hour12:!0}),nd={coords:{plotCanvas:{x:0,y:0},zrender:{x:0,y:0},target:null},chartWidth:0},nc=[],nu=()=>{let[e,t]=(0,s.useState)(null);return(0,s.useEffect)(()=>{let e=e=>t({page:{x:e.pageX,y:e.pageY},client:{x:e.clientX,y:e.clientY},plotCanvas:{x:e.zrX??e.offsetX,y:e.zrY??e.offsetY},target:e.target});return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}},[]),e},nh={wrapLabels:!0,enablePinning:!0},np="Click chart to pin",ng="Click chart to unpin";var nx=n(7444),nm=n(75276);function nf(e){let{markerColor:t,sx:n}=e;return(0,l.jsx)(v.Z,{sx:er({display:"inline-block",width:"11px",height:"11px",borderRadius:"2px",marginRight:1,verticalAlign:"top"},n),style:{backgroundColor:t}})}function nv(e){let{formattedY:t,markerColor:n,metricName:r,metricLabels:i}=e;return(0,l.jsxs)(W.Z,{spacing:.5,children:[(0,l.jsxs)(v.Z,{sx:e=>({display:"flex",height:"16px",flexDirection:"row",alignItems:"center",justifyContent:"left",color:e.palette.common.white,fontSize:"11px"}),children:[(0,l.jsx)(nf,{markerColor:n,sx:{marginTop:.25}}),(0,l.jsxs)(v.Z,{component:"span",children:[r,(0,l.jsx)(v.Z,{component:"span",sx:e=>({color:e.palette.common.white,fontWeight:700,paddingLeft:"2px"}),children:t})]})]}),(0,l.jsx)(tO.Z,{sx:e=>({borderColor:e.palette.grey["500"]})}),(0,l.jsx)(v.Z,{sx:e=>({color:e.palette.common.white}),children:i.map(e=>{if(e){let[t,n]=e.split("="),r=void 0!==n?`${t}: `:t,i=void 0!==n?n.replace(/(^"|"$)/g,""):n;return(0,l.jsxs)(v.Z,{sx:{display:"flex",gap:"4px"},children:[(0,l.jsx)(eZ.Z,{sx:{fontSize:"11px"},children:r}),(0,l.jsx)(eZ.Z,{sx:e=>({color:e.palette.common.white,fontWeight:700,fontSize:"11px"}),children:i})]},e)}})})]})}function ny(e){let{seriesName:t,formattedY:n,markerColor:r,totalSeries:i,emphasizeText:o=!1,wrapLabels:a=!0}=e,s=t.split("{"),d=(s[1]??t).replace(/[{}]/g,"").split(",");if(1===i&&d.length>1){let e=s[0]?`${s[0]}:`:"value:";return(0,l.jsx)(nv,{formattedY:n,metricName:e,metricLabels:d,markerColor:r})}let c=t.replace(/[,]/g,", ");return(0,l.jsxs)(v.Z,{sx:{display:"table-row",paddingTop:.5},children:[(0,l.jsxs)(v.Z,{sx:{display:"table-cell",maxWidth:"520px"},children:[(0,l.jsx)(nf,{markerColor:r,sx:{marginTop:.5}}),(0,l.jsx)(v.Z,{component:"span",sx:e=>({display:"inline-block",width:"calc(100% - 20px)",minWidth:150,maxWidth:nt,overflow:"hidden",color:e.palette.common.white,fontWeight:o?e.typography.fontWeightBold:e.typography.fontWeightRegular,textOverflow:"ellipsis",whiteSpace:a?"normal":"nowrap"}),"aria-label":o?no:ni,children:c})]}),(0,l.jsx)(v.Z,{sx:e=>({display:"table-cell",paddingLeft:1.5,textAlign:"right",verticalAlign:"top",fontWeight:o?e.typography.fontWeightBold:e.typography.fontWeightRegular}),children:n})]})}function nb(e){let{series:t,wrapLabels:n}=e,r=(0,s.useMemo)(()=>null===t?null:t.sort((e,t)=>e.y>t.y?-1:1),[t]);return null===t||null===r?null:(0,l.jsx)(v.Z,{sx:e=>({display:"table",padding:e.spacing(.5,2)}),children:r.map(({datumIdx:e,seriesIdx:t,seriesName:i,y:o,formattedY:a,markerColor:s,isClosestToCursor:d})=>{if(null===e||null===t)return null;let c=t.toString()+e.toString();return(0,l.jsx)(ny,{seriesName:i,y:o,formattedY:a,markerColor:s,totalSeries:r.length,wrapLabels:n,emphasizeText:d},c)})})}var nC=n(87895),nj=n(1889),nw=n(75186);let nZ=(0,s.memo)(function({nearbySeries:e,totalSeries:t,isTooltipPinned:n,showAllSeries:r,enablePinning:i=!0,onShowAllClick:o,onUnpinClick:a}){let s=e[0]?.date??null;if(null===s)return null;let d=i&&t>5;return(0,l.jsxs)(v.Z,{sx:e=>({width:"100%",maxWidth:t9,padding:e.spacing(1.5,2,.5,2),backgroundColor:e.palette.designSystem?.grey[800]??na,position:"sticky",top:0,left:0}),children:[(0,l.jsxs)(v.Z,{sx:{width:"100%",display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:.5},children:[(e=>{let{formattedTime:t,formattedDate:n}=t6(e);return(0,l.jsxs)(v.Z,{children:[(0,l.jsx)(eZ.Z,{variant:"caption",sx:e=>({color:e.palette.common.white}),children:n}),(0,l.jsx)(eZ.Z,{variant:"caption",children:(0,l.jsx)("strong",{children:t})})]})})(s),(0,l.jsxs)(W.Z,{direction:"row",gap:1,sx:{marginLeft:"auto"},children:[d&&(0,l.jsxs)(W.Z,{direction:"row",gap:.5,alignItems:"center",sx:{textAlign:"right"},children:[(0,l.jsx)(eZ.Z,{sx:{fontSize:11},children:"Show All"}),(0,l.jsx)(nC.Z,{checked:r,size:"small",onChange:(e,t)=>{if(void 0!==o)return o(t)},sx:e=>({"& .MuiSwitch-switchBase":{color:e.palette.common.white},"& .MuiSwitch-track":{backgroundColor:e.palette.common.white}})})]}),i&&(0,l.jsxs)(W.Z,{direction:"row",alignItems:"center",children:[(0,l.jsx)(eZ.Z,{sx:{marginRight:.5,fontSize:11,verticalAlign:"middle"},children:n?ng:np}),n?(0,l.jsx)(nj.default,{onClick:()=>{void 0!==a&&a()},sx:{fontSize:16,cursor:"pointer"}}):(0,l.jsx)(nw.default,{sx:{fontSize:16}})]})]})]}),(0,l.jsx)(tO.Z,{sx:e=>({width:"100%",borderColor:e.palette.grey["500"]})})]})}),nS=1e3,nk="Pinned Crosshair",nT={name:nk,type:"line",markLine:{data:[],lineStyle:{type:"dashed",width:2},emphasis:{lineStyle:{width:2,opacity:1}},blur:{lineStyle:{width:2,opacity:1}}}};function nA(e){let t=e._model;void 0!==t&&void 0!==t.option.toolbox&&t.option.toolbox.length>0&&"normal"===t.option.toolbox[0].feature.dataZoom.iconStatus.zoom&&e.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:!0})}function nM(e){e.dispatchAction({type:"restore"})}function nD(e){void 0!==e.dispatchAction&&(e.dispatchAction({type:"unselect"}),e.dispatchAction({type:"downplay"}))}function nI(e,t,n){if(void 0===n)return null;let r=[e,t];return n.containPixel("grid",r)?n.convertFromPixel("grid",r):null}function nE(e,t,n,r,l,i){let o=i.length>0?i[i.length-1]:l[l.length-1];void 0!==o&&e.dispatchAction({type:"select",seriesIndex:o.seriesIndex,dataIndex:o.dataIndex,escapeConnect:!0}),e.dispatchAction({type:"downplay",seriesIndex:r}),n.length>0?e.dispatchAction({type:"highlight",seriesIndex:n,notBlur:!1,escapeConnect:!0}):(e.dispatchAction({type:"highlight",seriesIndex:t,notBlur:!0,escapeConnect:!0}),e.dispatchAction({type:"toggleSelect"}))}function nL(e){return e[e.length-1]?.name===nk}function nF(e,t){if(void 0===e||void 0===t)return null;let n=null,r=1/0;for(let[l]of e){let e=Math.abs(l-t);e<r&&(n=l,r=e)}return n}function nR(e,t){if(void 0===t)return null;let n=e.length,r=null;for(let l=0;l<n;l++){let i=n>0?e[l]:null;if(!i)break;r=nF(i.values,t)}return r}let nN=5.5,nP=30,nO=5;function nz(e,t,n,r,l,i){let o=[],a=n[0]??null,s=n[1]??null;if(null===a||null===s||void 0===l.dispatchAction||!Array.isArray(e))return o;let d=[],u=[],h=[],p=[],g=[],x=e.length,m=new Map,f=nF(e[0]?.values,a);if(null===f)return nc;for(let n=0;n<x;n++){let a=t[n];if(!a)break;let v=x>0?e[n]:null;if(!v)break;let y=v.values;if(void 0===y||!Array.isArray(y))break;let b=a.name?a.name.toString():"",C=a.color??"#000";if(Array.isArray(e))for(let e=0;e<y.length;e++){let t=y[e];if(void 0===t||!Array.isArray(t))break;let a=t[0],v=t[1];if(null!=v&&f===a&&s<=v+r&&s>=v-r){let t=nB({valueToCheck:s,baseValue:v,percentage:Math.max(x>nO?2:5,100/x)});if(t){u.push(n);let t=m.get(v)??0;m.set(v,t+1),t>0&&g.push({seriesIndex:n,dataIndex:e,seriesName:b,yValue:v}),p.push({seriesIndex:n,dataIndex:e,seriesName:b,yValue:v})}else h.push(n),l.dispatchAction({type:"downplay",seriesIndex:n});let r=(0,c.formatValue)(v,i);o.push({seriesIdx:n,datumIdx:e,seriesName:b,date:f,x:a,y:v,formattedY:r,markerColor:C.toString(),isClosestToCursor:t}),d.push(n)}}}return nE(l,d,u,h,p,g),o}function nW(e,t,n,r,l){let i=[],o=t[0]??null,a=t[1]??null;if(null===o||null===a)return i;let s=[],d=[],u=[],h=e.timeSeries.length;if(Array.isArray(e.xAxis)&&Array.isArray(e.timeSeries))for(let t=0;t<h;t++){let p=e.timeSeries[t];if(void 0===p||i.length>=nS)break;let g=p.name?p.name.toString():"",x=p.color??"#000";if(Array.isArray(p.data))for(let m=0;m<p.data.length;m++){let f=e.xAxis[m]??0,v=p.data[m];if(null!=v&&o===m&&"-"!==v&&a<=v+n&&a>=v-n){let e=nB({valueToCheck:a,baseValue:v,percentage:Math.max(h>nO?2:5,100/h)});e?d.push(t):(u.push(t),r?.dispatchAction!==void 0&&r.dispatchAction({type:"downplay",seriesIndex:t}));let n=f>0x174876e7ff?f:1e3*f,o=(0,c.formatValue)(v,l);i.push({seriesIdx:t,datumIdx:m,seriesName:g,date:n,x:f,y:v,formattedY:o,markerColor:x.toString(),isClosestToCursor:e}),s.push(t)}}}return r?.dispatchAction!==void 0&&(r.dispatchAction({type:"downplay",seriesIndex:u}),d.length>0?r.dispatchAction({type:"highlight",seriesIndex:d,notBlur:!1,escapeConnect:!0}):r.dispatchAction({type:"highlight",seriesIndex:s,notBlur:!0,escapeConnect:!0})),i}function n$({mousePos:e,pinnedPos:t,data:n,seriesMapping:r,chart:l,format:i,showAllSeries:o=!1}){if(void 0===l||null===e)return nc;let a=!1;if(null!==e.target){let t=e.target.parentElement;if(null!==t){let e=t.parentElement;null!==e&&l.getDom()===e&&(a=!0)}}if(null!==t&&(e=t,a=!0),!1===a||null===n||void 0===l._model||void 0===e.plotCanvas.x||void 0===e.plotCanvas.y)return nc;let s=nI(e.plotCanvas.x,e.plotCanvas.y,l);if(null!==s){let e=n_({yInterval:l._model.getComponent("yAxis").axis.scale._interval,totalSeries:n.length,showAllSeries:o});return nz(n,r,s,e,l,i)}return nc}function nH({mousePos:e,pinnedPos:t,chartData:n,chart:r,format:l,showAllSeries:i=!1}){if(void 0===r||null===e)return[];let o=!1;if(null!==e.target){let t=e.target.parentElement;if(null!==t){let e=t.parentElement;null!==e&&r.getDom()===e&&(o=!0)}}if(null!==t&&(e=t,o=!0),!1===o||void 0===r._model)return[];let a=n_({yInterval:r._model.getComponent("yAxis").axis.scale._interval,totalSeries:n.timeSeries.length,showAllSeries:i}),s=[e.plotCanvas.x??0,e.plotCanvas.y??0];if(r.containPixel("grid",s)){let e=r.convertFromPixel("grid",s);if(void 0!==e[0]&&void 0!==e[1])return nW(n,e,a,r,l)}return[]}function nB({valueToCheck:e,baseValue:t,percentage:n}){let r=n/100*t;return e>=t-r&&e<=t+r}function n_({yInterval:e,totalSeries:t,showAllSeries:n=!1}){if(n)return 10*e;let r=.3*e;return t>nO?Math.max(r,e*nP/t):Math.max(r,e*nN)}function nV(e,t,n,r,l){if(null===e||(null!==t&&(e=t),void 0===e.plotCanvas.x))return;let i=e.page.x+32,o=e.page.y+16;if(l){let e=l.getBoundingClientRect();i=i-e.left+l.scrollLeft,o=o-e.top+l.scrollTop;let t=e.top+l.scrollHeight;o+n>t&&(o=Math.max(t-n-16,nr/2))}else o+n>window.innerHeight+window.scrollY&&(o=Math.max(window.innerHeight+window.scrollY-n-16,nr/2));return i+r>window.innerWidth&&(i=e.page.x-r-32),i<32&&(i=32),o<nr/2&&(o=nr/2),`translate3d(${i}px, ${o}px, 0)`}function nU(e,t,n){return{minWidth:t8,maxWidth:t9,maxHeight:(n?n-nr:void 0)??ne,padding:0,position:"absolute",top:0,left:0,backgroundColor:e.palette.designSystem?.grey[800]??na,borderRadius:"6px",color:"#fff",fontSize:"11px",visibility:"visible",opacity:1,transition:"all 0.1s ease-out",zIndex:null!==t?"auto":e.zIndex.tooltip,overflow:"hidden","&:hover":{overflowY:"auto"}}}let nY=(0,s.memo)(function({chartRef:e,chartData:t,enablePinning:n=!0,wrapLabels:r,format:i,onUnpinClick:o,pinnedPos:a,containerId:d}){let[c,u]=(0,s.useState)(!1),h=nu(),{height:p,width:g,ref:x}=(0,nm.default)(),m=(0,s.useRef)(),f=null!==a&&n;if(null===h||null===h.target||null===a&&"CANVAS"!==h.target.tagName)return null;let y=nH({mousePos:h,chartData:t,pinnedPos:a,chart:e.current,format:i,showAllSeries:c});if(0===y.length)return null;let b=t.timeSeries.length,C=d?document.querySelector(d):void 0,j=C?C.getBoundingClientRect().height:void 0;return m.current=nV(h,a,p??0,g??0,C),(0,l.jsx)(nx.Z,{container:C,children:(0,l.jsx)(v.Z,{ref:x,sx:e=>({minWidth:t8,maxWidth:t9,maxHeight:j??ne,padding:0,position:"absolute",top:0,left:0,backgroundColor:e.palette.designSystem?.grey[800]??na,borderRadius:"6px",color:"#fff",fontSize:"11px",visibility:"visible",opacity:1,transition:"all 0.1s ease-out",zIndex:null!==a?"auto":e.zIndex.tooltip,overflow:"hidden","&:hover":{overflowY:"auto"}}),style:{transform:m.current,display:m.current?"block":"none"},children:(0,l.jsxs)(W.Z,{spacing:.5,children:[(0,l.jsx)(nZ,{nearbySeries:y,totalSeries:b,enablePinning:n,isTooltipPinned:f,showAllSeries:c,onShowAllClick:e=>u(e),onUnpinClick:o}),(0,l.jsx)(nb,{series:y,wrapLabels:r})]})})})});(0,u.D)([tY.N,p.N,D.N,tG.N,tX.N,tK.N,x.N,tq.N,m.N,I.N,f.N]);let nG=(0,s.forwardRef)(function({height:e,data:t,yAxis:n,format:r,grid:i,legend:o,tooltipConfig:a=nh,noDataVariant:d="message",syncGroup:c,onDataZoom:u,onDoubleClick:h,__experimentalEChartsOptionsOverride:p},g){let x=j(),m=(0,s.useRef)(),[f,y]=(0,s.useState)(!0),[b,C]=(0,s.useState)(null),{timeZone:w}=t4(),[Z,S]=(0,s.useState)(!1),[k,T]=(0,s.useState)(0);(0,s.useImperativeHandle)(g,()=>({highlightSeries({id:e}){m.current&&m.current.dispatchAction({type:"highlight",seriesId:e})},clearHighlightedSeries:()=>{m.current&&nD(m.current)}}),[]);let A=(0,s.useMemo)(()=>({datazoom:e=>{if(void 0===u&&setTimeout(()=>{C(null)},10),void 0===u||void 0===e.batch[0])return;let n=e.batch[0].startValue??0,r=e.batch[0].endValue??t.xAxis.length-1,l=t.xAxis[n],i=t.xAxis[r];void 0!==l&&void 0!==i&&u({start:l,end:i,startIndex:n,endIndex:r})}}),[t,u,C]);void 0!==m.current&&nA(m.current);let{noDataOption:M}=x,D=(0,s.useMemo)(()=>{if(void 0===t.timeSeries)return{};if(null===t.timeSeries||0===t.timeSeries.length&&"message"===d)return M;let e=t.rangeMs??O(t.xAxis),l={series:t.timeSeries,xAxis:{type:"category",data:t.xAxis,max:t.xAxisMax,axisLabel:{formatter:t=>t5(t,e,w)}},yAxis:P(n,r),animation:!1,tooltip:{show:!0,trigger:"axis",showContent:!1},axisPointer:{type:"line",z:0,triggerEmphasis:!1,triggerTooltip:!1,snap:!0},toolbox:{feature:{dataZoom:{icon:null,yAxisIndex:"none"}}},grid:i,legend:o};return p?p(l):l},[t,n,r,i,o,M,w,p,d]);return(0,l.jsxs)(v.Z,{style:{height:e},onClick:e=>{a.enablePinning&&e.target instanceof HTMLCanvasElement&&C(t=>null===t?{page:{x:e.pageX,y:e.pageY},client:{x:e.clientX,y:e.clientY},plotCanvas:{x:e.nativeEvent.offsetX,y:e.nativeEvent.offsetY},target:e.target}:null)},onMouseDown:e=>{let{clientX:t}=e;S(!0),T(t)},onMouseMove:e=>{if(!(e.target instanceof HTMLCanvasElement))return;let{clientX:t}=e;Z&&t-k>0&&y(!1)},onMouseUp:()=>{S(!1),T(0),y(!0)},onMouseLeave:()=>{null===b&&y(!1),void 0!==m.current&&nD(m.current)},onMouseEnter:()=>{y(!0),void 0!==m.current&&nA(m.current)},onDoubleClick:e=>{C(null),void 0===h?void 0!==m.current&&nM(m.current):h(e)},children:[!0===f&&D.tooltip?.showContent===!1&&!0!==a.hidden&&(0,l.jsx)(nY,{chartRef:m,chartData:t,wrapLabels:a.wrapLabels,enablePinning:a.enablePinning,pinnedPos:b,format:r,onUnpinClick:()=>{C(null)},containerId:x.tooltipPortalContainerId}),(0,l.jsx)(F,{sx:{width:"100%",height:"100%"},option:D,theme:x.echartsTheme,onEvents:A,_instance:m,syncGroup:c})]})});var nX=n(28797),nK=n(48137),nq=n(33755),nJ=n(86396);function nQ({control:e,...t}){let{fields:n,append:r,remove:i}=(0,nK.useFieldArray)({control:e,name:"panelDefinition.spec.links"});return(0,l.jsxs)(W.Z,{...t,gap:3,children:[n&&n.length>0?n.map((t,n)=>(0,l.jsxs)(s.Fragment,{children:[(0,l.jsxs)(W.Z,{direction:"row",gap:1,alignItems:"center",children:[(0,l.jsx)(n0,{control:e,index:n}),(0,l.jsx)($.Z,{style:{width:"fit-content",height:"fit-content"},onClick:()=>i(n),children:(0,l.jsx)(nJ.default,{})})]}),(0,l.jsx)(tO.Z,{})]},t.id)):(0,l.jsx)(eZ.Z,{variant:"subtitle1",mb:2,fontStyle:"italic",children:"No links defined"}),(0,l.jsx)($.Z,{style:{width:"fit-content",height:"fit-content"},onClick:()=>r({url:""}),children:(0,l.jsx)(nq.default,{})})]})}function n0({control:e,index:t}){return(0,l.jsxs)(W.Z,{gap:2,flexGrow:1,children:[(0,l.jsxs)(W.Z,{direction:"row",gap:2,children:[(0,l.jsx)(nK.Controller,{control:e,name:`panelDefinition.spec.links.${t}.url`,render:({field:e,fieldState:t})=>(0,l.jsx)(H.Z,{...e,required:!0,fullWidth:!0,label:"URL",error:!!t.error,helperText:t.error?.message,onChange:t=>{e.onChange(t)}})}),(0,l.jsx)(nK.Controller,{control:e,name:`panelDefinition.spec.links.${t}.name`,render:({field:e,fieldState:t})=>(0,l.jsx)(H.Z,{...e,fullWidth:!0,label:"Name",defaultValue:"",error:!!t.error,helperText:t.error?.message,onChange:t=>{e.onChange(t)}})}),(0,l.jsx)(nK.Controller,{control:e,name:`panelDefinition.spec.links.${t}.tooltip`,render:({field:e,fieldState:t})=>(0,l.jsx)(H.Z,{...e,fullWidth:!0,label:"Tooltip",defaultValue:"",error:!!t.error,helperText:t.error?.message,onChange:t=>{e.onChange(t)}})})]}),(0,l.jsxs)(W.Z,{gap:2,direction:"row",alignItems:"center",children:[(0,l.jsx)(nK.Controller,{control:e,name:`panelDefinition.spec.links.${t}.renderVariables`,render:({field:e})=>(0,l.jsx)(nX.Z,{label:"Render Variables",control:(0,l.jsx)(eH.Z,{...e,checked:e.value,onChange:t=>e.onChange(t.target.checked)})})}),(0,l.jsx)(nK.Controller,{control:e,name:`panelDefinition.spec.links.${t}.targetBlank`,render:({field:e})=>(0,l.jsx)(nX.Z,{label:"Open in new tab",control:(0,l.jsx)(eH.Z,{...e,checked:e.value,onChange:t=>e.onChange(t.target.checked)})})})]})]})}let n1=[{id:"value",label:"Value"},{id:"percentage",label:"Percentage"}];function n5({disablePercentageMode:e,onChange:t,value:n="value"}){return(0,l.jsx)(tc,{label:"Mode",control:(0,l.jsx)(tp,{value:n1.find(e=>e.id===n),options:n1,getOptionLabel:e=>e.label,getOptionDisabled:t=>"percentage"===t.id&&e,onChange:(e,{id:n})=>{t(n)},disableClearable:!0})})}var n2=n(38359);let n6=({children:e})=>(0,l.jsx)(n2.ZP,{item:!0,xs:4,children:(0,l.jsx)(W.Z,{spacing:3,children:e})}),n7=({children:e})=>(0,l.jsx)(n2.ZP,{container:!0,spacing:8,children:e}),n3=({title:e,children:t,icon:n})=>(0,l.jsxs)(v.Z,{children:[(0,l.jsxs)(v.Z,{display:"flex",borderBottom:1,borderColor:"grey.300",marginBottom:e=>e.spacing(1),children:[(0,l.jsx)(eZ.Z,{variant:"overline",component:"h4",children:e}),n&&(0,l.jsx)(v.Z,{sx:{marginLeft:"auto"},children:n})]}),(0,l.jsx)(W.Z,{spacing:1,children:t})]});var n4=n(66224);function n8(e){let{message:t}=e;return(0,l.jsx)(W.Z,{sx:{height:"100%",alignItems:"center",justifyContent:"center"},children:(0,l.jsx)(eZ.Z,{children:t})})}function n9(e){let{resource:t}=e;return(0,l.jsx)(n8,{message:`No ${t}`})}function re(e){let{variant:t="rounded"}=e;return(0,l.jsx)(W.Z,{sx:{height:"100%",alignItems:"center",justifyContent:"center",px:1},children:(0,l.jsx)(n4.Z,{variant:t,width:"100%",height:"30%","aria-label":"Loading..."})})}let rt=[{id:"asc",label:"Ascending"},{id:"desc",label:"Descending"}];function rn({onChange:e,value:t="desc"}){return(0,l.jsx)(tc,{label:"Sort",control:(0,l.jsx)(tp,{value:rt.find(e=>e.id===t),options:rt,getOptionLabel:e=>e.label,onChange:(t,{id:n})=>{e(n)},disableClearable:!0})})}function rr({onChange:e,value:t,...n}){let r=t=>{e(t)};return(0,l.jsxs)(i.Z,{"aria-label":"Sort",...n,children:[(0,l.jsx)(o.Z,{onClick:()=>r(void 0),variant:void 0===t?"contained":"outlined",children:"None"}),(0,l.jsx)(o.Z,{onClick:()=>r("asc"),variant:"asc"===t?"contained":"outlined",children:"Asc"}),(0,l.jsx)(o.Z,{onClick:()=>r("desc"),variant:"desc"===t?"contained":"outlined",children:"Desc"})]})}function rl({text:e,fontWeight:t,width:n,height:l,lineHeight:i,maxSize:o,fontSizeOverride:a}){let s=function(){if(!r&&null===(r=document.createElement("canvas").getContext("2d")))throw Error("Canvas context is null.");return r}(),{echartsTheme:d}=j();if(void 0!==a)return Number(a);let c=d.textStyle,u=Number(c?.fontSize)??12,h=c?.fontFamily??"Lato",p=`${t} ${u}px ${h}`;s.font=p;let g=Math.min(l/i,n/s.measureText(e).width*u);return o?Math.min(g,o):g}let ri=(e,t)=>null===e?"null":"number"==typeof e?(0,c.formatValue)(e,t):void 0===e?"":e;(0,u.D)([tY.N,p.N,g.N,x.N,m.N,f.N]);let ro=e=>{let{width:t,height:n,data:r,sparkline:i,showSeriesName:o,format:a,valueFontSize:d}=e,c=j(),u=r.color,h=ri(r.calculatedValue,a),p=c.container.padding.default,g=rl({text:r?.seriesData?.name??"",fontWeight:400,width:t,height:.125*n,lineHeight:1.2,maxSize:30}),x=o?1.2*g+p:0,m=t-2*p,f=n-x,y=rl({text:h,fontSizeOverride:d,fontWeight:700,width:i?m:.5*m,height:i?.25*f:.9*f,lineHeight:1.2}),b=1.2*y;g=Math.min(.7*y,g);let C=(0,s.useMemo)(()=>{if(void 0===r.seriesData)return c.noDataOption;let e=r.seriesData,t=[];if(void 0!==i){let n={type:"line",name:e.name,data:e.values,zlevel:1,symbol:"none",animation:!1,silent:!0},r=N()(n,i);t.push(r)}return{title:{show:!1},grid:{show:!1,top:"35%",right:0,bottom:0,left:0,containLabel:!1},xAxis:{type:"time",show:!1,boundaryGap:!1},yAxis:{type:"value",show:!1,min:e=>e.min>=0&&e.min<=1?0:e.min},tooltip:{show:!1},series:t}},[r,c,i]),w=i?"auto":"center";return(0,l.jsxs)(v.Z,{sx:{height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:w,alignItems:w},children:[o&&(0,l.jsx)(ra,{padding:p,fontSize:g,children:r.seriesData?.name}),(0,l.jsx)(rs,{variant:"h3",color:u,fontSize:y,padding:p,children:h}),void 0!==i&&(0,l.jsx)(F,{sx:{width:"100%"},style:{height:Math.floor(n-x-b)},option:C,theme:c.echartsTheme,renderer:"svg"})]})},ra=(0,X.ZP)(eZ.Z,{shouldForwardProp:e=>"padding"!==e&&"fontSize"!==e})(({theme:e,padding:t,fontSize:n})=>({color:e.palette.text.secondary,padding:`${t}px`,fontSize:`${n}px`,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),rs=(0,X.ZP)(eZ.Z,{shouldForwardProp:e=>"color"!==e&&"padding"!==e&&"fontSize"!==e&&"sparkline"!==e})(({theme:e,color:t,padding:n,fontSize:r,sparkline:l})=>({color:t??e.palette.text.primary,fontSize:`${r}px`,padding:l?`${n}px ${n}px 0 ${n}px`:` 0 ${n}px`,whiteSpace:"nowrap",lineHeight:1.2}));var rd=n(5404),rc=n(98346),ru=n(12434),rh=n(22446);function rp({inputRef:e,label:t,color:n,value:r,mode:i,onChange:o,onColorChange:a,onBlur:d,onDelete:c}){let[u,h]=(0,s.useState)(0);return(0,l.jsxs)(W.Z,{flex:1,direction:"row",alignItems:"center",justifyContent:"space-between",spacing:1,children:[(0,l.jsx)(K,{label:t,color:n,onColorChange:a}),(0,l.jsx)(tn.Z,{htmlFor:t,children:t}),(0,l.jsx)(H.Z,{id:t,inputRef:e,type:"number",value:0===r?"":r,placeholder:"0",onChange:o,onBlur:d,onKeyDown:e=>{"Enter"===e.key&&(d(),h(u+1))},InputProps:{endAdornment:"percent"===i?(0,l.jsx)(v.Z,{paddingX:1,children:"%"}):void 0}},u),(0,l.jsx)($.Z,{"aria-label":`delete threshold ${t}`,size:"small",onClick:c,children:(0,l.jsx)(rh.default,{})})]})}function rg({thresholds:e,onChange:t,hideDefault:n,disablePercentMode:r}){let{thresholds:{defaultColor:i,palette:o}}=j(),a=e?.defaultColor??i,[d,c]=(0,s.useState)(e?.steps);(0,s.useEffect)(()=>{c(e?.steps)},[e?.steps]);let u=(0,s.useRef)(null),h=(0,s.useRef)(!1);(0,s.useEffect)(()=>{u.current&&h.current&&(u.current?.focus(),h.current=!1)},[d?.length]);let p=(e,t)=>{c((0,Q.Uy)(d,n=>{let r=n?.[t];r&&(r.value=Number(e.target.value))}))},g=(n,r)=>{void 0!==e&&t((0,Q.Uy)(e,e=>{if(void 0!==e.steps){let t=e.steps[r];t&&(t.color=n)}}))},x=()=>{if(void 0!==d){let n=[...d];n.sort((e,t)=>e.value-t.value),void 0!==e&&t((0,Q.Uy)(e,e=>{e.steps=n}))}},m=n=>{void 0!==e&&t((0,Q.Uy)(e,e=>{e.steps&&e.steps.splice(n,1)}))};return(0,l.jsxs)(n3,{title:"Thresholds",icon:(0,l.jsx)(ta,{description:"Add threshold",children:(0,l.jsx)($.Z,{size:"small","aria-label":"add threshold",onClick:()=>{h.current=!0,void 0===e?t({steps:[{value:10}]}):e&&void 0===e.steps?t((0,Q.Uy)(e,e=>{e.steps=[{value:10}]})):t((0,Q.Uy)(e,e=>{let t=e.steps;if(t?.length){let e=t[t.length-1],n=o[t.length]??rx();t.push({color:n,value:(e?.value??0)+10})}else t&&t.push({value:10})}))},children:(0,l.jsx)(nq.default,{})})}),children:[(0,l.jsx)(tc,{label:"Mode",description:"Percentage means thresholds relative to min & max",control:(0,l.jsxs)(rd.Z,{exclusive:!0,disabled:r,value:e?.mode??"absolute",onChange:(n,r)=>{let l="percent"===r?"percent":void 0;void 0!==e?t((0,Q.Uy)(e,e=>{e.mode=l})):t({mode:l})},sx:{height:"36px",marginLeft:"auto"},children:[(0,l.jsx)(rc.Z,{"aria-label":"absolute",value:"absolute",sx:{fontWeight:500},children:"Absolute"}),(0,l.jsx)(rc.Z,{"aria-label":"percent",value:"percent",sx:{fontWeight:500},children:"Percent"})]})}),d&&d.map((t,n)=>(0,l.jsx)(rp,{inputRef:n===d.length-1?u:void 0,label:`T${n+1}`,color:t.color??o[n]??a,value:t.value,mode:e?.mode,onColorChange:e=>g(e,n),onChange:e=>{p(e,n)},onDelete:()=>{m(n)},onBlur:x},n)).reverse(),!n&&(0,l.jsxs)(ru.Z,{flex:1,direction:"row",alignItems:"center",spacing:1,children:[(0,l.jsx)(K,{label:"default",color:a,onColorChange:n=>{void 0!==e?t((0,Q.Uy)(e,e=>{e.defaultColor=n})):t({defaultColor:n})}}),(0,l.jsx)(eZ.Z,{children:"Default"})]})]})}let rx=()=>"#"+Math.floor(0x1000000*Math.random()).toString(16).padStart(6,"0"),rm=(0,s.memo)(function({containerId:e,chartRef:t,data:n,seriesMapping:r,enablePinning:i=!0,wrapLabels:o,format:a,onUnpinClick:d,pinnedPos:c}){let[u,h]=(0,s.useState)(!1),p=(0,s.useRef)(),g=nu(),{height:x,width:m,ref:f}=(0,nm.default)(),y=null!==c&&i;if(null===g||null===g.target||null===n||null===c&&"CANVAS"!==g.target.tagName)return null;let b=t.current,C=e?document.querySelector(e):void 0,j=C?C.getBoundingClientRect().height:void 0;p.current=nV(g,c,x??0,m??0,C);let w=n$({mousePos:g,data:n,seriesMapping:r,pinnedPos:c,chart:b,format:a,showAllSeries:u});if(0===w.length)return null;let Z=n.length;return(0,l.jsx)(nx.Z,{container:C,children:(0,l.jsx)(v.Z,{ref:f,sx:e=>nU(e,c,j),style:{transform:p.current},children:(0,l.jsxs)(W.Z,{spacing:.5,children:[(0,l.jsx)(nZ,{nearbySeries:w,totalSeries:Z,enablePinning:i,isTooltipPinned:y,showAllSeries:u,onShowAllClick:e=>h(e),onUnpinClick:d}),(0,l.jsx)(nb,{series:w,wrapLabels:o})]})})})});(0,u.D)([tY.N,h.N,p.N,g.N,D.N,tG.N,tX.N,tK.N,x.N,tq.N,m.N,f.N]);let rf=(0,s.forwardRef)(function({height:e,data:t,seriesMapping:n,timeScale:r,yAxis:i,format:o,grid:a,isStackedBar:d=!1,tooltipConfig:u=nh,noDataVariant:h="message",syncGroup:p,onDataZoom:g,onDoubleClick:x,__experimentalEChartsOptionsOverride:m},f){let y;let{chartsTheme:b,enablePinning:j,lastTooltipPinnedCoords:w,setLastTooltipPinnedCoords:Z}=C(),k=u.enablePinning&&j,T=(0,s.useRef)(),[A,M]=(0,s.useState)(!0),[D,I]=(0,s.useState)(null),[E,L]=(0,s.useState)(null),[R,O]=(0,s.useState)(!1),[z,W]=(0,s.useState)(0),{timeZone:$}=t4();if(void 0===r){let e=(0,c.getCommonTimeScale)(t);if(void 0===e){let e=new Date,t=new Date(e);t.setFullYear(e.getFullYear()-5);let n=e.getTime(),r=t.getTime();y={startMs:r,endMs:n,stepMs:1,rangeMs:n-r}}else y=e}else y=r;(0,s.useImperativeHandle)(f,()=>({highlightSeries({name:e}){T.current&&T.current.dispatchAction({type:"highlight",seriesId:e})},clearHighlightedSeries:()=>{T.current&&nD(T.current)}}),[]);let H=(0,s.useMemo)(()=>({datazoom:e=>{if(void 0===g&&setTimeout(()=>{I(null)},10),void 0===g||void 0===e.batch[0])return;let t=e.batch[0].startValue,n=e.batch[0].endValue;void 0!==t&&void 0!==n&&g({start:t,end:n})},finished:()=>{void 0!==T.current&&nA(T.current)}}),[g,I]),{noDataOption:B}=b,_=(0,s.useMemo)(()=>{if(null===t||0===t.length&&"message"===h)return B;let e=[],r="local"===$;t.map((t,n)=>{let l=t.values.map(([e,t])=>[r?e:(0,tJ.toZonedTime)(e,$),null===t?"-":t]);e.push({id:n,source:[...l],dimensions:["time","value"]})});let l={dataset:e,series:j&&null!==E?[...n,E]:n,xAxis:{type:"time",min:r?y.startMs:(0,tJ.toZonedTime)(y.startMs,$),max:r?y.endMs:(0,tJ.toZonedTime)(y.endMs,$),axisLabel:{hideOverlap:!0,formatter:t2(y.rangeMs??0)},axisPointer:{snap:!1}},yAxis:P(i,o),animation:!1,tooltip:{show:!0,showContent:d,trigger:d?"item":"axis",appendToBody:d},axisPointer:{type:"line",z:0,triggerEmphasis:!1,triggerTooltip:!1,snap:!1},toolbox:{feature:{dataZoom:{icon:null,yAxisIndex:"none"}}},grid:a};return m?m(l):l},[t,n,y,i,o,a,B,m,h,$,d,j,E]);return(0,s.useEffect)(()=>{null===D||null===w||S()(w,D)||(I(null),null!==D&&null!==E&&L(null))},[w,n]),(0,l.jsxs)(v.Z,{style:{height:e},onClick:e=>{let n=e.ctrlKey||e.metaKey;n&&e.preventDefault();let r=nI(e.nativeEvent.offsetX,e.nativeEvent.offsetY,T.current);if(null!==r&&k&&e.target instanceof HTMLCanvasElement){let l={page:{x:e.pageX,y:e.pageY},client:{x:e.clientX,y:e.clientY},plotCanvas:{x:e.nativeEvent.offsetX,y:e.nativeEvent.offsetY},target:e.target};I(e=>null===e?l:(L(null),null)),L(e=>{if(null!==e)return null;{let e=r[0],n=nF(t[0]?.values,e);return N()({},nT,{markLine:{data:[{xAxis:n}]}})}}),n||Z(l)}},onMouseDown:e=>{let{clientX:t}=e;O(!0),W(t)},onMouseMove:e=>{if(!(e.target instanceof HTMLCanvasElement))return;let{clientX:t}=e;R&&t-z>0&&M(!1)},onMouseUp:()=>{O(!1),W(0),M(!0)},onMouseLeave:()=>{null===D&&M(!1),void 0!==T.current&&nD(T.current)},onMouseEnter:()=>{M(!0),void 0!==T.current&&nA(T.current)},onDoubleClick:e=>{I(null),void 0===x?void 0!==T.current&&nM(T.current):x(e)},children:[!0===A&&_.tooltip?.showContent===!1&&!0!==u.hidden&&(0,l.jsx)(rm,{containerId:b.tooltipPortalContainerId,chartRef:T,data:t,seriesMapping:n,wrapLabels:u.wrapLabels,enablePinning:k,pinnedPos:D,format:o,onUnpinClick:()=>{I(null),L(null)}}),(0,l.jsx)(F,{sx:{width:"100%",height:"100%"},option:_,theme:b.echartsTheme,onEvents:H,_instance:T,syncGroup:p})]})});var rv=n(63767),ry=n(59986),rb=n(53578),rC=n(52583),rj=n(94913),rw=n(51727);let rZ="yyyy-MM-dd HH:mm:ss";function rS(e,t){return e?(0,c.isRelativeTimeRange)(e)?e.pastDuration:function(e,t,n){let r=t1(e.start,t,n),l=t1(e.end,t,n);return`${r} - ${l}`}(e,rZ,t):"Custom Time Range"}let rk=({initialTimeRange:e,onChange:t,onCancel:n})=>{let{formatWithUserTimeZone:r}=t4(),[i,a]=(0,s.useState)(e),[d,c]=(0,s.useState)({start:r(e.start,rZ),end:r(e.end,rZ)}),[u,h]=(0,s.useState)(!0),p=(e,t)=>{let n="string"==typeof e,l=n?e:r(e,rZ);c(e=>({...e,[t]:l})),n||a(n=>({...n,[t]:e}))},g=e=>{p(e,"start")},x=e=>{p(e,"end")},m=()=>{var e,t;let n={start:new Date(d.start),end:new Date(d.end)};if(e=n.start,t=n.end,(0,tQ.isValid)(e)&&(0,tQ.isValid)(t)?!!(0,tQ.isBefore)(e,t)||(console.error("End Time is before Start Time"),!1):(console.error("Invalid Date"),!1))return a(n),n},f=()=>{let e=m();e&&t(e)};return(0,l.jsx)(rb._,{dateAdapter:rw.H,children:(0,l.jsxs)(W.Z,{spacing:2,sx:e=>({padding:e.spacing(1,0,2)}),children:[u&&(0,l.jsxs)(v.Z,{sx:e=>({".MuiPickersLayout-contentWrapper":{backgroundColor:e.palette.background.default}}),children:[(0,l.jsx)(eZ.Z,{variant:"h3",padding:1,paddingLeft:2,children:"Select Start Time"}),(0,l.jsx)(rC.S,{displayStaticWrapperAs:"desktop",openTo:"day",disableHighlightToday:!0,value:e.start,onChange:e=>{null!==e&&g(e)},onAccept:()=>{h(!1)}})]}),!u&&(0,l.jsxs)(v.Z,{sx:e=>({".MuiPickersLayout-contentWrapper":{backgroundColor:e.palette.background.default}}),children:[(0,l.jsx)(eZ.Z,{variant:"h3",padding:1,paddingLeft:2,children:"Select End Time"}),(0,l.jsx)(rC.S,{displayStaticWrapperAs:"desktop",openTo:"day",disableHighlightToday:!0,value:e.end,minDateTime:i.start,onChange:e=>{null!==e&&x(e)},onAccept:e=>{null!==e&&(h(!0),x(e))}})]}),(0,l.jsxs)(W.Z,{direction:"row",alignItems:"center",gap:1,pl:1,pr:1,children:[(0,l.jsx)(tR.ErrorBoundary,{FallbackComponent:tF,children:(0,l.jsx)(rj.l,{label:"Start Time",value:new Date(d.start),onChange:e=>{e&&g(e)},onBlur:()=>m(),format:rZ})}),(0,l.jsx)(tR.ErrorBoundary,{FallbackComponent:tF,children:(0,l.jsx)(rj.l,{label:"End Time",value:new Date(d.end),onChange:e=>{e&&x(e)},onBlur:()=>m(),format:rZ})})]}),(0,l.jsxs)(W.Z,{direction:"row",sx:{padding:e=>e.spacing(0,1)},gap:1,children:[(0,l.jsx)(o.Z,{variant:"contained",onClick:()=>f(),fullWidth:!0,children:"Apply"}),(0,l.jsx)(o.Z,{variant:"outlined",onClick:()=>n(),fullWidth:!0,children:"Cancel"})]})]})})};function rT({value:e,timeOptions:t,onChange:n,height:r,showCustomTimeRange:i=!0}){let{timeZone:o}=t4(),a=(0,s.useRef)(),[d,u]=(0,s.useState)(!1),h=(0,s.useMemo)(()=>(0,c.isRelativeTimeRange)(e)?(0,c.toAbsoluteTimeRange)(e):e,[e]),p=(0,s.useMemo)(()=>{var t;return{value:t=(0,c.isRelativeTimeRange)(e)?void 0:e,display:rS(t,o)}},[e,o]),[g,x]=(0,s.useState)(!1);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(G.ZP,{anchorEl:a.current,anchorOrigin:{vertical:"bottom",horizontal:"center"},open:d,onClose:()=>u(!1),sx:e=>({padding:e.spacing(2)}),children:(0,l.jsx)(rk,{initialTimeRange:h,onChange:e=>{n(e),u(!1),x(!1)},onCancel:()=>u(!1)})}),(0,l.jsx)(v.Z,{ref:a,children:(0,l.jsxs)(rv.Z,{open:g,value:rS(e,o),onClick:()=>x(!g),IconComponent:ry.default,inputProps:{"aria-label":`Select time range. Currently set to ${e}`},sx:{".MuiSelect-icon":{marginTop:"1px",transform:"none"},".MuiSelect-select.MuiSelect-outlined.MuiInputBase-input":{paddingRight:"36px"},".MuiSelect-select":r?{lineHeight:r,paddingY:0}:{}},children:[t.map((e,t)=>(0,l.jsx)(tS.Z,{value:rS(e.value,o),onClick:()=>{n(e.value)},children:e.display},t)),i&&(0,l.jsx)(tS.Z,{value:rS(p.value,o),onClick:()=>u(!0),children:p.display})]})})]})}let rA=(0,X.ZP)(o.Z)(({theme:e})=>({padding:e.spacing(.5),minWidth:"auto"})),rM=(0,s.forwardRef)(function(e,t){return(0,l.jsx)(rA,{ref:t,variant:"outlined",color:"secondary",...e})}),rD=Object.entries(c.UNIT_CONFIG).map(([e,t])=>({id:e,...t})).filter(e=>!e.disableSelectorOption),rI=[{id:"default",label:"Default",decimalPlaces:void 0},{id:"0",label:"0",decimalPlaces:0},{id:"1",label:"1",decimalPlaces:1},{id:"2",label:"2",decimalPlaces:2},{id:"3",label:"3",decimalPlaces:3},{id:"4",label:"4",decimalPlaces:4}];function rE({value:e,onChange:t,disabled:n=!1}){var r;let i=(0,c.isUnitWithDecimalPlaces)(e),o=(0,c.isUnitWithShortValues)(e),a=({decimalPlaces:n})=>{i&&t({...e,decimalPlaces:n})},s=c.UNIT_CONFIG[e.unit];return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(tc,{label:"Short values",control:(0,l.jsx)(nC.Z,{checked:!!o&&(0,c.shouldShortenValues)(e.shortValues),onChange:(n,r)=>{o&&t({...e,shortValues:r})},disabled:!o})}),(0,l.jsx)(tc,{label:"Unit",control:(0,l.jsx)(tp,{value:{id:e.unit,...s},options:rD,groupBy:e=>e.group,onChange:(e,n)=>{t({unit:n.id})},disableClearable:!0,disabled:n})}),(0,l.jsx)(tc,{label:"Decimals",control:(0,l.jsx)(tp,{value:(r=e.decimalPlaces,rI.find(e=>e.decimalPlaces===r)),options:rI,getOptionLabel:e=>e.label,onChange:(e,t)=>a(t),disabled:!i,disableClearable:!0})})]})}function rL({name:e,height:t}){return(0,l.jsx)(v.Z,{style:{maxWidth:t,top:`calc(${t}px / 2)`},sx:{display:"inline-block",position:"absolute",transform:"translateX(-50%) rotate(-90deg)",transformOrigin:"top",textAlign:"center",zIndex:1},children:(0,l.jsx)(eZ.Z,{variant:"body1","aria-label":"y axis label",sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e})})}var rF=n(78439);function rR(){let{enqueueSnackbar:e,closeSnackbar:t}=(0,rF.Ds)(),n=rN(e,"error"),r=rN(e,"info"),l=rN(e,"warning"),i=rN(e,"success"),o=(0,s.useCallback)((e,t)=>n(e instanceof Error?e.message:`An unexpected error occurred: ${e}`,t),[n]);return{enqueueSnackbar:e,closeSnackbar:t,errorSnackbar:n,infoSnackbar:r,warningSnackbar:l,successSnackbar:i,exceptionSnackbar:o}}function rN(e,t){return(0,s.useCallback)((n,r)=>e(n,{...r,variant:t}),[e,t])}function rP(e,t){let n=e.palette.text?.primary??"#222",r={title:{show:!1},textStyle:{color:n,fontFamily:e.typography.fontFamily,fontSize:12},grid:{top:5,right:20,bottom:0,left:20,containLabel:!0},color:["#56B4E9","#009E73","#0072B2","#CC79A7","#F0E442","#E69F00","#D55E00"],categoryAxis:{show:!0,axisLabel:{show:!0,color:n,margin:15},axisTick:{show:!1,length:6,lineStyle:{color:e.palette.grey[600]}},axisLine:{show:!0,lineStyle:{color:e.palette.grey[600]}},splitLine:{show:!0,lineStyle:{width:.5,color:e.palette.grey[300],opacity:.4}},splitArea:{show:!1,areaStyle:{color:[e.palette.grey[300]]}}},timeAxis:{show:!0,axisLabel:{show:!0,color:n,margin:15},axisTick:{show:!1,length:6,lineStyle:{color:e.palette.grey[600]}},axisLine:{show:!0,lineStyle:{color:e.palette.grey[600]}},splitLine:{show:!0,lineStyle:{width:.5,color:e.palette.grey[300],opacity:.4}},splitArea:{show:!1,areaStyle:{color:[e.palette.grey[300]]}}},valueAxis:{show:!0,axisLabel:{color:n,margin:12},axisLine:{show:!1},splitLine:{show:!0,lineStyle:{width:.5,color:e.palette.grey[300],opacity:.6}}},legend:{orient:"horizontal",textStyle:{color:n},pageTextStyle:{color:e.palette.grey[600]},pageIconColor:e?.palette?.action?.active,pageIconInactiveColor:e?.palette?.action?.disabled},toolbox:{show:!0,top:10,right:10,iconStyle:{borderColor:n}},tooltip:{backgroundColor:e.palette.designSystem?.grey[800],borderColor:e.palette.designSystem?.grey[800],textStyle:{color:"#fff",fontSize:11}},axisPointer:{lineStyle:{color:e.palette.grey[500]}},markLine:{symbol:"none",symbolSize:0,itemStyle:{color:e.palette.grey[500]},lineStyle:{type:"dashed",width:1}},line:{showSymbol:!1,symbol:"circle",symbolSize:4,smooth:!1,lineStyle:{width:1},emphasis:{lineStyle:{width:1.5}}},bar:{barMaxWidth:150,itemStyle:{borderWidth:0,borderRadius:0,borderColor:e.palette.grey[300]},label:{show:!1,color:n}},gauge:{detail:{fontSize:18,fontWeight:600,valueAnimation:!1},splitLine:{distance:0,length:4,lineStyle:{width:1}},splitNumber:12}};return N()({echartsTheme:r,noDataOption:{title:{show:!0,textStyle:{color:n,fontSize:16,fontWeight:400},text:"No data",left:"center",top:"center"},xAxis:{show:!1},yAxis:{show:!1}},sparkline:{width:2,color:"#1976d2"},container:{padding:{default:parseInt(e.spacing(1.5),10)}},thresholds:{defaultColor:e.palette.success.main,palette:["#FFCC00",e.palette.warning.main,e.palette.error.main]}},t)}function rO(e){return{value:{pastDuration:e},display:`Last ${(0,tQ.formatDuration)((0,c.parseDurationString)(e),{delimiter:", "})}`}}var rz=n(28730);let rW=rP((0,rz.Z)({}),{echartsTheme:{textStyle:{fontFamily:"Lato"},categoryAxis:{splitLine:{show:!1}},timeAxis:{splitLine:{show:!1}},bar:{barCategoryGap:2}}}),r$={chartsTheme:rW,enablePinning:!1,lastTooltipPinnedCoords:null,setLastTooltipPinnedCoords:()=>null};var rH=n(79602);let rB={defaultProps:{variant:"standard",severity:"success"},styleOverrides:{standardError:({theme:e})=>"dark"===e.palette.mode?{...e.typography.body1,backgroundColor:e.palette.error.dark,color:e.palette.error.light,[`&	.${rH.Z.icon}`]:{color:e.palette.error.main}}:{...e.typography.body1,backgroundColor:e.palette.error.light,color:e.palette.error.dark,[`&	.${rH.Z.icon}`]:{color:e.palette.error.main}},standardInfo:({theme:e})=>"dark"===e.palette.mode?{...e.typography.body1,backgroundColor:e.palette.info.dark,color:e.palette.info.light,[`&	.${rH.Z.icon}`]:{color:e.palette.info.main}}:{...e.typography.body1,backgroundColor:e.palette.info.light,color:e.palette.info.dark,[`&	.${rH.Z.icon}`]:{color:e.palette.info.main}},standardSuccess:({theme:e})=>"dark"===e.palette.mode?{...e.typography.body1,backgroundColor:e.palette.success.dark,color:e.palette.success.light,[`&	.${rH.Z.icon}`]:{color:e.palette.success.main}}:{...e.typography.body1,backgroundColor:e.palette.success.light,color:e.palette.success.dark,[`&	.${rH.Z.icon}`]:{color:e.palette.success.main}},standardWarning:({theme:e})=>"dark"===e.palette.mode?{...e.typography.body1,backgroundColor:e.palette.warning.dark,color:e.palette.warning.light,[`&	.${rH.Z.icon}`]:{color:e.palette.warning.main}}:{...e.typography.body1,backgroundColor:e.palette.warning.light,color:e.palette.warning.dark,[`&	.${rH.Z.icon}`]:{color:e.palette.warning.main}},root:{["& ."+n(757).Z.root]:{textDecoration:"underline"}}}},r_={50:"#F0F1F6",100:"#E1E3ED",150:"#D2D5E4",200:"#C3C7DB",300:"#A4ACC8",400:"#8690B6",500:"#717CA4",600:"#535D83",700:"#3E4662",800:"#2A2E42",850:"#1F2331",900:"#151721",950:"#0A0C10"},rV={50:"#E7F1FC",100:"#D0E3FA",150:"#B8D5F7",200:"#A1C7F5",300:"#72ABF0",400:"#438FEB",500:"#1473E6",600:"#105CB8",700:"#0C458A",800:"#082E5C",850:"#062345",900:"#04172E",950:"#020C17"},rU="#FFFFFF",rY=e=>{let t=r_["800"],n=r_["300"];return"light"===e?{navigation:t,accent:n,primary:r_["800"],secondary:r_["700"],disabled:r_["300"],link:rV["500"],linkHover:rV["600"]}:{navigation:t,accent:n,primary:rU,secondary:r_["50"],disabled:r_["600"],link:rV["400"],linkHover:rV["500"]}},rG=e=>{let t=rV["150"],n="rgba(21, 23, 33, 0.75)";return"light"===e?{navigation:t,overlay:n,default:rU,paper:r_["50"],code:r_["50"],tooltip:r_["100"],lighter:r_["50"],border:r_["100"]}:{navigation:t,overlay:n,default:r_["900"],paper:r_["850"],code:r_["800"],tooltip:r_["600"],lighter:r_["700"],border:r_["600"]}},rX=e=>"light"===e?{50:r_["50"],100:r_["100"],200:r_["200"],300:r_["300"],400:r_["400"],500:r_["500"],600:r_["600"],700:r_["700"],800:r_["800"],900:r_["900"],950:r_["950"]}:{50:r_["950"],100:r_["900"],200:r_["800"],300:r_["700"],400:r_["600"],500:r_["500"],600:r_["400"],700:r_["300"],800:r_["200"],900:r_["100"],950:r_["50"]},rK=e=>"light"===e?{main:rV["500"],dark:rV["600"],light:rV["50"]}:{main:rV["400"],dark:rV["800"],light:rV["200"]},rq=e=>"light"===e?{main:r_["600"],dark:r_["900"],light:r_["100"]}:{main:rU,dark:rU,light:rU},rJ={50:"#EAF9F1",100:"#D5F2E3",150:"#C1ECD4",200:"#ACE5C6",300:"#82D9AA",400:"#59CC8D",500:"#2FBF71",600:"#26995A",700:"#1C7344",800:"#134C2D",850:"#0E3922",900:"#092617",950:"#05130B"},rQ={50:"#FFF5E8",100:"#FFECD2",150:"#FFE2BB",200:"#FFD9A4",300:"#FFC577",400:"#FFB249",500:"#FF9F1C",600:"#CC7F16",700:"#995F11",800:"#66400B",850:"#4D3008",900:"#332006",950:"#1A1003"},r0={50:"#EFE9FD",100:"#E0D2FC",150:"#D0BCFA",200:"#C1A6F8",300:"#A179F5",400:"#824DF1",500:"#6320EE",600:"#4F1ABE",700:"#3B138F",800:"#280D5F",850:"#1E0A47",900:"#140630",950:"#0A0318"},r1={50:"#FDEDED",100:"#FBDADA",150:"#F9C8C8",200:"#F7B5B5",300:"#F29191",400:"#EE6C6C",500:"#EA4747",600:"#BD3939",700:"#902B2B",800:"#621D1D",850:"#4C1616",900:"#350F0F",950:"#1F0808"},r5=e=>"light"===e?{main:r1["500"],dark:r1["600"],light:r1["50"]}:{main:r1["400"],dark:r1["800"],light:r1["300"]},r2=e=>"light"===e?{main:rJ["500"],dark:rJ["700"],light:rJ["50"]}:{main:rJ["400"],dark:rJ["800"],light:rJ["300"]},r6=e=>"light"===e?{main:rQ["500"],dark:rQ["700"],light:rQ["50"]}:{main:rQ["400"],dark:rQ["800"],light:rQ["300"]};n(12711),n(89479),n(99511),n(53213);let r7={fontFamily:'"Lato", sans-serif',fontWeightLight:300,fontWeightRegular:400,fontWeightMedium:700,fontWeightBold:900,h1:{fontSize:"1.5rem",fontWeight:700,lineHeight:"32px"},h2:{fontSize:"1.25rem",fontWeight:700,lineHeight:"28px"},h3:{fontSize:"1rem",fontWeight:700,lineHeight:"24px"},h4:{fontSize:"0.875rem",fontWeight:700,lineHeight:"22px"},h5:void 0,h6:void 0,body1:{fontSize:"0.875rem",fontWeight:400,lineHeight:"20px"},body2:{fontSize:"0.75rem",fontWeight:400,lineHeight:"18px"},subtitle1:{fontSize:"1rem",fontWeight:400,lineHeight:"24px",letterSpacing:"0.02rem"},subtitle2:{fontSize:"0.875rem",fontWeight:700,lineHeight:"22px",letterSpacing:"0.03rem",textTransform:"uppercase"},button:{fontSize:"0.875rem",fontWeight:700,lineHeight:"1.25rem",textTransform:"none",letterSpacing:"0.03rem"},caption:{fontSize:"0.6875rem",fontWeight:400,lineHeight:"16px"}},r3=({theme:e})=>({..."light"===e.palette.mode?{}:{backgroundImage:"unset",backgroundColor:e.palette.designSystem.grey[800]}});function r4(e,t={}){return(0,rz.Z)({palette:{mode:e,primary:rK(e),secondary:rq(e),grey:rX(e),background:rG(e),text:rY(e),error:r5(e),warning:r6(e),info:rK(e),success:r2(e),common:{white:rU,black:"#000000"},designSystem:{blue:rV,green:rJ,grey:r_,orange:rQ,purple:r0,red:r1}},typography:r7,mixins:{},components:r8,...t})}let r8={MuiAlert:rB,MuiFormControl:{defaultProps:{size:"small"}},MuiPaper:{styleOverrides:{root:({theme:e})=>({backgroundColor:e.palette.background.default})}},MuiTextField:{defaultProps:{size:"small"}},MuiDrawer:{styleOverrides:{paper:r3}},MuiDialog:{styleOverrides:{paper:r3}},MuiPopover:{styleOverrides:{paper:r3}}};var r9=n(84974),le=n(12449),lt=n(28418),ln=n(57689);function lr({value:e,onChange:t}){return(0,l.jsxs)(W.Z,{direction:"row",children:[(0,l.jsx)(tu.Z,{freeSolo:!0,multiple:!0,id:"join-columns",sx:{width:"100%"},options:[],value:e.spec.columns??[],renderInput:e=>(0,l.jsx)(H.Z,{...e,variant:"outlined",label:"Columns",required:!0}),onChange:(n,r)=>{t({...e,spec:{...e.spec,columns:r}})}}),(0,l.jsx)(nX.Z,{label:"Enabled",labelPlacement:"start",control:(0,l.jsx)(nC.Z,{value:!e.spec.disabled,checked:!e.spec.disabled,onChange:n=>t({...e,spec:{...e.spec,disabled:!n.target.checked}})})})]})}function ll({value:e,onChange:t}){return(0,l.jsxs)(W.Z,{direction:"row",gap:1,alignItems:"center",children:[(0,l.jsx)(tu.Z,{freeSolo:!0,multiple:!0,id:"merge-columns-columns",sx:{width:"100%"},options:[],value:e.spec.columns??[],renderInput:e=>(0,l.jsx)(H.Z,{...e,variant:"outlined",label:"Columns",required:!0}),onChange:(n,r)=>{t({...e,spec:{...e.spec,columns:r}})}}),(0,l.jsx)(e1,{id:"merge-columns-name",variant:"outlined",label:"Output Name",value:e.spec.name??"",sx:{width:"100%"},onChange:n=>{t({...e,spec:{...e.spec,name:n}})},required:!0}),(0,l.jsx)(nX.Z,{label:"Enabled",labelPlacement:"start",control:(0,l.jsx)(nC.Z,{value:!e.spec.disabled,checked:!e.spec.disabled,onChange:n=>t({...e,spec:{...e.spec,disabled:!n.target.checked}})})})]})}function li({value:e,onChange:t}){return(0,l.jsxs)(W.Z,{direction:"row",children:[(0,l.jsx)(e1,{id:"merge-indexed-columns",variant:"outlined",label:"Column",placeholder:"Example: 'value' for merging 'value #1', 'value #2' and 'value #...'",value:e.spec.column??"",sx:{width:"100%"},onChange:n=>{t({...e,spec:{...e.spec,column:n}})},required:!0}),(0,l.jsx)(nX.Z,{label:"Enabled",labelPlacement:"start",control:(0,l.jsx)(nC.Z,{value:!e.spec.disabled,checked:!e.spec.disabled,onChange:n=>t({...e,spec:{...e.spec,disabled:!n.target.checked}})})})]})}function lo({value:e,onChange:t}){return(0,l.jsx)(W.Z,{direction:"row",children:(0,l.jsx)(nX.Z,{label:"Enabled",labelPlacement:"start",control:(0,l.jsx)(nC.Z,{value:!e.spec.disabled,checked:!e.spec.disabled,onChange:n=>t({...e,spec:{...e.spec,disabled:!n.target.checked}})})})})}function la({value:e,onChange:t,...n}){return(0,l.jsxs)(W.Z,{gap:2,sx:{width:"100%"},mt:1,...n,children:[(0,l.jsxs)(e1,{select:!0,label:"Kind",value:e.kind,onChange:n=>t({...e,kind:n}),children:[(0,l.jsx)(tS.Z,{value:"JoinByColumnValue",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"Join by column value"}),(0,l.jsx)(eZ.Z,{variant:"caption",children:"Regroup rows with equal cell value in a column"})]})}),(0,l.jsx)(tS.Z,{value:"MergeColumns",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"Merge columns"}),(0,l.jsx)(eZ.Z,{variant:"caption",children:"Multiple columns are merged to one column"})]})}),(0,l.jsx)(tS.Z,{value:"MergeIndexedColumns",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"Merge indexed columns"}),(0,l.jsx)(eZ.Z,{variant:"caption",children:"Indexed columns are merged to one column"})]})}),(0,l.jsx)(tS.Z,{value:"MergeSeries",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"Merge series"}),(0,l.jsx)(eZ.Z,{variant:"caption",children:"Series will be merged by their labels"})]})})]}),"JoinByColumnValue"===e.kind&&(0,l.jsx)(lr,{value:e,onChange:t}),"MergeColumns"===e.kind&&(0,l.jsx)(ll,{value:e,onChange:t}),"MergeIndexedColumns"===e.kind&&(0,l.jsx)(li,{value:e,onChange:t}),"MergeSeries"===e.kind&&(0,l.jsx)(lo,{value:e,onChange:t})]})}function ls({index:e,value:t,isCollapsed:n,onChange:r,onCollapse:i,onDelete:o,...a}){return(0,l.jsxs)(W.Z,{...a,children:[(0,l.jsxs)(W.Z,{direction:"row",alignItems:"center",borderBottom:1,borderColor:e=>e.palette.divider,justifyContent:"space-between",gap:4,children:[(0,l.jsxs)(W.Z,{direction:"row",gap:1,children:[(0,l.jsx)($.Z,{"data-testid":`transform-toggle#${e}`,size:"small",onClick:()=>i(!n),children:n?(0,l.jsx)(r9.default,{}):(0,l.jsx)(le.default,{})}),(0,l.jsx)(eZ.Z,{variant:"overline",component:"h4",sx:{textTransform:"none"},children:t.kind?(0,l.jsx)("span",{children:(0,l.jsx)("strong",{children:c.TRANSFORM_TEXT[t.kind]})}):(0,l.jsx)("strong",{children:"Select a transformation kind"})})]}),(0,l.jsxs)(W.Z,{direction:"row",gap:1,children:[n&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(ti.Z,{title:t.spec?.disabled?"Enable transformation":"Disable transformation",placement:"top",children:(0,l.jsx)($.Z,{size:"small",sx:{marginLeft:"auto"},onClick:function(){r({...t,spec:{...t.spec,disabled:!t.spec?.disabled}})},children:t.spec?.disabled?(0,l.jsx)(lt.default,{}):(0,l.jsx)(ln.default,{})})}),(0,l.jsx)(tO.Z,{flexItem:!0,orientation:"vertical",variant:"middle"})]}),(0,l.jsx)(ti.Z,{title:"Remove transformation",placement:"top",children:(0,l.jsx)($.Z,{size:"small",sx:{marginLeft:"auto"},onClick:o,children:(0,l.jsx)(rh.default,{})})})]})]}),!n&&(0,l.jsx)(la,{value:t,onChange:r})]})}function ld({value:e,onChange:t,...n}){let[r,i]=(0,s.useState)(e.map(()=>!0));return(0,l.jsxs)(W.Z,{gap:1,...n,children:[e.map((n,o)=>(0,l.jsx)(ls,{index:o,value:n,isCollapsed:r[o]??!0,onChange:n=>(function(n,r){let l=[...e];l[n]=r,t(l)})(o,n),onDelete:()=>(function(n){let r=[...e];r.splice(n,1),t(r),i(e=>(e.splice(n,1),[...e]))})(o),onCollapse:e=>{i(t=>(t[o]=e,[...t]))}},o)),(0,l.jsx)(o.Z,{variant:"contained",startIcon:(0,l.jsx)(nq.default,{}),sx:{marginTop:1},onClick:function(){let n=[...e];n.push({kind:"",spec:{}}),t(n),i(e=>(e.push(!1),[...e]))},children:"Add Transformation"})]})}function lc(e){let{value:t,onChange:n,timeOptions:r,height:i}=e,o=(0,s.useMemo)(()=>{if(t&&!r.some(e=>e.value.pastDuration===t))return(0,l.jsx)(tS.Z,{value:t,children:t})},[r,t]);return(0,l.jsx)(tt.Z,{children:(0,l.jsx)(v.Z,{children:(0,l.jsxs)(rv.Z,{id:"refreshInterval",value:t,onChange:e=>{n(e.target.value)},inputProps:{"aria-label":`Select refresh interval. Currently set to ${t}`},sx:{".MuiSelect-select":i?{lineHeight:i,paddingY:0}:{}},children:[r.map((e,t)=>(0,l.jsx)(tS.Z,{value:e.value.pastDuration,children:e.display},t)),o]})})})}var lu=n(85731);function lh(e){let{width:t,height:n,data:r}=e,i=j(),o={title:{text:"Referer of a Website",subtext:"Fake Data",left:"center"},tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},axisLabel:{overflow:"truncate",width:t/3},series:[{name:"Access From",type:"pie",radius:"55%",label:!1,center:["40%","50%"],data:r,emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}],itemStyle:{borderRadius:2,color:i.echartsTheme[0]}};return(0,l.jsx)(v.Z,{style:{width:t,height:n},sx:{overflow:"auto"},children:(0,l.jsx)(F,{sx:{minHeight:n,height:r?16*r.length:"100%"},option:o,theme:i.echartsTheme})})}(0,u.D)([lu.N,p.N,g.N,x.N,m.N,f.N]);var lp=n(27835),lg=n(943),lx=n(72116);(0,u.D)([lp.N,lg.N,p.N,g.N,x.N,m.N,f.N]);let lm=e=>{var t;let{height:n,data:r,xAxisCategories:i,yAxisCategories:o,timeScale:a,colors:s}=e,{timeZone:d}=t4(),c=j(),u=(0,J.Z)(),h={tooltip:{appendToBody:!0,formatter:e=>(function({data:e,label:t,marker:n,xAxisCategories:r,yAxisCategories:l,theme:i}){let[o,a]=e,{formattedDate:s,formattedTime:d}=t6(r[o]),c=(0,lx.css)`
+    border-bottom: 1px solid ${i.palette.grey[500]};
+    padding-bottom: 8px;
+  `,u=(0,lx.css)`
+    display: flex;
+    justify-content: space-between;
+    padding-top: 8px;
+  `,h=(0,lx.css)`
+    margin-right: 16px;
+  `;return`
+    <div>
+      <div style="${c.styles}">${s} ${d}</div>
+      <div style="${u.styles}">
+        <div style="${h.styles}">
+          ${n}
+          <strong>${l[a]}</strong>
+        </div>
+        <div>
+          ${t}
+        </div>
+      </div>
+    </div>
+  `})({data:e.data.value,label:e.data.label,marker:e.marker,xAxisCategories:i,yAxisCategories:o,theme:u})},grid:{top:"5%",bottom:"5%"},xAxis:{type:"category",data:i,axisLine:{show:!1},splitArea:{show:!1},axisLabel:{hideOverlap:!0,formatter:(t=a?.rangeMs??0,function(e){let n=new Date(Number(e));return t>15768e7?t1(n,"yyy",d):t>63072e6?t1(n,"MMM yyy",d):t>864e6&&t<1577664e4?t1(n,"dd.MM",d):t>1728e5&&t<=864e6?t1(n,"dd.MM HH:mm",d):t1(n,"HH:mm",d)})}},yAxis:{type:"category",data:o,axisLine:{show:!1},splitArea:{show:!1,interval:0},splitLine:{show:!1},axisLabel:{interval:0}},visualMap:{show:!1,type:"piecewise",pieces:s},series:[{name:"Status history",type:"heatmap",coordinateSystem:"cartesian2d",data:r,label:{show:!1},itemStyle:{borderWidth:1,borderType:"solid",borderColor:"#ffffff"},emphasis:{itemStyle:{opacity:.5}}}]};return(0,l.jsx)(v.Z,{style:{height:n},sx:{overflow:"auto"},children:(0,l.jsx)(F,{sx:{width:"100%",height:n},option:h,theme:c.echartsTheme})})},lf="#1f77b4";function lv(e,t){t.match(/^#[0-9A-Fa-f]{6}$/)||(t=lf);try{let[n,r,l]=lb(t);if(isNaN(n)||isNaN(r)||isNaN(l))throw Error("Invalid HSL values");let i=String(e).split("").reduce((e,t)=>e+t.charCodeAt(0),0),o=Math.min(r+10,90),a=lC(Math.abs((n+i%6*60)%360),Math.min(Math.max(o,50),90),Math.min(Math.max(l+(i%2?15:-15),30),70));if(!a.match(/^#[0-9A-Fa-f]{6}$/))throw Error("Invalid generated color");return a}catch(e){return lf}}function ly(e,t){return t.length>=e.length?t.slice(0,e.length):e.map((e,n)=>n<t.length?t[n]||lf:lv(e,t[0]||lf))}function lb(e){let t=parseInt(e.slice(1,3),16)/255,n=parseInt(e.slice(3,5),16)/255,r=parseInt(e.slice(5,7),16)/255,l=Math.max(t,n,r),i=Math.min(t,n,r),o=0,a=0,s=(l+i)/2;if(l!==i){let e=l-i;switch(a=s>.5?e/(2-l-i):e/(l+i),l){case t:o=(n-r)/e+6*(n<r);break;case n:o=(r-t)/e+2;break;case r:o=(t-n)/e+4}o/=6}return[360*o,100*a,100*s]}function lC(e,t,n){let r=t*Math.min(n/=100,1-n)/100,l=t=>{let l=(t+e/30)%12;return Math.round(255*(n-r*Math.max(Math.min(l-3,9-l,1),-1))).toString(16).padStart(2,"0")};return`#${l(0)}${l(8)}${l(4)}`}var lj=n(41305);let lw=({mapping:e,onChange:t,...n})=>{switch(e.kind){case"Value":return(0,l.jsx)(W.Z,{gap:1,direction:"row",...n,children:(0,l.jsx)(H.Z,{label:"Value",placeholder:"Exact value",value:e.spec?.value??"",onChange:n=>t({...e,spec:{...e.spec,value:n.target.value}}),fullWidth:!0})});case"Range":return(0,l.jsxs)(W.Z,{gap:1,direction:"row",...n,children:[(0,l.jsx)(H.Z,{label:"From",placeholder:"Start of range",value:e.spec?.from??"",onChange:n=>t({...e,spec:{...e.spec,from:""===n.target.value?void 0:+n.target.value}}),fullWidth:!0}),(0,l.jsx)(H.Z,{label:"To",placeholder:"End of range (inclusive)",value:e.spec?.to??"",onChange:n=>t({...e,spec:{...e.spec,to:""===n.target.value?void 0:+n.target.value}}),fullWidth:!0})]});case"Regex":return(0,l.jsx)(W.Z,{gap:1,direction:"row",...n,children:(0,l.jsx)(H.Z,{label:"Regular Expression",placeholder:"JavaScript regular expression",value:e.spec?.pattern??"",onChange:n=>t({...e,spec:{...e.spec,pattern:n.target.value}}),fullWidth:!0})});case"Misc":return(0,l.jsx)(W.Z,{gap:1,direction:"row",...n,children:(0,l.jsxs)(H.Z,{select:!0,label:"Value",value:e.spec?.value??"",onChange:n=>t({...e,spec:{value:n.target.value}}),SelectProps:{renderValue:e=>{switch(e){case"empty":return"Empty";case"null":return"Null";case"NaN":return"NaN";case"true":return"True";case"false":return"False";default:return String(e)}}},fullWidth:!0,children:[(0,l.jsx)(tS.Z,{value:"empty",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"Empty"}),(0,l.jsx)(eZ.Z,{variant:"caption",children:"Matches empty string"})]})}),(0,l.jsx)(tS.Z,{value:"null",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"Null"}),(0,l.jsx)(eZ.Z,{variant:"caption",children:"Matches null or undefined"})]})}),(0,l.jsx)(tS.Z,{value:"NaN",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"NaN"}),(0,l.jsx)(eZ.Z,{variant:"caption",children:"Matches Not a Number value"})]})}),(0,l.jsx)(tS.Z,{value:"true",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"True"}),(0,l.jsx)(eZ.Z,{variant:"caption",children:"Matches true boolean"})]})}),(0,l.jsx)(tS.Z,{value:"false",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"False"}),(0,l.jsx)(eZ.Z,{variant:"caption",children:"Matches false boolean"})]})})]})});default:return null}},lZ=({mapping:e,onChange:t,onDelete:n,...r})=>{let i=n=>{t({...e,spec:{...e.spec,result:{...e.spec.result,color:n}}})};return(0,l.jsxs)(lj.Z,{container:!0,spacing:2,...r,children:[(0,l.jsx)(lj.Z,{size:{xs:5},children:(0,l.jsxs)(W.Z,{direction:"row",gap:1,width:"100%",children:[(0,l.jsxs)(H.Z,{select:!0,label:"Type",value:e.kind,onChange:n=>t({...e,kind:n.target.value}),required:!0,sx:{width:"120px"},children:[(0,l.jsx)(tS.Z,{value:"Value",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"Value"}),"Value"!==e.kind&&(0,l.jsx)(eZ.Z,{variant:"caption",children:"Matches an exact text value"})]})}),(0,l.jsx)(tS.Z,{value:"Range",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"Range"}),"Range"!==e.kind&&(0,l.jsx)(eZ.Z,{variant:"caption",children:"Matches against a numerical range"})]})}),(0,l.jsx)(tS.Z,{value:"Regex",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"Regex"}),"Regex"!==e.kind&&(0,l.jsx)(eZ.Z,{variant:"caption",children:"Matches against a regular expression"})]})}),(0,l.jsx)(tS.Z,{value:"Misc",children:(0,l.jsxs)(W.Z,{children:[(0,l.jsx)(eZ.Z,{children:"Misc"}),"Misc"!==e.kind&&(0,l.jsx)(eZ.Z,{variant:"caption",children:"Matches against empty, null and NaN values"})]})})]}),(0,l.jsx)(lw,{width:"100%",mapping:e,onChange:n=>t({...e,...n})})]})}),(0,l.jsx)(lj.Z,{size:{xs:4},children:(0,l.jsx)(H.Z,{label:"Display text",value:e.spec?.result?.value??"",onChange:n=>t({...e,spec:{...e.spec,result:{...e.spec?.result,value:n.target.value}}}),fullWidth:!0})}),(0,l.jsx)(lj.Z,{size:{xs:1},children:(0,l.jsx)(W.Z,{direction:"row",justifyContent:"center",gap:1,children:e.spec?.result?.color?(0,l.jsx)(K,{label:"Color",color:e.spec.result.color??"#000",onColorChange:i,onClear:()=>i(void 0)}):(0,l.jsx)($.Z,{onClick:()=>i("#000"),children:(0,l.jsx)(nq.default,{})})})}),(0,l.jsx)(lj.Z,{size:{xs:1},textAlign:"end",children:(0,l.jsx)(ti.Z,{title:"Remove mapping settings",placement:"top",children:(0,l.jsx)($.Z,{size:"small",sx:{marginLeft:"auto"},onClick:n,children:(0,l.jsx)(rh.default,{})})})})]})},lS=({mappings:e,onChange:t})=>{let[n,r]=(0,s.useState)(e);return(0,l.jsxs)(W.Z,{spacing:1,children:[(0,l.jsxs)(lj.Z,{container:!0,spacing:2,children:[(0,l.jsx)(lj.Z,{size:{xs:5},children:(0,l.jsx)(eZ.Z,{variant:"subtitle1",children:"Condition"})}),(0,l.jsx)(lj.Z,{size:{xs:4},children:(0,l.jsx)(eZ.Z,{variant:"subtitle1",children:"Display Text"})}),(0,l.jsx)(lj.Z,{size:{xs:1},textAlign:"center",children:(0,l.jsx)(eZ.Z,{variant:"subtitle1",children:"Color"})}),(0,l.jsx)(lj.Z,{size:{xs:1}})]}),(0,l.jsx)(W.Z,{gap:1.5,divider:(0,l.jsx)(tO.Z,{flexItem:!0,orientation:"horizontal"}),children:n.map((e,i)=>(0,l.jsx)(lZ,{mapping:e,onChange:e=>(function(e,l){let i=[...n];i[e]=l,r(i),t(i)})(i,e),onDelete:()=>(function(e){let l=[...n];l.splice(e,1),r(l),t(l)})(i)},i))}),(0,l.jsx)(o.Z,{variant:"contained",startIcon:(0,l.jsx)(nq.default,{}),sx:{marginTop:1},onClick:function(){let e=[...n];e.push({kind:"Value",spec:{result:{value:""}}}),r(e),t(e)},children:"Add value mappings"})]})}}}]);