@databrainhq/plugin 0.15.54 → 0.15.55

package/dist/webcomponents.es.js

@@ -198826,7 +198826,8 @@ const D5t = "_dbcLastCardLevel_kosld_4", c5t = "_dbcLastMetricCardLevel_kosld_7"
     PN,
     fN,
     kN,
-    Kn
+    Kn,
+    gN
   ]);
   return /* @__PURE__ */ O.jsx(O.Fragment, { children: jn.length && Tr.length ? /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
     /* @__PURE__ */ O.jsx(

package/dist/webcomponents.umd.js

@@ -1783,7 +1783,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 ${n-1!==o?KS.disabledLevel:KS.clickableLevels}
               `,onClick:()=>{n-1===o&&r(o)},children:[e.toString()[0].toUpperCase()+e.toString().substring(1),o===M.length-1?"":" / "]},e))})}),GG={imgDiv:"_imgDiv_11nem_1",chartOptions:"_chartOptions_11nem_5",chartOption:"_chartOption_11nem_5",chartOptionBtn:"_chartOptionBtn_11nem_13",chartOptionText:"_chartOptionText_11nem_17",chartOptionBtnSelected:"_chartOptionBtnSelected_11nem_21"},_9=({chartTypePanelProps:{onChartChange:M,enabledCharts:n,selectedChart:N,isOpen:r,onClose:i,zIndex:U}})=>O.jsx(nF,{isOpen:r,onClose:i,size:"small",side:"right",hideFooter:!0,headerTitle:"Chart Types",zIndex:U,children:O.jsx("div",{className:GG.chartOptions,children:M3e.map(t=>O.jsxs("div",{className:GG.chartOption,children:[O.jsx(k0,{type:"button",variant:"popover",onClick:()=>{M(t.name.toLowerCase()),i()},isDisabled:!n.includes(t.name.toLowerCase()),className:"dbn-w-full",children:O.jsx("div",{className:`${GG.imgDiv} ${t.name.toLowerCase()!==N?"dbn-border-secondary":"dbn-border-primary dbn-border-2"}`,children:O.jsx("img",{src:t.icon,alt:"",style:{width:"150px",height:"100px"}})})},t.name),O.jsx(vn,{variant:"body-text-sm",children:t.name})]},t.name))})}),q9={alert:"_alert_c3qbm_1",primary:"_primary_c3qbm_9",warning:"_warning_c3qbm_17",error:"_error_c3qbm_25",info:"_info_c3qbm_33",success:"_success_c3qbm_41",alertTextContent:"_alertTextContent_c3qbm_49",alertText:"_alertText_c3qbm_49",alertButtons:"_alertButtons_c3qbm_65"},yd=({variant:M="primary",text:n,children:N,hideInfoIcon:r,className:i,childrenClassName:U,textColor:t="primary-title"})=>O.jsx(O.Fragment,{children:O.jsxs("div",{className:`${q9.alert} ${q9[M]}  ${i||""}`,children:[O.jsxs("div",{className:q9.alertTextContent,children:[r?null:O.jsx("span",{children:O.jsx(a1,{name:"info",size:"xs",color:t})}),O.jsx(vn,{variant:"body-text-xs",color:t,children:n})]}),O.jsx("div",{className:`${q9.alertButtons} ${U||""}`,children:N})]})}),fot=({isOpen:M,onClose:n,report:N,isLoading:r,subText:i,zIndex:U})=>{const[t,a]=UM.useState(!1);return O.jsx(nF,{isOpen:M,onClose:n,hideFooter:!0,side:"right",size:"small",hideHeader:!0,zIndex:U,children:O.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-py-3",children:[O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center dbn-py-4",children:[O.jsxs("span",{className:"dbn-flex dbn-flex-col dbn-gap-2 dbn-items-center",children:[O.jsx(vn,{variant:"heading-lg",children:"Summary"}),i&&O.jsx(vn,{variant:"small-text",children:i})]}),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"cross",size:"xs"}),onClick:n})]}),r?O.jsx(ec,{variant:"list"}):O.jsx("div",{className:"dbn-h-[90%] dbn-w-full",children:N!=null&&N.split(`
 `).length?O.jsxs(z2,{direction:"col",className:"dbn-gap-2",children:[N==null?void 0:N.split(`
-`).map(l=>O.jsx(vn,{children:l})),O.jsx(k0,{variant:"popover",onClick:()=>{n4e(N),a(!0),setTimeout(()=>{a(!1)},3e3)},leftIcon:O.jsx(a1,{name:"copy"}),children:t?"Copied":"Copy"})]}):O.jsx(vn,{children:"Not Found"})})]})})},HG=({metric:M,colors:n,rlsFilters:N,metricFilterOptions:r,onMinimize:i,onArchive:U,clientId:t,tenancyLevel:a,companyId:l,externalDashboardId:e,userProvidedDashboardId:o,isAllowedToUpdateMetrics:s,sharingSettingsId:T,appFilters:d,isInternalApp:F,isShowChartConfigTab:y,isHideChartSettings:z,isHideTablePreview:w,isAllClient:H,globalFilters:ce={tableName:"",filters:[]},onDownload:ae,downloadMetrics:Me,isFrontendApp:G,guestToken:Ee,encryptedClient:Ye,workspaceId:he,clientColumnType:me,isEnableMetricSummary:we,hideDatePickerOptions:Ke,chartAppearance:Ut,enableEmailCsv:Xe,fullScreenWidth:et,onServerEvent:Tt,disableDownloadPng:ke,isAllowToDownloadMetrics:Et,datasourceId:iM})=>{var ur,Ir,vr,hr,qr,Y0,Hi,si,bi,gi,eU,Jr,Qr,Oi,ji,rU,hU,cU,Li;const jt=UM.useRef(),[rM,nM]=UM.useState(!1),[Jt,TM]=UM.useState(!1),[OM,bM]=UM.useState(!1),eN=UM.useMemo(()=>{var Q1;return{...ce,filters:(Q1=ce==null?void 0:ce.filters)==null?void 0:Q1.filter(Fr=>{var Tr;return!((Tr=Fr==null?void 0:Fr.restrictedMetrics)!=null&&Tr.some(pi=>pi.value===(M==null?void 0:M.id)))})}},[ce,M]),{dataDb:lN,variables:SN,getUnderlyingData:fN,handleChartClick:JN,columnName:kN,setShowChartPopup:cn,isShowChartPopup:Cn,isQueryLoading:qN,chartParams:gN,onChangeFilterValue:PN,onDrillDown:bN,drilledLevel:FN,dimensions:dn,setTableLimit:Kn,isEnableNextBtn:e0,isEnablePrevBtn:Vn,paginationInfo:yN,onChangePage:wn,isExternalChart:FM,onDrillLevelClick:ZM,metricFilters:YN,filterValues:HN,dynamicOptions:DM,isSingleValueNull:AN,isEnableZoom:zn,containerRef:mN,chartSettings:uN,setChartSettings:CN,leftPositionedMetricFilters:un,rightPositionedMetricFilters:h0,updateFilter:R1,drillFilters:bn,drillType:Jn,tableResultsDownloadData:q0,rlsConditions:mn,appliedMetricFilters:Wn,pivotHeaderOptions:jn,pivotDrillState:T0,onDrillPivotTable:F0,legendData:Q0,timeseriesDimension:TN,isPythonMode:K0,isSorted:H0,isInavlidForSort:e1,sortOrder:D0,setSortOrder:W1,onAddComparison:M0,groupedRlsConditions:_0,onGenerateMetricSummary:i1,summary:dN,setSummary:Ln,setNotFirstRender:pn,dataMartRelationships:l0,onChartChange:o1,isCompareValue:J0,isShowChartPropertyPanel:x1,setShowChartPropertyPanel:b1,columnList:Ni,metricName:Rr}=C6({datasourceId:iM,metric:M,rlsFilters:N,tenancyLevel:a,clientId:t,appFilters:d,isInternalApp:F,metricFilterOptions:r,isAllClient:H,globalFilters:eN,isFrontendApp:G,guestToken:Ee,encryptedClientId:Ye,workspaceId:he,onServerEvent:Tt,clientColumnType:me}),{updateExternalMetric:p1,error:X1,isLoading:_r}=zk({onSuccess:()=>{var Q1,Fr;bM(!1),i(),(Fr=(Q1=window==null?void 0:window.location)==null?void 0:Q1.reload)==null||Fr.call(Q1)},selectedColumns:[],companyIntegrationId:M.companyIntegrationId,query:M.query,metricQuery:M.metricQuery,integrationName:M.integrationName,outputColumns:M.outputColumns,chartSettings:uN,datasetMetricSettings:M.datasetMetricSettings,clientId:t,companyId:l,isLiveMode:M.isLive,timeGrain:M.timeGrain,dashboardIds:[e],isEnableGroupBy:M.isEnableGroupBy,groupBy:M.groupBy,selectedGroupBy:M.selectedGroupBy,userProvidedDashboardId:o,metric:M,rlsFilters:N}),{isDisableDownloadSettings:s1}=p6({sharingSettingsId:T,workspaceId:he}),xr=UM.useMemo(()=>(Xe==null?void 0:Xe.toString())&&Xe||!(Xe!=null&&Xe.toString())&&!s1,[s1,Xe]),oi=UM.useMemo(()=>{var Q1,Fr,Tr,pi,Yr,Cr,jr,Xi,GU,$r,Gr,_t,XM,cN,tN,Mn,an,In,i0,u0,j1,J1,P1,hn,o0,j0,A0,oN,Fn;return(Q1=M==null?void 0:M.drillDownSettings)!=null&&Q1.isEnableGroupBy&&lN.length&&FN===(dn==null?void 0:dn.length)?{...uN,chartType:"table",yAxisList:dn!=null&&dn[0]?[dn==null?void 0:dn[0],...uN.yAxisList||[]]:uN.yAxisList,customSettings:{...(uN==null?void 0:uN.customSettings)||{},labelPrefix:(Fr=uN==null?void 0:uN.customSettings)!=null&&Fr.labelPrefix?YD(((Tr=uN==null?void 0:uN.customSettings)==null?void 0:Tr.labelPrefix)||"^^^^^",SN):(pi=uN==null?void 0:uN.customSettings)==null?void 0:pi.labelPrefix,labelSuffix:(Yr=uN==null?void 0:uN.customSettings)!=null&&Yr.labelSuffix?YD(((Cr=uN==null?void 0:uN.customSettings)==null?void 0:Cr.labelSuffix)||"^^^^^",SN):(jr=uN==null?void 0:uN.customSettings)==null?void 0:jr.labelSuffix,comboAxisSettings:(GU=(Xi=uN==null?void 0:uN.customSettings)==null?void 0:Xi.comboAxisSettings)==null?void 0:GU.map(Bn=>({...Bn,prefix:Bn!=null&&Bn.prefix?YD((Bn==null?void 0:Bn.prefix)||"^^^^^",SN):Bn==null?void 0:Bn.prefix,suffix:Bn!=null&&Bn.suffix?YD((Bn==null?void 0:Bn.suffix)||"^^^^^",SN):Bn==null?void 0:Bn.suffix}))},tableSettings:{...(uN==null?void 0:uN.tableSettings)||{},tablePrefix:($r=uN==null?void 0:uN.tableSettings)!=null&&$r.tablePrefix?YD(((Gr=uN==null?void 0:uN.tableSettings)==null?void 0:Gr.tablePrefix)||"^^^^^",SN):(_t=uN==null?void 0:uN.tableSettings)==null?void 0:_t.tablePrefix,tableSuffix:(XM=uN==null?void 0:uN.tableSettings)!=null&&XM.tableSuffix?YD(((cN=uN==null?void 0:uN.tableSettings)==null?void 0:cN.tableSuffix)||"^^^^^",SN):(tN=uN==null?void 0:uN.tableSettings)==null?void 0:tN.tableSuffix}}:{...uN,customSettings:{...(uN==null?void 0:uN.customSettings)||{},labelPrefix:(Mn=uN==null?void 0:uN.customSettings)!=null&&Mn.labelPrefix?YD(((an=uN==null?void 0:uN.customSettings)==null?void 0:an.labelPrefix)||"^^^^^",SN):(In=uN==null?void 0:uN.customSettings)==null?void 0:In.labelPrefix,labelSuffix:(i0=uN==null?void 0:uN.customSettings)!=null&&i0.labelSuffix?YD(((u0=uN==null?void 0:uN.customSettings)==null?void 0:u0.labelSuffix)||"^^^^^",SN):(j1=uN==null?void 0:uN.customSettings)==null?void 0:j1.labelSuffix,comboAxisSettings:(P1=(J1=uN==null?void 0:uN.customSettings)==null?void 0:J1.comboAxisSettings)==null?void 0:P1.map(Bn=>({...Bn,prefix:Bn!=null&&Bn.prefix?YD((Bn==null?void 0:Bn.prefix)||"^^^^^",SN):Bn==null?void 0:Bn.prefix,suffix:Bn!=null&&Bn.suffix?YD((Bn==null?void 0:Bn.suffix)||"^^^^^",SN):Bn==null?void 0:Bn.suffix}))},tableSettings:{...(uN==null?void 0:uN.tableSettings)||{},tablePrefix:(hn=uN==null?void 0:uN.tableSettings)!=null&&hn.tablePrefix?YD(((o0=uN==null?void 0:uN.tableSettings)==null?void 0:o0.tablePrefix)||"^^^^^",SN):(j0=uN==null?void 0:uN.tableSettings)==null?void 0:j0.tablePrefix,tableSuffix:(A0=uN==null?void 0:uN.tableSettings)!=null&&A0.tableSuffix?YD(((oN=uN==null?void 0:uN.tableSettings)==null?void 0:oN.tableSuffix)||"^^^^^",SN):(Fn=uN==null?void 0:uN.tableSettings)==null?void 0:Fn.tableSuffix}}},[dn,FN,uN,M,lN,SN]),O0=Q1=>{var Fr,Tr,pi,Yr,Cr,jr,Xi,GU,$r,Gr,_t,XM,cN;return uN.chartType===VM.table||(Fr=M.drillDownSettings)!=null&&Fr.isEnableGroupBy&&FN===(dn==null?void 0:dn.length)?(Tr=Q1==null?void 0:Q1.find(Mn=>{var an,In;return Mn.columnName===((In=(an=M==null?void 0:M.clickActions)==null?void 0:an.chart)==null?void 0:In.valueColumn)}))==null?void 0:Tr.value:[VM.sankey,VM.treeMap].includes(uN==null?void 0:uN.chartType)?Q1==null?void 0:Q1.value:((Yr=(pi=M.clickActions)==null?void 0:pi.chart)==null?void 0:Yr.valueColumn)===(uN==null?void 0:uN.xAxis)||(uN==null?void 0:uN.chartType)===VM.gauge&&((jr=(Cr=M.clickActions)==null?void 0:Cr.chart)==null?void 0:jr.valueColumn)===((GU=(Xi=uN==null?void 0:uN.gaugeSettings)==null?void 0:Xi.dimensions)==null?void 0:GU.join(", "))?Q1==null?void 0:Q1.name:(Q1==null?void 0:Q1.seriesName)===((Gr=($r=M.clickActions)==null?void 0:$r.chart)==null?void 0:Gr.valueColumn)||(uN==null?void 0:uN.chartType)===VM.gauge&&((XM=(_t=M.clickActions)==null?void 0:_t.chart)==null?void 0:XM.valueColumn)===((cN=uN==null?void 0:uN.gaugeSettings)==null?void 0:cN.metric)||[VM.funnel].includes(uN.chartType)?Q1==null?void 0:Q1.value:null},B0=UM.useMemo(()=>{var Fr,Tr;const Q1=Object.keys((lN==null?void 0:lN[0])||{})||[];if(uN.chartType===VM.timeSeries){const pi=(Fr=M==null?void 0:M.chartOptions)==null?void 0:Fr.xAxis,Yr=uN==null?void 0:uN.xAxis;if(pi&&Yr)return lN.map(Cr=>Q1.reduce((jr,Xi)=>(Xi===Yr?jr[pi||""]=Cr[Xi]:jr[Xi]=Cr[Xi],jr),{}))}if(J0&&((Tr=uN==null?void 0:uN.customSettings)!=null&&Tr.comparisonTimeLabel)){const pi="_timestamp";return lN.map(Yr=>Q1.reduce((Cr,jr)=>{var Xi;return jr===pi?Cr[((Xi=uN==null?void 0:uN.customSettings)==null?void 0:Xi.comparisonTimeLabel)||""]=Yr[jr]:Cr[jr]=Yr[jr],Cr},{}))}return lN},[lN,J0,(ur=uN==null?void 0:uN.customSettings)==null?void 0:ur.comparisonTimeLabel,uN==null?void 0:uN.chartType,M==null?void 0:M.chartOptions,uN==null?void 0:uN.xAxis]),d1=UM.useMemo(()=>L6(n||[],(uN==null?void 0:uN.chartColors)||[]),[n,uN==null?void 0:uN.chartColors]);return UM.useEffect(()=>{var Q1;if(localStorage.getItem("fsMetricCs")){const Fr=(Q1=JSON.parse(localStorage.getItem("fsMetricCs")||""))==null?void 0:Q1.defaultRowSize;Fr&&CN(Tr=>({...Tr,tableSettings:{...Tr.tableSettings,defaultRowSize:Fr}}))}},[]),UM.useEffect(()=>{var Q1;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:M.id,defaultRowSize:(Q1=uN==null?void 0:uN.tableSettings)==null?void 0:Q1.defaultRowSize}))},[uN]),O.jsxs("div",{className:`${BT.fullScreen} ${et?"":BT.screen}`,style:et?{width:et}:{},children:[O.jsxs("section",{className:BT.header,children:[O.jsxs("div",{className:BT.headerBlock,children:[O.jsx(aD,{text:"Back",children:O.jsx(k0,{variant:"popover",type:"button",onClick:i,leftIcon:O.jsx("div",{className:BT.backButton,children:O.jsx(a1,{name:"arrow-left"})})})}),O.jsx(vn,{variant:"body-text-lg",children:Rr}),(Ir=eN==null?void 0:eN.filters)!=null&&Ir.length?O.jsx(yd,{text:"Global Filters are applied.",variant:"info"}):null,(vr=Me==null?void 0:Me.find(Q1=>Q1.id===(M==null?void 0:M.id)))!=null&&vr.isInProgress?O.jsx(yd,{text:"Download is in progress",variant:"primary"}):null]}),O.jsxs("div",{className:`${BT.headerBlock} ${BT.headerBlockRight}`,children:[we&&O.jsx(k0,{variant:"popover",type:"button",onClick:()=>i1(),leftIcon:O.jsx(aD,{text:"AI Insights",children:O.jsx("div",{className:BT.backButton,children:O.jsx(a1,{name:"wand"})})}),isDisabled:!(lN!=null&&lN.length)}),z?null:O.jsx(aD,{text:"Chart Types",children:O.jsx(k0,{variant:"popover",type:"button",onClick:()=>TM(!0),leftIcon:O.jsx("div",{className:BT.backButton,children:O.jsx(a1,{name:"bar-chart"})})})}),U?O.jsx(aD,{text:"Archive Metric",children:O.jsx(k0,{variant:"popover",type:"button",onClick:()=>U(M.id),leftIcon:O.jsx("div",{className:BT.backButton,children:O.jsx(a1,{name:"archive"})})})}):null,G||Et?O.jsx(Not,{isPythonMode:(qr=(hr=M==null?void 0:M.datasetMetricSettings)==null?void 0:hr.newDatasetSettings)==null?void 0:qr.isPythonMode,onServerEvent:Tt,isEnableEmailRawCsvDownload:xr,disableDownloadPng:ke!=null&&ke.toString()?ke:!1,data:q0||[],chartRef:jt,metricName:Rr,onRawCsvData:()=>nM(!0),chartOptions:uN,companyIntegrationId:M.companyIntegrationId,integrationName:M.integrationName,metricData:{globalFilters:eN,rlsConditions:Wn,tenancyLevel:a,id:M==null?void 0:M.id,dataSecuritySettings:{csvColumns:[]},filterValues:HN,isAllClient:H,options:{clientId:G?Ye||"":t,isFrontend:G,token:Ee}},updateDownloadProgress:Q1=>ae(M==null?void 0:M.id,Q1)}):null,s&&O.jsx(k0,{type:"button",variant:"primary",onClick:()=>bM(!0),children:"Save Metric"})]}),O.jsx(aD,{text:"Close FS",children:O.jsx(k0,{variant:"popover",type:"button",onClick:()=>{var Q1;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:M.id,defaultRowSize:(Q1=uN==null?void 0:uN.tableSettings)==null?void 0:Q1.defaultRowSize})),i()},leftIcon:O.jsx("div",{className:BT.backButton,children:O.jsx(a1,{name:"cross"})})})})]}),O.jsxs("section",{className:BT.body,onContextMenu:Q1=>{Q1.preventDefault()},children:[O.jsxs("div",{className:`${BT.metric} ${uN.chartType===VM.table?BT.tableMetric:""} ${w?BT.fullMetric:""}`,ref:mN,children:[O.jsxs("div",{className:BT.metricHeader,children:[O.jsx("div",{className:BT.metricFilters,children:!!lN.length&&O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-wrap dbn-justify-end dbn-items-center dbn-gap-2",children:[(Y0=uN==null?void 0:uN.dynamicXAxis)!=null&&Y0.isEnabled?O.jsx(Pa,{options:((Hi=uN.dynamicXAxis)==null?void 0:Hi.options)||[],onChange:Q1=>CN(Fr=>({...Fr,dynamicXAxis:{...Fr.dynamicXAxis,selectedOption:Q1},xAxis:Q1.value})),selectedOption:uN.dynamicXAxis.selectedOption||{value:"",label:""},label:"Dynamic x-axis",labelVariant:"floating",menuZIndex:999999999999}):null,(si=uN==null?void 0:uN.dynamicYAxis)!=null&&si.isEnabled?O.jsx(Pa,{options:((bi=uN.dynamicYAxis)==null?void 0:bi.options)||[],onChange:Q1=>CN(Fr=>({...Fr,dynamicYAxis:{...Fr.dynamicYAxis,selectedOption:Q1},yAxisList:Q1.value?[Q1.value]:[]})),selectedOption:((gi=uN==null?void 0:uN.dynamicYAxis)==null?void 0:gi.selectedOption)||{value:"",label:""},label:"Dynamic y-axis",labelVariant:"floating",menuZIndex:999999999999}):null,uN!=null&&uN.isDynamicSeries?O.jsx(Pa,{options:DM,onChange:Q1=>CN(Fr=>({...Fr,seriesField:Q1.value})),selectedOption:{label:(uN==null?void 0:uN.seriesField)||"ungrouped",value:(uN==null?void 0:uN.seriesField)||"ungrouped"},label:"Group by",labelVariant:"floating",menuZIndex:999999999999}):null,(eU=uN.timeSeriesSettings)!=null&&eU.groupBySettings.isDynamic?O.jsx(Pa,{options:uN.timeSeriesSettings.groupBySettings.options.map(Q1=>({label:Q1.split("____").length>1?Q1.split("____")[1]:Q1,value:Q1.split("____")[0]})),onChange:Q1=>CN(Fr=>{var Tr;return{...Fr,timeSeriesSettings:{...Fr.timeSeriesSettings,groupBySettings:{...(Tr=Fr.timeSeriesSettings)==null?void 0:Tr.groupBySettings,value:Q1.value}},xAxis:K0?Fr.xAxis:`${Q1.value} of ${TN}`}}),menuZIndex:999999999999,selectedOption:{label:uN.timeSeriesSettings.groupBySettings.value.split("____").length>1?uN.timeSeriesSettings.groupBySettings.value.split("____")[1]:uN.timeSeriesSettings.groupBySettings.value.toString().substring(0,1).toUpperCase()+uN.timeSeriesSettings.groupBySettings.value.toString().substring(1,uN.timeSeriesSettings.groupBySettings.value.length),value:uN.timeSeriesSettings.groupBySettings.value},labelVariant:"floating",label:"Timeseries"}):null,((Jr=uN.pivotTableSettings2)==null?void 0:Jr.isDynamicHeaders)&&uN.chartType===VM.pivotV2&&O.jsx(BD,{onChange:Q1=>{CN(Fr=>({...Fr,pivotTableSettings2:{...Fr.pivotTableSettings2,headers:Q1.map(Tr=>Tr.value),dimensions:jn.filter(Tr=>!Q1.some(pi=>pi.value===Tr.value)).map(Tr=>Tr.value)}}))},options:jn,selectedOption:(jn==null?void 0:jn.filter(Q1=>{var Fr,Tr;return(Tr=(Fr=uN.pivotTableSettings2)==null?void 0:Fr.headers)==null?void 0:Tr.includes(Q1.value)}))||[],isSearchEnabled:!0,menuWidth:"300px",menuZIndex:999999999999}),(Qr=uN.customSettings)!=null&&Qr.showSelectLegend?O.jsx(BD,{label:"legend",labelVariant:"floating",options:Q0!=null&&Q0.length?Q0==null?void 0:Q0.map(Q1=>({value:Q1,label:Q1})):[],onChange:Q1=>{CN(Fr=>({...Fr,selectedSeries:(Q1==null?void 0:Q1.map(Tr=>Tr.value))||[]}))},selectedOption:((Oi=Q0==null?void 0:Q0.filter(Q1=>{var Fr;return(Fr=uN==null?void 0:uN.selectedSeries)==null?void 0:Fr.some(Tr=>Tr===Q1)}))==null?void 0:Oi.map(Q1=>({value:Q1,label:Q1})))||[],isSearchEnabled:!0,menuZIndex:999999999999}):null]})}),!!YN.length&&O.jsxs("div",{className:BT.metricFilters,children:[O.jsxs("div",{className:BT.metricFilters,children:[O.jsx(AG,{filters:YN,updateFilter:R1}),un.filter(Q1=>!Q1.group).map((Q1,Fr)=>O.jsx(j3,{datasourceId:iM,isAllClient:H,hideDatePickerOptions:Ke,workspaceId:he,rlsConditions:Q1,onChangeFilterValue:PN,clientId:t,className:un.length-1===Fr?BT.filterTopLeft:"",rlsConditionList:[...un,...h0],tenancyLevel:a,clientColumnType:me},Q1.name)),h0.filter(Q1=>!Q1.group).map((Q1,Fr)=>O.jsx(j3,{datasourceId:iM,isAllClient:H,hideDatePickerOptions:Ke,workspaceId:he,rlsConditions:Q1,onChangeFilterValue:PN,clientId:t,className:Fr===0?BT.filterTopRight:"",rlsConditionList:[...un,...h0],tenancyLevel:a,clientColumnType:me},Q1.name)),(uN==null?void 0:uN.isEnableComparisonFilter)&&[VM.line].includes(uN.chartType)&&O.jsx(k0,{variant:"primary",onClick:()=>{M0()},children:"Add Comparison"})]}),_0&&(uN==null?void 0:uN.isEnableComparisonFilter)&&[VM.line].includes(uN.chartType)&&Object.keys(_0).map(Q1=>{var Fr;return O.jsxs("div",{className:BT.metricFilters,children:[(Fr=_0==null?void 0:_0[Q1])==null?void 0:Fr.map((Tr,pi)=>O.jsx(j3,{datasourceId:iM,isAllClient:H,hideDatePickerOptions:Ke,workspaceId:he,rlsConditions:Tr,onChangeFilterValue:PN,clientId:t,className:pi===0?BT.filterTopRight:"",rlsConditionList:[...un,...h0],tenancyLevel:a,clientColumnType:me},Tr.name)),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"cross"}),className:"dbn-h-9 dbn-flex dbn-items-center dbn-justify-center dbn-px-2 dbn-w-full dbn-border dbn-border-secondary dbn-rounded-md",onClick:()=>{M0(!0)}})]})})]})]}),O.jsxs("div",{className:`${BT.chartWrapper} ${uN.chartType===VM.table?BT.tableChartWrapper:""}`,children:[![VM.boxplot,VM.horizontalStackTable,VM.pivot,VM.pivotV2,VM.gauge].includes(uN==null?void 0:uN.chartType)||uN.chartType===VM.gauge&&M.clickActions.chart.isEnable?O.jsx(fG,{clientColumnType:me,isOpen:Cn,setOpen:cn,isInavlidForSort:e1,isGaugeChart:uN.chartType===VM.gauge,value:gN==null?void 0:gN.name,columnName:kN,getUnderlyingData:fN,elementRef:{containerRef:mN,event:(ji=gN==null?void 0:gN.event)==null?void 0:ji.event},position:"dynamic",isSingleValueChart:!![VM.singleValue].includes(uN==null?void 0:uN.chartType),isEnableSort:(rU=uN==null?void 0:uN.customSettings)==null?void 0:rU.isEnableSort,setSortOrder:W1,rawCsvDownloadButtonProps:{data:[],fileName:M==null?void 0:M.name,companyIntegrationId:M==null?void 0:M.companyIntegrationId,integrationName:M==null?void 0:M.integrationName,isPythonMode:K0,metricData:{options:{clientId:G?Ye||"":t,isFrontend:G,token:Ee},globalFilters:{...eN,filters:((hU=eN==null?void 0:eN.filters)==null?void 0:hU.filter(Q1=>Q1.isVariableFilter))||[]},rlsConditions:Wn==null?void 0:Wn.filter(Q1=>Q1.isVariableFilter),tenancyLevel:a,id:M==null?void 0:M.id,dataSecuritySettings:{csvColumns:[]},filterValues:HN,isAllClient:H},updateDownloadProgress:()=>{},children:O.jsx(O.Fragment,{children:O.jsx(a1,{name:"download"})})}}):null,O.jsx(PDe,{isLoading:qN,isDataLength:!!lN.length,isSingleValue:uN.singleValue,dataDb:lN[0],chartType:""}),((cU=M==null?void 0:M.drillDownSettings)==null?void 0:cU.isEnableGroupBy)&&!!lN.length&&O.jsx(O.Fragment,{children:O.jsx(vG,{dimensions:dn,drilledLevel:dn.length>FN?FN:-1,onResetLevel:()=>bN({},[]),onDrillLevelClick:Q1=>ZM(Q1),isMetricCard:!0,isMetricFilter:!!YN.length,drillFilters:bn,drillType:Jn||"",isShowBreadCrumb:!!(dn!=null&&dn.length)&&![VM.horizontalStackTable,VM.pivot,VM.pivotV2,VM.treeMap,VM.table,VM.sankey].includes(uN.chartType)&&dn.length>FN})}),lN.length&&!AN?O.jsx(sy,{isPythonMode:K0,onDrillPivotTable:F0,chartAppearance:Ut,pivotDrillState:T0,chartOptions:oi,sortOrder:D0,seriesName:gN==null?void 0:gN.seriesName,isSortReversed:H0&&[VM.row,VM.horizontalStack].includes((uN==null?void 0:uN.chartType)||""),data:lN,colors:d1?uN==null?void 0:uN.chartColors:n||(uN==null?void 0:uN.chartColors),events:{click:(Q1,Fr)=>{var pi,Yr,Cr,jr,Xi,GU;const Tr=(pi=Object.keys(Q1))!=null&&pi.length?Q1:Fr;if([VM.progressBar,VM.linearGauge].includes(uN.chartType)){JN(Q1),cn(!0);return}if((Yr=M.drillDownSettings)!=null&&Yr.isEnableGroupBy&&(dn==null?void 0:dn.length)!==FN){const $r=uN.chartType==="table"?(Cr=Fr==null?void 0:Fr.find(Gr=>Gr.columnName===(dn==null?void 0:dn[FN])))==null?void 0:Cr.value:"";bN(uN.chartType==="table"?{name:$r}:Q1)}(!((jr=M.drillDownSettings)!=null&&jr.isEnableGroupBy)||(Xi=M.drillDownSettings)!=null&&Xi.isEnableGroupBy&&(dn==null?void 0:dn.length)===FN)&&((GU=M.clickActions.chart)!=null&&GU.isEnable)&&WG(M.clickActions.chart,O0(Tr)||void 0)},contextmenu:Q1=>{[VM.progressBar,VM.linearGauge].includes(uN.chartType)||(JN(Q1),cn(!0))}},className:uN.chartType===VM.table?"":BT.chart,config:{ref:jt,chartClickConfig:(Li=M.clickActions)==null?void 0:Li.chart,onColumnSizingChange:Q1=>CN(Fr=>({...Fr,tableSettings:{...Fr.tableSettings,columnSizing:Q1}})),onChartReady:()=>pn(!0),isInfiniteScroll:!1,onChangePage:wn,isExternalChart:FM,isEnableNextBtn:e0,isEnablePrevBtn:Vn,paginationInfo:yN,setChartSettings:CN,dropdownZindex:uN.chartType===VM.table?999999999999:void 0,isFullScreenChart:!0}}):null,!lN.length&&qN?O.jsx("div",{className:"dbn-w-full dbn-h-[350px]",children:O.jsx(Rj,{})}):null]})]}),!w&&uN.chartType!=="table"&&!AN?O.jsx("div",{children:O.jsx(nO,{data:B0,isLoading:qN,error:"",tableName:"Table Preview",headerAlignment:"left",tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"medium",contentAlignment:"left",hideVerticalDivider:!1},dropdownZindex:999999999999})}):null]}),O.jsx(qp,{workspaceId:he,metricItem:M,isShowRawCsvModal:rM,onCloseModal:nM,sharingSettingsId:T,query:Ez({query:(M==null?void 0:M.query)||"",dbName:(M==null?void 0:M.integrationName)||"",rlsConditions:Wn,tenancyLevel:a,clientId:t,globalFilters:eN,values:N==null?void 0:N.filterValues,isAllClient:H,clientColumnType:me,dataMartRelationships:l0})}),O.jsx(_9,{chartTypePanelProps:{selectedChart:uN.chartType,onChartChange:o1,enabledCharts:[...Object.values(VM)].filter(Q1=>![VM.pivotV2,VM.combo,VM.boxplot].includes(Q1)),isOpen:Jt,onClose:()=>TM(!1),zIndex:9999999999}}),O.jsx(not,{isOpen:x1,onClose:()=>b1(!1),zIndex:9999999999,chartSettings:uN,setChartSettings:CN,columnList:Ni}),s&&O.jsx(RQ,{isOpen:OM,onClose:()=>bM(!1),headerTitle:"Update Metric",zIndex:9999999999,children:O.jsx(BZ,{onCancel:()=>bM(!1),onSubmit:p1,error:X1,isCreatingMetric:_r,defaultValues:{name:M.name,description:M.description,isLive:M.isLive,metricId:M.isCreatedByClient?M.metricId:`update_${M.metricId}_by_${t}_${Date.now()}`}})}),O.jsx(fot,{isOpen:dN.isOpen,onClose:()=>Ln(Q1=>({...Q1,isOpen:!1,isLoading:!1})),report:dN.report,isLoading:dN.isLoading,zIndex:9999999999})]})},$9={colorField:"_colorField_1w8fo_1",label:"_label_1w8fo_5",field:"_field_1w8fo_9",textField:"_textField_1w8fo_13"},l2=({name:M,value:n,onChange:N,defaultValue:r,placeholder:i,label:U,className:t="",isDisabled:a})=>O.jsxs("div",{className:`${$9.colorField} ${t}`,children:[O.jsx("label",{className:$9.label,style:{backgroundColor:n||r},htmlFor:`${M}-color`,children:O.jsx("input",{className:$9.field,type:"color",name:M,id:`${M}-color`,defaultValue:r,value:n,disabled:a,onChange:({target:l})=>N(l.value)})}),O.jsx(fr,{type:"text",id:M,name:M,label:U,className:$9.textField,placeholder:i,defaultValue:r,value:n,onChange:({target:l})=>N(l.value),isDisabled:a})]}),vot=({createElementPanelProps:{isOpen:M,onClose:n,element:N,clientId:r,companyId:i,externalDashboardId:U,userProvidedDashboardId:t}})=>{const[a,l]=UM.useState(!1),[e,o]=UM.useState(!1),{updateExternalMetric:s,error:T,isLoading:d,setValue:F,watch:y,register:z,handleSubmit:w,reset:H,control:ce}=zk({onSuccess:()=>{var Ee,Ye;n(),(Ye=(Ee=window==null?void 0:window.location)==null?void 0:Ee.reload)==null||Ye.call(Ee)},selectedColumns:[],companyIntegrationId:N==null?void 0:N.companyIntegrationId,query:N==null?void 0:N.query,metricQuery:N==null?void 0:N.metricQuery,integrationName:N==null?void 0:N.integrationName,outputColumns:N==null?void 0:N.outputColumns,clientId:r,companyId:i,isLiveMode:N==null?void 0:N.isLive,timeGrain:N==null?void 0:N.timeGrain,dashboardIds:[U],isEnableGroupBy:N==null?void 0:N.isEnableGroupBy,groupBy:N==null?void 0:N.groupBy,selectedGroupBy:N==null?void 0:N.selectedGroupBy,userProvidedDashboardId:t,metric:N}),[ae,Me]=UM.useState({isOpenInNewTab:!1,link:"",targetWord:""}),G=Ee=>{s==null||s(Ee,!0)};return UM.useEffect(()=>{var Ee,Ye,he,me,we,Ke,Ut,Xe,et,Tt,ke,Et,iM,jt,rM,nM,Jt,TM,OM,bM,eN,lN,SN,fN,JN,kN,cn,Cn,qN;N!=null&&N.id&&(F("metricId",N.metricId),F("elementTitle",N.name),F("description",N.description),F("isDisableCardAppearance",(Ee=N==null?void 0:N.elementSettings)==null?void 0:Ee.isDisableCardAppearance),(Ye=N==null?void 0:N.elementSettings)!=null&&Ye.titleAlignment&&F("titleAlignment",(he=N==null?void 0:N.elementSettings)==null?void 0:he.titleAlignment),(me=N==null?void 0:N.elementSettings)!=null&&me.descAlignment&&F("descAlignment",(we=N==null?void 0:N.elementSettings)==null?void 0:we.descAlignment),(Ut=(Ke=N==null?void 0:N.elementSettings)==null?void 0:Ke.textBox)!=null&&Ut.text?(o(!0),F("text",(et=(Xe=N==null?void 0:N.elementSettings)==null?void 0:Xe.textBox)==null?void 0:et.text),F("fontColor",(ke=(Tt=N==null?void 0:N.elementSettings)==null?void 0:Tt.textBox)==null?void 0:ke.fontColor),F("fontWeight",(iM=(Et=N==null?void 0:N.elementSettings)==null?void 0:Et.textBox)==null?void 0:iM.fontWeight),F("fontSize",(rM=(jt=N==null?void 0:N.elementSettings)==null?void 0:jt.textBox)==null?void 0:rM.fontSize),F("textAlignment",(Jt=(nM=N==null?void 0:N.elementSettings)==null?void 0:nM.textBox)==null?void 0:Jt.alignment),F("textLink",(OM=(TM=N==null?void 0:N.elementSettings)==null?void 0:TM.textBox)==null?void 0:OM.link),F("targetWord",(eN=(bM=N==null?void 0:N.elementSettings)==null?void 0:bM.textBox)==null?void 0:eN.targetWord),F("isOpenInNewTab",(SN=(lN=N==null?void 0:N.elementSettings)==null?void 0:lN.textBox)==null?void 0:SN.isOpenInNewTab),Me({isOpenInNewTab:(JN=(fN=N==null?void 0:N.elementSettings)==null?void 0:fN.textBox)==null?void 0:JN.isOpenInNewTab,link:(cn=(kN=N==null?void 0:N.elementSettings)==null?void 0:kN.textBox)==null?void 0:cn.link,targetWord:(qN=(Cn=N==null?void 0:N.elementSettings)==null?void 0:Cn.textBox)==null?void 0:qN.targetWord})):o(!1))},[N]),O.jsxs(O.Fragment,{children:[O.jsx(nF,{isOpen:M,onClose:()=>{H(),n()},size:"small",side:"right",hideFooter:!0,headerTitle:"Add Element",dataTestTitle:"elementPanel",children:O.jsxs("form",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-flex dbn-flex-col dbn-gap-6",onSubmit:w(G),children:[O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[O.jsx(fr,{type:"text",placeholder:"Enter title",label:"Title",register:z("elementTitle")}),O.jsx(fr,{type:"text",placeholder:"Enter description",label:"Description",register:z("description")}),O.jsx(p3,{name:"titleAlignment",control:ce,render:({field:Ee})=>O.jsx(O.Fragment,{children:O.jsx(Pa,{buttonWidth:"100%",menuWidth:"100%",label:"Title alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:Ye=>{F("titleAlignment",Ye.value)},selectedOption:{label:(Ee==null?void 0:Ee.value)||"",value:Ee.value||""}})})}),O.jsx(p3,{name:"descAlignment",control:ce,render:({field:Ee})=>O.jsx(O.Fragment,{children:O.jsx(Pa,{buttonWidth:"100%",menuWidth:"100%",label:"Description alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:Ye=>{F("descAlignment",Ye.value)},selectedOption:{label:(Ee==null?void 0:Ee.value)||"",value:Ee.value||""}})})})]}),O.jsx(uU,{name:"enableMetricCard",placeholder:"Merge Card to Background",enabled:y("isDisableCardAppearance"),onChange:()=>F("isDisableCardAppearance",!y("isDisableCardAppearance"))}),e?null:O.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:O.jsx(k0,{variant:"tab",leftIcon:O.jsx(a1,{name:"plus",size:"sm"}),onClick:()=>o(!0),fitContainer:!0,children:"Text box"})}),e?O.jsxs("div",{className:"dbn-py-5 dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-border-y dbn-border-secondary",children:[O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-items-center dbn-justify-between",children:[O.jsx(vn,{variant:"heading-sm",children:"Text box"}),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"delete",color:"alert"}),onClick:()=>{o(!1),F("text",""),F("fontWeight",""),F("fontSize",""),F("textAlignment",""),F("textLink",""),F("isOpenInNewTab",""),F("targetWord",""),Me({isOpenInNewTab:!1,link:"",targetWord:""})}})]}),O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[O.jsx(fr,{type:"text",placeholder:"Enter text",label:"",register:z("text")}),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"link",size:"lg"}),onClick:()=>l(!0)})]}),O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4",children:[O.jsx(fr,{type:"text",placeholder:"Regular",label:"Font weight",register:z("fontWeight")}),O.jsx(fr,{type:"text",placeholder:"36px",label:"Font size",register:z("fontSize")})]}),O.jsx(l2,{name:"font color",label:"Font color",onChange:Ee=>F("fontColor",Ee),value:y("fontColor")||"#000000",defaultValue:"#000000"}),O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-6 dbn-py-2 dbn-items-center dbn-justify-center",children:[O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"align-left",size:"lg"}),onClick:()=>F("textAlignment","left"),className:y("textAlignment")==="left"||!y("textAlignment")?"dbn-bg-gray dbn-p-1":""}),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"align-space-even",size:"lg"}),onClick:()=>F("textAlignment","center"),className:y("textAlignment")==="center"?"dbn-bg-gray dbn-p-1":""}),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"align-right",size:"lg"}),onClick:()=>F("textAlignment","right"),className:y("textAlignment")==="right"?"dbn-bg-gray dbn-p-1":""})]})]}):null,O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4 dbn-items-center dbn-justify-end dbn-pb-4",children:[T?O.jsx(vn,{variant:"body-text-sm",color:"alert",children:T}):null,O.jsx(k0,{type:"submit",variant:"primary",children:d?"Saving...":"Save"})]})]})}),O.jsxs(RQ,{isOpen:a,onClose:()=>l(!1),customHeader:O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-items-center dbn-justify-between",children:[O.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2",children:[O.jsx(a1,{name:"link",size:"lg"}),O.jsx(vn,{variant:"heading-lg",children:"Insert Link"})]}),O.jsx(k0,{variant:"tertiary",type:"button",onClick:()=>{Me({isOpenInNewTab:y("isOpenInNewTab")||!1,link:y("textLink")||"",targetWord:y("targetWord")||""}),l(!1)},leftIcon:O.jsx(a1,{name:"cross",size:"xs"}),style:{padding:"0",height:"16px"}})]}),children:[O.jsxs("div",{className:"dbn-w-[500px] dbn-flex dbn-flex-col dbn-gap-4 dbn-pb-4 dbn-px-5",children:[O.jsx(fr,{type:"text",placeholder:"Paste your link here",label:"",value:ae.link,onChange:Ee=>Me(Ye=>({...Ye,link:Ee.target.value}))}),O.jsx(fr,{type:"text",placeholder:"Enter the target word or sentence",label:"Target",value:ae.targetWord,onChange:Ee=>Me(Ye=>({...Ye,targetWord:Ee.target.value}))}),O.jsx(cj,{label:"Open link in new tab",onChange:()=>{Me(Ee=>({...Ee,isOpenInNewTab:!Ee.isOpenInNewTab}))},checked:ae.isOpenInNewTab})]}),O.jsxs(f5,{children:[O.jsx(k0,{type:"button",variant:"tab",onClick:()=>{H(),Me({isOpenInNewTab:!1,link:"",targetWord:""}),F("textLink",""),F("isOpenInNewTab",""),F("targetWord",""),l(!1)},children:"Discard"}),O.jsx(k0,{type:"submit",variant:"primary",onClick:()=>{F("textLink",ae.link),F("isOpenInNewTab",ae.isOpenInNewTab),F("targetWord",ae.targetWord),l(!1)},children:"Add link"})]})]})]})},Wce=HDe.WidthProvider(HDe.Responsive),Got=({chartColors:M,globalFilters:n,dataLimit:N,client:r,companyId:i,isAllowedToUpdateMetrics:U,isAllowedToDeleteMetrics:t,isAllowedToChangeLayout:a,isAllowedToSeeUnderlyingData:l,externalDashboardMetrics:e,isMetricListLoading:o,breakpoint:s,layoutCols:T,layout:d,params:F,companyTenancyType:y="TABLE",externalDashboardId:z,externalDashboardPk:w,sharingSettingsId:H,appFilters:ce,isHideChartSettings:ae,isHideTablePreview:Me,enableDownloadCsv:G,enableEmailCsv:Ee,enableMultiMetricFilters:Ye,disableFullscreen:he,dropdownTheme:me,optionsIcon:we,token:Ke,workspaceId:Ut,clientColumnType:Xe,isShowLoader:et,isEditLayoutEnabled:Tt,isEnableMetricSummary:ke,hideDatePickerOptions:Et,chartAppearance:iM,isAllClient:jt,gridMargin:rM,isDisableMetricLoader:nM,isShadowDisableOnHover:Jt,noDataImg:TM,metricCardColor:OM,shouldFitFullScreen:bM,mergedMetrics:eN,metricIndex:lN,setRowMetrics:SN,onServerEvent:fN,disableDownloadPng:JN,disableMetricCardBorder:kN,isMobileScreen:cn,isAllowToDownloadMetrics:Cn,chartColumns:qN,datasourceId:gN})=>{var H0,e1,D0,W1;const[PN,bN]=UM.useState(new Map),[FN,dn]=UM.useState([]),[Kn,e0]=UM.useState(!1),[Vn,yN]=UM.useState(),[wn,FM]=UM.useState(),[ZM,YN]=UM.useState(!1),[HN,DM]=UM.useState({show:!1,metric:void 0,filterValues:void 0,rlsConditions:[],dataMartRelationships:[]}),[AN,zn]=UM.useState({id:"",show:!1}),[mN,uN]=UM.useState([]),[CN,un]=UM.useState({show:!1}),[h0,R1]=UM.useState([]),{handleArchiveMetric:bn,isLoading:Jn}=S_e({token:Ke,metricId:AN.id,onSuccess:()=>{fN==null||fN(OKe,AN.id),zn({id:"",show:!1}),un({show:!1}),window.location.reload()}}),{isDisableDownloadSettings:q0}=p6({sharingSettingsId:H,workspaceId:Ut}),mn=UM.useMemo(()=>(Ee==null?void 0:Ee.toString())&&Ee||!(Ee!=null&&Ee.toString())&&!q0,[q0,Ee]),Wn=UM.useMemo(()=>e==null?void 0:e.map(M0=>{var i1,dN,Ln,pn;const _0=qN==null?void 0:qN.find(l0=>{var o1;return l0.metricId===((o1=M0==null?void 0:M0.externalMetric)==null?void 0:o1.metricId)&&l0.isEnabled});return _0?{...M0==null?void 0:M0.externalMetric,chartOptions:{...(i1=M0==null?void 0:M0.externalMetric)==null?void 0:i1.chartOptions,enduserMeasureAndDimensions:{isEnabled:!!(_0!=null&&_0.isEnabled),dimensions:((dN=_0==null?void 0:_0.dimensions)==null?void 0:dN.map(l0=>({value:l0,label:l0})))||[],measures:((Ln=_0==null?void 0:_0.measures)==null?void 0:Ln.map(l0=>({value:l0,label:l0})))||[]},yAxisList:(_0==null?void 0:_0.measures)||[],xAxis:((pn=_0==null?void 0:_0.dimensions)==null?void 0:pn[0])||""}}:M0.externalMetric}),[e,qN]),jn=UM.useMemo(()=>{const M0=Wn==null?void 0:Wn.filter(Ln=>{var pn;return!((pn=Ln==null?void 0:Ln.clientArchivedMetrics)!=null&&pn.length)}),_0=M0==null?void 0:M0.filter(Ln=>(!Ln.isCreatedByClient||Ln.isCreatedByClient&&!Ln.clientId)&&!(eN!=null&&eN.includes(Ln==null?void 0:Ln.id))),i1=M0==null?void 0:M0.filter(Ln=>Ln.isCreatedByClient&&Ln.clientId===r&&!(eN!=null&&eN.includes(Ln==null?void 0:Ln.id)));return[..._0||[],...i1||[]].sort((Ln,pn)=>{const l0=new Date(Ln.createdAt).getTime(),o1=new Date(pn.createdAt).getTime();return l0-o1})},[r,Wn,eN]),T0=UM.useMemo(()=>{let M0=[];const _0=jn.map(i1=>{var pn,l0,o1,J0,x1;const dN=d.clientLayout.find(b1=>b1.i===i1.id),Ln=d.adminLayout.find(b1=>b1.i===i1.id);return[VM.linearGauge,VM.progressBar].includes(i1.chartOptions.chartType)&&(M0=[...M0,{id:(dN==null?void 0:dN.i)??(Ln==null?void 0:Ln.i)??i1.id,height:(dN==null?void 0:dN.h)??(Ln==null?void 0:Ln.h)??((pn=i1==null?void 0:i1.resizeAttributes)==null?void 0:pn.height)??10}]),{i:(dN==null?void 0:dN.i)||(Ln==null?void 0:Ln.i)||i1.id,w:(dN==null?void 0:dN.w)||(Ln==null?void 0:Ln.w)||((l0=i1.resizeAttributes)==null?void 0:l0.width)||5,h:(dN==null?void 0:dN.h)||(Ln==null?void 0:Ln.h)||((o1=i1.resizeAttributes)==null?void 0:o1.height)||10,x:(dN==null?void 0:dN.x)||(Ln==null?void 0:Ln.x)||((J0=i1.resizeAttributes)==null?void 0:J0.xAxis)||0,y:(dN==null?void 0:dN.y)||(Ln==null?void 0:Ln.y)||((x1=i1.resizeAttributes)==null?void 0:x1.yAxis)||0,minW:i1.isMetric?[VM.singleValue,VM.pivot,VM.pivotV2,VM.progressBar,VM.linearGauge].includes(i1.chartOptions.chartType)?2:3:1,minH:i1.isMetric?[VM.singleValue,VM.pivot,VM.pivotV2].includes(i1.chartOptions.chartType)?2:[VM.progressBar,VM.linearGauge].includes(i1.chartOptions.chartType)?3:8:1,maxH:i1.chartOptions.chartType==="table"?1/0:15}});return R1(M0),_0},[jn,d.adminLayout,d.clientLayout]),F0=UM.useMemo(()=>T0.sort((M0,_0)=>M0.y!==_0.y?M0.y-_0.y:M0.x-_0.x),[T0]);UM.useEffect(()=>{var M0;if(F0!=null&&F0.length&&lN){const _0=(M0=F0[lN||0])==null?void 0:M0.y,i1=F0==null?void 0:F0.slice(lN);SN==null||SN(()=>{let dN=0;return i1==null||i1.forEach(Ln=>{Ln.y===_0&&(dN+=1)}),dN-1})}},[F0,lN]);const Q0=UM.useMemo(()=>{const M0=new Map;return F0.forEach((_0,i1)=>{M0.set(_0.i,i1)}),jn.sort((_0,i1)=>M0.get(_0.id)-M0.get(i1.id)),jn.slice(0,N)},[F0,jn,N]),TN=UM.useMemo(()=>F0.slice(0,N),[F0,N]);UM.useEffect(()=>{dn([])},[jn]),UM.useEffect(()=>{var M0,_0,i1;if(bM){const dN=document.querySelector(".dbn-dashboard")||((_0=(M0=document==null?void 0:document.querySelector("dbn-dashboard"))==null?void 0:M0.shadowRoot)==null?void 0:_0.querySelector(".dbn-dashboard"));dN&&yN(((i1=dN==null?void 0:dN.getBoundingClientRect())==null?void 0:i1.width)||0)}},[bM]),UM.useEffect(()=>{const M0=setTimeout(()=>{window.dispatchEvent(new Event("resize"))},300);return()=>clearTimeout(M0)},[T0]);const K0=UM.useMemo(()=>Q0.map((M0,_0)=>{var pn,l0,o1,J0,x1,b1,Ni,Rr,p1;const i1=(pn=h0.find(X1=>X1.id===(M0==null?void 0:M0.id)))==null?void 0:pn.height,dN=M0.isMetric,Ln=[(o1=(l0=M0==null?void 0:M0.chartOptions)==null?void 0:l0.mergedMetrics)==null?void 0:o1.firstMetric,(x1=(J0=M0==null?void 0:M0.chartOptions)==null?void 0:J0.mergedMetrics)==null?void 0:x1.secondMetric].filter(X1=>!!X1);return O.jsxs("div",{className:`${dF["MetricList-wrapper"]} ${!dN&&!((b1=M0==null?void 0:M0.elementSettings)!=null&&b1.isDisableCardAppearance)||dN?"dbn-metric-card-container":""} ${(!dN&&!((Ni=M0==null?void 0:M0.elementSettings)!=null&&Ni.isDisableCardAppearance)||dN)&&!OM?"dbn-white":""} ${a?dF["MetricList-wrapper-move"]:""} ${Ln.length&&!cn?`dbn-metric-card ${Ln.length<2?dF.gridDisplay:dF.gridDisplay2} ${Jt?"":dF.isShowShadow}`:dF.flexDisplay} ${kN?"dbn-border-0":""}`,id:M0.id,onClick:()=>{!dN&&U&&!Tt&&(YN(!0),FM(M0))},style:{cursor:"auto",...OM&&!((Rr=M0==null?void 0:M0.elementSettings)!=null&&Rr.isDisableCardAppearance)?{backgroundColor:OM}:M0.isMetric||!M0.isMetric&&!((p1=M0==null?void 0:M0.elementSettings)!=null&&p1.isDisableCardAppearance)?{backgroundColor:"white"}:{},zIndex:Kn?Q0.length-_0:10},children:[O.jsx(v9,{datasourceId:gN,metricStore:PN,disableBorder:kN,setHoverLongDesc:e0,setMetricStore:bN,isAllClient:jt,clientColumnType:Xe,isMergedMetric:!!Ln.length&&!cn,metricCardColor:OM,isShadowDisableOnHover:Jt,noDataImg:TM,isAllowedToSeeUnderlyingData:l,chartAppearance:iM,hideDatePickerOptions:Et,chartHeight:i1||void 0,isEditLayoutEnabled:Tt,isDisableMetricLoader:nM,onServerEvent:fN,workspaceId:Ut,guestToken:Ke,isFrontendApp:!1,downloadMetrics:mN,onDownload:(X1,_r)=>{uN(_r?s1=>[...s1,{id:X1,isInProgress:_r}]:s1=>s1.filter(xr=>xr.id!==X1))},metricItem:M0,dropdownTheme:me,optionsIcon:we,onMaximize:!d.isLocked||he?void 0:(X1,_r,s1)=>{fN==null||fN(l4e,M0==null?void 0:M0.id),un({show:!0,metric:X1,rlsFilters:_r,appFilters:s1})},client:r,colors:M,globalFilters:n,param:F==null?void 0:F.find(X1=>X1.metricId===M0.metricId),appFilters:ce==null?void 0:ce.find(X1=>X1.metricId===M0.metricId),companyTenancyType:y,onArchive:t?X1=>zn({id:X1,show:!0}):void 0,disableActions:!d.isLocked,isDisableMorePopup:!d.isLocked,setCrossDashboardFilters:dn,crossDashboardFilters:FN,enableMultiMetricFilters:Ye,enableDownloadCsv:G,onDownloadRawCsv:mn?(X1,_r,s1)=>DM({show:!0,metric:M0,filterValues:X1,rlsConditions:_r,dataMartRelationships:s1}):void 0}),Ln.length&&!cn?Ln.map(X1=>{const _r=Wn==null?void 0:Wn.find(xr=>xr.id===X1),s1=_r==null?void 0:_r.isMetric;return O.jsx("div",{className:"dbn-w-full dbn-h-full",onClick:xr=>{xr.stopPropagation(),!s1&&U&&!Tt&&(YN(!0),FM(_r))},children:O.jsx(v9,{datasourceId:gN,setHoverLongDesc:e0,isAllClient:jt,metricStore:PN,setMetricStore:bN,clientColumnType:Xe,metricCardColor:OM,isShadowDisableOnHover:Jt,disableBorder:kN,isMergedMetric:!0,noDataImg:TM,isAllowedToSeeUnderlyingData:l,chartAppearance:iM,hideDatePickerOptions:Et,chartHeight:i1||void 0,isEditLayoutEnabled:Tt,isDisableMetricLoader:nM,workspaceId:Ut,guestToken:Ke,isFrontendApp:!1,downloadMetrics:mN,onDownload:(xr,oi)=>{uN(oi?O0=>[...O0,{id:xr,isInProgress:oi}]:O0=>O0.filter(B0=>B0.id!==xr))},metricItem:_r,dropdownTheme:me,optionsIcon:we,onMaximize:!d.isLocked||he?void 0:(xr,oi,O0)=>{fN==null||fN(l4e,_r==null?void 0:_r.id),un({show:!0,metric:xr,rlsFilters:oi,appFilters:O0})},client:r,colors:M,globalFilters:n,param:F==null?void 0:F.find(xr=>xr.metricId===_r.metricId),appFilters:ce==null?void 0:ce.find(xr=>xr.metricId===_r.metricId),companyTenancyType:y,onArchive:t?xr=>zn({id:xr,show:!0}):void 0,disableActions:!d.isLocked,isDisableMorePopup:!d.isLocked,setCrossDashboardFilters:dn,crossDashboardFilters:FN,enableMultiMetricFilters:Ye,enableDownloadCsv:G,onDownloadRawCsv:mn?(xr,oi,O0)=>DM({show:!0,metric:_r,filterValues:xr,rlsConditions:oi,dataMartRelationships:O0}):void 0})},_r==null?void 0:_r.id)}):null]},M0.id)}),[Q0,h0,a,cn,jt,Xe,Jt,l,iM,Et,Tt,nM,Ut,Ke,mN,me,we,d.isLocked,he,r,M,n,F,ce,y,t,FN,Ye,G,mn,U,TM,OM,Wn,PN,fN,kN,Kn]);return O.jsx(O.Fragment,{children:jn.length&&T0.length?O.jsxs(O.Fragment,{children:[O.jsx("div",{className:dF["MetricList-container"],id:"metric-list-container",children:O.jsx(Wce,{layouts:{lg:TN},onResizeStop:a?d.onChange:void 0,onDragStop:a?d.onChange:void 0,isDraggable:a,isDroppable:a,isResizable:a,rowHeight:30,breakpoints:s??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:T??{lg:12,md:12,sm:12,xs:3,xxs:2},containerPadding:[0,10],margin:[(H0=rM==null?void 0:rM.horizontalMargin)!=null&&H0.toString()?rM.horizontalMargin:10,(e1=rM==null?void 0:rM.verticalMargin)!=null&&e1.toString()?rM.verticalMargin:10],children:K0},Tt?"reset":"default")}),et?O.jsx("div",{className:"dbn-pb-6",children:O.jsx(Rj,{})}):null,t?O.jsx(EUt,{isLoading:Jn,isOpen:AN.show,onArchive:bn,onClose:()=>zn({id:"",show:!1})}):null,O.jsx(F3,{children:!he&&CN.show&&CN.metric&&O.jsx(HG,{datasourceId:gN,isAllClient:jt,isEnableMetricSummary:ke,onServerEvent:fN,fullScreenWidth:Vn,enableEmailCsv:Ee,disableDownloadPng:JN,isAllowToDownloadMetrics:Cn,chartAppearance:iM,hideDatePickerOptions:Et,clientColumnType:Xe,workspaceId:Ut,guestToken:Ke,isFrontendApp:!1,downloadMetrics:mN,globalFilters:n,metric:CN.metric,rlsFilters:CN.rlsFilters,appFilters:CN.appFilters,colors:M,externalDashboardId:w,userProvidedDashboardId:z,tenancyLevel:y,isAllowedToUpdateMetrics:U,clientId:r,companyId:i,onMinimize:()=>{fN==null||fN(EKe),un({show:!1,metric:void 0})},onArchive:t?M0=>zn({id:M0,show:!0}):void 0,isShowChartConfigTab:!1,isHideChartSettings:ae,isHideTablePreview:Me,sharingSettingsId:H,onDownload:(M0,_0)=>{uN(_0?i1=>[...i1,{id:M0,isInProgress:_0}]:i1=>i1.filter(dN=>dN.id!==M0))}})}),mn&&O.jsx(qp,{workspaceId:Ut,metricItem:HN.metric,isShowRawCsvModal:HN.show,onCloseModal:()=>DM({show:!1,metric:void 0,filterValues:void 0,dataMartRelationships:[],rlsConditions:[]}),query:Ez({query:((D0=HN.metric)==null?void 0:D0.query)||"",dbName:((W1=HN.metric)==null?void 0:W1.integrationName)||"",rlsConditions:(HN==null?void 0:HN.rlsConditions)||[],tenancyLevel:y,clientId:r,globalFilters:n,values:HN.filterValues,isAllClient:!1,clientColumnType:Xe,dataMartRelationships:(HN==null?void 0:HN.dataMartRelationships)||[]}),sharingSettingsId:H}),O.jsx(vot,{createElementPanelProps:{isOpen:ZM,onClose:()=>{FM(null),YN(!1)},element:wn,clientId:r,externalDashboardId:w,companyId:i,userProvidedDashboardId:z}})]}):O.jsx(O.Fragment,{children:o?O.jsx("div",{className:dF["alt-container"],children:O.jsx(a1,{name:"not-found"})}):O.jsx("div",{className:dF["noMetric-container"],children:O.jsx("div",{className:dF["noMetric-wrapper"],children:O.jsx(vn,{variant:"heading",children:"No metrics created yet"})})})})})},Ept={container:"_container_1vvim_1",table:"_table_1vvim_9",tableHead:"_tableHead_1vvim_17",tableRow:"_tableRow_1vvim_25",tableHeadCol:"_tableHeadCol_1vvim_33",tableHeadColText:"_tableHeadColText_1vvim_41",tableRowCol:"_tableRowCol_1vvim_49",tableColText:"_tableColText_1vvim_57",empty:"_empty_1vvim_65",error:"_error_1vvim_73"},XG={"searchTab-container":"_searchTab-container_k4kgv_1","searchTab-input":"_searchTab-input_k4kgv_5"},PG=(M,n)=>{const[N,r]=UM.useState(M);return UM.useEffect(()=>{const i=setTimeout(()=>r(M),n||500);return()=>{clearTimeout(i)}},[M,n]),N},RO=({id:M,setSearchKeyword:n,className:N="",placeholder:r="Search",value:i,isResetValue:U,onSearch:t,autoComplete:a="on"})=>{const[l,e]=UM.useState(""),[o,s]=UM.useState(!0);UM.useEffect(()=>{n(l.toLowerCase())},[n,l]),UM.useEffect(()=>{U&&e(i||"")},[i,U]);const T=F=>{F.key==="Enter"&&t&&t(l)},d=PG(l,600);return UM.useEffect(()=>{t==null||t(d)},[d,t]),O.jsxs("div",{className:`${XG["searchTab-container"]} ${N}`,children:[!l.length&&o?O.jsx("span",{className:XG.search,children:O.jsx(a1,{name:"magnifying-glass",color:"gray",size:"xs"})}):null,O.jsx("input",{id:M,"data-testid":M,placeholder:r,value:l,name:"search",onChange:F=>e(F.target.value),onClick:F=>F.preventDefault(),className:XG["searchTab-input"],onFocus:()=>s(!1),onBlur:()=>s(!0),onKeyDown:T,autoComplete:a})]})},kpt={tab:"_tab_sv3os_1",button:"_button_sv3os_7",activeTab:"_activeTab_sv3os_15",inActiveTab:"_inActiveTab_sv3os_23"},jR={container:"_container_a9ie6_1",label:"_label_a9ie6_9",textarea:"_textarea_a9ie6_17",resizable:"_resizable_a9ie6_25",error:"_error_a9ie6_31",noError:"_noError_a9ie6_37",important:"_important_a9ie6_45"},Hot=({id:M,label:n,placeholder:N,rows:r,cols:i,resizable:U=!0,register:t,error:a,defaultValue:l,value:e,onFocus:o,onBlur:s,className:T,leftIcon:d,rightIcon:F,isDisabled:y,isImportant:z,...w})=>O.jsxs("div",{className:`${jR.container} ${T}`,children:[O.jsxs("label",{htmlFor:M,className:jR.label,children:[d,O.jsxs(vn,{variant:"input-label",children:[n,z?O.jsx("span",{className:jR.important,children:"*"}):null]}),F]}),O.jsx("textarea",{...w,id:M,name:M,rows:r,cols:i,placeholder:N,className:bR(jR.textarea,`${U?null:jR.resizable}`,a?jR.error:jR.noError),defaultValue:l,...t,value:t?e:e||"",onFocus:o,onBlur:s,disabled:y}),a&&O.jsx(vn,{variant:"body-text-sm",color:"alert",children:a})]}),F3=({children:M})=>{const[n,N]=UM.useState();return UM.useLayoutEffect(()=>{const r=document.querySelector("#dbn-portal")||document.createElement("div");if(r.setAttribute("id","dbn-portal"),document.body.querySelector("#dbn-portal")||document.body.appendChild(r),document.querySelector("dbn-dashboard")||document.querySelector("dbn-metric")||document.querySelector("dbn-create-metric")){const i=document.querySelector("#dbn-styles"),U=r.shadowRoot||r.attachShadow({mode:"open"});if(i&&!U.querySelector("#dbn-portal-style")){const t=document.createElement("style");t.innerHTML=i.innerHTML,t.setAttribute("id","dbn-portal-style"),U.appendChild(t)}if(!U.querySelector("#global-style")){const t=document.createElement("style");t.innerHTML=`
+`).map(l=>O.jsx(vn,{children:l})),O.jsx(k0,{variant:"popover",onClick:()=>{n4e(N),a(!0),setTimeout(()=>{a(!1)},3e3)},leftIcon:O.jsx(a1,{name:"copy"}),children:t?"Copied":"Copy"})]}):O.jsx(vn,{children:"Not Found"})})]})})},HG=({metric:M,colors:n,rlsFilters:N,metricFilterOptions:r,onMinimize:i,onArchive:U,clientId:t,tenancyLevel:a,companyId:l,externalDashboardId:e,userProvidedDashboardId:o,isAllowedToUpdateMetrics:s,sharingSettingsId:T,appFilters:d,isInternalApp:F,isShowChartConfigTab:y,isHideChartSettings:z,isHideTablePreview:w,isAllClient:H,globalFilters:ce={tableName:"",filters:[]},onDownload:ae,downloadMetrics:Me,isFrontendApp:G,guestToken:Ee,encryptedClient:Ye,workspaceId:he,clientColumnType:me,isEnableMetricSummary:we,hideDatePickerOptions:Ke,chartAppearance:Ut,enableEmailCsv:Xe,fullScreenWidth:et,onServerEvent:Tt,disableDownloadPng:ke,isAllowToDownloadMetrics:Et,datasourceId:iM})=>{var ur,Ir,vr,hr,qr,Y0,Hi,si,bi,gi,eU,Jr,Qr,Oi,ji,rU,hU,cU,Li;const jt=UM.useRef(),[rM,nM]=UM.useState(!1),[Jt,TM]=UM.useState(!1),[OM,bM]=UM.useState(!1),eN=UM.useMemo(()=>{var Q1;return{...ce,filters:(Q1=ce==null?void 0:ce.filters)==null?void 0:Q1.filter(Fr=>{var Tr;return!((Tr=Fr==null?void 0:Fr.restrictedMetrics)!=null&&Tr.some(pi=>pi.value===(M==null?void 0:M.id)))})}},[ce,M]),{dataDb:lN,variables:SN,getUnderlyingData:fN,handleChartClick:JN,columnName:kN,setShowChartPopup:cn,isShowChartPopup:Cn,isQueryLoading:qN,chartParams:gN,onChangeFilterValue:PN,onDrillDown:bN,drilledLevel:FN,dimensions:dn,setTableLimit:Kn,isEnableNextBtn:e0,isEnablePrevBtn:Vn,paginationInfo:yN,onChangePage:wn,isExternalChart:FM,onDrillLevelClick:ZM,metricFilters:YN,filterValues:HN,dynamicOptions:DM,isSingleValueNull:AN,isEnableZoom:zn,containerRef:mN,chartSettings:uN,setChartSettings:CN,leftPositionedMetricFilters:un,rightPositionedMetricFilters:h0,updateFilter:R1,drillFilters:bn,drillType:Jn,tableResultsDownloadData:q0,rlsConditions:mn,appliedMetricFilters:Wn,pivotHeaderOptions:jn,pivotDrillState:T0,onDrillPivotTable:F0,legendData:Q0,timeseriesDimension:TN,isPythonMode:K0,isSorted:H0,isInavlidForSort:e1,sortOrder:D0,setSortOrder:W1,onAddComparison:M0,groupedRlsConditions:_0,onGenerateMetricSummary:i1,summary:dN,setSummary:Ln,setNotFirstRender:pn,dataMartRelationships:l0,onChartChange:o1,isCompareValue:J0,isShowChartPropertyPanel:x1,setShowChartPropertyPanel:b1,columnList:Ni,metricName:Rr}=C6({datasourceId:iM,metric:M,rlsFilters:N,tenancyLevel:a,clientId:t,appFilters:d,isInternalApp:F,metricFilterOptions:r,isAllClient:H,globalFilters:eN,isFrontendApp:G,guestToken:Ee,encryptedClientId:Ye,workspaceId:he,onServerEvent:Tt,clientColumnType:me}),{updateExternalMetric:p1,error:X1,isLoading:_r}=zk({onSuccess:()=>{var Q1,Fr;bM(!1),i(),(Fr=(Q1=window==null?void 0:window.location)==null?void 0:Q1.reload)==null||Fr.call(Q1)},selectedColumns:[],companyIntegrationId:M.companyIntegrationId,query:M.query,metricQuery:M.metricQuery,integrationName:M.integrationName,outputColumns:M.outputColumns,chartSettings:uN,datasetMetricSettings:M.datasetMetricSettings,clientId:t,companyId:l,isLiveMode:M.isLive,timeGrain:M.timeGrain,dashboardIds:[e],isEnableGroupBy:M.isEnableGroupBy,groupBy:M.groupBy,selectedGroupBy:M.selectedGroupBy,userProvidedDashboardId:o,metric:M,rlsFilters:N}),{isDisableDownloadSettings:s1}=p6({sharingSettingsId:T,workspaceId:he}),xr=UM.useMemo(()=>(Xe==null?void 0:Xe.toString())&&Xe||!(Xe!=null&&Xe.toString())&&!s1,[s1,Xe]),oi=UM.useMemo(()=>{var Q1,Fr,Tr,pi,Yr,Cr,jr,Xi,GU,$r,Gr,_t,XM,cN,tN,Mn,an,In,i0,u0,j1,J1,P1,hn,o0,j0,A0,oN,Fn;return(Q1=M==null?void 0:M.drillDownSettings)!=null&&Q1.isEnableGroupBy&&lN.length&&FN===(dn==null?void 0:dn.length)?{...uN,chartType:"table",yAxisList:dn!=null&&dn[0]?[dn==null?void 0:dn[0],...uN.yAxisList||[]]:uN.yAxisList,customSettings:{...(uN==null?void 0:uN.customSettings)||{},labelPrefix:(Fr=uN==null?void 0:uN.customSettings)!=null&&Fr.labelPrefix?YD(((Tr=uN==null?void 0:uN.customSettings)==null?void 0:Tr.labelPrefix)||"^^^^^",SN):(pi=uN==null?void 0:uN.customSettings)==null?void 0:pi.labelPrefix,labelSuffix:(Yr=uN==null?void 0:uN.customSettings)!=null&&Yr.labelSuffix?YD(((Cr=uN==null?void 0:uN.customSettings)==null?void 0:Cr.labelSuffix)||"^^^^^",SN):(jr=uN==null?void 0:uN.customSettings)==null?void 0:jr.labelSuffix,comboAxisSettings:(GU=(Xi=uN==null?void 0:uN.customSettings)==null?void 0:Xi.comboAxisSettings)==null?void 0:GU.map(Bn=>({...Bn,prefix:Bn!=null&&Bn.prefix?YD((Bn==null?void 0:Bn.prefix)||"^^^^^",SN):Bn==null?void 0:Bn.prefix,suffix:Bn!=null&&Bn.suffix?YD((Bn==null?void 0:Bn.suffix)||"^^^^^",SN):Bn==null?void 0:Bn.suffix}))},tableSettings:{...(uN==null?void 0:uN.tableSettings)||{},tablePrefix:($r=uN==null?void 0:uN.tableSettings)!=null&&$r.tablePrefix?YD(((Gr=uN==null?void 0:uN.tableSettings)==null?void 0:Gr.tablePrefix)||"^^^^^",SN):(_t=uN==null?void 0:uN.tableSettings)==null?void 0:_t.tablePrefix,tableSuffix:(XM=uN==null?void 0:uN.tableSettings)!=null&&XM.tableSuffix?YD(((cN=uN==null?void 0:uN.tableSettings)==null?void 0:cN.tableSuffix)||"^^^^^",SN):(tN=uN==null?void 0:uN.tableSettings)==null?void 0:tN.tableSuffix}}:{...uN,customSettings:{...(uN==null?void 0:uN.customSettings)||{},labelPrefix:(Mn=uN==null?void 0:uN.customSettings)!=null&&Mn.labelPrefix?YD(((an=uN==null?void 0:uN.customSettings)==null?void 0:an.labelPrefix)||"^^^^^",SN):(In=uN==null?void 0:uN.customSettings)==null?void 0:In.labelPrefix,labelSuffix:(i0=uN==null?void 0:uN.customSettings)!=null&&i0.labelSuffix?YD(((u0=uN==null?void 0:uN.customSettings)==null?void 0:u0.labelSuffix)||"^^^^^",SN):(j1=uN==null?void 0:uN.customSettings)==null?void 0:j1.labelSuffix,comboAxisSettings:(P1=(J1=uN==null?void 0:uN.customSettings)==null?void 0:J1.comboAxisSettings)==null?void 0:P1.map(Bn=>({...Bn,prefix:Bn!=null&&Bn.prefix?YD((Bn==null?void 0:Bn.prefix)||"^^^^^",SN):Bn==null?void 0:Bn.prefix,suffix:Bn!=null&&Bn.suffix?YD((Bn==null?void 0:Bn.suffix)||"^^^^^",SN):Bn==null?void 0:Bn.suffix}))},tableSettings:{...(uN==null?void 0:uN.tableSettings)||{},tablePrefix:(hn=uN==null?void 0:uN.tableSettings)!=null&&hn.tablePrefix?YD(((o0=uN==null?void 0:uN.tableSettings)==null?void 0:o0.tablePrefix)||"^^^^^",SN):(j0=uN==null?void 0:uN.tableSettings)==null?void 0:j0.tablePrefix,tableSuffix:(A0=uN==null?void 0:uN.tableSettings)!=null&&A0.tableSuffix?YD(((oN=uN==null?void 0:uN.tableSettings)==null?void 0:oN.tableSuffix)||"^^^^^",SN):(Fn=uN==null?void 0:uN.tableSettings)==null?void 0:Fn.tableSuffix}}},[dn,FN,uN,M,lN,SN]),O0=Q1=>{var Fr,Tr,pi,Yr,Cr,jr,Xi,GU,$r,Gr,_t,XM,cN;return uN.chartType===VM.table||(Fr=M.drillDownSettings)!=null&&Fr.isEnableGroupBy&&FN===(dn==null?void 0:dn.length)?(Tr=Q1==null?void 0:Q1.find(Mn=>{var an,In;return Mn.columnName===((In=(an=M==null?void 0:M.clickActions)==null?void 0:an.chart)==null?void 0:In.valueColumn)}))==null?void 0:Tr.value:[VM.sankey,VM.treeMap].includes(uN==null?void 0:uN.chartType)?Q1==null?void 0:Q1.value:((Yr=(pi=M.clickActions)==null?void 0:pi.chart)==null?void 0:Yr.valueColumn)===(uN==null?void 0:uN.xAxis)||(uN==null?void 0:uN.chartType)===VM.gauge&&((jr=(Cr=M.clickActions)==null?void 0:Cr.chart)==null?void 0:jr.valueColumn)===((GU=(Xi=uN==null?void 0:uN.gaugeSettings)==null?void 0:Xi.dimensions)==null?void 0:GU.join(", "))?Q1==null?void 0:Q1.name:(Q1==null?void 0:Q1.seriesName)===((Gr=($r=M.clickActions)==null?void 0:$r.chart)==null?void 0:Gr.valueColumn)||(uN==null?void 0:uN.chartType)===VM.gauge&&((XM=(_t=M.clickActions)==null?void 0:_t.chart)==null?void 0:XM.valueColumn)===((cN=uN==null?void 0:uN.gaugeSettings)==null?void 0:cN.metric)||[VM.funnel].includes(uN.chartType)?Q1==null?void 0:Q1.value:null},B0=UM.useMemo(()=>{var Fr,Tr;const Q1=Object.keys((lN==null?void 0:lN[0])||{})||[];if(uN.chartType===VM.timeSeries){const pi=(Fr=M==null?void 0:M.chartOptions)==null?void 0:Fr.xAxis,Yr=uN==null?void 0:uN.xAxis;if(pi&&Yr)return lN.map(Cr=>Q1.reduce((jr,Xi)=>(Xi===Yr?jr[pi||""]=Cr[Xi]:jr[Xi]=Cr[Xi],jr),{}))}if(J0&&((Tr=uN==null?void 0:uN.customSettings)!=null&&Tr.comparisonTimeLabel)){const pi="_timestamp";return lN.map(Yr=>Q1.reduce((Cr,jr)=>{var Xi;return jr===pi?Cr[((Xi=uN==null?void 0:uN.customSettings)==null?void 0:Xi.comparisonTimeLabel)||""]=Yr[jr]:Cr[jr]=Yr[jr],Cr},{}))}return lN},[lN,J0,(ur=uN==null?void 0:uN.customSettings)==null?void 0:ur.comparisonTimeLabel,uN==null?void 0:uN.chartType,M==null?void 0:M.chartOptions,uN==null?void 0:uN.xAxis]),d1=UM.useMemo(()=>L6(n||[],(uN==null?void 0:uN.chartColors)||[]),[n,uN==null?void 0:uN.chartColors]);return UM.useEffect(()=>{var Q1;if(localStorage.getItem("fsMetricCs")){const Fr=(Q1=JSON.parse(localStorage.getItem("fsMetricCs")||""))==null?void 0:Q1.defaultRowSize;Fr&&CN(Tr=>({...Tr,tableSettings:{...Tr.tableSettings,defaultRowSize:Fr}}))}},[]),UM.useEffect(()=>{var Q1;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:M.id,defaultRowSize:(Q1=uN==null?void 0:uN.tableSettings)==null?void 0:Q1.defaultRowSize}))},[uN]),O.jsxs("div",{className:`${BT.fullScreen} ${et?"":BT.screen}`,style:et?{width:et}:{},children:[O.jsxs("section",{className:BT.header,children:[O.jsxs("div",{className:BT.headerBlock,children:[O.jsx(aD,{text:"Back",children:O.jsx(k0,{variant:"popover",type:"button",onClick:i,leftIcon:O.jsx("div",{className:BT.backButton,children:O.jsx(a1,{name:"arrow-left"})})})}),O.jsx(vn,{variant:"body-text-lg",children:Rr}),(Ir=eN==null?void 0:eN.filters)!=null&&Ir.length?O.jsx(yd,{text:"Global Filters are applied.",variant:"info"}):null,(vr=Me==null?void 0:Me.find(Q1=>Q1.id===(M==null?void 0:M.id)))!=null&&vr.isInProgress?O.jsx(yd,{text:"Download is in progress",variant:"primary"}):null]}),O.jsxs("div",{className:`${BT.headerBlock} ${BT.headerBlockRight}`,children:[we&&O.jsx(k0,{variant:"popover",type:"button",onClick:()=>i1(),leftIcon:O.jsx(aD,{text:"AI Insights",children:O.jsx("div",{className:BT.backButton,children:O.jsx(a1,{name:"wand"})})}),isDisabled:!(lN!=null&&lN.length)}),z?null:O.jsx(aD,{text:"Chart Types",children:O.jsx(k0,{variant:"popover",type:"button",onClick:()=>TM(!0),leftIcon:O.jsx("div",{className:BT.backButton,children:O.jsx(a1,{name:"bar-chart"})})})}),U?O.jsx(aD,{text:"Archive Metric",children:O.jsx(k0,{variant:"popover",type:"button",onClick:()=>U(M.id),leftIcon:O.jsx("div",{className:BT.backButton,children:O.jsx(a1,{name:"archive"})})})}):null,G||Et?O.jsx(Not,{isPythonMode:(qr=(hr=M==null?void 0:M.datasetMetricSettings)==null?void 0:hr.newDatasetSettings)==null?void 0:qr.isPythonMode,onServerEvent:Tt,isEnableEmailRawCsvDownload:xr,disableDownloadPng:ke!=null&&ke.toString()?ke:!1,data:q0||[],chartRef:jt,metricName:Rr,onRawCsvData:()=>nM(!0),chartOptions:uN,companyIntegrationId:M.companyIntegrationId,integrationName:M.integrationName,metricData:{globalFilters:eN,rlsConditions:Wn,tenancyLevel:a,id:M==null?void 0:M.id,dataSecuritySettings:{csvColumns:[]},filterValues:HN,isAllClient:H,options:{clientId:G?Ye||"":t,isFrontend:G,token:Ee}},updateDownloadProgress:Q1=>ae(M==null?void 0:M.id,Q1)}):null,s&&O.jsx(k0,{type:"button",variant:"primary",onClick:()=>bM(!0),children:"Save Metric"})]}),O.jsx(aD,{text:"Close FS",children:O.jsx(k0,{variant:"popover",type:"button",onClick:()=>{var Q1;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:M.id,defaultRowSize:(Q1=uN==null?void 0:uN.tableSettings)==null?void 0:Q1.defaultRowSize})),i()},leftIcon:O.jsx("div",{className:BT.backButton,children:O.jsx(a1,{name:"cross"})})})})]}),O.jsxs("section",{className:BT.body,onContextMenu:Q1=>{Q1.preventDefault()},children:[O.jsxs("div",{className:`${BT.metric} ${uN.chartType===VM.table?BT.tableMetric:""} ${w?BT.fullMetric:""}`,ref:mN,children:[O.jsxs("div",{className:BT.metricHeader,children:[O.jsx("div",{className:BT.metricFilters,children:!!lN.length&&O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-wrap dbn-justify-end dbn-items-center dbn-gap-2",children:[(Y0=uN==null?void 0:uN.dynamicXAxis)!=null&&Y0.isEnabled?O.jsx(Pa,{options:((Hi=uN.dynamicXAxis)==null?void 0:Hi.options)||[],onChange:Q1=>CN(Fr=>({...Fr,dynamicXAxis:{...Fr.dynamicXAxis,selectedOption:Q1},xAxis:Q1.value})),selectedOption:uN.dynamicXAxis.selectedOption||{value:"",label:""},label:"Dynamic x-axis",labelVariant:"floating",menuZIndex:999999999999}):null,(si=uN==null?void 0:uN.dynamicYAxis)!=null&&si.isEnabled?O.jsx(Pa,{options:((bi=uN.dynamicYAxis)==null?void 0:bi.options)||[],onChange:Q1=>CN(Fr=>({...Fr,dynamicYAxis:{...Fr.dynamicYAxis,selectedOption:Q1},yAxisList:Q1.value?[Q1.value]:[]})),selectedOption:((gi=uN==null?void 0:uN.dynamicYAxis)==null?void 0:gi.selectedOption)||{value:"",label:""},label:"Dynamic y-axis",labelVariant:"floating",menuZIndex:999999999999}):null,uN!=null&&uN.isDynamicSeries?O.jsx(Pa,{options:DM,onChange:Q1=>CN(Fr=>({...Fr,seriesField:Q1.value})),selectedOption:{label:(uN==null?void 0:uN.seriesField)||"ungrouped",value:(uN==null?void 0:uN.seriesField)||"ungrouped"},label:"Group by",labelVariant:"floating",menuZIndex:999999999999}):null,(eU=uN.timeSeriesSettings)!=null&&eU.groupBySettings.isDynamic?O.jsx(Pa,{options:uN.timeSeriesSettings.groupBySettings.options.map(Q1=>({label:Q1.split("____").length>1?Q1.split("____")[1]:Q1,value:Q1.split("____")[0]})),onChange:Q1=>CN(Fr=>{var Tr;return{...Fr,timeSeriesSettings:{...Fr.timeSeriesSettings,groupBySettings:{...(Tr=Fr.timeSeriesSettings)==null?void 0:Tr.groupBySettings,value:Q1.value}},xAxis:K0?Fr.xAxis:`${Q1.value} of ${TN}`}}),menuZIndex:999999999999,selectedOption:{label:uN.timeSeriesSettings.groupBySettings.value.split("____").length>1?uN.timeSeriesSettings.groupBySettings.value.split("____")[1]:uN.timeSeriesSettings.groupBySettings.value.toString().substring(0,1).toUpperCase()+uN.timeSeriesSettings.groupBySettings.value.toString().substring(1,uN.timeSeriesSettings.groupBySettings.value.length),value:uN.timeSeriesSettings.groupBySettings.value},labelVariant:"floating",label:"Timeseries"}):null,((Jr=uN.pivotTableSettings2)==null?void 0:Jr.isDynamicHeaders)&&uN.chartType===VM.pivotV2&&O.jsx(BD,{onChange:Q1=>{CN(Fr=>({...Fr,pivotTableSettings2:{...Fr.pivotTableSettings2,headers:Q1.map(Tr=>Tr.value),dimensions:jn.filter(Tr=>!Q1.some(pi=>pi.value===Tr.value)).map(Tr=>Tr.value)}}))},options:jn,selectedOption:(jn==null?void 0:jn.filter(Q1=>{var Fr,Tr;return(Tr=(Fr=uN.pivotTableSettings2)==null?void 0:Fr.headers)==null?void 0:Tr.includes(Q1.value)}))||[],isSearchEnabled:!0,menuWidth:"300px",menuZIndex:999999999999}),(Qr=uN.customSettings)!=null&&Qr.showSelectLegend?O.jsx(BD,{label:"legend",labelVariant:"floating",options:Q0!=null&&Q0.length?Q0==null?void 0:Q0.map(Q1=>({value:Q1,label:Q1})):[],onChange:Q1=>{CN(Fr=>({...Fr,selectedSeries:(Q1==null?void 0:Q1.map(Tr=>Tr.value))||[]}))},selectedOption:((Oi=Q0==null?void 0:Q0.filter(Q1=>{var Fr;return(Fr=uN==null?void 0:uN.selectedSeries)==null?void 0:Fr.some(Tr=>Tr===Q1)}))==null?void 0:Oi.map(Q1=>({value:Q1,label:Q1})))||[],isSearchEnabled:!0,menuZIndex:999999999999}):null]})}),!!YN.length&&O.jsxs("div",{className:BT.metricFilters,children:[O.jsxs("div",{className:BT.metricFilters,children:[O.jsx(AG,{filters:YN,updateFilter:R1}),un.filter(Q1=>!Q1.group).map((Q1,Fr)=>O.jsx(j3,{datasourceId:iM,isAllClient:H,hideDatePickerOptions:Ke,workspaceId:he,rlsConditions:Q1,onChangeFilterValue:PN,clientId:t,className:un.length-1===Fr?BT.filterTopLeft:"",rlsConditionList:[...un,...h0],tenancyLevel:a,clientColumnType:me},Q1.name)),h0.filter(Q1=>!Q1.group).map((Q1,Fr)=>O.jsx(j3,{datasourceId:iM,isAllClient:H,hideDatePickerOptions:Ke,workspaceId:he,rlsConditions:Q1,onChangeFilterValue:PN,clientId:t,className:Fr===0?BT.filterTopRight:"",rlsConditionList:[...un,...h0],tenancyLevel:a,clientColumnType:me},Q1.name)),(uN==null?void 0:uN.isEnableComparisonFilter)&&[VM.line].includes(uN.chartType)&&O.jsx(k0,{variant:"primary",onClick:()=>{M0()},children:"Add Comparison"})]}),_0&&(uN==null?void 0:uN.isEnableComparisonFilter)&&[VM.line].includes(uN.chartType)&&Object.keys(_0).map(Q1=>{var Fr;return O.jsxs("div",{className:BT.metricFilters,children:[(Fr=_0==null?void 0:_0[Q1])==null?void 0:Fr.map((Tr,pi)=>O.jsx(j3,{datasourceId:iM,isAllClient:H,hideDatePickerOptions:Ke,workspaceId:he,rlsConditions:Tr,onChangeFilterValue:PN,clientId:t,className:pi===0?BT.filterTopRight:"",rlsConditionList:[...un,...h0],tenancyLevel:a,clientColumnType:me},Tr.name)),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"cross"}),className:"dbn-h-9 dbn-flex dbn-items-center dbn-justify-center dbn-px-2 dbn-w-full dbn-border dbn-border-secondary dbn-rounded-md",onClick:()=>{M0(!0)}})]})})]})]}),O.jsxs("div",{className:`${BT.chartWrapper} ${uN.chartType===VM.table?BT.tableChartWrapper:""}`,children:[![VM.boxplot,VM.horizontalStackTable,VM.pivot,VM.pivotV2,VM.gauge].includes(uN==null?void 0:uN.chartType)||uN.chartType===VM.gauge&&M.clickActions.chart.isEnable?O.jsx(fG,{clientColumnType:me,isOpen:Cn,setOpen:cn,isInavlidForSort:e1,isGaugeChart:uN.chartType===VM.gauge,value:gN==null?void 0:gN.name,columnName:kN,getUnderlyingData:fN,elementRef:{containerRef:mN,event:(ji=gN==null?void 0:gN.event)==null?void 0:ji.event},position:"dynamic",isSingleValueChart:!![VM.singleValue].includes(uN==null?void 0:uN.chartType),isEnableSort:(rU=uN==null?void 0:uN.customSettings)==null?void 0:rU.isEnableSort,setSortOrder:W1,rawCsvDownloadButtonProps:{data:[],fileName:M==null?void 0:M.name,companyIntegrationId:M==null?void 0:M.companyIntegrationId,integrationName:M==null?void 0:M.integrationName,isPythonMode:K0,metricData:{options:{clientId:G?Ye||"":t,isFrontend:G,token:Ee},globalFilters:{...eN,filters:((hU=eN==null?void 0:eN.filters)==null?void 0:hU.filter(Q1=>Q1.isVariableFilter))||[]},rlsConditions:Wn==null?void 0:Wn.filter(Q1=>Q1.isVariableFilter),tenancyLevel:a,id:M==null?void 0:M.id,dataSecuritySettings:{csvColumns:[]},filterValues:HN,isAllClient:H},updateDownloadProgress:()=>{},children:O.jsx(O.Fragment,{children:O.jsx(a1,{name:"download"})})}}):null,O.jsx(PDe,{isLoading:qN,isDataLength:!!lN.length,isSingleValue:uN.singleValue,dataDb:lN[0],chartType:""}),((cU=M==null?void 0:M.drillDownSettings)==null?void 0:cU.isEnableGroupBy)&&!!lN.length&&O.jsx(O.Fragment,{children:O.jsx(vG,{dimensions:dn,drilledLevel:dn.length>FN?FN:-1,onResetLevel:()=>bN({},[]),onDrillLevelClick:Q1=>ZM(Q1),isMetricCard:!0,isMetricFilter:!!YN.length,drillFilters:bn,drillType:Jn||"",isShowBreadCrumb:!!(dn!=null&&dn.length)&&![VM.horizontalStackTable,VM.pivot,VM.pivotV2,VM.treeMap,VM.table,VM.sankey].includes(uN.chartType)&&dn.length>FN})}),lN.length&&!AN?O.jsx(sy,{isPythonMode:K0,onDrillPivotTable:F0,chartAppearance:Ut,pivotDrillState:T0,chartOptions:oi,sortOrder:D0,seriesName:gN==null?void 0:gN.seriesName,isSortReversed:H0&&[VM.row,VM.horizontalStack].includes((uN==null?void 0:uN.chartType)||""),data:lN,colors:d1?uN==null?void 0:uN.chartColors:n||(uN==null?void 0:uN.chartColors),events:{click:(Q1,Fr)=>{var pi,Yr,Cr,jr,Xi,GU;const Tr=(pi=Object.keys(Q1))!=null&&pi.length?Q1:Fr;if([VM.progressBar,VM.linearGauge].includes(uN.chartType)){JN(Q1),cn(!0);return}if((Yr=M.drillDownSettings)!=null&&Yr.isEnableGroupBy&&(dn==null?void 0:dn.length)!==FN){const $r=uN.chartType==="table"?(Cr=Fr==null?void 0:Fr.find(Gr=>Gr.columnName===(dn==null?void 0:dn[FN])))==null?void 0:Cr.value:"";bN(uN.chartType==="table"?{name:$r}:Q1)}(!((jr=M.drillDownSettings)!=null&&jr.isEnableGroupBy)||(Xi=M.drillDownSettings)!=null&&Xi.isEnableGroupBy&&(dn==null?void 0:dn.length)===FN)&&((GU=M.clickActions.chart)!=null&&GU.isEnable)&&WG(M.clickActions.chart,O0(Tr)||void 0)},contextmenu:Q1=>{[VM.progressBar,VM.linearGauge].includes(uN.chartType)||(JN(Q1),cn(!0))}},className:uN.chartType===VM.table?"":BT.chart,config:{ref:jt,chartClickConfig:(Li=M.clickActions)==null?void 0:Li.chart,onColumnSizingChange:Q1=>CN(Fr=>({...Fr,tableSettings:{...Fr.tableSettings,columnSizing:Q1}})),onChartReady:()=>pn(!0),isInfiniteScroll:!1,onChangePage:wn,isExternalChart:FM,isEnableNextBtn:e0,isEnablePrevBtn:Vn,paginationInfo:yN,setChartSettings:CN,dropdownZindex:uN.chartType===VM.table?999999999999:void 0,isFullScreenChart:!0}}):null,!lN.length&&qN?O.jsx("div",{className:"dbn-w-full dbn-h-[350px]",children:O.jsx(Rj,{})}):null]})]}),!w&&uN.chartType!=="table"&&!AN?O.jsx("div",{children:O.jsx(nO,{data:B0,isLoading:qN,error:"",tableName:"Table Preview",headerAlignment:"left",tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"medium",contentAlignment:"left",hideVerticalDivider:!1},dropdownZindex:999999999999})}):null]}),O.jsx(qp,{workspaceId:he,metricItem:M,isShowRawCsvModal:rM,onCloseModal:nM,sharingSettingsId:T,query:Ez({query:(M==null?void 0:M.query)||"",dbName:(M==null?void 0:M.integrationName)||"",rlsConditions:Wn,tenancyLevel:a,clientId:t,globalFilters:eN,values:N==null?void 0:N.filterValues,isAllClient:H,clientColumnType:me,dataMartRelationships:l0})}),O.jsx(_9,{chartTypePanelProps:{selectedChart:uN.chartType,onChartChange:o1,enabledCharts:[...Object.values(VM)].filter(Q1=>![VM.pivotV2,VM.combo,VM.boxplot].includes(Q1)),isOpen:Jt,onClose:()=>TM(!1),zIndex:9999999999}}),O.jsx(not,{isOpen:x1,onClose:()=>b1(!1),zIndex:9999999999,chartSettings:uN,setChartSettings:CN,columnList:Ni}),s&&O.jsx(RQ,{isOpen:OM,onClose:()=>bM(!1),headerTitle:"Update Metric",zIndex:9999999999,children:O.jsx(BZ,{onCancel:()=>bM(!1),onSubmit:p1,error:X1,isCreatingMetric:_r,defaultValues:{name:M.name,description:M.description,isLive:M.isLive,metricId:M.isCreatedByClient?M.metricId:`update_${M.metricId}_by_${t}_${Date.now()}`}})}),O.jsx(fot,{isOpen:dN.isOpen,onClose:()=>Ln(Q1=>({...Q1,isOpen:!1,isLoading:!1})),report:dN.report,isLoading:dN.isLoading,zIndex:9999999999})]})},$9={colorField:"_colorField_1w8fo_1",label:"_label_1w8fo_5",field:"_field_1w8fo_9",textField:"_textField_1w8fo_13"},l2=({name:M,value:n,onChange:N,defaultValue:r,placeholder:i,label:U,className:t="",isDisabled:a})=>O.jsxs("div",{className:`${$9.colorField} ${t}`,children:[O.jsx("label",{className:$9.label,style:{backgroundColor:n||r},htmlFor:`${M}-color`,children:O.jsx("input",{className:$9.field,type:"color",name:M,id:`${M}-color`,defaultValue:r,value:n,disabled:a,onChange:({target:l})=>N(l.value)})}),O.jsx(fr,{type:"text",id:M,name:M,label:U,className:$9.textField,placeholder:i,defaultValue:r,value:n,onChange:({target:l})=>N(l.value),isDisabled:a})]}),vot=({createElementPanelProps:{isOpen:M,onClose:n,element:N,clientId:r,companyId:i,externalDashboardId:U,userProvidedDashboardId:t}})=>{const[a,l]=UM.useState(!1),[e,o]=UM.useState(!1),{updateExternalMetric:s,error:T,isLoading:d,setValue:F,watch:y,register:z,handleSubmit:w,reset:H,control:ce}=zk({onSuccess:()=>{var Ee,Ye;n(),(Ye=(Ee=window==null?void 0:window.location)==null?void 0:Ee.reload)==null||Ye.call(Ee)},selectedColumns:[],companyIntegrationId:N==null?void 0:N.companyIntegrationId,query:N==null?void 0:N.query,metricQuery:N==null?void 0:N.metricQuery,integrationName:N==null?void 0:N.integrationName,outputColumns:N==null?void 0:N.outputColumns,clientId:r,companyId:i,isLiveMode:N==null?void 0:N.isLive,timeGrain:N==null?void 0:N.timeGrain,dashboardIds:[U],isEnableGroupBy:N==null?void 0:N.isEnableGroupBy,groupBy:N==null?void 0:N.groupBy,selectedGroupBy:N==null?void 0:N.selectedGroupBy,userProvidedDashboardId:t,metric:N}),[ae,Me]=UM.useState({isOpenInNewTab:!1,link:"",targetWord:""}),G=Ee=>{s==null||s(Ee,!0)};return UM.useEffect(()=>{var Ee,Ye,he,me,we,Ke,Ut,Xe,et,Tt,ke,Et,iM,jt,rM,nM,Jt,TM,OM,bM,eN,lN,SN,fN,JN,kN,cn,Cn,qN;N!=null&&N.id&&(F("metricId",N.metricId),F("elementTitle",N.name),F("description",N.description),F("isDisableCardAppearance",(Ee=N==null?void 0:N.elementSettings)==null?void 0:Ee.isDisableCardAppearance),(Ye=N==null?void 0:N.elementSettings)!=null&&Ye.titleAlignment&&F("titleAlignment",(he=N==null?void 0:N.elementSettings)==null?void 0:he.titleAlignment),(me=N==null?void 0:N.elementSettings)!=null&&me.descAlignment&&F("descAlignment",(we=N==null?void 0:N.elementSettings)==null?void 0:we.descAlignment),(Ut=(Ke=N==null?void 0:N.elementSettings)==null?void 0:Ke.textBox)!=null&&Ut.text?(o(!0),F("text",(et=(Xe=N==null?void 0:N.elementSettings)==null?void 0:Xe.textBox)==null?void 0:et.text),F("fontColor",(ke=(Tt=N==null?void 0:N.elementSettings)==null?void 0:Tt.textBox)==null?void 0:ke.fontColor),F("fontWeight",(iM=(Et=N==null?void 0:N.elementSettings)==null?void 0:Et.textBox)==null?void 0:iM.fontWeight),F("fontSize",(rM=(jt=N==null?void 0:N.elementSettings)==null?void 0:jt.textBox)==null?void 0:rM.fontSize),F("textAlignment",(Jt=(nM=N==null?void 0:N.elementSettings)==null?void 0:nM.textBox)==null?void 0:Jt.alignment),F("textLink",(OM=(TM=N==null?void 0:N.elementSettings)==null?void 0:TM.textBox)==null?void 0:OM.link),F("targetWord",(eN=(bM=N==null?void 0:N.elementSettings)==null?void 0:bM.textBox)==null?void 0:eN.targetWord),F("isOpenInNewTab",(SN=(lN=N==null?void 0:N.elementSettings)==null?void 0:lN.textBox)==null?void 0:SN.isOpenInNewTab),Me({isOpenInNewTab:(JN=(fN=N==null?void 0:N.elementSettings)==null?void 0:fN.textBox)==null?void 0:JN.isOpenInNewTab,link:(cn=(kN=N==null?void 0:N.elementSettings)==null?void 0:kN.textBox)==null?void 0:cn.link,targetWord:(qN=(Cn=N==null?void 0:N.elementSettings)==null?void 0:Cn.textBox)==null?void 0:qN.targetWord})):o(!1))},[N]),O.jsxs(O.Fragment,{children:[O.jsx(nF,{isOpen:M,onClose:()=>{H(),n()},size:"small",side:"right",hideFooter:!0,headerTitle:"Add Element",dataTestTitle:"elementPanel",children:O.jsxs("form",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-flex dbn-flex-col dbn-gap-6",onSubmit:w(G),children:[O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[O.jsx(fr,{type:"text",placeholder:"Enter title",label:"Title",register:z("elementTitle")}),O.jsx(fr,{type:"text",placeholder:"Enter description",label:"Description",register:z("description")}),O.jsx(p3,{name:"titleAlignment",control:ce,render:({field:Ee})=>O.jsx(O.Fragment,{children:O.jsx(Pa,{buttonWidth:"100%",menuWidth:"100%",label:"Title alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:Ye=>{F("titleAlignment",Ye.value)},selectedOption:{label:(Ee==null?void 0:Ee.value)||"",value:Ee.value||""}})})}),O.jsx(p3,{name:"descAlignment",control:ce,render:({field:Ee})=>O.jsx(O.Fragment,{children:O.jsx(Pa,{buttonWidth:"100%",menuWidth:"100%",label:"Description alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:Ye=>{F("descAlignment",Ye.value)},selectedOption:{label:(Ee==null?void 0:Ee.value)||"",value:Ee.value||""}})})})]}),O.jsx(uU,{name:"enableMetricCard",placeholder:"Merge Card to Background",enabled:y("isDisableCardAppearance"),onChange:()=>F("isDisableCardAppearance",!y("isDisableCardAppearance"))}),e?null:O.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:O.jsx(k0,{variant:"tab",leftIcon:O.jsx(a1,{name:"plus",size:"sm"}),onClick:()=>o(!0),fitContainer:!0,children:"Text box"})}),e?O.jsxs("div",{className:"dbn-py-5 dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-border-y dbn-border-secondary",children:[O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-items-center dbn-justify-between",children:[O.jsx(vn,{variant:"heading-sm",children:"Text box"}),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"delete",color:"alert"}),onClick:()=>{o(!1),F("text",""),F("fontWeight",""),F("fontSize",""),F("textAlignment",""),F("textLink",""),F("isOpenInNewTab",""),F("targetWord",""),Me({isOpenInNewTab:!1,link:"",targetWord:""})}})]}),O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[O.jsx(fr,{type:"text",placeholder:"Enter text",label:"",register:z("text")}),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"link",size:"lg"}),onClick:()=>l(!0)})]}),O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4",children:[O.jsx(fr,{type:"text",placeholder:"Regular",label:"Font weight",register:z("fontWeight")}),O.jsx(fr,{type:"text",placeholder:"36px",label:"Font size",register:z("fontSize")})]}),O.jsx(l2,{name:"font color",label:"Font color",onChange:Ee=>F("fontColor",Ee),value:y("fontColor")||"#000000",defaultValue:"#000000"}),O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-6 dbn-py-2 dbn-items-center dbn-justify-center",children:[O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"align-left",size:"lg"}),onClick:()=>F("textAlignment","left"),className:y("textAlignment")==="left"||!y("textAlignment")?"dbn-bg-gray dbn-p-1":""}),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"align-space-even",size:"lg"}),onClick:()=>F("textAlignment","center"),className:y("textAlignment")==="center"?"dbn-bg-gray dbn-p-1":""}),O.jsx(k0,{variant:"popover",leftIcon:O.jsx(a1,{name:"align-right",size:"lg"}),onClick:()=>F("textAlignment","right"),className:y("textAlignment")==="right"?"dbn-bg-gray dbn-p-1":""})]})]}):null,O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4 dbn-items-center dbn-justify-end dbn-pb-4",children:[T?O.jsx(vn,{variant:"body-text-sm",color:"alert",children:T}):null,O.jsx(k0,{type:"submit",variant:"primary",children:d?"Saving...":"Save"})]})]})}),O.jsxs(RQ,{isOpen:a,onClose:()=>l(!1),customHeader:O.jsxs("div",{className:"dbn-w-full dbn-flex dbn-items-center dbn-justify-between",children:[O.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2",children:[O.jsx(a1,{name:"link",size:"lg"}),O.jsx(vn,{variant:"heading-lg",children:"Insert Link"})]}),O.jsx(k0,{variant:"tertiary",type:"button",onClick:()=>{Me({isOpenInNewTab:y("isOpenInNewTab")||!1,link:y("textLink")||"",targetWord:y("targetWord")||""}),l(!1)},leftIcon:O.jsx(a1,{name:"cross",size:"xs"}),style:{padding:"0",height:"16px"}})]}),children:[O.jsxs("div",{className:"dbn-w-[500px] dbn-flex dbn-flex-col dbn-gap-4 dbn-pb-4 dbn-px-5",children:[O.jsx(fr,{type:"text",placeholder:"Paste your link here",label:"",value:ae.link,onChange:Ee=>Me(Ye=>({...Ye,link:Ee.target.value}))}),O.jsx(fr,{type:"text",placeholder:"Enter the target word or sentence",label:"Target",value:ae.targetWord,onChange:Ee=>Me(Ye=>({...Ye,targetWord:Ee.target.value}))}),O.jsx(cj,{label:"Open link in new tab",onChange:()=>{Me(Ee=>({...Ee,isOpenInNewTab:!Ee.isOpenInNewTab}))},checked:ae.isOpenInNewTab})]}),O.jsxs(f5,{children:[O.jsx(k0,{type:"button",variant:"tab",onClick:()=>{H(),Me({isOpenInNewTab:!1,link:"",targetWord:""}),F("textLink",""),F("isOpenInNewTab",""),F("targetWord",""),l(!1)},children:"Discard"}),O.jsx(k0,{type:"submit",variant:"primary",onClick:()=>{F("textLink",ae.link),F("isOpenInNewTab",ae.isOpenInNewTab),F("targetWord",ae.targetWord),l(!1)},children:"Add link"})]})]})]})},Wce=HDe.WidthProvider(HDe.Responsive),Got=({chartColors:M,globalFilters:n,dataLimit:N,client:r,companyId:i,isAllowedToUpdateMetrics:U,isAllowedToDeleteMetrics:t,isAllowedToChangeLayout:a,isAllowedToSeeUnderlyingData:l,externalDashboardMetrics:e,isMetricListLoading:o,breakpoint:s,layoutCols:T,layout:d,params:F,companyTenancyType:y="TABLE",externalDashboardId:z,externalDashboardPk:w,sharingSettingsId:H,appFilters:ce,isHideChartSettings:ae,isHideTablePreview:Me,enableDownloadCsv:G,enableEmailCsv:Ee,enableMultiMetricFilters:Ye,disableFullscreen:he,dropdownTheme:me,optionsIcon:we,token:Ke,workspaceId:Ut,clientColumnType:Xe,isShowLoader:et,isEditLayoutEnabled:Tt,isEnableMetricSummary:ke,hideDatePickerOptions:Et,chartAppearance:iM,isAllClient:jt,gridMargin:rM,isDisableMetricLoader:nM,isShadowDisableOnHover:Jt,noDataImg:TM,metricCardColor:OM,shouldFitFullScreen:bM,mergedMetrics:eN,metricIndex:lN,setRowMetrics:SN,onServerEvent:fN,disableDownloadPng:JN,disableMetricCardBorder:kN,isMobileScreen:cn,isAllowToDownloadMetrics:Cn,chartColumns:qN,datasourceId:gN})=>{var H0,e1,D0,W1;const[PN,bN]=UM.useState(new Map),[FN,dn]=UM.useState([]),[Kn,e0]=UM.useState(!1),[Vn,yN]=UM.useState(),[wn,FM]=UM.useState(),[ZM,YN]=UM.useState(!1),[HN,DM]=UM.useState({show:!1,metric:void 0,filterValues:void 0,rlsConditions:[],dataMartRelationships:[]}),[AN,zn]=UM.useState({id:"",show:!1}),[mN,uN]=UM.useState([]),[CN,un]=UM.useState({show:!1}),[h0,R1]=UM.useState([]),{handleArchiveMetric:bn,isLoading:Jn}=S_e({token:Ke,metricId:AN.id,onSuccess:()=>{fN==null||fN(OKe,AN.id),zn({id:"",show:!1}),un({show:!1}),window.location.reload()}}),{isDisableDownloadSettings:q0}=p6({sharingSettingsId:H,workspaceId:Ut}),mn=UM.useMemo(()=>(Ee==null?void 0:Ee.toString())&&Ee||!(Ee!=null&&Ee.toString())&&!q0,[q0,Ee]),Wn=UM.useMemo(()=>e==null?void 0:e.map(M0=>{var i1,dN,Ln,pn;const _0=qN==null?void 0:qN.find(l0=>{var o1;return l0.metricId===((o1=M0==null?void 0:M0.externalMetric)==null?void 0:o1.metricId)&&l0.isEnabled});return _0?{...M0==null?void 0:M0.externalMetric,chartOptions:{...(i1=M0==null?void 0:M0.externalMetric)==null?void 0:i1.chartOptions,enduserMeasureAndDimensions:{isEnabled:!!(_0!=null&&_0.isEnabled),dimensions:((dN=_0==null?void 0:_0.dimensions)==null?void 0:dN.map(l0=>({value:l0,label:l0})))||[],measures:((Ln=_0==null?void 0:_0.measures)==null?void 0:Ln.map(l0=>({value:l0,label:l0})))||[]},yAxisList:(_0==null?void 0:_0.measures)||[],xAxis:((pn=_0==null?void 0:_0.dimensions)==null?void 0:pn[0])||""}}:M0.externalMetric}),[e,qN]),jn=UM.useMemo(()=>{const M0=Wn==null?void 0:Wn.filter(Ln=>{var pn;return!((pn=Ln==null?void 0:Ln.clientArchivedMetrics)!=null&&pn.length)}),_0=M0==null?void 0:M0.filter(Ln=>(!Ln.isCreatedByClient||Ln.isCreatedByClient&&!Ln.clientId)&&!(eN!=null&&eN.includes(Ln==null?void 0:Ln.id))),i1=M0==null?void 0:M0.filter(Ln=>Ln.isCreatedByClient&&Ln.clientId===r&&!(eN!=null&&eN.includes(Ln==null?void 0:Ln.id)));return[..._0||[],...i1||[]].sort((Ln,pn)=>{const l0=new Date(Ln.createdAt).getTime(),o1=new Date(pn.createdAt).getTime();return l0-o1})},[r,Wn,eN]),T0=UM.useMemo(()=>{let M0=[];const _0=jn.map(i1=>{var pn,l0,o1,J0,x1;const dN=d.clientLayout.find(b1=>b1.i===i1.id),Ln=d.adminLayout.find(b1=>b1.i===i1.id);return[VM.linearGauge,VM.progressBar].includes(i1.chartOptions.chartType)&&(M0=[...M0,{id:(dN==null?void 0:dN.i)??(Ln==null?void 0:Ln.i)??i1.id,height:(dN==null?void 0:dN.h)??(Ln==null?void 0:Ln.h)??((pn=i1==null?void 0:i1.resizeAttributes)==null?void 0:pn.height)??10}]),{i:(dN==null?void 0:dN.i)||(Ln==null?void 0:Ln.i)||i1.id,w:(dN==null?void 0:dN.w)||(Ln==null?void 0:Ln.w)||((l0=i1.resizeAttributes)==null?void 0:l0.width)||5,h:(dN==null?void 0:dN.h)||(Ln==null?void 0:Ln.h)||((o1=i1.resizeAttributes)==null?void 0:o1.height)||10,x:(dN==null?void 0:dN.x)||(Ln==null?void 0:Ln.x)||((J0=i1.resizeAttributes)==null?void 0:J0.xAxis)||0,y:(dN==null?void 0:dN.y)||(Ln==null?void 0:Ln.y)||((x1=i1.resizeAttributes)==null?void 0:x1.yAxis)||0,minW:i1.isMetric?[VM.singleValue,VM.pivot,VM.pivotV2,VM.progressBar,VM.linearGauge].includes(i1.chartOptions.chartType)?2:3:1,minH:i1.isMetric?[VM.singleValue,VM.pivot,VM.pivotV2].includes(i1.chartOptions.chartType)?2:[VM.progressBar,VM.linearGauge].includes(i1.chartOptions.chartType)?3:8:1,maxH:i1.chartOptions.chartType==="table"?1/0:15}});return R1(M0),_0},[jn,d.adminLayout,d.clientLayout]),F0=UM.useMemo(()=>T0.sort((M0,_0)=>M0.y!==_0.y?M0.y-_0.y:M0.x-_0.x),[T0]);UM.useEffect(()=>{var M0;if(F0!=null&&F0.length&&lN){const _0=(M0=F0[lN||0])==null?void 0:M0.y,i1=F0==null?void 0:F0.slice(lN);SN==null||SN(()=>{let dN=0;return i1==null||i1.forEach(Ln=>{Ln.y===_0&&(dN+=1)}),dN-1})}},[F0,lN]);const Q0=UM.useMemo(()=>{const M0=new Map;return F0.forEach((_0,i1)=>{M0.set(_0.i,i1)}),jn.sort((_0,i1)=>M0.get(_0.id)-M0.get(i1.id)),jn.slice(0,N)},[F0,jn,N]),TN=UM.useMemo(()=>F0.slice(0,N),[F0,N]);UM.useEffect(()=>{dn([])},[jn]),UM.useEffect(()=>{var M0,_0,i1;if(bM){const dN=document.querySelector(".dbn-dashboard")||((_0=(M0=document==null?void 0:document.querySelector("dbn-dashboard"))==null?void 0:M0.shadowRoot)==null?void 0:_0.querySelector(".dbn-dashboard"));dN&&yN(((i1=dN==null?void 0:dN.getBoundingClientRect())==null?void 0:i1.width)||0)}},[bM]),UM.useEffect(()=>{const M0=setTimeout(()=>{window.dispatchEvent(new Event("resize"))},300);return()=>clearTimeout(M0)},[T0]);const K0=UM.useMemo(()=>Q0.map((M0,_0)=>{var pn,l0,o1,J0,x1,b1,Ni,Rr,p1;const i1=(pn=h0.find(X1=>X1.id===(M0==null?void 0:M0.id)))==null?void 0:pn.height,dN=M0.isMetric,Ln=[(o1=(l0=M0==null?void 0:M0.chartOptions)==null?void 0:l0.mergedMetrics)==null?void 0:o1.firstMetric,(x1=(J0=M0==null?void 0:M0.chartOptions)==null?void 0:J0.mergedMetrics)==null?void 0:x1.secondMetric].filter(X1=>!!X1);return O.jsxs("div",{className:`${dF["MetricList-wrapper"]} ${!dN&&!((b1=M0==null?void 0:M0.elementSettings)!=null&&b1.isDisableCardAppearance)||dN?"dbn-metric-card-container":""} ${(!dN&&!((Ni=M0==null?void 0:M0.elementSettings)!=null&&Ni.isDisableCardAppearance)||dN)&&!OM?"dbn-white":""} ${a?dF["MetricList-wrapper-move"]:""} ${Ln.length&&!cn?`dbn-metric-card ${Ln.length<2?dF.gridDisplay:dF.gridDisplay2} ${Jt?"":dF.isShowShadow}`:dF.flexDisplay} ${kN?"dbn-border-0":""}`,id:M0.id,onClick:()=>{!dN&&U&&!Tt&&(YN(!0),FM(M0))},style:{cursor:"auto",...OM&&!((Rr=M0==null?void 0:M0.elementSettings)!=null&&Rr.isDisableCardAppearance)?{backgroundColor:OM}:M0.isMetric||!M0.isMetric&&!((p1=M0==null?void 0:M0.elementSettings)!=null&&p1.isDisableCardAppearance)?{backgroundColor:"white"}:{},zIndex:Kn?Q0.length-_0:10},children:[O.jsx(v9,{datasourceId:gN,metricStore:PN,disableBorder:kN,setHoverLongDesc:e0,setMetricStore:bN,isAllClient:jt,clientColumnType:Xe,isMergedMetric:!!Ln.length&&!cn,metricCardColor:OM,isShadowDisableOnHover:Jt,noDataImg:TM,isAllowedToSeeUnderlyingData:l,chartAppearance:iM,hideDatePickerOptions:Et,chartHeight:i1||void 0,isEditLayoutEnabled:Tt,isDisableMetricLoader:nM,onServerEvent:fN,workspaceId:Ut,guestToken:Ke,isFrontendApp:!1,downloadMetrics:mN,onDownload:(X1,_r)=>{uN(_r?s1=>[...s1,{id:X1,isInProgress:_r}]:s1=>s1.filter(xr=>xr.id!==X1))},metricItem:M0,dropdownTheme:me,optionsIcon:we,onMaximize:!d.isLocked||he?void 0:(X1,_r,s1)=>{fN==null||fN(l4e,M0==null?void 0:M0.id),un({show:!0,metric:X1,rlsFilters:_r,appFilters:s1})},client:r,colors:M,globalFilters:n,param:F==null?void 0:F.find(X1=>X1.metricId===M0.metricId),appFilters:ce==null?void 0:ce.find(X1=>X1.metricId===M0.metricId),companyTenancyType:y,onArchive:t?X1=>zn({id:X1,show:!0}):void 0,disableActions:!d.isLocked,isDisableMorePopup:!d.isLocked,setCrossDashboardFilters:dn,crossDashboardFilters:FN,enableMultiMetricFilters:Ye,enableDownloadCsv:G,onDownloadRawCsv:mn?(X1,_r,s1)=>DM({show:!0,metric:M0,filterValues:X1,rlsConditions:_r,dataMartRelationships:s1}):void 0}),Ln.length&&!cn?Ln.map(X1=>{const _r=Wn==null?void 0:Wn.find(xr=>xr.id===X1),s1=_r==null?void 0:_r.isMetric;return O.jsx("div",{className:"dbn-w-full dbn-h-full",onClick:xr=>{xr.stopPropagation(),!s1&&U&&!Tt&&(YN(!0),FM(_r))},children:O.jsx(v9,{datasourceId:gN,setHoverLongDesc:e0,isAllClient:jt,metricStore:PN,setMetricStore:bN,clientColumnType:Xe,metricCardColor:OM,isShadowDisableOnHover:Jt,disableBorder:kN,isMergedMetric:!0,noDataImg:TM,isAllowedToSeeUnderlyingData:l,chartAppearance:iM,hideDatePickerOptions:Et,chartHeight:i1||void 0,isEditLayoutEnabled:Tt,isDisableMetricLoader:nM,workspaceId:Ut,guestToken:Ke,isFrontendApp:!1,downloadMetrics:mN,onDownload:(xr,oi)=>{uN(oi?O0=>[...O0,{id:xr,isInProgress:oi}]:O0=>O0.filter(B0=>B0.id!==xr))},metricItem:_r,dropdownTheme:me,optionsIcon:we,onMaximize:!d.isLocked||he?void 0:(xr,oi,O0)=>{fN==null||fN(l4e,_r==null?void 0:_r.id),un({show:!0,metric:xr,rlsFilters:oi,appFilters:O0})},client:r,colors:M,globalFilters:n,param:F==null?void 0:F.find(xr=>xr.metricId===_r.metricId),appFilters:ce==null?void 0:ce.find(xr=>xr.metricId===_r.metricId),companyTenancyType:y,onArchive:t?xr=>zn({id:xr,show:!0}):void 0,disableActions:!d.isLocked,isDisableMorePopup:!d.isLocked,setCrossDashboardFilters:dn,crossDashboardFilters:FN,enableMultiMetricFilters:Ye,enableDownloadCsv:G,onDownloadRawCsv:mn?(xr,oi,O0)=>DM({show:!0,metric:_r,filterValues:xr,rlsConditions:oi,dataMartRelationships:O0}):void 0})},_r==null?void 0:_r.id)}):null]},M0.id)}),[Q0,h0,a,cn,jt,Xe,Jt,l,iM,Et,Tt,nM,Ut,Ke,mN,me,we,d.isLocked,he,r,M,n,F,ce,y,t,FN,Ye,G,mn,U,TM,OM,Wn,PN,fN,kN,Kn,gN]);return O.jsx(O.Fragment,{children:jn.length&&T0.length?O.jsxs(O.Fragment,{children:[O.jsx("div",{className:dF["MetricList-container"],id:"metric-list-container",children:O.jsx(Wce,{layouts:{lg:TN},onResizeStop:a?d.onChange:void 0,onDragStop:a?d.onChange:void 0,isDraggable:a,isDroppable:a,isResizable:a,rowHeight:30,breakpoints:s??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:T??{lg:12,md:12,sm:12,xs:3,xxs:2},containerPadding:[0,10],margin:[(H0=rM==null?void 0:rM.horizontalMargin)!=null&&H0.toString()?rM.horizontalMargin:10,(e1=rM==null?void 0:rM.verticalMargin)!=null&&e1.toString()?rM.verticalMargin:10],children:K0},Tt?"reset":"default")}),et?O.jsx("div",{className:"dbn-pb-6",children:O.jsx(Rj,{})}):null,t?O.jsx(EUt,{isLoading:Jn,isOpen:AN.show,onArchive:bn,onClose:()=>zn({id:"",show:!1})}):null,O.jsx(F3,{children:!he&&CN.show&&CN.metric&&O.jsx(HG,{datasourceId:gN,isAllClient:jt,isEnableMetricSummary:ke,onServerEvent:fN,fullScreenWidth:Vn,enableEmailCsv:Ee,disableDownloadPng:JN,isAllowToDownloadMetrics:Cn,chartAppearance:iM,hideDatePickerOptions:Et,clientColumnType:Xe,workspaceId:Ut,guestToken:Ke,isFrontendApp:!1,downloadMetrics:mN,globalFilters:n,metric:CN.metric,rlsFilters:CN.rlsFilters,appFilters:CN.appFilters,colors:M,externalDashboardId:w,userProvidedDashboardId:z,tenancyLevel:y,isAllowedToUpdateMetrics:U,clientId:r,companyId:i,onMinimize:()=>{fN==null||fN(EKe),un({show:!1,metric:void 0})},onArchive:t?M0=>zn({id:M0,show:!0}):void 0,isShowChartConfigTab:!1,isHideChartSettings:ae,isHideTablePreview:Me,sharingSettingsId:H,onDownload:(M0,_0)=>{uN(_0?i1=>[...i1,{id:M0,isInProgress:_0}]:i1=>i1.filter(dN=>dN.id!==M0))}})}),mn&&O.jsx(qp,{workspaceId:Ut,metricItem:HN.metric,isShowRawCsvModal:HN.show,onCloseModal:()=>DM({show:!1,metric:void 0,filterValues:void 0,dataMartRelationships:[],rlsConditions:[]}),query:Ez({query:((D0=HN.metric)==null?void 0:D0.query)||"",dbName:((W1=HN.metric)==null?void 0:W1.integrationName)||"",rlsConditions:(HN==null?void 0:HN.rlsConditions)||[],tenancyLevel:y,clientId:r,globalFilters:n,values:HN.filterValues,isAllClient:!1,clientColumnType:Xe,dataMartRelationships:(HN==null?void 0:HN.dataMartRelationships)||[]}),sharingSettingsId:H}),O.jsx(vot,{createElementPanelProps:{isOpen:ZM,onClose:()=>{FM(null),YN(!1)},element:wn,clientId:r,externalDashboardId:w,companyId:i,userProvidedDashboardId:z}})]}):O.jsx(O.Fragment,{children:o?O.jsx("div",{className:dF["alt-container"],children:O.jsx(a1,{name:"not-found"})}):O.jsx("div",{className:dF["noMetric-container"],children:O.jsx("div",{className:dF["noMetric-wrapper"],children:O.jsx(vn,{variant:"heading",children:"No metrics created yet"})})})})})},Ept={container:"_container_1vvim_1",table:"_table_1vvim_9",tableHead:"_tableHead_1vvim_17",tableRow:"_tableRow_1vvim_25",tableHeadCol:"_tableHeadCol_1vvim_33",tableHeadColText:"_tableHeadColText_1vvim_41",tableRowCol:"_tableRowCol_1vvim_49",tableColText:"_tableColText_1vvim_57",empty:"_empty_1vvim_65",error:"_error_1vvim_73"},XG={"searchTab-container":"_searchTab-container_k4kgv_1","searchTab-input":"_searchTab-input_k4kgv_5"},PG=(M,n)=>{const[N,r]=UM.useState(M);return UM.useEffect(()=>{const i=setTimeout(()=>r(M),n||500);return()=>{clearTimeout(i)}},[M,n]),N},RO=({id:M,setSearchKeyword:n,className:N="",placeholder:r="Search",value:i,isResetValue:U,onSearch:t,autoComplete:a="on"})=>{const[l,e]=UM.useState(""),[o,s]=UM.useState(!0);UM.useEffect(()=>{n(l.toLowerCase())},[n,l]),UM.useEffect(()=>{U&&e(i||"")},[i,U]);const T=F=>{F.key==="Enter"&&t&&t(l)},d=PG(l,600);return UM.useEffect(()=>{t==null||t(d)},[d,t]),O.jsxs("div",{className:`${XG["searchTab-container"]} ${N}`,children:[!l.length&&o?O.jsx("span",{className:XG.search,children:O.jsx(a1,{name:"magnifying-glass",color:"gray",size:"xs"})}):null,O.jsx("input",{id:M,"data-testid":M,placeholder:r,value:l,name:"search",onChange:F=>e(F.target.value),onClick:F=>F.preventDefault(),className:XG["searchTab-input"],onFocus:()=>s(!1),onBlur:()=>s(!0),onKeyDown:T,autoComplete:a})]})},kpt={tab:"_tab_sv3os_1",button:"_button_sv3os_7",activeTab:"_activeTab_sv3os_15",inActiveTab:"_inActiveTab_sv3os_23"},jR={container:"_container_a9ie6_1",label:"_label_a9ie6_9",textarea:"_textarea_a9ie6_17",resizable:"_resizable_a9ie6_25",error:"_error_a9ie6_31",noError:"_noError_a9ie6_37",important:"_important_a9ie6_45"},Hot=({id:M,label:n,placeholder:N,rows:r,cols:i,resizable:U=!0,register:t,error:a,defaultValue:l,value:e,onFocus:o,onBlur:s,className:T,leftIcon:d,rightIcon:F,isDisabled:y,isImportant:z,...w})=>O.jsxs("div",{className:`${jR.container} ${T}`,children:[O.jsxs("label",{htmlFor:M,className:jR.label,children:[d,O.jsxs(vn,{variant:"input-label",children:[n,z?O.jsx("span",{className:jR.important,children:"*"}):null]}),F]}),O.jsx("textarea",{...w,id:M,name:M,rows:r,cols:i,placeholder:N,className:bR(jR.textarea,`${U?null:jR.resizable}`,a?jR.error:jR.noError),defaultValue:l,...t,value:t?e:e||"",onFocus:o,onBlur:s,disabled:y}),a&&O.jsx(vn,{variant:"body-text-sm",color:"alert",children:a})]}),F3=({children:M})=>{const[n,N]=UM.useState();return UM.useLayoutEffect(()=>{const r=document.querySelector("#dbn-portal")||document.createElement("div");if(r.setAttribute("id","dbn-portal"),document.body.querySelector("#dbn-portal")||document.body.appendChild(r),document.querySelector("dbn-dashboard")||document.querySelector("dbn-metric")||document.querySelector("dbn-create-metric")){const i=document.querySelector("#dbn-styles"),U=r.shadowRoot||r.attachShadow({mode:"open"});if(i&&!U.querySelector("#dbn-portal-style")){const t=document.createElement("style");t.innerHTML=i.innerHTML,t.setAttribute("id","dbn-portal-style"),U.appendChild(t)}if(!U.querySelector("#global-style")){const t=document.createElement("style");t.innerHTML=`
           * {
             border-width: 0;
             border-style: solid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databrainhq/plugin",
-  "version": "0.15.54",
+  "version": "0.15.55",
   "description": "Databrain app ui plugin.",
   "author": "Databrain",
   "license": "UNLICENSED",