@databrainhq/plugin 0.15.123 → 0.15.124

package/dist/webcomponents.es.js

@@ -202661,11 +202661,11 @@ const Mf0 = "_dbcLastLevel_7xuje_10", Tf0 = "_otherLevels_7xuje_16", xf0 = "_cli
           height: (a9 == null ? void 0 : a9.h) ?? (U6 == null ? void 0 : U6.h) ?? ((q9 = B5 == null ? void 0 : B5.resizeAttributes) == null ? void 0 : q9.height) ?? 10
         }
       ]), {
-        i: (a9 == null ? void 0 : a9.i) || (U6 == null ? void 0 : U6.i) || B5.id,
-        w: (a9 == null ? void 0 : a9.w) || (U6 == null ? void 0 : U6.w) || ((z7 = B5.resizeAttributes) == null ? void 0 : z7.width) || 5,
-        h: (a9 == null ? void 0 : a9.h) || (U6 == null ? void 0 : U6.h) || (($6 = B5.resizeAttributes) == null ? void 0 : $6.height) || 10,
-        x: (a9 == null ? void 0 : a9.x) || (U6 == null ? void 0 : U6.x) || ((v9 = B5.resizeAttributes) == null ? void 0 : v9.xAxis) || 0,
-        y: (a9 == null ? void 0 : a9.y) || (U6 == null ? void 0 : U6.y) || ((G7 = B5.resizeAttributes) == null ? void 0 : G7.yAxis) || 0,
+        i: (a9 == null ? void 0 : a9.i) ?? (U6 == null ? void 0 : U6.i) ?? B5.id,
+        w: (a9 == null ? void 0 : a9.w) ?? (U6 == null ? void 0 : U6.w) ?? ((z7 = B5.resizeAttributes) == null ? void 0 : z7.width) ?? 5,
+        h: (a9 == null ? void 0 : a9.h) ?? (U6 == null ? void 0 : U6.h) ?? (($6 = B5.resizeAttributes) == null ? void 0 : $6.height) ?? 10,
+        x: (a9 == null ? void 0 : a9.x) ?? (U6 == null ? void 0 : U6.x) ?? ((v9 = B5.resizeAttributes) == null ? void 0 : v9.xAxis) ?? 0,
+        y: (a9 == null ? void 0 : a9.y) ?? (U6 == null ? void 0 : U6.y) ?? ((G7 = B5.resizeAttributes) == null ? void 0 : G7.yAxis) ?? 0,
         minW: B5.isMetric ? [
           X0.singleValue,
           X0.pivot,

package/dist/webcomponents.umd.js

@@ -1889,7 +1889,7 @@ Valid keys: `+JSON.stringify(Object.keys(f0),null,"  "));var K1=F3(m7,A3,R2,v1,q
                 ${i-1!==l?fv.disabledLevel:fv.clickableLevels}
               `,onClick:()=>{i-1===l&&a(l)},children:[e.toString()[0].toUpperCase()+e.toString().substring(1),l===t.length-1?"":" / "]},e))})}),Ig={imgDiv:"_imgDiv_f8xba_1",chartTypePanel:"_chartTypePanel_f8xba_5",chartOptions:"_chartOptions_f8xba_9",chartOption:"_chartOption_f8xba_9","chart-option":"_chart-option_f8xba_29",overlay:"_overlay_f8xba_34"},IH=({chartTypePanelProps:{onChartChange:t,enabledCharts:i,selectedChart:n,isOpen:a,onClose:o,zIndex:s,inline:r,onClickSettings:C}})=>{const[A,e]=d1.useState(""),[l,u]=d1.useState(UN||[]),[f,d]=d1.useState("");return d1.useEffect(()=>{if(A){const g=UY2(UN,A);u(g)}else u(UN)},[A]),m.jsx(m.Fragment,{children:r?m.jsxs("div",{className:`${Ig.chartTypePanel} dbn-h-full dbn-overflow-y-auto dbn-bg-white`,id:"chart-types",children:[m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center",children:[m.jsx(w9,{variant:"heading-3",color:"light-text",children:"Chart Types"}),m.jsx(M8,{"data-testid":"close-panel-btn",variant:"tertiary",type:"button",onClick:o,leftIcon:m.jsx(k8,{name:"cross",size:"small"})})]}),m.jsx(dv,{setSearchKeyword:e}),l==null?void 0:l.map(g=>{var I;return m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[m.jsx(w9,{variant:"heading-6",children:g.key}),m.jsx("div",{className:Ig.chartOptions,children:(I=g.value)==null?void 0:I.map((Q,T)=>{var G,n2,$,c2,b2,J;const D=!i.includes((G=Q.name)==null?void 0:G.toLowerCase()),Y=["top","top-left"].includes((Q==null?void 0:Q.position)||"")?Q==null?void 0:Q.position:un2(T+1);return m.jsx(Kn2,{text:Q.label,subText:D?Q.enabledCondition:"",headingIcon:D?"stop":void 0,position:Y,className:"dbn-w-[109px] dbn-h-[81px]",children:m.jsxs("div",{className:`${Ig.chartOption} ${((n2=Q.name)==null?void 0:n2.toLowerCase())===n?Ig["chart-option"]:""}`,onMouseOver:()=>d(Q.name),onMouseOut:()=>d(""),"data-testid":($=Q.name)==null?void 0:$.toLowerCase().replaceAll(" ","-"),children:[m.jsx(M8,{id:Q.name.replaceAll(" ","-"),type:"button",variant:"popover",onClick:()=>{var Z2,V2;((Z2=Q.name)==null?void 0:Z2.toLowerCase())!==n&&t((V2=Q.name)==null?void 0:V2.toLowerCase())},isDisabled:D,className:"dbn-w-full dbn-p-0",children:m.jsxs("div",{className:`${Ig.imgDiv} ${((c2=Q.name)==null?void 0:c2.toLowerCase())!==n?"dbn-border-secondary":"dbn-border-primary dbn-border"} relative`,style:{width:"109px",height:"81px"},children:[m.jsx("img",{src:D?Q.disabledIcon:Q.icon,alt:"",style:{width:"109px",height:"81px",objectFit:"cover",scale:"1.02"}}),((b2=Q.name)==null?void 0:b2.toLowerCase())===n&&Q.name===f?m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"gear"}),className:"dbn-absolute dbn-bottom-1 dbn-right-1 dbn-z-[9999999]",onClick:Z2=>{Z2.preventDefault(),C==null||C()}}):null]})},Q.name),((J=Q.name)==null?void 0:J.toLowerCase())===n?m.jsx("div",{className:Ig.overlay}):null]},Q.name)},Q.name)})})]},g.key)})]}):m.jsx(id,{isOpen:a,onClose:o,size:"small",side:"right",hideFooter:!0,headerTitle:"Chart Types",zIndex:s,children:m.jsxs("div",{className:Ig.chartTypePanel,id:"chart-types",children:[m.jsx(dv,{setSearchKeyword:e}),l==null?void 0:l.map((g,I)=>{var Q;return m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[m.jsx(w9,{variant:"heading-6",children:g.key}),m.jsx("div",{className:Ig.chartOptions,children:(Q=g.value)==null?void 0:Q.map(T=>{var G,n2,$;const D=!i.includes((G=T.name)==null?void 0:G.toLowerCase()),Y=["top","top-left"].includes((T==null?void 0:T.position)||"")?T==null?void 0:T.position:un2(I+1);return m.jsx(Kn2,{text:T.label,subText:D?T.enabledCondition:"",headingIcon:D?"stop":void 0,position:Y,children:m.jsx("div",{className:Ig.chartOption,"data-testid":(n2=T.name)==null?void 0:n2.toLowerCase().replaceAll(" ","-"),children:m.jsx(M8,{id:T.name.replaceAll(" ","-"),type:"button",variant:"popover",onClick:()=>{var c2;t((c2=T.name)==null?void 0:c2.toLowerCase()),o()},isDisabled:D,className:"dbn-w-full",children:m.jsx("div",{className:`${Ig.imgDiv} ${(($=T.name)==null?void 0:$.toLowerCase())!==n?"dbn-border-secondary":"dbn-border-primary dbn-border"}`,children:m.jsx("img",{src:D?T.disabledIcon:T.icon,alt:"",style:{width:"109px",height:"81px"}})})},T.name)},T.name)},T.name)})})]},g.key)})]})})})},vH={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"},Bl=({variant:t="primary",text:i,children:n,hideInfoIcon:a,className:o,childrenClassName:s,textColor:r="primary-title"})=>m.jsx(m.Fragment,{children:m.jsxs("div",{className:`${vH.alert} ${vH[t]}  ${o||""}`,children:[m.jsxs("div",{className:vH.alertTextContent,children:[a?null:m.jsx("span",{children:m.jsx(k8,{name:"info",size:"xs",color:r})}),m.jsx(w9,{variant:"body-text-3",color:r,children:i})]}),m.jsx("div",{className:`${vH.alertButtons} ${s||""}`,children:n})]})}),y50=({isOpen:t,onClose:i,report:n,isLoading:a,subText:o,zIndex:s,inline:r})=>{const[C,A]=d1.useState(!1),e=()=>{var l;return m.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-py-3",children:[m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center dbn-py-4",children:[m.jsxs("span",{className:"dbn-flex dbn-flex-col dbn-gap-2 dbn-items-center",children:[m.jsx(w9,{variant:"heading-3",children:"Summary"},"summary"),o&&m.jsx(w9,{variant:"small-text",children:o},o)]}),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"cross",size:"xs"}),onClick:i})]}),a?m.jsx(ol,{variant:"list"}):m.jsx("div",{className:"dbn-h-[90%] dbn-w-full dbn-overflow-auto",children:n!=null&&n.split(`
 `).length?m.jsxs(YC,{direction:"col",className:"dbn-gap-2",children:[(l=n==null?void 0:n.split(`
-`))==null?void 0:l.map(u=>m.jsx(w9,{children:u},u)),m.jsx(M8,{variant:"popover",onClick:()=>{ln2(n),A(!0),setTimeout(()=>{A(!1)},3e3)},leftIcon:m.jsx(k8,{name:"copy"}),children:C?"Copied":"Copy"})]}):m.jsx(w9,{children:"Not Found"},"not found")})]})};return m.jsx(m.Fragment,{children:r?e():m.jsx(id,{isOpen:t,onClose:i,hideFooter:!0,side:"right",size:"small",hideHeader:!0,zIndex:s,children:e()})})},FA2={lessWidth:"_lessWidth_135z5_1",moreWidth:"_moreWidth_135z5_5"},L50=({deleteConfig:t,onDeleteMetric:i,setDeleteConfig:n,error:a,isDeletingMetric:o})=>{const[s,r]=d1.useState(!1);return m.jsxs($u,{isOpen:(t==null?void 0:t.isDelete)||!1,onClose:()=>n==null?void 0:n({isDelete:!1,step:0}),headerTitle:"Delete Metric",zIndex:9999999999,children:[m.jsx("div",{className:`dbn-px-6 dbn-pb-4 ${(t==null?void 0:t.step)===0?FA2.lessWidth:FA2.moreWidth}`,children:(t==null?void 0:t.step)===0?m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[m.jsxs(w9,{variant:"body-text-2",color:"light-text",children:["Deleting ‘",t==null?void 0:t.name,"’ will permanently remove it from the dashboard and the metrics list."]}),m.jsx(w9,{variant:"body-text-2",color:"light-text",children:"This action can’t be undone."})]}):m.jsxs(YC,{direction:"col",className:"dbn-gap-4",children:[m.jsx(w9,{variant:"body-text-2",children:"Deleting this metric will permanently remove it from all dashboards and the metrics list. This action is irreversible. If you need to recover this metric, please do so before proceeding."}),m.jsxs(YC,{direction:"col",className:"dbn-gap-2",children:[m.jsx(w9,{variant:"heading-5",children:"I understand that:"}),m.jsxs("ul",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-0",children:[m.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[m.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),m.jsx(w9,{variant:"body-text-2",children:"The metric will be permanently deleted."})]}),m.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[m.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),m.jsx(w9,{variant:"body-text-2",children:"Associated dashboards will lose access to it."})]}),m.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[m.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),m.jsx(w9,{variant:"body-text-2",children:"This action cannot be undone."})]})]})]}),m.jsxs(YC,{direction:"col",className:"dbn-gap-2",children:[m.jsxs(w9,{variant:"body-text-2",children:["Type"," ",m.jsxs("span",{className:"dbn-font-medium",children:["'",t==null?void 0:t.name,"'"]})," ","to confirm"]}),m.jsx(T5,{placeholder:"Type here",name:"delete-metric-name",value:t==null?void 0:t.confirmedName,onChange:C=>{C.target.value&&C.target.value!==(t==null?void 0:t.name)?r(!0):r(!1),n==null||n(A=>({...A,confirmedName:C.target.value}))},error:s?"Metric name does not match. Please try again.":""})]}),a?m.jsx(Bl,{text:a,variant:"error"}):null]})}),m.jsxs(AE,{children:[m.jsx(M8,{variant:"tab",onClick:()=>n==null?void 0:n({isDelete:!1,step:0}),children:"Cancel"}),m.jsx(M8,{variant:"primary",onClick:()=>{(t==null?void 0:t.step)===0&&(n==null||n(C=>({...C,step:1}))),(t==null?void 0:t.step)===1&&(t!=null&&t.id)&&(i==null||i(t==null?void 0:t.id))},className:"dbn-bg-alert hover:dbn-bg-discard-hover",dataTestTitle:"delete",isDisabled:(t==null?void 0:t.step)===1&&(o||(t==null?void 0:t.confirmedName)!==(t==null?void 0:t.name)),children:(t==null?void 0:t.step)===0?"Continue":"Delete Permanently"})]})]})},BH=({metric:t,colors:i,rlsFilters:n,metricFilterOptions:a,onMinimize:o,onArchive:s,clientId:r,tenancyLevel:C,companyId:A,externalDashboardId:e,userProvidedDashboardId:l,isAllowedToUpdateMetrics:u,sharingSettingsId:f,appFilters:d,isInternalApp:g,isShowChartConfigTab:I,isHideChartSettings:Q,isHideTablePreview:T,isAllClient:D,globalFilters:Y={tableName:"",filters:[]},onDownload:G,downloadMetrics:n2,isFrontendApp:$,guestToken:c2,encryptedClient:b2,workspaceId:J,clientColumnType:Z2,isEnableMetricSummary:V2,hideDatePickerOptions:G2,chartAppearance:U2,enableEmailCsv:D2,shouldFitFullScreen:j2,onServerEvent:F2,disableDownloadPng:p0,isAllowToDownloadMetrics:g0,datasourceId:j0,appliedMetricFilters:f0,language:y0,translationDictionary:F0,onDeleteMetric:x0,deleteConfig:R2,setDeleteConfig:v1,deleteError:q1,isDeletingExternalMetric:m7,calendarType:d7="default",onEditMetric:T7,isDataApp:A3})=>{var K4,b4,w4,x4,p4,E4,y6,u4,W6,y4,c4,I5,we,P5,h5,j4,S4,r4,D5,h4,n4,pe,Ue,ot,ft,D4,u1,f7,J7,k7,f9,E7,s3,R9,W9,Z8,j8,h6,P6,e5,U7,m9,b3,P3;const F3=d1.useRef(),[K1,S7]=d1.useState(!1),[n3,D3]=d1.useState(!1),[e9,r9]=d1.useState(!1),Y7=d1.useMemo(()=>{var T3;return{...Y,filters:(T3=Y==null?void 0:Y.filters)==null?void 0:T3.filter(s9=>{var S9;return!((S9=s9==null?void 0:s9.restrictedMetrics)!=null&&S9.some(f8=>f8.value===(t==null?void 0:t.id)))})}},[Y,t]),{dataDb:n7,variables:B7,getUnderlyingData:b9,handleChartClick:u9,columnName:H3,setShowChartPopup:Q9,isShowChartPopup:V9,isQueryLoading:b1,chartParams:a7,onChangeFilterValue:o3,onDrillDown:N3,drilledLevel:d3,dimensions:R3,isEnableNextBtn:E9,isEnablePrevBtn:Z3,paginationInfo:k9,onChangePage:u8,isExternalChart:Q1,onDrillLevelClick:I9,metricFilters:n9,filterValues:a6,dynamicOptions:h8,isSingleValueNull:R6,containerRef:K6,chartSettings:X7,setChartSettings:d8,leftPositionedMetricFilters:F8,rightPositionedMetricFilters:l9,updateFilter:X8,drillFilters:m8,drillType:B8,tableResultsDownloadData:z9,appliedMetricFilters:n8,pivotHeaderOptions:J9,pivotDrillState:y9,onDrillPivotTable:h9,legendData:o8,timeseriesDimension:i6,isPythonMode:i3,isSorted:G1,isInavlidForSort:B9,sortOrder:s8,setSortOrder:b8,onAddComparison:i8,groupedRlsConditions:P9,onGenerateMetricSummary:c9,summary:O9,setSummary:B3,setNotFirstRender:a8,dataMartRelationships:U9,onChartChange:q8,isCompareValue:z6,isShowChartPropertyPanel:$9,setShowChartPropertyPanel:v8,columnList:G6,metricName:G5,drilldownCols:l4,switchMeasureOptions:y8,dateFilter:D6}=nz({datasourceId:j0,metric:t,rlsFilters:n,tenancyLevel:C,clientId:r,appFilters:d,isInternalApp:g,metricFilterOptions:a,isAllClient:D,globalFilters:Y7,isFrontendApp:$,guestToken:c2,encryptedClientId:b2,workspaceId:J,onServerEvent:F2,clientColumnType:Z2,appliedCardMetricFilters:f0,language:y0,translationDictionary:F0,calendarType:d7}),{updateExternalMetric:J6,error:K5,isLoading:d5}=dL({onSuccess:()=>{var T3,s9;r9(!1),o(),(s9=(T3=window==null?void 0:window.location)==null?void 0:T3.reload)==null||s9.call(T3)},selectedColumns:[],companyIntegrationId:t.companyIntegrationId,query:t.query,metricQuery:t.metricQuery,integrationName:t.integrationName,outputColumns:t.outputColumns,chartSettings:X7,datasetMetricSettings:t.datasetMetricSettings,clientId:r,companyId:A,isLiveMode:t.isLive,timeGrain:t.timeGrain,dashboardIds:[e],isEnableGroupBy:t.isEnableGroupBy,groupBy:t.groupBy,selectedGroupBy:t.selectedGroupBy,metric:t}),{isDisableDownloadSettings:H8}=iz({sharingSettingsId:f,workspaceId:J}),K8=d1.useMemo(()=>(D2==null?void 0:D2.toString())&&D2||!(D2!=null&&D2.toString())&&!H8,[H8,D2]),$8=d1.useMemo(()=>{var s9;let T3=Uj({chartSettings:X7,translationDictionary:F0,variables:B7,language:y0});return(s9=t==null?void 0:t.drillDownSettings)!=null&&s9.isEnableGroupBy&&n7.length&&d3===(R3==null?void 0:R3.length)&&(T3={...T3,chartType:"table",yAxisList:R3!=null&&R3[0]?[R3==null?void 0:R3[0],...X7.yAxisList||[]]:X7.yAxisList}),T3},[(K4=t==null?void 0:t.drillDownSettings)==null?void 0:K4.isEnableGroupBy,n7.length,d3,R3,X7,B7,y0,F0]),Q6=T3=>{var s9,S9,f8,Y8,e6,w6,r5,B6,L6,x6,O5,Z5,_5;return X7.chartType===X0.table||(s9=t.drillDownSettings)!=null&&s9.isEnableGroupBy&&d3===(R3==null?void 0:R3.length)?(S9=T3==null?void 0:T3.find(H4=>{var Ve,re;return H4.columnName===((re=(Ve=t==null?void 0:t.clickActions)==null?void 0:Ve.chart)==null?void 0:re.valueColumn)}))==null?void 0:S9.value:[X0.sankey,X0.treeMap].includes(X7==null?void 0:X7.chartType)?T3==null?void 0:T3.value:((Y8=(f8=t.clickActions)==null?void 0:f8.chart)==null?void 0:Y8.valueColumn)===(X7==null?void 0:X7.xAxis)||(X7==null?void 0:X7.chartType)===X0.gauge&&((w6=(e6=t.clickActions)==null?void 0:e6.chart)==null?void 0:w6.valueColumn)===((B6=(r5=X7==null?void 0:X7.gaugeSettings)==null?void 0:r5.dimensions)==null?void 0:B6.join(", "))?T3==null?void 0:T3.name:(T3==null?void 0:T3.seriesName)===((x6=(L6=t.clickActions)==null?void 0:L6.chart)==null?void 0:x6.valueColumn)||(X7==null?void 0:X7.chartType)===X0.gauge&&((Z5=(O5=t.clickActions)==null?void 0:O5.chart)==null?void 0:Z5.valueColumn)===((_5=X7==null?void 0:X7.gaugeSettings)==null?void 0:_5.metric)||[X0.funnel].includes(X7.chartType)?T3==null?void 0:T3.value:null},v6=d1.useMemo(()=>{var s9,S9,f8,Y8,e6;const T3=Object.keys((n7==null?void 0:n7[0])||{})||[];if(X7.chartType===X0.timeSeries){const w6=(s9=t==null?void 0:t.chartOptions)==null?void 0:s9.xAxis,r5=X7==null?void 0:X7.xAxis,B6=!!((Y8=(f8=(S9=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:S9.groupBySettings)==null?void 0:f8.options)!=null&&Y8.find(L6=>{var x6,O5,Z5;return(Z5=w6==null?void 0:w6.toLowerCase())==null?void 0:Z5.includes(((O5=(x6=L6==null?void 0:L6.split("____"))==null?void 0:x6[0])==null?void 0:O5.toLowerCase())||"")}));if(w6&&r5&&!B6)return n7==null?void 0:n7.map(L6=>T3.reduce((x6,O5)=>{var Z5,_5;return O5===r5?x6[w6||""]=VS(((_5=(Z5=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:Z5.groupBySettings)==null?void 0:_5.value)||"monthly",L6[O5]):x6[O5]=L6[O5],x6},{}))}if(z6&&((e6=X7==null?void 0:X7.customSettings)!=null&&e6.comparisonTimeLabel)){const w6="_timestamp";return n7==null?void 0:n7.map(r5=>T3.reduce((B6,L6)=>{var x6;return L6===w6?B6[((x6=X7==null?void 0:X7.customSettings)==null?void 0:x6.comparisonTimeLabel)||""]=r5[L6]:B6[L6]=r5[L6],B6},{}))}return n7},[n7,z6,(b4=X7==null?void 0:X7.customSettings)==null?void 0:b4.comparisonTimeLabel,X7==null?void 0:X7.chartType,t==null?void 0:t.chartOptions,X7==null?void 0:X7.xAxis,(x4=(w4=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:w4.groupBySettings)==null?void 0:x4.value]),S6=d1.useMemo(()=>kj(i||[],(X7==null?void 0:X7.chartColors)||[]),[i,X7==null?void 0:X7.chartColors]),S5=d1.useMemo(()=>[X0.row,X0.horizontalStack].includes(X7==null?void 0:X7.chartType)?"Dynamic y-axis":"Dynamic x-axis",[X7==null?void 0:X7.chartType]),$6=d1.useMemo(()=>[X0.row,X0.horizontalStack].includes(X7==null?void 0:X7.chartType)?"Dynamic x-axis":"Dynamic y-axis",[X7==null?void 0:X7.chartType]);d1.useEffect(()=>{var T3;if(localStorage.getItem("fsMetricCs")){const s9=(T3=JSON.parse(localStorage.getItem("fsMetricCs")||""))==null?void 0:T3.defaultRowSize;s9&&d8(S9=>({...S9,tableSettings:{...S9.tableSettings,defaultRowSize:s9}}))}},[]),d1.useEffect(()=>{var T3;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:t.id,defaultRowSize:(T3=X7==null?void 0:X7.tableSettings)==null?void 0:T3.defaultRowSize}))},[X7]);const q5=d1.useMemo(()=>{var T3,s9,S9,f8,Y8;return(X7==null?void 0:X7.chartType)===X0.singleValue&&((T3=X7==null?void 0:X7.customSettings)!=null&&T3.singleValuePrefix)?AA(((s9=X7==null?void 0:X7.customSettings)==null?void 0:s9.singleValuePrefix)||"^^^^^",B7):(S9=X7==null?void 0:X7.customSettings)!=null&&S9.labelPrefix?AA(((f8=X7==null?void 0:X7.customSettings)==null?void 0:f8.labelPrefix)||"^^^^^",B7):(Y8=X7==null?void 0:X7.customSettings)==null?void 0:Y8.labelPrefix},[X7==null?void 0:X7.chartType,(p4=X7==null?void 0:X7.customSettings)==null?void 0:p4.labelPrefix,(E4=X7==null?void 0:X7.customSettings)==null?void 0:E4.singleValuePrefix,B7]),d4=d1.useMemo(()=>{var T3,s9,S9,f8,Y8;return(X7==null?void 0:X7.chartType)===X0.singleValue&&((T3=X7==null?void 0:X7.customSettings)!=null&&T3.singleValueSuffix)?AA(((s9=X7==null?void 0:X7.customSettings)==null?void 0:s9.singleValueSuffix)||"^^^^^",B7):(S9=X7==null?void 0:X7.customSettings)!=null&&S9.labelSuffix?AA(((f8=X7==null?void 0:X7.customSettings)==null?void 0:f8.labelSuffix)||"^^^^^",B7):(Y8=X7==null?void 0:X7.customSettings)==null?void 0:Y8.labelSuffix},[X7==null?void 0:X7.chartType,(y6=X7==null?void 0:X7.customSettings)==null?void 0:y6.labelSuffix,(u4=X7==null?void 0:X7.customSettings)==null?void 0:u4.singleValueSuffix,B7]);return m.jsxs("div",{className:`${Yo.fullScreen} ${j2?Yo.fitFull:Yo.screen}`,children:[m.jsxs("section",{className:Yo.header,children:[m.jsxs("div",{className:Yo.headerBlock,children:[m.jsx(sC,{text:"Back",children:m.jsx(M8,{variant:"popover",type:"button",onClick:o,leftIcon:m.jsx("div",{className:Yo.backButton,children:m.jsx(k8,{name:"arrow-left"})})})}),m.jsx(w9,{variant:"body-text-1",children:G5}),(W6=Y7==null?void 0:Y7.filters)!=null&&W6.length?m.jsx(Bl,{text:"Global Filters are applied.",variant:"info"}):null,(y4=n2==null?void 0:n2.find(T3=>T3.id===(t==null?void 0:t.id)))!=null&&y4.isInProgress?m.jsx(Bl,{text:"Download is in progress",variant:"primary"}):null]}),m.jsxs("div",{className:`${Yo.headerBlock} ${Yo.headerBlockRight}`,children:[$&&(t!=null&&t.id)?m.jsx(M8,{variant:"popover",type:"button",onClick:()=>v1==null?void 0:v1({isDelete:!0,step:0,id:(t==null?void 0:t.id)||"",name:(t==null?void 0:t.name)||""}),leftIcon:m.jsx(sC,{text:"Delete Metric",children:m.jsx("div",{className:Yo.backButton,"data-testid":"delete-metric-btn",children:m.jsx(k8,{name:"delete",color:"alert"})})})}):null,V2&&m.jsx(M8,{variant:"popover",type:"button",onClick:()=>{c9(),v8(!1),D3(!1)},leftIcon:m.jsx(sC,{text:"AI Insights",showTooltip:!O9.isOpen,children:m.jsx("div",{className:Yo.backButton,"data-testid":"ai-insights-btn",children:m.jsx(k8,{name:"wand"})})}),isDisabled:!(n7!=null&&n7.length)}),Q?null:m.jsx(sC,{text:"Chart Types",showTooltip:!n3,children:m.jsx(M8,{variant:"popover",type:"button",onClick:()=>{D3(!0),B3(T3=>({...T3,isOpen:!1,isLoading:!1}))},leftIcon:m.jsx("div",{className:Yo.backButton,"data-testid":"chart-types-btn",children:m.jsx(k8,{name:"bar-chart"})})})}),s?m.jsx(sC,{text:"Archive Metric",children:m.jsx(M8,{variant:"popover",type:"button",onClick:()=>s(t.id,(t==null?void 0:t.metricId)||""),leftIcon:m.jsx("div",{className:Yo.backButton,"data-testid":"archive-metric-btn",children:m.jsx(k8,{name:"archive"})})})}):null,$||(g0??!0)?m.jsx(J60,{timeseriesSettings:i3||(X7==null?void 0:X7.chartType)!==X0.timeSeries?void 0:{format:((I5=(c4=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:c4.groupBySettings)==null?void 0:I5.value)||"monthly",seriesField:(X7==null?void 0:X7.seriesField)||"",isFiscal:d7==="ind"},isPythonMode:(P5=(we=t==null?void 0:t.datasetMetricSettings)==null?void 0:we.newDatasetSettings)==null?void 0:P5.isPythonMode,onServerEvent:F2,isEnableEmailRawCsvDownload:K8,disableDownloadPng:p0!=null&&p0.toString()?p0:!1,data:z9||[],chartRef:F3,metricName:G5,onRawCsvData:()=>S7(!0),chartOptions:X7,companyIntegrationId:t.companyIntegrationId,integrationName:t.integrationName,metricData:{globalFilters:Y7,rlsConditions:n8,tenancyLevel:C,id:t==null?void 0:t.id,dataSecuritySettings:{csvColumns:[]},filterValues:a6,isAllClient:D,options:{clientId:$?b2||"":r,isFrontend:$,token:c2}},updateDownloadProgress:T3=>G(t==null?void 0:t.id,T3)}):null,u&&m.jsx(M8,{type:"button",variant:"primary",onClick:()=>{A3?(T7==null||T7(t),o()):r9(!0)},children:"Edit Metric"})]}),m.jsx(sC,{text:"Close FS",children:m.jsx(M8,{variant:"popover",type:"button",onClick:o,leftIcon:m.jsx("div",{className:Yo.backButton,"data-testid":"close-fullscreen-btn",children:m.jsx(k8,{name:"cross"})})})})]}),m.jsxs("section",{className:Yo.body,onContextMenu:T3=>{T3.preventDefault()},children:[m.jsxs("div",{className:`${Yo.data} ${n3||$9||O9.isOpen?"dbn-w-[calc(100%-400px)]":"dbn-w-full"}`,children:[m.jsxs("div",{className:`${Yo.metric} ${X7.chartType===X0.table?Yo.tableMetric:""} ${T?Yo.fullMetric:""}`,ref:K6,children:[m.jsxs("div",{className:Yo.metricHeader,children:[m.jsx("div",{className:Yo.metricFilters,children:!!n7.length&&m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-wrap dbn-justify-end dbn-items-center dbn-gap-2",children:[(h5=X7==null?void 0:X7.dynamicXAxis)!=null&&h5.isEnabled?m.jsx(Be,{options:((j4=X7.dynamicXAxis)==null?void 0:j4.options)||[],onChange:T3=>d8(s9=>({...s9,dynamicXAxis:{...s9.dynamicXAxis,selectedOption:T3},xAxis:T3.value})),selectedOption:X7.dynamicXAxis.selectedOption||{value:"",label:""},label:S5,labelVariant:"floating",menuZIndex:999999999999}):null,(S4=X7==null?void 0:X7.dynamicYAxis)!=null&&S4.isEnabled?m.jsx(Be,{options:((r4=X7.dynamicYAxis)==null?void 0:r4.options)||[],onChange:T3=>d8(s9=>({...s9,dynamicYAxis:{...s9.dynamicYAxis,selectedOption:T3},yAxisList:T3.value?[T3.value]:[]})),selectedOption:((D5=X7==null?void 0:X7.dynamicYAxis)==null?void 0:D5.selectedOption)||{value:"",label:""},label:$6,labelVariant:"floating",menuZIndex:999999999999}):null,(h4=X7==null?void 0:X7.customSettings)!=null&&h4.isEnableSwitchMeasure?m.jsx(Be,{options:y8,onChange:T3=>d8(s9=>{var S9,f8;return{...s9,sankeyValues:[((S9=s9==null?void 0:s9.sankeyValues)==null?void 0:S9[0])||"",((f8=s9==null?void 0:s9.sankeyValues)==null?void 0:f8[1])||"",T3.value]}}),selectedOption:{value:((n4=X7.sankeyValues)==null?void 0:n4[2])||"",label:((pe=X7.sankeyValues)==null?void 0:pe[2])||""},label:"Switch Measure",labelVariant:"floating",menuZIndex:999999999999}):null,X7!=null&&X7.isDynamicSeries?m.jsx(Be,{options:h8,onChange:T3=>d8(s9=>({...s9,seriesField:T3.value})),selectedOption:{label:(X7==null?void 0:X7.seriesField)||"ungrouped",value:(X7==null?void 0:X7.seriesField)||"ungrouped"},label:"Group by",labelVariant:"floating",menuZIndex:999999999999}):null,(Ue=X7.timeSeriesSettings)!=null&&Ue.groupBySettings.isDynamic?m.jsx(Be,{options:(ot=X7.timeSeriesSettings.groupBySettings.options)==null?void 0:ot.map(T3=>({label:T3.split("____").length>1?T3.split("____")[1]:T3,value:T3.split("____")[0]})),onChange:T3=>d8(s9=>{var S9;return{...s9,timeSeriesSettings:{...s9.timeSeriesSettings,groupBySettings:{...(S9=s9.timeSeriesSettings)==null?void 0:S9.groupBySettings,value:T3.value}},xAxis:i3?s9.xAxis:`${T3.value} of ${i6}`}}),menuZIndex:999999999999,selectedOption:{label:rn2(((D4=(ft=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:ft.groupBySettings)==null?void 0:D4.value)||""),value:(f7=(u1=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:u1.groupBySettings)==null?void 0:f7.value},labelVariant:"floating",label:"Timeseries"}):null,((J7=X7.pivotTableSettings2)==null?void 0:J7.isDynamicHeaders)&&X7.chartType===X0.pivotV2||((k7=X7.pivotTableSettings3)==null?void 0:k7.isDynamicHeaders)&&X7.chartType===X0.pivotV3&&m.jsx(tC,{onChange:T3=>{d8(s9=>{var S9;return{...s9,pivotTableSettings2:{...s9.pivotTableSettings2,headers:T3==null?void 0:T3.map(f8=>f8.value),dimensions:(S9=J9.filter(f8=>!T3.some(Y8=>Y8.value===f8.value)))==null?void 0:S9.map(f8=>f8.value)},pivotTableSettings3:{...s9.pivotTableSettings3,rows:T3==null?void 0:T3.map(f8=>f8.value)}}})},options:J9,selectedOption:(X7==null?void 0:X7.chartType)===X0.pivotV3?(J9==null?void 0:J9.filter(T3=>{var s9,S9;return(S9=(s9=X7==null?void 0:X7.pivotTableSettings3)==null?void 0:s9.rows)==null?void 0:S9.includes(T3.value)}))||[]:(J9==null?void 0:J9.filter(T3=>{var s9,S9;return(S9=(s9=X7==null?void 0:X7.pivotTableSettings2)==null?void 0:s9.headers)==null?void 0:S9.includes(T3.value)}))||[],isSearchEnabled:!0,menuWidth:"300px",menuZIndex:999999999999}),(f9=X7.customSettings)!=null&&f9.showSelectLegend?m.jsx(tC,{label:"legend",labelVariant:"floating",options:o8!=null&&o8.length?o8==null?void 0:o8.map(T3=>({value:T3,label:T3})):[],onChange:T3=>{d8(s9=>({...s9,selectedSeries:(T3==null?void 0:T3.map(S9=>S9.value))||[]}))},selectedOption:((E7=o8==null?void 0:o8.filter(T3=>{var s9;return(s9=X7==null?void 0:X7.selectedSeries)==null?void 0:s9.some(S9=>S9===T3)}))==null?void 0:E7.map(T3=>({value:T3,label:T3})))||[],isSearchEnabled:!0,menuZIndex:999999999999}):null]})}),!!n9.length&&m.jsxs("div",{className:Yo.metricFilters,children:[m.jsxs("div",{className:Yo.metricFilters,children:[m.jsx(_Y,{filters:n9,updateFilter:X8}),(s3=F8.filter(T3=>!T3.group))==null?void 0:s3.map((T3,s9)=>m.jsx(mE,{datasourceId:j0,isAllClient:D,hideDatePickerOptions:G2,workspaceId:J,rlsConditions:T3,onChangeFilterValue:o3,clientId:r,className:F8.length-1===s9?Yo.filterTopLeft:"",rlsConditionList:[...F8,...l9],tenancyLevel:C,clientColumnType:Z2},T3.name)),(R9=l9.filter(T3=>!T3.group))==null?void 0:R9.map((T3,s9)=>m.jsx(mE,{datasourceId:j0,isAllClient:D,hideDatePickerOptions:G2,workspaceId:J,rlsConditions:T3,onChangeFilterValue:o3,clientId:r,className:s9===0?Yo.filterTopRight:"",rlsConditionList:[...F8,...l9],tenancyLevel:C,clientColumnType:Z2},T3.name)),(X7==null?void 0:X7.isEnableComparisonFilter)&&[X0.line].includes(X7.chartType)&&m.jsx(M8,{variant:"primary",onClick:()=>{i8()},children:"Add Comparison"})]}),P9&&(X7==null?void 0:X7.isEnableComparisonFilter)&&[X0.line].includes(X7.chartType)&&((W9=Object.keys(P9))==null?void 0:W9.map(T3=>{var s9;return m.jsxs("div",{className:Yo.metricFilters,children:[(s9=P9==null?void 0:P9[T3])==null?void 0:s9.map((S9,f8)=>m.jsx(mE,{datasourceId:j0,isAllClient:D,hideDatePickerOptions:G2,workspaceId:J,rlsConditions:S9,onChangeFilterValue:o3,clientId:r,className:f8===0?Yo.filterTopRight:"",rlsConditionList:[...F8,...l9],tenancyLevel:C,clientColumnType:Z2},S9.name)),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{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:()=>{i8(!0)}})]})}))]})]}),m.jsxs("div",{className:`${Yo.chartWrapper} ${X7.chartType===X0.table?Yo.tableChartWrapper:""}`,children:[![X0.boxplot,X0.horizontalStackTable,X0.pivot,X0.pivotV2,X0.pivotV3,X0.gauge].includes(X7==null?void 0:X7.chartType)||X7.chartType===X0.gauge&&t.clickActions.chart.isEnable?m.jsx(CW,{language:y0,translationDictionary:F0,clientColumnType:Z2,isOpen:V9,setOpen:Q9,isInavlidForSort:B9,isGaugeChart:X7.chartType===X0.gauge,value:a7==null?void 0:a7.name,columnName:H3,getUnderlyingData:b9,elementRef:{containerRef:K6,event:(Z8=a7==null?void 0:a7.event)==null?void 0:Z8.event},position:"dynamic",isSingleValueChart:!![X0.singleValue].includes(X7==null?void 0:X7.chartType),isEnableSort:(j8=X7==null?void 0:X7.customSettings)==null?void 0:j8.isEnableSort,setSortOrder:b8,rawCsvDownloadButtonProps:{data:[],fileName:t==null?void 0:t.name,companyIntegrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName,isPythonMode:i3,metricData:{options:{clientId:$?b2||"":r,isFrontend:$,token:c2},globalFilters:{...Y7,filters:((h6=Y7==null?void 0:Y7.filters)==null?void 0:h6.filter(T3=>T3.isVariableFilter))||[]},rlsConditions:n8==null?void 0:n8.filter(T3=>T3.isVariableFilter),tenancyLevel:C,id:t==null?void 0:t.id,dataSecuritySettings:{csvColumns:[]},filterValues:a6,isAllClient:D},updateDownloadProgress:()=>{},children:m.jsx(m.Fragment,{children:m.jsx(k8,{name:"download"})})}}):null,m.jsx(aC2,{isLoading:b1,isDataLength:!!n7.length,isSingleValue:X7.singleValue,dataDb:n7[0],chartType:""}),((P6=t==null?void 0:t.drillDownSettings)==null?void 0:P6.isEnableGroupBy)&&!!n7.length&&m.jsx(m.Fragment,{children:m.jsx(AW,{dimensions:R3,drilledLevel:R3.length>d3?d3:-1,onResetLevel:()=>N3({},[]),onDrillLevelClick:T3=>I9(T3),isMetricCard:!0,isMetricFilter:!!n9.length,drillFilters:m8,drillType:B8||"",isShowBreadCrumb:!!(R3!=null&&R3.length)&&![X0.horizontalStackTable,X0.pivot,X0.pivotV2,X0.pivotV3,X0.table,X0.sankey].includes(X7.chartType)&&R3.length>d3})}),n7.length&&!R6?m.jsx(rQ,{dateFilter:D6,language:y0,translationDictionary:F0,drilldownCols:l4,variables:B7,isPythonMode:i3,onDrillPivotTable:h9,chartAppearance:U2,pivotDrillState:y9,chartOptions:$8,sortOrder:s8,seriesName:a7==null?void 0:a7.seriesName,isSortReversed:G1&&[X0.row,X0.horizontalStack].includes((X7==null?void 0:X7.chartType)||""),data:n7,colors:S6?X7==null?void 0:X7.chartColors:i||(X7==null?void 0:X7.chartColors),events:{click:(T3,s9)=>{var f8,Y8,e6,w6,r5,B6;const S9=(f8=Object.keys(T3))!=null&&f8.length?T3:s9;if([X0.progressBar,X0.linearGauge].includes(X7.chartType)){u9(T3),Q9(!0);return}if((Y8=t.drillDownSettings)!=null&&Y8.isEnableGroupBy&&(R3==null?void 0:R3.length)!==d3){const L6=X7.chartType==="table"?(e6=s9==null?void 0:s9.find(x6=>x6.columnName===(R3==null?void 0:R3[d3])))==null?void 0:e6.value:"";N3(X7.chartType==="table"?{name:L6}:T3)}(!((w6=t.drillDownSettings)!=null&&w6.isEnableGroupBy)||(r5=t.drillDownSettings)!=null&&r5.isEnableGroupBy&&(R3==null?void 0:R3.length)===d3)&&((B6=t.clickActions.chart)!=null&&B6.isEnable)&&qY(t.clickActions.chart,Q6(S9)||void 0)},contextmenu:T3=>{[X0.progressBar,X0.linearGauge].includes(X7.chartType)||(u9(T3),Q9(!0))}},className:X7.chartType===X0.table?"":Yo.chart,isEnableDrillDown:(e5=t.drillDownSettings)==null?void 0:e5.isEnableGroupBy,config:{ref:F3,chartClickConfig:(U7=t.clickActions)==null?void 0:U7.chart,onColumnSizingChange:T3=>d8(s9=>({...s9,tableSettings:{...s9.tableSettings,columnSizing:T3}})),onChartReady:()=>a8(!0),isInfiniteScroll:!1,onChangePage:u8,isExternalChart:Q1,isEnableNextBtn:E9,isEnablePrevBtn:Z3,paginationInfo:k9,setChartSettings:d8,dropdownZindex:X7.chartType===X0.table?999999999999:void 0,isFullScreenChart:!0}}):null,!n7.length&&b1?m.jsx("div",{className:"dbn-w-full dbn-h-[350px]",children:m.jsx(yf,{})}):null]})]}),!T&&X7.chartType!=="table"&&!R6?m.jsx("div",{"data-testid":"table-view-chart",className:"dbn-flex-1 dbn-border dbn-border-secondary dbn-rounded-2xl dbn-p-6",children:m.jsx(KL,{language:y0,translationDictionary:F0,data:v6,isLoading:b1,error:"",tableName:"Table Preview",headerAlignment:"left",comboFormatter:(X7==null?void 0:X7.chartType)===X0.combo?(b3=(m9=X7==null?void 0:X7.customSettings)==null?void 0:m9.comboAxisSettings)==null?void 0:b3.map(T3=>({...T3,suffix:T3!=null&&T3.suffix?AA((T3==null?void 0:T3.suffix)||"^^^^^",B7):T3==null?void 0:T3.suffix,prefix:T3!=null&&T3.prefix?AA((T3==null?void 0:T3.prefix)||"^^^^^",B7):T3==null?void 0:T3.prefix})):[],tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"large",contentAlignment:"left",hideVerticalDivider:!1,tableFormatter:(P3=X7==null?void 0:X7.customSettings)==null?void 0:P3.numberFormatter,tablePrefix:q5,tableSuffix:d4,isEnableNumberFormatting:!0,formattedColumns:(X7==null?void 0:X7.yAxisList)||[],tableTitle:"Underlying Data"},dropdownZindex:999999999999})}):null]}),n3?m.jsx("div",{className:Yo.chartPanelContainer,children:m.jsx(IH,{chartTypePanelProps:{selectedChart:X7.chartType,onChartChange:q8,enabledCharts:[...Object.values(X0)].filter(T3=>![X0.pivotV2,X0.pivotV3,X0.combo,X0.boxplot].includes(T3)),isOpen:n3,onClose:()=>D3(!1),zIndex:9999999999,inline:!0,onClickSettings:()=>{D3(!1),v8(!0)}}})}):null,$9?m.jsx("div",{className:Yo.chartPanelContainer,children:m.jsx(q60,{isOpen:$9,onClose:()=>v8(!1),zIndex:9999999999,chartSettings:X7,setChartSettings:d8,columnList:G6,inline:!0,onClickBack:()=>{v8(!1),D3(!0)}})}):null,O9.isOpen?m.jsx("div",{className:Yo.chartPanelContainer,children:m.jsx(y50,{inline:!0,isOpen:O9.isOpen,onClose:()=>B3(T3=>({...T3,isOpen:!1,isLoading:!1})),report:O9.report,isLoading:O9.isLoading,zIndex:9999999999})}):null]}),m.jsx($S,{workspaceId:J,metricItem:t,isShowRawCsvModal:K1,onCloseModal:S7,sharingSettingsId:f,query:vm({query:(t==null?void 0:t.query)||"",dbName:(t==null?void 0:t.integrationName)||"",rlsConditions:n8,tenancyLevel:C,clientId:r,globalFilters:Y7,values:n==null?void 0:n.filterValues,isAllClient:D,clientColumnType:Z2,dataMartRelationships:U9})}),u&&m.jsx($u,{isOpen:e9,onClose:()=>r9(!1),headerTitle:"Update Metric",zIndex:9999999999,children:m.jsx(PM,{onCancel:()=>r9(!1),onSubmit:J6,error:K5,isCreatingMetric:d5,defaultValues:{name:t.name,description:t.description,isLive:t.isLive,metricId:t.isCreatedByClient?t.metricId:`update_${t.metricId}_by_${r}_${Date.now()}`}})}),m.jsx(L50,{deleteConfig:R2,onDeleteMetric:x0,setDeleteConfig:v1,error:q1,isDeletingMetric:m7})]})},mH={colorField:"_colorField_1w8fo_1",label:"_label_1w8fo_5",field:"_field_1w8fo_9",textField:"_textField_1w8fo_13"},PC=({name:t,value:i,onChange:n,defaultValue:a,placeholder:o,label:s,className:r="",isDisabled:C,zIndex:A=10})=>m.jsxs("div",{className:`${mH.colorField} ${r}`,children:[m.jsx("label",{className:mH.label,style:{backgroundColor:i||a,zIndex:A},htmlFor:`${t}-color`,children:m.jsx("input",{className:mH.field,type:"color",name:t,id:`${t}-color`,defaultValue:a,value:i,disabled:C,onChange:({target:e})=>n(e.value)})}),m.jsx(T5,{type:"text",id:t,name:t,label:s,className:mH.textField,placeholder:o,defaultValue:a,value:i,onChange:({target:e})=>n(e.value),isDisabled:C})]}),w50=({createElementPanelProps:{isOpen:t,onClose:i,element:n,clientId:a,companyId:o,externalDashboardId:s,userProvidedDashboardId:r}})=>{const[C,A]=d1.useState(!1),[e,l]=d1.useState(!1),{updateExternalMetric:u,error:f,isLoading:d,setValue:g,watch:I,register:Q,handleSubmit:T,reset:D,control:Y}=dL({onSuccess:()=>{var c2,b2;i(),(b2=(c2=window==null?void 0:window.location)==null?void 0:c2.reload)==null||b2.call(c2)},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:a,companyId:o,isLiveMode:n==null?void 0:n.isLive,timeGrain:n==null?void 0:n.timeGrain,dashboardIds:[s],isEnableGroupBy:n==null?void 0:n.isEnableGroupBy,groupBy:n==null?void 0:n.groupBy,selectedGroupBy:n==null?void 0:n.selectedGroupBy,metric:n}),[G,n2]=d1.useState({isOpenInNewTab:!1,link:"",targetWord:""}),$=c2=>{u==null||u(c2,!0)};return d1.useEffect(()=>{var c2,b2,J,Z2,V2,G2,U2,D2,j2,F2,p0,g0,j0,f0,y0,F0,x0,R2,v1,q1,m7,d7,T7,A3,F3,K1,S7,n3,D3;n!=null&&n.id&&(g("metricId",n.metricId),g("elementTitle",n.name),g("description",n.description),g("isDisableCardAppearance",(c2=n==null?void 0:n.elementSettings)==null?void 0:c2.isDisableCardAppearance),(b2=n==null?void 0:n.elementSettings)!=null&&b2.titleAlignment&&g("titleAlignment",(J=n==null?void 0:n.elementSettings)==null?void 0:J.titleAlignment),(Z2=n==null?void 0:n.elementSettings)!=null&&Z2.descAlignment&&g("descAlignment",(V2=n==null?void 0:n.elementSettings)==null?void 0:V2.descAlignment),(U2=(G2=n==null?void 0:n.elementSettings)==null?void 0:G2.textBox)!=null&&U2.text?(l(!0),g("text",(j2=(D2=n==null?void 0:n.elementSettings)==null?void 0:D2.textBox)==null?void 0:j2.text),g("fontColor",(p0=(F2=n==null?void 0:n.elementSettings)==null?void 0:F2.textBox)==null?void 0:p0.fontColor),g("fontWeight",(j0=(g0=n==null?void 0:n.elementSettings)==null?void 0:g0.textBox)==null?void 0:j0.fontWeight),g("fontSize",(y0=(f0=n==null?void 0:n.elementSettings)==null?void 0:f0.textBox)==null?void 0:y0.fontSize),g("textAlignment",(x0=(F0=n==null?void 0:n.elementSettings)==null?void 0:F0.textBox)==null?void 0:x0.alignment),g("textLink",(v1=(R2=n==null?void 0:n.elementSettings)==null?void 0:R2.textBox)==null?void 0:v1.link),g("targetWord",(m7=(q1=n==null?void 0:n.elementSettings)==null?void 0:q1.textBox)==null?void 0:m7.targetWord),g("isOpenInNewTab",(T7=(d7=n==null?void 0:n.elementSettings)==null?void 0:d7.textBox)==null?void 0:T7.isOpenInNewTab),n2({isOpenInNewTab:(F3=(A3=n==null?void 0:n.elementSettings)==null?void 0:A3.textBox)==null?void 0:F3.isOpenInNewTab,link:(S7=(K1=n==null?void 0:n.elementSettings)==null?void 0:K1.textBox)==null?void 0:S7.link,targetWord:(D3=(n3=n==null?void 0:n.elementSettings)==null?void 0:n3.textBox)==null?void 0:D3.targetWord})):l(!1))},[n]),m.jsxs(m.Fragment,{children:[m.jsx(id,{isOpen:t,onClose:()=>{D(),i()},size:"small",side:"right",hideFooter:!0,headerTitle:"Add Element",dataTestTitle:"elementPanel",children:m.jsxs("form",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-flex dbn-flex-col dbn-gap-6",onSubmit:T($),children:[m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[m.jsx(T5,{type:"text",placeholder:"Enter title",label:"Title",register:Q("elementTitle")}),m.jsx(T5,{type:"text",placeholder:"Enter description",label:"Description",register:Q("description")}),m.jsx(Bp,{name:"titleAlignment",control:Y,render:({field:c2})=>m.jsx(m.Fragment,{children:m.jsx(Be,{buttonWidth:"100%",menuWidth:"100%",label:"Title alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:b2=>{g("titleAlignment",b2.value)},selectedOption:{label:(c2==null?void 0:c2.value)||"",value:c2.value||""}})})}),m.jsx(Bp,{name:"descAlignment",control:Y,render:({field:c2})=>m.jsx(m.Fragment,{children:m.jsx(Be,{buttonWidth:"100%",menuWidth:"100%",label:"Description alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:b2=>{g("descAlignment",b2.value)},selectedOption:{label:(c2==null?void 0:c2.value)||"",value:c2.value||""}})})})]}),m.jsx(B4,{name:"enableMetricCard",placeholder:"Merge Card to Background",enabled:I("isDisableCardAppearance"),onChange:()=>g("isDisableCardAppearance",!I("isDisableCardAppearance"))}),e?null:m.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:m.jsx(M8,{variant:"tab",leftIcon:m.jsx(k8,{name:"plus",size:"sm"}),onClick:()=>l(!0),fitContainer:!0,children:"Text box"})}),e?m.jsxs("div",{className:"dbn-py-5 dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-border-y dbn-border-secondary",children:[m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-items-center dbn-justify-between",children:[m.jsx(w9,{variant:"heading-5",children:"Text box"}),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"delete",color:"alert"}),onClick:()=>{l(!1),g("text",""),g("fontWeight",""),g("fontSize",""),g("textAlignment",""),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),n2({isOpenInNewTab:!1,link:"",targetWord:""})}})]}),m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[m.jsx(T5,{type:"text",placeholder:"Enter text",label:"",register:Q("text")}),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"link",size:"lg"}),onClick:()=>A(!0)})]}),m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4",children:[m.jsx(T5,{type:"text",placeholder:"Regular",label:"Font weight",register:Q("fontWeight")}),m.jsx(T5,{type:"text",placeholder:"36px",label:"Font size",register:Q("fontSize")})]}),m.jsx(PC,{name:"font color",label:"Font color",onChange:c2=>g("fontColor",c2),value:I("fontColor")||"#000000",defaultValue:"#000000"}),m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-6 dbn-py-2 dbn-items-center dbn-justify-center",children:[m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"align-left",size:"lg"}),onClick:()=>g("textAlignment","left"),className:I("textAlignment")==="left"||!I("textAlignment")?"dbn-bg-gray dbn-p-1":""}),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"align-space-even",size:"lg"}),onClick:()=>g("textAlignment","center"),className:I("textAlignment")==="center"?"dbn-bg-gray dbn-p-1":""}),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"align-right",size:"lg"}),onClick:()=>g("textAlignment","right"),className:I("textAlignment")==="right"?"dbn-bg-gray dbn-p-1":""})]})]}):null,m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4 dbn-items-center dbn-justify-end dbn-pb-4",children:[f?m.jsx(w9,{variant:"body-text-2",color:"alert",children:f}):null,m.jsx(M8,{type:"submit",variant:"primary",children:d?"Saving...":"Save"})]})]})}),m.jsxs($u,{isOpen:C,onClose:()=>A(!1),customHeader:m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-items-center dbn-justify-between",children:[m.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2",children:[m.jsx(k8,{name:"link",size:"lg"}),m.jsx(w9,{variant:"heading-3",children:"Insert Link"})]}),m.jsx(M8,{variant:"tertiary",type:"button",onClick:()=>{n2({isOpenInNewTab:I("isOpenInNewTab")||!1,link:I("textLink")||"",targetWord:I("targetWord")||""}),A(!1)},leftIcon:m.jsx(k8,{name:"cross",size:"xs"}),style:{padding:"0",height:"16px"}})]}),children:[m.jsxs("div",{className:"dbn-w-[500px] dbn-flex dbn-flex-col dbn-gap-4 dbn-pb-4 dbn-px-5",children:[m.jsx(T5,{type:"text",placeholder:"Paste your link here",label:"",value:G.link,onChange:c2=>n2(b2=>({...b2,link:c2.target.value}))}),m.jsx(T5,{type:"text",placeholder:"Enter the target word or sentence",label:"Target",value:G.targetWord,onChange:c2=>n2(b2=>({...b2,targetWord:c2.target.value}))}),m.jsx(pf,{label:"Open link in new tab",onChange:()=>{n2(c2=>({...c2,isOpenInNewTab:!c2.isOpenInNewTab}))},checked:G.isOpenInNewTab})]}),m.jsxs(AE,{children:[m.jsx(M8,{type:"button",variant:"tab",onClick:()=>{D(),n2({isOpenInNewTab:!1,link:"",targetWord:""}),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),A(!1)},children:"Discard"}),m.jsx(M8,{type:"submit",variant:"primary",onClick:()=>{g("textLink",G.link),g("isOpenInNewTab",G.isOpenInNewTab),g("targetWord",G.targetWord),A(!1)},children:"Add link"})]})]})]})},UA2={"MetricList-wrapper":"_MetricList-wrapper_1be4a_5","MetricList-wrapper-move":"_MetricList-wrapper-move_1be4a_13"},M50=({props:{metricList:t,mainMetricItem:i,metricCardColor:n,isAllowedToChangeLayout:a,isMobileScreen:o,isShadowDisableOnHover:s,disableMetricCardBorder:r,isAllowedToUpdateMetrics:C,isEditLayoutEnabled:A,isHoverLongDesc:e,setOpenElementPanel:l,setUpdateElement:u,isEnableEmailRawCsvDownload:f,setRawCsvModal:d,language:g,translationDictionary:I,datasourceId:Q,metricStore:T,setHoverLongDesc:D,setHoverSubHeader:Y,setMetricStore:G,setDownloadMetrics:n2,isAllClient:$,clientColumnType:c2,noDataImg:b2,isAllowedToSeeUnderlyingData:J,chartAppearance:Z2,hideDatePickerOptions:V2,isDisableMetricLoader:G2,onServerEvent:U2,workspaceId:D2,token:j2,downloadMetrics:F2,dropdownTheme:p0,optionsIcon:g0,disableFullscreen:j0,setFullScreenModal:f0,client:y0,chartColors:F0,globalFilters:x0,companyTenancyType:R2,appFilters:v1,params:q1,isAllowedToDeleteMetrics:m7,setArchiveModal:d7,setCrossDashboardFilters:T7,crossDashboardFilters:A3,enableMultiMetricFilters:F3,enableDownloadCsv:K1,parentHeight:S7,parentWidth:n3,filters:D3,scrollToTop:e9,calendarType:r9,isDisableClick:Y7,bgColor:n7}})=>{var o3,N3;const[B7,b9]=d1.useState([]),[u9,H3]=d1.useState([]),Q9=d1.useMemo(()=>{let d3=[];const R3=[i,...t].map(E9=>{var I9,n9,a6,h8,R6,K6;const Z3=`${E9==null?void 0:E9.id}-sub-card`,k9=(I9=E9==null?void 0:E9.chartOptions)==null?void 0:I9.cardLayout;[X0.linearGauge,X0.progressBar].includes((n9=E9==null?void 0:E9.chartOptions)==null?void 0:n9.chartType)&&(d3=[...d3,{id:Z3,height:(k9==null?void 0:k9.h)??((a6=E9==null?void 0:E9.resizeAttributes)==null?void 0:a6.height)??10}]);const u8=n3||5,Q1=S7?(S7||10)/[i,...t].length:5;return{i:Z3,w:(k9==null?void 0:k9.w)??u8,h:(k9==null?void 0:k9.h)??Q1,x:(k9==null?void 0:k9.x)??((h8=E9==null?void 0:E9.resizeAttributes)==null?void 0:h8.xAxis)??0,y:(k9==null?void 0:k9.y)??((R6=E9==null?void 0:E9.resizeAttributes)==null?void 0:R6.yAxis)??0,minW:E9.isMetric?[X0.singleValue,X0.pivot,X0.pivotV2,X0.pivotV3,X0.progressBar,X0.linearGauge].includes((K6=E9==null?void 0:E9.chartOptions)==null?void 0:K6.chartType)?2:3:1,minH:3,maxH:S7}});return H3(d3),R3},[i,t,S7,n3]),V9=d1.useMemo(()=>Q9.sort((d3,R3)=>d3.y!==R3.y?d3.y-R3.y:d3.x-R3.x),[Q9]),b1=d1.useMemo(()=>[i,...t].map((d3,R3)=>{var F8,l9,X8,m8,B8;const E9=(F8=u9.find(z9=>z9.id===(d3==null?void 0:d3.id)))==null?void 0:F8.height,Z3=d3.isMetric,k9=((l9=i==null?void 0:i.chartOptions)==null?void 0:l9.mergedCards)||[],u8=!!((X8=d3==null?void 0:d3.elementSettings)!=null&&X8.isDisableCardAppearance),Q1=(!Z3&&!u8||Z3)&&!n?"dbn-white":"",I9=a?UA2["MetricList-wrapper-move"]:"",n9=r?"dbn-border-0":"",a6=!Z3&&!u8||Z3?"dbn-metric-card-container":"",h8=`${UA2["MetricList-wrapper"]} ${Q1} ${I9} ${n9} ${a6} dbn-shadow-none !important`,R6=()=>{!Z3&&C&&!A&&(l(!0),u(d3))},K6={cursor:"auto",backgroundColor:n7,zIndex:e?Q9.length-R3:10,maxWidth:"100%"},X7=(z9,n8)=>{n2(n8?J9=>[...J9,{id:z9,isInProgress:n8}]:J9=>J9.filter(y9=>y9.id!==z9))},d8=f?(z9,n8,J9)=>d({show:!0,metric:d3,filterValues:z9,rlsConditions:n8,dataMartRelationships:J9}):void 0;return m.jsx("div",{className:h8,id:`${d3==null?void 0:d3.id}-sub-card`,tabIndex:0,role:"button",style:K6,onClick:R6,"data-testid":`${(m8=d3==null?void 0:d3.name)==null?void 0:m8.toLowerCase().replaceAll(" ","-")}-card`,children:m.jsx(pH,{calendarType:r9,disableFullscreen:!!j0,isDisableClick:Y7,language:g,translationDictionary:I,datasourceId:Q,metricStore:T,disableBorder:r,setHoverLongDesc:D,setHoverSubHeader:Y,setMetricStore:G,isAllClient:$,clientColumnType:c2,isMergedMetric:!!k9.length&&!o,metricCardColor:n,isShadowDisableOnHover:s,noDataImg:b2,isAllowedToSeeUnderlyingData:J,chartAppearance:Z2,hideDatePickerOptions:V2,chartHeight:E9||void 0,isEditLayoutEnabled:A,isDisableMetricLoader:G2,onServerEvent:U2,workspaceId:D2,guestToken:j2,isFrontendApp:!1,downloadMetrics:F2,onDownload:X7,metricItem:d3,dropdownTheme:p0,optionsIcon:g0,onMaximize:void 0,client:y0,colors:F0,globalFilters:{tableName:(x0==null?void 0:x0.tableName)||"",filters:[...(x0==null?void 0:x0.filters)||[],...(B8=B7==null?void 0:B7.filter(z9=>z9==null?void 0:z9.value))==null?void 0:B8.map(z9=>nn2(z9))]},param:q1==null?void 0:q1.find(z9=>z9.metricId===d3.metricId),appFilters:v1==null?void 0:v1.find(z9=>z9.metricId===d3.metricId),companyTenancyType:R2,onArchive:m7?z9=>d7({id:z9,show:!0,metricId:(d3==null?void 0:d3.metricId)||""}):void 0,disableActions:A,isDisableMorePopup:A,setCrossDashboardFilters:T7,crossDashboardFilters:A3,enableMultiMetricFilters:F3,enableDownloadCsv:K1,onDownloadRawCsv:d8})},`${d3==null?void 0:d3.id}-sub-card`)}),[i,V9,t,u9,n,a,r,e,Q9.length,f,g,I,Q,T,D,Y,G,$,c2,o,s,b2,J,Z2,V2,A,G2,U2,D2,j2,F2,p0,g0,j0,y0,F0,x0==null?void 0:x0.tableName,x0==null?void 0:x0.filters,B7,q1,v1,R2,m7,T7,A3,F3,K1,C,l,u,n2,d,f0,d7,r9]),a7=d1.useMemo(()=>{var d3;return(d3=i==null?void 0:i.chartOptions)==null?void 0:d3.isNewLayout},[(o3=i==null?void 0:i.chartOptions)==null?void 0:o3.isNewLayout]);return m.jsxs(m.Fragment,{children:[!!(D3!=null&&D3.length)&&m.jsx("div",{className:"dbn-w-full dbn-flex  dbn-gap-2 dbn-p-2 dbn-items-end dbn-z-[19] dbn-justify-start",children:m.jsx(hz,{parentAppliedFilter:(x0==null?void 0:x0.filters)||[],isEditLayoutEnabled:!1,clientColumnType:c2,hideDatePickerOptions:[],appliedfilters:B7,setAppliedFilters:b9,filters:[{tableName:"",columns:D3}],internal:{isInternal:!0,workspaceId:D2||""},clientId:y0,isAllClient:$,theme:p0,tenancyLevel:R2,layout:{adminLayout:((N3=i==null?void 0:i.chartOptions)==null?void 0:N3.filterLayout)||[],clientLayout:[],isLocked:!0,onChange:()=>{}},datasourceId:Q})}),m.jsx(QH,{layouts:{lg:V9},rowHeight:30,breakpoints:{lg:1800,md:996,sm:768,xs:480,xxs:0},cols:{lg:a7&&n3||12,md:a7&&n3||12,sm:a7&&n3||12,xs:a7&&n3||4,xxs:a7&&n3||2},margin:[10,10],containerPadding:[0,0],draggableHandle:"metric-sub-card",isDraggable:!1,isDroppable:!1,isResizable:!1,children:b1},A?"reset":"default")]})},QH=nC2.WidthProvider(nC2.Responsive),T50=({chartColors:t,globalFilters:i,dataLimit:n,client:a,companyId:o,isAllowedToUpdateMetrics:s,isAllowedToDeleteMetrics:r,isAllowedToChangeLayout:C,isAllowedToSeeUnderlyingData:A,externalDashboardMetrics:e,isMetricListLoading:l,breakpoint:u,layoutCols:f,layout:d,params:g,companyTenancyType:I="TABLE",externalDashboardId:Q,externalDashboardPk:T,sharingSettingsId:D,appFilters:Y,isHideChartSettings:G,isHideTablePreview:n2,enableDownloadCsv:$,enableEmailCsv:c2,enableMultiMetricFilters:b2,disableFullscreen:J,dropdownTheme:Z2,optionsIcon:V2,token:G2,workspaceId:U2,clientColumnType:D2,isShowLoader:j2,isEditLayoutEnabled:F2,isEnableMetricSummary:p0,hideDatePickerOptions:g0,chartAppearance:j0,isAllClient:f0,gridMargin:y0,isDisableMetricLoader:F0,isShadowDisableOnHover:x0,noDataImg:R2,metricCardColor:v1,shouldFitFullScreen:q1,mergedMetrics:m7,metricIndex:d7,setRowMetrics:T7,onServerEvent:A3,disableDownloadPng:F3,disableMetricCardBorder:K1,isMobileScreen:S7,isAllowToDownloadMetrics:n3,chartColumns:D3,datasourceId:e9,language:r9,translationDictionary:Y7,metricMergedFilters:n7,fullScreenModal:B7,setFullScreenModal:b9,calendarType:u9,isDisableClick:H3,onEditMetric:Q9,isDataApp:V9})=>{var s8,b8,i8,P9;const[b1,a7]=d1.useState(new Map),[o3,N3]=d1.useState([]),[d3,R3]=d1.useState(!1),[E9,Z3]=d1.useState(!1),[k9,u8]=d1.useState(),[Q1,I9]=d1.useState(!1),[n9,a6]=d1.useState({show:!1,metric:void 0,filterValues:void 0,rlsConditions:[],dataMartRelationships:[]}),[h8,R6]=d1.useState({id:"",show:!1,metricId:""}),[K6,X7]=d1.useState([]),[d8,F8]=d1.useState([]),{handleArchiveMetric:l9,isLoading:X8}=XX2({token:G2,metricId:h8.id,onSuccess:async()=>{A3==null||A3(rX2,h8.id),R6({id:"",show:!1,metricId:""}),b9({show:!1,isClickOnChart:!1}),await m8({clientId:a,data:{companyId:o,feature:"ARCHIVE_METRIC",dashboardId:Q,metricId:h8.metricId},isFrontendApp:!1,token:G2}),window.location.reload()}}),{saveLogsAsync:m8}=Xj(),{isDisableDownloadSettings:B8}=iz({sharingSettingsId:D,workspaceId:U2}),z9=d1.useMemo(()=>(c2==null?void 0:c2.toString())&&c2||!(c2!=null&&c2.toString())&&!B8,[B8,c2]),n8=d1.useMemo(()=>{var c9;return((c9=e==null?void 0:e.map(O9=>{var B3,a8,U9,q8,z6,$9;return(U9=(a8=(B3=O9==null?void 0:O9.externalMetric)==null?void 0:B3.clickActions)==null?void 0:a8.chartWithMetric)!=null&&U9.isEnable?($9=(z6=(q8=O9==null?void 0:O9.externalMetric)==null?void 0:q8.clickActions)==null?void 0:z6.chartWithMetric)==null?void 0:$9.metricId:""}))==null?void 0:c9.filter(O9=>O9))||[]},[e]),J9=d1.useMemo(()=>e==null?void 0:e.map(c9=>{var B3,a8,U9,q8;const O9=D3==null?void 0:D3.find(z6=>{var $9;return z6.metricId===(($9=c9==null?void 0:c9.externalMetric)==null?void 0:$9.metricId)&&z6.isEnabled});return O9?{...c9==null?void 0:c9.externalMetric,chartOptions:{...(B3=c9==null?void 0:c9.externalMetric)==null?void 0:B3.chartOptions,enduserMeasureAndDimensions:{isEnabled:!!(O9!=null&&O9.isEnabled),dimensions:((a8=O9==null?void 0:O9.dimensions)==null?void 0:a8.map(z6=>({value:z6,label:z6})))||[],measures:((U9=O9==null?void 0:O9.measures)==null?void 0:U9.map(z6=>({value:z6,label:z6})))||[]},yAxisList:(O9==null?void 0:O9.measures)||[],xAxis:((q8=O9==null?void 0:O9.dimensions)==null?void 0:q8[0])||""}}:c9.externalMetric}),[e,D3]),y9=d1.useMemo(()=>{const c9=J9==null?void 0:J9.filter(U9=>{var q8;return!((q8=U9==null?void 0:U9.clientArchivedMetrics)!=null&&q8.length)}),O9=c9==null?void 0:c9.filter(U9=>(!U9.isCreatedByClient||U9.isCreatedByClient&&!U9.clientId)&&!(m7!=null&&m7.includes(U9==null?void 0:U9.id))&&!(n8!=null&&n8.includes(U9==null?void 0:U9.id))),B3=c9==null?void 0:c9.filter(U9=>U9.isCreatedByClient&&U9.clientId===a&&!(m7!=null&&m7.includes(U9==null?void 0:U9.id)));return[...O9||[],...B3||[]].sort((U9,q8)=>{const z6=new Date(U9.createdAt).getTime(),$9=new Date(q8.createdAt).getTime();return z6-$9})},[a,J9,m7,n8]),h9=d1.useMemo(()=>{let c9=[];const O9=y9==null?void 0:y9.map(B3=>{var q8,z6,$9,v8,G6;const a8=d.clientLayout.find(G5=>G5.i===B3.id),U9=d.adminLayout.find(G5=>G5.i===B3.id);return[X0.linearGauge,X0.progressBar].includes(B3.chartOptions.chartType)&&(c9=[...c9,{id:(a8==null?void 0:a8.i)??(U9==null?void 0:U9.i)??B3.id,height:(a8==null?void 0:a8.h)??(U9==null?void 0:U9.h)??((q8=B3==null?void 0:B3.resizeAttributes)==null?void 0:q8.height)??10}]),{i:(a8==null?void 0:a8.i)||(U9==null?void 0:U9.i)||B3.id,w:(a8==null?void 0:a8.w)||(U9==null?void 0:U9.w)||((z6=B3.resizeAttributes)==null?void 0:z6.width)||5,h:(a8==null?void 0:a8.h)||(U9==null?void 0:U9.h)||(($9=B3.resizeAttributes)==null?void 0:$9.height)||10,x:(a8==null?void 0:a8.x)||(U9==null?void 0:U9.x)||((v8=B3.resizeAttributes)==null?void 0:v8.xAxis)||0,y:(a8==null?void 0:a8.y)||(U9==null?void 0:U9.y)||((G6=B3.resizeAttributes)==null?void 0:G6.yAxis)||0,minW:B3.isMetric?[X0.singleValue,X0.pivot,X0.pivotV2,X0.pivotV3,X0.progressBar,X0.linearGauge].includes(B3.chartOptions.chartType)?2:3:1,minH:B3.isMetric?[X0.singleValue,X0.pivot,X0.pivotV2,X0.pivotV3,X0.table].includes(B3.chartOptions.chartType)?2:[X0.progressBar,X0.linearGauge].includes(B3.chartOptions.chartType)?3:8:1,maxH:B3.chartOptions.chartType==="table"?1/0:15}});return F8(c9),O9},[y9,d.adminLayout,d.clientLayout]),o8=d1.useMemo(()=>h9.sort((c9,O9)=>c9.y!==O9.y?c9.y-O9.y:c9.x-O9.x),[h9]);d1.useEffect(()=>{var c9;if(o8!=null&&o8.length&&d7){const O9=(c9=o8[d7||0])==null?void 0:c9.y,B3=o8==null?void 0:o8.slice(d7);T7==null||T7(()=>{let a8=0;return B3==null||B3.forEach(U9=>{U9.y===O9&&(a8+=1)}),a8-1})}},[o8,d7]);const i6=d1.useMemo(()=>{const c9=new Map;return o8.forEach((O9,B3)=>{c9.set(O9.i,B3)}),y9.sort((O9,B3)=>c9.get(O9.id)-c9.get(B3.id)),y9.slice(0,n)},[o8,y9,n]),i3=d1.useMemo(()=>o8.slice(0,n),[o8,n]);d1.useEffect(()=>{N3([])},[y9]);const G1=()=>{const O9=(()=>{var B3,a8;return document.querySelector(".dbn-dashboard")??((a8=(B3=document==null?void 0:document.querySelector("dbn-dashboard"))==null?void 0:B3.shadowRoot)==null?void 0:a8.querySelector(".dbn-dashboard"))})();O9&&O9.scrollTo({top:0,behavior:"smooth"})};d1.useEffect(()=>{const c9=setTimeout(()=>{window.dispatchEvent(new Event("resize"))},300);return()=>clearTimeout(c9)},[h9]);const B9=d1.useMemo(()=>i6==null?void 0:i6.map((c9,O9)=>{var w4,x4,p4,E4,y6,u4,W6,y4,c4,I5,we,P5,h5,j4,S4,r4,D5,h4,n4,pe,Ue,ot,ft;const B3=(x4=(w4=c9==null?void 0:c9.clickActions)==null?void 0:w4.chartWithMetric)!=null&&x4.isEnable?(E4=(p4=c9==null?void 0:c9.clickActions)==null?void 0:p4.chartWithMetric)==null?void 0:E4.metricId:void 0,a8=B3?J9==null?void 0:J9.find(D4=>D4.id===B3):void 0,U9=(y6=d8.find(D4=>D4.id===(c9==null?void 0:c9.id)))==null?void 0:y6.height,q8=c9.isMetric,z6=((u4=c9==null?void 0:c9.chartOptions)==null?void 0:u4.mergedCards)||[],$9=((W6=n7==null?void 0:n7.find(D4=>D4.id===(c9==null?void 0:c9.id)))==null?void 0:W6.filters)||[],v8=(y4=z6==null?void 0:z6.map(D4=>J9==null?void 0:J9.find(f7=>f7.id===(D4==null?void 0:D4.value))))==null?void 0:y4.filter(D4=>D4),G6=($9==null?void 0:$9.length)||!!v8.length,G5=!!((c4=c9==null?void 0:c9.elementSettings)!=null&&c4.isDisableCardAppearance),l4=!q8&&!G5||q8?"dbn-metric-card-container":"",y8=((I5=c9==null?void 0:c9.chartOptions)==null?void 0:I5.chartType)===X0.singleValue&&((P5=(we=c9==null?void 0:c9.chartOptions)==null?void 0:we.customSettings)==null?void 0:P5.isEnableSingleValueBgColor),D6=y8&&((j4=(h5=c9==null?void 0:c9.chartOptions)==null?void 0:h5.customSettings)==null?void 0:j4.singleValueBgColor)||"",J6=(!q8&&!G5||q8)&&!v1&&!D6?"dbn-white":"",K5=C?mf["MetricList-wrapper-move"]:"",d5=z6.length&&!S7?`dbn-metric-card ${z6.length<2?mf.gridDisplay:mf.gridDisplay2} ${x0?"":mf.isShowShadow}`:mf.flexDisplay,H8=K1?"dbn-border-0":"",K8=`${mf["MetricList-wrapper"]} ${l4} ${J6} ${K5} ${d5} ${H8}`,$8=`${mf["MetricList-wrapper"]} ${l4} ${J6} ${K5}  ${H8} ${mf.mergedCard}`,Q6=()=>{!q8&&s&&!F2&&(I9(!0),u8(c9))},v6=!q8&&!!(v8!=null&&v8.every(D4=>!(D4!=null&&D4.isMetric)))&&G5;let S6="",S5="";G6&&v6?S6="":G6&&!v6&&!(c9!=null&&c9.isMetric)?v1?S6=v1:S6="white":D6?S6=D6:v1&&!G5?S6=v1:!q8&&!G5||q8?S6="white":S6="",G6&&((S4=c9==null?void 0:c9.chartOptions)!=null&&S4.isEnableMergeDividers)&&!v6&&(S5=((r4=c9==null?void 0:c9.chartOptions)==null?void 0:r4.dividerColor)??"");const $6={cursor:"auto",backgroundColor:(D5=c9==null?void 0:c9.chartOptions)!=null&&D5.isEnableMergeDividers?S5:S6,zIndex:d3||E9?i6.length-O9:10},q5=(D4,u1)=>{X7(u1?f7=>[...f7,{id:D4,isInProgress:u1}]:f7=>f7.filter(J7=>J7.id!==D4))},d4=z9?(D4,u1,f7)=>a6({show:!0,metric:c9,filterValues:D4,rlsConditions:u1,dataMartRelationships:f7}):void 0,K4=(h4=i3==null?void 0:i3.find(D4=>D4.i===(c9==null?void 0:c9.id)))==null?void 0:h4.h,b4=(n4=i3==null?void 0:i3.find(D4=>D4.i===(c9==null?void 0:c9.id)))==null?void 0:n4.w;return G6?m.jsx("div",{"data-testid":`${(pe=c9==null?void 0:c9.name)==null?void 0:pe.toLowerCase().replaceAll(" ","-")}-card`,className:$8,id:c9.id,style:$6,children:m.jsx(M50,{props:{calendarType:u9,filters:$9,parentHeight:K4,bgColor:S6,scrollToTop:q1?()=>G1():()=>{},parentWidth:b4,metricList:v8,mainMetricItem:c9,metricCardColor:y8?D6:v1,isAllowedToChangeLayout:C,isMobileScreen:S7,isShadowDisableOnHover:x0,disableMetricCardBorder:K1,isAllowedToUpdateMetrics:s,isEditLayoutEnabled:F2,isHoverLongDesc:d3,setOpenElementPanel:I9,setUpdateElement:u8,isEnableEmailRawCsvDownload:z9,setRawCsvModal:a6,language:r9,translationDictionary:Y7,datasourceId:e9,metricStore:b1,setHoverLongDesc:R3,setHoverSubHeader:Z3,setMetricStore:a7,setDownloadMetrics:X7,isAllClient:f0,clientColumnType:D2,noDataImg:R2,isAllowedToSeeUnderlyingData:A,chartAppearance:j0,hideDatePickerOptions:g0,isDisableMetricLoader:F0,onServerEvent:A3,workspaceId:U2,token:G2,downloadMetrics:K6,dropdownTheme:Z2,optionsIcon:V2,disableFullscreen:J,setFullScreenModal:b9,client:a,chartColors:t,globalFilters:i,companyTenancyType:I,appFilters:Y,params:g,isAllowedToDeleteMetrics:r,setArchiveModal:R6,setCrossDashboardFilters:N3,crossDashboardFilters:o3,enableMultiMetricFilters:b2,enableDownloadCsv:$,isDisableClick:H3}})},c9.id):m.jsx("div",{"data-testid":`${(Ue=c9==null?void 0:c9.name)==null?void 0:Ue.toLowerCase().replaceAll(" ","-")}-card`,className:K8,id:c9.id,onClick:Q6,style:$6,children:m.jsx(pH,{calendarType:u9,disableFullscreen:!!J,isDisableClick:H3,language:r9,translationDictionary:Y7,datasourceId:e9,metricStore:b1,disableBorder:K1,setHoverLongDesc:R3,setHoverSubHeader:Z3,setMetricStore:a7,isAllClient:f0,clientColumnType:D2,isMergedMetric:!!z6.length&&!S7,metricCardColor:y8?D6:v1,isShadowDisableOnHover:x0,noDataImg:R2,isAllowedToSeeUnderlyingData:A,chartAppearance:j0,hideDatePickerOptions:g0,chartHeight:U9||void 0,isEditLayoutEnabled:F2,isDisableMetricLoader:F0,onServerEvent:A3,workspaceId:U2,guestToken:G2,isFrontendApp:!1,downloadMetrics:K6,onDownload:q5,metricItem:c9,dropdownTheme:Z2,optionsIcon:V2,onMaximize:d.isLocked||J&&!((ft=(ot=c9==null?void 0:c9.clickActions)==null?void 0:ot.chartWithMetric)!=null&&ft.isEnable)?({metric:D4,appFilters:u1,appliedMetricFilters:f7,rlsFilters:J7,isClickOnChart:k7})=>{A3==null||A3(JW2,c9==null?void 0:c9.id),q1&&G1(),b9({show:!0,metric:k7&&a8?a8:D4,rlsFilters:J7,appFilters:u1,appliedMetricFilters:f7,isClickOnChart:k7})}:void 0,client:a,colors:t,globalFilters:i,param:g==null?void 0:g.find(D4=>D4.metricId===c9.metricId),appFilters:Y==null?void 0:Y.find(D4=>D4.metricId===c9.metricId),companyTenancyType:I,onArchive:r?D4=>R6({id:D4,show:!0,metricId:c9==null?void 0:c9.metricId}):void 0,disableActions:!d.isLocked,isDisableMorePopup:!d.isLocked,setCrossDashboardFilters:N3,crossDashboardFilters:o3,enableMultiMetricFilters:b2,enableDownloadCsv:$,onDownloadRawCsv:d4})},c9.id)}),[i6,d8,n7,v1,C,S7,x0,K1,d3,E9,z9,i3,r9,Y7,e9,b1,f0,D2,R2,A,j0,g0,F2,F0,A3,U2,G2,K6,Z2,V2,d.isLocked,J,a,t,i,g,Y,I,r,o3,b2,$,J9,s,J9,u9]);return m.jsx(m.Fragment,{children:y9.length&&h9.length?m.jsxs(m.Fragment,{children:[m.jsx("div",{className:mf["MetricList-container"],id:"metric-list-container",children:m.jsx(QH,{layouts:{lg:i3},onResizeStop:C?d.onChange:void 0,onDragStop:C?d.onChange:void 0,isDraggable:C,isDroppable:C,isResizable:C,rowHeight:30,breakpoints:u??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:f??{lg:12,md:12,sm:12,xs:3,xxs:2},containerPadding:[0,10],margin:[(s8=y0==null?void 0:y0.horizontalMargin)!=null&&s8.toString()?y0.horizontalMargin:10,(b8=y0==null?void 0:y0.verticalMargin)!=null&&b8.toString()?y0.verticalMargin:10],children:B9},F2?"reset":"default")}),j2?m.jsx("div",{className:"dbn-pb-6",children:m.jsx(yf,{})}):null,r?m.jsx(k70,{isLoading:X8,isOpen:h8.show,onArchive:l9,onClose:()=>R6({id:"",show:!1,metricId:""})}):null,q1?m.jsx(m.Fragment,{children:(!J||(B7==null?void 0:B7.isClickOnChart))&&B7.show&&B7.metric&&m.jsx(BH,{isDataApp:V9,onEditMetric:Q9,calendarType:u9,language:r9,translationDictionary:Y7,appliedMetricFilters:(B7==null?void 0:B7.appliedMetricFilters)||[],datasourceId:e9,isAllClient:f0,isEnableMetricSummary:p0,onServerEvent:A3,shouldFitFullScreen:q1,enableEmailCsv:c2,disableDownloadPng:F3,isAllowToDownloadMetrics:n3,chartAppearance:j0,hideDatePickerOptions:g0,clientColumnType:D2,workspaceId:U2,guestToken:G2,isFrontendApp:!1,downloadMetrics:K6,globalFilters:i,metric:B7.metric,rlsFilters:B7.rlsFilters,appFilters:B7.appFilters,colors:t,externalDashboardId:T,userProvidedDashboardId:Q,tenancyLevel:I,isAllowedToUpdateMetrics:s,clientId:a,companyId:o,onMinimize:()=>{A3==null||A3(hn2),b9({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:r?(c9,O9)=>R6({id:c9,show:!0,metricId:O9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:G,isHideTablePreview:n2,sharingSettingsId:D,onDownload:(c9,O9)=>{X7(O9?B3=>[...B3,{id:c9,isInProgress:O9}]:B3=>B3.filter(a8=>a8.id!==c9))}})}):m.jsx(LE,{children:(!J||(B7==null?void 0:B7.isClickOnChart))&&B7.show&&B7.metric&&m.jsx(BH,{isDataApp:V9,onEditMetric:Q9,language:r9,translationDictionary:Y7,appliedMetricFilters:(B7==null?void 0:B7.appliedMetricFilters)||[],datasourceId:e9,isAllClient:f0,isEnableMetricSummary:p0,onServerEvent:A3,enableEmailCsv:c2,disableDownloadPng:F3,isAllowToDownloadMetrics:n3,chartAppearance:j0,hideDatePickerOptions:g0,clientColumnType:D2,workspaceId:U2,guestToken:G2,isFrontendApp:!1,downloadMetrics:K6,globalFilters:i,metric:B7.metric,rlsFilters:B7.rlsFilters,appFilters:B7.appFilters,colors:t,externalDashboardId:T,userProvidedDashboardId:Q,tenancyLevel:I,isAllowedToUpdateMetrics:s,clientId:a,companyId:o,onMinimize:()=>{A3==null||A3(hn2),b9({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:r?(c9,O9)=>R6({id:c9,show:!0,metricId:O9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:G,isHideTablePreview:n2,sharingSettingsId:D,onDownload:(c9,O9)=>{X7(O9?B3=>[...B3,{id:c9,isInProgress:O9}]:B3=>B3.filter(a8=>a8.id!==c9))}})}),z9&&m.jsx($S,{workspaceId:U2,metricItem:n9.metric,isShowRawCsvModal:n9.show,onCloseModal:()=>a6({show:!1,metric:void 0,filterValues:void 0,dataMartRelationships:[],rlsConditions:[]}),query:vm({query:((i8=n9.metric)==null?void 0:i8.query)||"",dbName:((P9=n9.metric)==null?void 0:P9.integrationName)||"",rlsConditions:(n9==null?void 0:n9.rlsConditions)||[],tenancyLevel:I,clientId:a,globalFilters:i,values:n9.filterValues,isAllClient:!1,clientColumnType:D2,dataMartRelationships:(n9==null?void 0:n9.dataMartRelationships)||[]}),sharingSettingsId:D}),m.jsx(w50,{createElementPanelProps:{isOpen:Q1,onClose:()=>{u8(null),I9(!1)},element:k9,clientId:a,externalDashboardId:T,companyId:o,userProvidedDashboardId:Q}})]}):m.jsx(m.Fragment,{children:l?m.jsx("div",{className:mf["alt-container"],children:m.jsx(k8,{name:"not-found"})}):m.jsx("div",{className:mf["noMetric-container"],children:m.jsx("div",{className:mf["noMetric-wrapper"],children:m.jsx(w9,{variant:"heading-4",children:"No metrics created yet"})})})})})},bH={"searchTab-container":"_searchTab-container_hhd3f_1","searchTab-input":"_searchTab-input_hhd3f_5",errContainer:"_errContainer_hhd3f_9"},lW=(t,i)=>{const[n,a]=d1.useState(t);return d1.useEffect(()=>{const o=setTimeout(()=>a(t),i||500);return()=>{clearTimeout(o)}},[t,i]),n},dv=({id:t,setSearchKeyword:i,className:n="",placeholder:a="Search",value:o,isResetValue:s,onSearch:r,autoComplete:C="on",isDisabled:A,errorMsg:e})=>{const[l,u]=d1.useState(o||""),[f,d]=d1.useState(!0);d1.useEffect(()=>{i==null||i(l==null?void 0:l.toLowerCase())},[i,l]),d1.useEffect(()=>{s&&u(o||"")},[o,s]);const g=Q=>{Q.key==="Enter"&&r&&r(l)},I=lW(l,600);return d1.useEffect(()=>{r==null||r(I)},[I,r]),m.jsxs("div",{className:`${bH["searchTab-container"]} ${n} ${e?bH.errContainer:""}`,"aria-disabled":!!A,children:[!l&&f?m.jsx("span",{className:bH.search,children:m.jsx(k8,{name:"magnifying-glass",color:"gray",size:"xs"})}):null,m.jsx("input",{id:t,"data-testid":t,placeholder:a,value:l,name:"search",onChange:Q=>u(Q.target.value),onClick:Q=>Q.preventDefault(),className:bH["searchTab-input"],onFocus:()=>d(!1),onBlur:()=>d(!0),onKeyDown:g,autoComplete:C,disabled:A})]})},gv={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"},x50=({id:t,label:i,placeholder:n,rows:a,cols:o,resizable:s=!0,register:r,error:C,defaultValue:A,value:e,onFocus:l,onBlur:u,className:f,leftIcon:d,rightIcon:g,isDisabled:I,isImportant:Q,...T})=>m.jsxs("div",{className:`${gv.container} ${f}`,children:[m.jsxs("label",{htmlFor:t,className:gv.label,children:[d,m.jsxs(w9,{variant:"input-label",children:[i,Q?m.jsx("span",{className:gv.important,children:"*"}):null]}),g]}),m.jsx("textarea",{...T,id:t,name:t,rows:a,cols:o,placeholder:n,className:Dv(gv.textarea,`${s?null:gv.resizable}`,C?gv.error:gv.noError),defaultValue:A,...r,value:r?e:e||"",onFocus:l,onBlur:u,disabled:I}),C&&m.jsx(w9,{variant:"body-text-2",color:"alert",children:C})]}),LE=({children:t})=>{const[i,n]=d1.useState();return d1.useLayoutEffect(()=>{const a=document.querySelector("#dbn-portal")||document.createElement("div");if(a.setAttribute("id","dbn-portal"),document.body.querySelector("#dbn-portal")||document.body.appendChild(a),document.querySelector("dbn-dashboard")||document.querySelector("dbn-metric")||document.querySelector("dbn-create-metric")){const o=document.querySelector("#dbn-styles"),s=a.shadowRoot||a.attachShadow({mode:"open"});if(o&&!s.querySelector("#dbn-portal-style")){const r=document.createElement("style");r.innerHTML=o.innerHTML,r.setAttribute("id","dbn-portal-style"),s.appendChild(r)}if(!s.querySelector("#global-style")){const r=document.createElement("style");r.innerHTML=`
+`))==null?void 0:l.map(u=>m.jsx(w9,{children:u},u)),m.jsx(M8,{variant:"popover",onClick:()=>{ln2(n),A(!0),setTimeout(()=>{A(!1)},3e3)},leftIcon:m.jsx(k8,{name:"copy"}),children:C?"Copied":"Copy"})]}):m.jsx(w9,{children:"Not Found"},"not found")})]})};return m.jsx(m.Fragment,{children:r?e():m.jsx(id,{isOpen:t,onClose:i,hideFooter:!0,side:"right",size:"small",hideHeader:!0,zIndex:s,children:e()})})},FA2={lessWidth:"_lessWidth_135z5_1",moreWidth:"_moreWidth_135z5_5"},L50=({deleteConfig:t,onDeleteMetric:i,setDeleteConfig:n,error:a,isDeletingMetric:o})=>{const[s,r]=d1.useState(!1);return m.jsxs($u,{isOpen:(t==null?void 0:t.isDelete)||!1,onClose:()=>n==null?void 0:n({isDelete:!1,step:0}),headerTitle:"Delete Metric",zIndex:9999999999,children:[m.jsx("div",{className:`dbn-px-6 dbn-pb-4 ${(t==null?void 0:t.step)===0?FA2.lessWidth:FA2.moreWidth}`,children:(t==null?void 0:t.step)===0?m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[m.jsxs(w9,{variant:"body-text-2",color:"light-text",children:["Deleting ‘",t==null?void 0:t.name,"’ will permanently remove it from the dashboard and the metrics list."]}),m.jsx(w9,{variant:"body-text-2",color:"light-text",children:"This action can’t be undone."})]}):m.jsxs(YC,{direction:"col",className:"dbn-gap-4",children:[m.jsx(w9,{variant:"body-text-2",children:"Deleting this metric will permanently remove it from all dashboards and the metrics list. This action is irreversible. If you need to recover this metric, please do so before proceeding."}),m.jsxs(YC,{direction:"col",className:"dbn-gap-2",children:[m.jsx(w9,{variant:"heading-5",children:"I understand that:"}),m.jsxs("ul",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-0",children:[m.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[m.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),m.jsx(w9,{variant:"body-text-2",children:"The metric will be permanently deleted."})]}),m.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[m.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),m.jsx(w9,{variant:"body-text-2",children:"Associated dashboards will lose access to it."})]}),m.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[m.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),m.jsx(w9,{variant:"body-text-2",children:"This action cannot be undone."})]})]})]}),m.jsxs(YC,{direction:"col",className:"dbn-gap-2",children:[m.jsxs(w9,{variant:"body-text-2",children:["Type"," ",m.jsxs("span",{className:"dbn-font-medium",children:["'",t==null?void 0:t.name,"'"]})," ","to confirm"]}),m.jsx(T5,{placeholder:"Type here",name:"delete-metric-name",value:t==null?void 0:t.confirmedName,onChange:C=>{C.target.value&&C.target.value!==(t==null?void 0:t.name)?r(!0):r(!1),n==null||n(A=>({...A,confirmedName:C.target.value}))},error:s?"Metric name does not match. Please try again.":""})]}),a?m.jsx(Bl,{text:a,variant:"error"}):null]})}),m.jsxs(AE,{children:[m.jsx(M8,{variant:"tab",onClick:()=>n==null?void 0:n({isDelete:!1,step:0}),children:"Cancel"}),m.jsx(M8,{variant:"primary",onClick:()=>{(t==null?void 0:t.step)===0&&(n==null||n(C=>({...C,step:1}))),(t==null?void 0:t.step)===1&&(t!=null&&t.id)&&(i==null||i(t==null?void 0:t.id))},className:"dbn-bg-alert hover:dbn-bg-discard-hover",dataTestTitle:"delete",isDisabled:(t==null?void 0:t.step)===1&&(o||(t==null?void 0:t.confirmedName)!==(t==null?void 0:t.name)),children:(t==null?void 0:t.step)===0?"Continue":"Delete Permanently"})]})]})},BH=({metric:t,colors:i,rlsFilters:n,metricFilterOptions:a,onMinimize:o,onArchive:s,clientId:r,tenancyLevel:C,companyId:A,externalDashboardId:e,userProvidedDashboardId:l,isAllowedToUpdateMetrics:u,sharingSettingsId:f,appFilters:d,isInternalApp:g,isShowChartConfigTab:I,isHideChartSettings:Q,isHideTablePreview:T,isAllClient:D,globalFilters:Y={tableName:"",filters:[]},onDownload:G,downloadMetrics:n2,isFrontendApp:$,guestToken:c2,encryptedClient:b2,workspaceId:J,clientColumnType:Z2,isEnableMetricSummary:V2,hideDatePickerOptions:G2,chartAppearance:U2,enableEmailCsv:D2,shouldFitFullScreen:j2,onServerEvent:F2,disableDownloadPng:p0,isAllowToDownloadMetrics:g0,datasourceId:j0,appliedMetricFilters:f0,language:y0,translationDictionary:F0,onDeleteMetric:x0,deleteConfig:R2,setDeleteConfig:v1,deleteError:q1,isDeletingExternalMetric:m7,calendarType:d7="default",onEditMetric:T7,isDataApp:A3})=>{var K4,b4,w4,x4,p4,E4,y6,u4,W6,y4,c4,I5,we,P5,h5,j4,S4,r4,D5,h4,n4,pe,Ue,ot,ft,D4,u1,f7,J7,k7,f9,E7,s3,R9,W9,Z8,j8,h6,P6,e5,U7,m9,b3,P3;const F3=d1.useRef(),[K1,S7]=d1.useState(!1),[n3,D3]=d1.useState(!1),[e9,r9]=d1.useState(!1),Y7=d1.useMemo(()=>{var T3;return{...Y,filters:(T3=Y==null?void 0:Y.filters)==null?void 0:T3.filter(s9=>{var S9;return!((S9=s9==null?void 0:s9.restrictedMetrics)!=null&&S9.some(f8=>f8.value===(t==null?void 0:t.id)))})}},[Y,t]),{dataDb:n7,variables:B7,getUnderlyingData:b9,handleChartClick:u9,columnName:H3,setShowChartPopup:Q9,isShowChartPopup:V9,isQueryLoading:b1,chartParams:a7,onChangeFilterValue:o3,onDrillDown:N3,drilledLevel:d3,dimensions:R3,isEnableNextBtn:E9,isEnablePrevBtn:Z3,paginationInfo:k9,onChangePage:u8,isExternalChart:Q1,onDrillLevelClick:I9,metricFilters:n9,filterValues:a6,dynamicOptions:h8,isSingleValueNull:R6,containerRef:K6,chartSettings:X7,setChartSettings:d8,leftPositionedMetricFilters:F8,rightPositionedMetricFilters:l9,updateFilter:X8,drillFilters:m8,drillType:B8,tableResultsDownloadData:z9,appliedMetricFilters:n8,pivotHeaderOptions:J9,pivotDrillState:y9,onDrillPivotTable:h9,legendData:o8,timeseriesDimension:i6,isPythonMode:i3,isSorted:G1,isInavlidForSort:B9,sortOrder:s8,setSortOrder:b8,onAddComparison:i8,groupedRlsConditions:P9,onGenerateMetricSummary:c9,summary:O9,setSummary:B3,setNotFirstRender:a8,dataMartRelationships:U9,onChartChange:q8,isCompareValue:z6,isShowChartPropertyPanel:$9,setShowChartPropertyPanel:v8,columnList:G6,metricName:G5,drilldownCols:l4,switchMeasureOptions:y8,dateFilter:D6}=nz({datasourceId:j0,metric:t,rlsFilters:n,tenancyLevel:C,clientId:r,appFilters:d,isInternalApp:g,metricFilterOptions:a,isAllClient:D,globalFilters:Y7,isFrontendApp:$,guestToken:c2,encryptedClientId:b2,workspaceId:J,onServerEvent:F2,clientColumnType:Z2,appliedCardMetricFilters:f0,language:y0,translationDictionary:F0,calendarType:d7}),{updateExternalMetric:J6,error:K5,isLoading:d5}=dL({onSuccess:()=>{var T3,s9;r9(!1),o(),(s9=(T3=window==null?void 0:window.location)==null?void 0:T3.reload)==null||s9.call(T3)},selectedColumns:[],companyIntegrationId:t.companyIntegrationId,query:t.query,metricQuery:t.metricQuery,integrationName:t.integrationName,outputColumns:t.outputColumns,chartSettings:X7,datasetMetricSettings:t.datasetMetricSettings,clientId:r,companyId:A,isLiveMode:t.isLive,timeGrain:t.timeGrain,dashboardIds:[e],isEnableGroupBy:t.isEnableGroupBy,groupBy:t.groupBy,selectedGroupBy:t.selectedGroupBy,metric:t}),{isDisableDownloadSettings:H8}=iz({sharingSettingsId:f,workspaceId:J}),K8=d1.useMemo(()=>(D2==null?void 0:D2.toString())&&D2||!(D2!=null&&D2.toString())&&!H8,[H8,D2]),$8=d1.useMemo(()=>{var s9;let T3=Uj({chartSettings:X7,translationDictionary:F0,variables:B7,language:y0});return(s9=t==null?void 0:t.drillDownSettings)!=null&&s9.isEnableGroupBy&&n7.length&&d3===(R3==null?void 0:R3.length)&&(T3={...T3,chartType:"table",yAxisList:R3!=null&&R3[0]?[R3==null?void 0:R3[0],...X7.yAxisList||[]]:X7.yAxisList}),T3},[(K4=t==null?void 0:t.drillDownSettings)==null?void 0:K4.isEnableGroupBy,n7.length,d3,R3,X7,B7,y0,F0]),Q6=T3=>{var s9,S9,f8,Y8,e6,w6,r5,B6,L6,x6,O5,Z5,_5;return X7.chartType===X0.table||(s9=t.drillDownSettings)!=null&&s9.isEnableGroupBy&&d3===(R3==null?void 0:R3.length)?(S9=T3==null?void 0:T3.find(H4=>{var Ve,re;return H4.columnName===((re=(Ve=t==null?void 0:t.clickActions)==null?void 0:Ve.chart)==null?void 0:re.valueColumn)}))==null?void 0:S9.value:[X0.sankey,X0.treeMap].includes(X7==null?void 0:X7.chartType)?T3==null?void 0:T3.value:((Y8=(f8=t.clickActions)==null?void 0:f8.chart)==null?void 0:Y8.valueColumn)===(X7==null?void 0:X7.xAxis)||(X7==null?void 0:X7.chartType)===X0.gauge&&((w6=(e6=t.clickActions)==null?void 0:e6.chart)==null?void 0:w6.valueColumn)===((B6=(r5=X7==null?void 0:X7.gaugeSettings)==null?void 0:r5.dimensions)==null?void 0:B6.join(", "))?T3==null?void 0:T3.name:(T3==null?void 0:T3.seriesName)===((x6=(L6=t.clickActions)==null?void 0:L6.chart)==null?void 0:x6.valueColumn)||(X7==null?void 0:X7.chartType)===X0.gauge&&((Z5=(O5=t.clickActions)==null?void 0:O5.chart)==null?void 0:Z5.valueColumn)===((_5=X7==null?void 0:X7.gaugeSettings)==null?void 0:_5.metric)||[X0.funnel].includes(X7.chartType)?T3==null?void 0:T3.value:null},v6=d1.useMemo(()=>{var s9,S9,f8,Y8,e6;const T3=Object.keys((n7==null?void 0:n7[0])||{})||[];if(X7.chartType===X0.timeSeries){const w6=(s9=t==null?void 0:t.chartOptions)==null?void 0:s9.xAxis,r5=X7==null?void 0:X7.xAxis,B6=!!((Y8=(f8=(S9=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:S9.groupBySettings)==null?void 0:f8.options)!=null&&Y8.find(L6=>{var x6,O5,Z5;return(Z5=w6==null?void 0:w6.toLowerCase())==null?void 0:Z5.includes(((O5=(x6=L6==null?void 0:L6.split("____"))==null?void 0:x6[0])==null?void 0:O5.toLowerCase())||"")}));if(w6&&r5&&!B6)return n7==null?void 0:n7.map(L6=>T3.reduce((x6,O5)=>{var Z5,_5;return O5===r5?x6[w6||""]=VS(((_5=(Z5=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:Z5.groupBySettings)==null?void 0:_5.value)||"monthly",L6[O5]):x6[O5]=L6[O5],x6},{}))}if(z6&&((e6=X7==null?void 0:X7.customSettings)!=null&&e6.comparisonTimeLabel)){const w6="_timestamp";return n7==null?void 0:n7.map(r5=>T3.reduce((B6,L6)=>{var x6;return L6===w6?B6[((x6=X7==null?void 0:X7.customSettings)==null?void 0:x6.comparisonTimeLabel)||""]=r5[L6]:B6[L6]=r5[L6],B6},{}))}return n7},[n7,z6,(b4=X7==null?void 0:X7.customSettings)==null?void 0:b4.comparisonTimeLabel,X7==null?void 0:X7.chartType,t==null?void 0:t.chartOptions,X7==null?void 0:X7.xAxis,(x4=(w4=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:w4.groupBySettings)==null?void 0:x4.value]),S6=d1.useMemo(()=>kj(i||[],(X7==null?void 0:X7.chartColors)||[]),[i,X7==null?void 0:X7.chartColors]),S5=d1.useMemo(()=>[X0.row,X0.horizontalStack].includes(X7==null?void 0:X7.chartType)?"Dynamic y-axis":"Dynamic x-axis",[X7==null?void 0:X7.chartType]),$6=d1.useMemo(()=>[X0.row,X0.horizontalStack].includes(X7==null?void 0:X7.chartType)?"Dynamic x-axis":"Dynamic y-axis",[X7==null?void 0:X7.chartType]);d1.useEffect(()=>{var T3;if(localStorage.getItem("fsMetricCs")){const s9=(T3=JSON.parse(localStorage.getItem("fsMetricCs")||""))==null?void 0:T3.defaultRowSize;s9&&d8(S9=>({...S9,tableSettings:{...S9.tableSettings,defaultRowSize:s9}}))}},[]),d1.useEffect(()=>{var T3;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:t.id,defaultRowSize:(T3=X7==null?void 0:X7.tableSettings)==null?void 0:T3.defaultRowSize}))},[X7]);const q5=d1.useMemo(()=>{var T3,s9,S9,f8,Y8;return(X7==null?void 0:X7.chartType)===X0.singleValue&&((T3=X7==null?void 0:X7.customSettings)!=null&&T3.singleValuePrefix)?AA(((s9=X7==null?void 0:X7.customSettings)==null?void 0:s9.singleValuePrefix)||"^^^^^",B7):(S9=X7==null?void 0:X7.customSettings)!=null&&S9.labelPrefix?AA(((f8=X7==null?void 0:X7.customSettings)==null?void 0:f8.labelPrefix)||"^^^^^",B7):(Y8=X7==null?void 0:X7.customSettings)==null?void 0:Y8.labelPrefix},[X7==null?void 0:X7.chartType,(p4=X7==null?void 0:X7.customSettings)==null?void 0:p4.labelPrefix,(E4=X7==null?void 0:X7.customSettings)==null?void 0:E4.singleValuePrefix,B7]),d4=d1.useMemo(()=>{var T3,s9,S9,f8,Y8;return(X7==null?void 0:X7.chartType)===X0.singleValue&&((T3=X7==null?void 0:X7.customSettings)!=null&&T3.singleValueSuffix)?AA(((s9=X7==null?void 0:X7.customSettings)==null?void 0:s9.singleValueSuffix)||"^^^^^",B7):(S9=X7==null?void 0:X7.customSettings)!=null&&S9.labelSuffix?AA(((f8=X7==null?void 0:X7.customSettings)==null?void 0:f8.labelSuffix)||"^^^^^",B7):(Y8=X7==null?void 0:X7.customSettings)==null?void 0:Y8.labelSuffix},[X7==null?void 0:X7.chartType,(y6=X7==null?void 0:X7.customSettings)==null?void 0:y6.labelSuffix,(u4=X7==null?void 0:X7.customSettings)==null?void 0:u4.singleValueSuffix,B7]);return m.jsxs("div",{className:`${Yo.fullScreen} ${j2?Yo.fitFull:Yo.screen}`,children:[m.jsxs("section",{className:Yo.header,children:[m.jsxs("div",{className:Yo.headerBlock,children:[m.jsx(sC,{text:"Back",children:m.jsx(M8,{variant:"popover",type:"button",onClick:o,leftIcon:m.jsx("div",{className:Yo.backButton,children:m.jsx(k8,{name:"arrow-left"})})})}),m.jsx(w9,{variant:"body-text-1",children:G5}),(W6=Y7==null?void 0:Y7.filters)!=null&&W6.length?m.jsx(Bl,{text:"Global Filters are applied.",variant:"info"}):null,(y4=n2==null?void 0:n2.find(T3=>T3.id===(t==null?void 0:t.id)))!=null&&y4.isInProgress?m.jsx(Bl,{text:"Download is in progress",variant:"primary"}):null]}),m.jsxs("div",{className:`${Yo.headerBlock} ${Yo.headerBlockRight}`,children:[$&&(t!=null&&t.id)?m.jsx(M8,{variant:"popover",type:"button",onClick:()=>v1==null?void 0:v1({isDelete:!0,step:0,id:(t==null?void 0:t.id)||"",name:(t==null?void 0:t.name)||""}),leftIcon:m.jsx(sC,{text:"Delete Metric",children:m.jsx("div",{className:Yo.backButton,"data-testid":"delete-metric-btn",children:m.jsx(k8,{name:"delete",color:"alert"})})})}):null,V2&&m.jsx(M8,{variant:"popover",type:"button",onClick:()=>{c9(),v8(!1),D3(!1)},leftIcon:m.jsx(sC,{text:"AI Insights",showTooltip:!O9.isOpen,children:m.jsx("div",{className:Yo.backButton,"data-testid":"ai-insights-btn",children:m.jsx(k8,{name:"wand"})})}),isDisabled:!(n7!=null&&n7.length)}),Q?null:m.jsx(sC,{text:"Chart Types",showTooltip:!n3,children:m.jsx(M8,{variant:"popover",type:"button",onClick:()=>{D3(!0),B3(T3=>({...T3,isOpen:!1,isLoading:!1}))},leftIcon:m.jsx("div",{className:Yo.backButton,"data-testid":"chart-types-btn",children:m.jsx(k8,{name:"bar-chart"})})})}),s?m.jsx(sC,{text:"Archive Metric",children:m.jsx(M8,{variant:"popover",type:"button",onClick:()=>s(t.id,(t==null?void 0:t.metricId)||""),leftIcon:m.jsx("div",{className:Yo.backButton,"data-testid":"archive-metric-btn",children:m.jsx(k8,{name:"archive"})})})}):null,$||(g0??!0)?m.jsx(J60,{timeseriesSettings:i3||(X7==null?void 0:X7.chartType)!==X0.timeSeries?void 0:{format:((I5=(c4=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:c4.groupBySettings)==null?void 0:I5.value)||"monthly",seriesField:(X7==null?void 0:X7.seriesField)||"",isFiscal:d7==="ind"},isPythonMode:(P5=(we=t==null?void 0:t.datasetMetricSettings)==null?void 0:we.newDatasetSettings)==null?void 0:P5.isPythonMode,onServerEvent:F2,isEnableEmailRawCsvDownload:K8,disableDownloadPng:p0!=null&&p0.toString()?p0:!1,data:z9||[],chartRef:F3,metricName:G5,onRawCsvData:()=>S7(!0),chartOptions:X7,companyIntegrationId:t.companyIntegrationId,integrationName:t.integrationName,metricData:{globalFilters:Y7,rlsConditions:n8,tenancyLevel:C,id:t==null?void 0:t.id,dataSecuritySettings:{csvColumns:[]},filterValues:a6,isAllClient:D,options:{clientId:$?b2||"":r,isFrontend:$,token:c2}},updateDownloadProgress:T3=>G(t==null?void 0:t.id,T3)}):null,u&&m.jsx(M8,{type:"button",variant:"primary",onClick:()=>{A3?(T7==null||T7(t),o()):r9(!0)},children:"Edit Metric"})]}),m.jsx(sC,{text:"Close FS",children:m.jsx(M8,{variant:"popover",type:"button",onClick:o,leftIcon:m.jsx("div",{className:Yo.backButton,"data-testid":"close-fullscreen-btn",children:m.jsx(k8,{name:"cross"})})})})]}),m.jsxs("section",{className:Yo.body,onContextMenu:T3=>{T3.preventDefault()},children:[m.jsxs("div",{className:`${Yo.data} ${n3||$9||O9.isOpen?"dbn-w-[calc(100%-400px)]":"dbn-w-full"}`,children:[m.jsxs("div",{className:`${Yo.metric} ${X7.chartType===X0.table?Yo.tableMetric:""} ${T?Yo.fullMetric:""}`,ref:K6,children:[m.jsxs("div",{className:Yo.metricHeader,children:[m.jsx("div",{className:Yo.metricFilters,children:!!n7.length&&m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-wrap dbn-justify-end dbn-items-center dbn-gap-2",children:[(h5=X7==null?void 0:X7.dynamicXAxis)!=null&&h5.isEnabled?m.jsx(Be,{options:((j4=X7.dynamicXAxis)==null?void 0:j4.options)||[],onChange:T3=>d8(s9=>({...s9,dynamicXAxis:{...s9.dynamicXAxis,selectedOption:T3},xAxis:T3.value})),selectedOption:X7.dynamicXAxis.selectedOption||{value:"",label:""},label:S5,labelVariant:"floating",menuZIndex:999999999999}):null,(S4=X7==null?void 0:X7.dynamicYAxis)!=null&&S4.isEnabled?m.jsx(Be,{options:((r4=X7.dynamicYAxis)==null?void 0:r4.options)||[],onChange:T3=>d8(s9=>({...s9,dynamicYAxis:{...s9.dynamicYAxis,selectedOption:T3},yAxisList:T3.value?[T3.value]:[]})),selectedOption:((D5=X7==null?void 0:X7.dynamicYAxis)==null?void 0:D5.selectedOption)||{value:"",label:""},label:$6,labelVariant:"floating",menuZIndex:999999999999}):null,(h4=X7==null?void 0:X7.customSettings)!=null&&h4.isEnableSwitchMeasure?m.jsx(Be,{options:y8,onChange:T3=>d8(s9=>{var S9,f8;return{...s9,sankeyValues:[((S9=s9==null?void 0:s9.sankeyValues)==null?void 0:S9[0])||"",((f8=s9==null?void 0:s9.sankeyValues)==null?void 0:f8[1])||"",T3.value]}}),selectedOption:{value:((n4=X7.sankeyValues)==null?void 0:n4[2])||"",label:((pe=X7.sankeyValues)==null?void 0:pe[2])||""},label:"Switch Measure",labelVariant:"floating",menuZIndex:999999999999}):null,X7!=null&&X7.isDynamicSeries?m.jsx(Be,{options:h8,onChange:T3=>d8(s9=>({...s9,seriesField:T3.value})),selectedOption:{label:(X7==null?void 0:X7.seriesField)||"ungrouped",value:(X7==null?void 0:X7.seriesField)||"ungrouped"},label:"Group by",labelVariant:"floating",menuZIndex:999999999999}):null,(Ue=X7.timeSeriesSettings)!=null&&Ue.groupBySettings.isDynamic?m.jsx(Be,{options:(ot=X7.timeSeriesSettings.groupBySettings.options)==null?void 0:ot.map(T3=>({label:T3.split("____").length>1?T3.split("____")[1]:T3,value:T3.split("____")[0]})),onChange:T3=>d8(s9=>{var S9;return{...s9,timeSeriesSettings:{...s9.timeSeriesSettings,groupBySettings:{...(S9=s9.timeSeriesSettings)==null?void 0:S9.groupBySettings,value:T3.value}},xAxis:i3?s9.xAxis:`${T3.value} of ${i6}`}}),menuZIndex:999999999999,selectedOption:{label:rn2(((D4=(ft=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:ft.groupBySettings)==null?void 0:D4.value)||""),value:(f7=(u1=X7==null?void 0:X7.timeSeriesSettings)==null?void 0:u1.groupBySettings)==null?void 0:f7.value},labelVariant:"floating",label:"Timeseries"}):null,((J7=X7.pivotTableSettings2)==null?void 0:J7.isDynamicHeaders)&&X7.chartType===X0.pivotV2||((k7=X7.pivotTableSettings3)==null?void 0:k7.isDynamicHeaders)&&X7.chartType===X0.pivotV3&&m.jsx(tC,{onChange:T3=>{d8(s9=>{var S9;return{...s9,pivotTableSettings2:{...s9.pivotTableSettings2,headers:T3==null?void 0:T3.map(f8=>f8.value),dimensions:(S9=J9.filter(f8=>!T3.some(Y8=>Y8.value===f8.value)))==null?void 0:S9.map(f8=>f8.value)},pivotTableSettings3:{...s9.pivotTableSettings3,rows:T3==null?void 0:T3.map(f8=>f8.value)}}})},options:J9,selectedOption:(X7==null?void 0:X7.chartType)===X0.pivotV3?(J9==null?void 0:J9.filter(T3=>{var s9,S9;return(S9=(s9=X7==null?void 0:X7.pivotTableSettings3)==null?void 0:s9.rows)==null?void 0:S9.includes(T3.value)}))||[]:(J9==null?void 0:J9.filter(T3=>{var s9,S9;return(S9=(s9=X7==null?void 0:X7.pivotTableSettings2)==null?void 0:s9.headers)==null?void 0:S9.includes(T3.value)}))||[],isSearchEnabled:!0,menuWidth:"300px",menuZIndex:999999999999}),(f9=X7.customSettings)!=null&&f9.showSelectLegend?m.jsx(tC,{label:"legend",labelVariant:"floating",options:o8!=null&&o8.length?o8==null?void 0:o8.map(T3=>({value:T3,label:T3})):[],onChange:T3=>{d8(s9=>({...s9,selectedSeries:(T3==null?void 0:T3.map(S9=>S9.value))||[]}))},selectedOption:((E7=o8==null?void 0:o8.filter(T3=>{var s9;return(s9=X7==null?void 0:X7.selectedSeries)==null?void 0:s9.some(S9=>S9===T3)}))==null?void 0:E7.map(T3=>({value:T3,label:T3})))||[],isSearchEnabled:!0,menuZIndex:999999999999}):null]})}),!!n9.length&&m.jsxs("div",{className:Yo.metricFilters,children:[m.jsxs("div",{className:Yo.metricFilters,children:[m.jsx(_Y,{filters:n9,updateFilter:X8}),(s3=F8.filter(T3=>!T3.group))==null?void 0:s3.map((T3,s9)=>m.jsx(mE,{datasourceId:j0,isAllClient:D,hideDatePickerOptions:G2,workspaceId:J,rlsConditions:T3,onChangeFilterValue:o3,clientId:r,className:F8.length-1===s9?Yo.filterTopLeft:"",rlsConditionList:[...F8,...l9],tenancyLevel:C,clientColumnType:Z2},T3.name)),(R9=l9.filter(T3=>!T3.group))==null?void 0:R9.map((T3,s9)=>m.jsx(mE,{datasourceId:j0,isAllClient:D,hideDatePickerOptions:G2,workspaceId:J,rlsConditions:T3,onChangeFilterValue:o3,clientId:r,className:s9===0?Yo.filterTopRight:"",rlsConditionList:[...F8,...l9],tenancyLevel:C,clientColumnType:Z2},T3.name)),(X7==null?void 0:X7.isEnableComparisonFilter)&&[X0.line].includes(X7.chartType)&&m.jsx(M8,{variant:"primary",onClick:()=>{i8()},children:"Add Comparison"})]}),P9&&(X7==null?void 0:X7.isEnableComparisonFilter)&&[X0.line].includes(X7.chartType)&&((W9=Object.keys(P9))==null?void 0:W9.map(T3=>{var s9;return m.jsxs("div",{className:Yo.metricFilters,children:[(s9=P9==null?void 0:P9[T3])==null?void 0:s9.map((S9,f8)=>m.jsx(mE,{datasourceId:j0,isAllClient:D,hideDatePickerOptions:G2,workspaceId:J,rlsConditions:S9,onChangeFilterValue:o3,clientId:r,className:f8===0?Yo.filterTopRight:"",rlsConditionList:[...F8,...l9],tenancyLevel:C,clientColumnType:Z2},S9.name)),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{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:()=>{i8(!0)}})]})}))]})]}),m.jsxs("div",{className:`${Yo.chartWrapper} ${X7.chartType===X0.table?Yo.tableChartWrapper:""}`,children:[![X0.boxplot,X0.horizontalStackTable,X0.pivot,X0.pivotV2,X0.pivotV3,X0.gauge].includes(X7==null?void 0:X7.chartType)||X7.chartType===X0.gauge&&t.clickActions.chart.isEnable?m.jsx(CW,{language:y0,translationDictionary:F0,clientColumnType:Z2,isOpen:V9,setOpen:Q9,isInavlidForSort:B9,isGaugeChart:X7.chartType===X0.gauge,value:a7==null?void 0:a7.name,columnName:H3,getUnderlyingData:b9,elementRef:{containerRef:K6,event:(Z8=a7==null?void 0:a7.event)==null?void 0:Z8.event},position:"dynamic",isSingleValueChart:!![X0.singleValue].includes(X7==null?void 0:X7.chartType),isEnableSort:(j8=X7==null?void 0:X7.customSettings)==null?void 0:j8.isEnableSort,setSortOrder:b8,rawCsvDownloadButtonProps:{data:[],fileName:t==null?void 0:t.name,companyIntegrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName,isPythonMode:i3,metricData:{options:{clientId:$?b2||"":r,isFrontend:$,token:c2},globalFilters:{...Y7,filters:((h6=Y7==null?void 0:Y7.filters)==null?void 0:h6.filter(T3=>T3.isVariableFilter))||[]},rlsConditions:n8==null?void 0:n8.filter(T3=>T3.isVariableFilter),tenancyLevel:C,id:t==null?void 0:t.id,dataSecuritySettings:{csvColumns:[]},filterValues:a6,isAllClient:D},updateDownloadProgress:()=>{},children:m.jsx(m.Fragment,{children:m.jsx(k8,{name:"download"})})}}):null,m.jsx(aC2,{isLoading:b1,isDataLength:!!n7.length,isSingleValue:X7.singleValue,dataDb:n7[0],chartType:""}),((P6=t==null?void 0:t.drillDownSettings)==null?void 0:P6.isEnableGroupBy)&&!!n7.length&&m.jsx(m.Fragment,{children:m.jsx(AW,{dimensions:R3,drilledLevel:R3.length>d3?d3:-1,onResetLevel:()=>N3({},[]),onDrillLevelClick:T3=>I9(T3),isMetricCard:!0,isMetricFilter:!!n9.length,drillFilters:m8,drillType:B8||"",isShowBreadCrumb:!!(R3!=null&&R3.length)&&![X0.horizontalStackTable,X0.pivot,X0.pivotV2,X0.pivotV3,X0.table,X0.sankey].includes(X7.chartType)&&R3.length>d3})}),n7.length&&!R6?m.jsx(rQ,{dateFilter:D6,language:y0,translationDictionary:F0,drilldownCols:l4,variables:B7,isPythonMode:i3,onDrillPivotTable:h9,chartAppearance:U2,pivotDrillState:y9,chartOptions:$8,sortOrder:s8,seriesName:a7==null?void 0:a7.seriesName,isSortReversed:G1&&[X0.row,X0.horizontalStack].includes((X7==null?void 0:X7.chartType)||""),data:n7,colors:S6?X7==null?void 0:X7.chartColors:i||(X7==null?void 0:X7.chartColors),events:{click:(T3,s9)=>{var f8,Y8,e6,w6,r5,B6;const S9=(f8=Object.keys(T3))!=null&&f8.length?T3:s9;if([X0.progressBar,X0.linearGauge].includes(X7.chartType)){u9(T3),Q9(!0);return}if((Y8=t.drillDownSettings)!=null&&Y8.isEnableGroupBy&&(R3==null?void 0:R3.length)!==d3){const L6=X7.chartType==="table"?(e6=s9==null?void 0:s9.find(x6=>x6.columnName===(R3==null?void 0:R3[d3])))==null?void 0:e6.value:"";N3(X7.chartType==="table"?{name:L6}:T3)}(!((w6=t.drillDownSettings)!=null&&w6.isEnableGroupBy)||(r5=t.drillDownSettings)!=null&&r5.isEnableGroupBy&&(R3==null?void 0:R3.length)===d3)&&((B6=t.clickActions.chart)!=null&&B6.isEnable)&&qY(t.clickActions.chart,Q6(S9)||void 0)},contextmenu:T3=>{[X0.progressBar,X0.linearGauge].includes(X7.chartType)||(u9(T3),Q9(!0))}},className:X7.chartType===X0.table?"":Yo.chart,isEnableDrillDown:(e5=t.drillDownSettings)==null?void 0:e5.isEnableGroupBy,config:{ref:F3,chartClickConfig:(U7=t.clickActions)==null?void 0:U7.chart,onColumnSizingChange:T3=>d8(s9=>({...s9,tableSettings:{...s9.tableSettings,columnSizing:T3}})),onChartReady:()=>a8(!0),isInfiniteScroll:!1,onChangePage:u8,isExternalChart:Q1,isEnableNextBtn:E9,isEnablePrevBtn:Z3,paginationInfo:k9,setChartSettings:d8,dropdownZindex:X7.chartType===X0.table?999999999999:void 0,isFullScreenChart:!0}}):null,!n7.length&&b1?m.jsx("div",{className:"dbn-w-full dbn-h-[350px]",children:m.jsx(yf,{})}):null]})]}),!T&&X7.chartType!=="table"&&!R6?m.jsx("div",{"data-testid":"table-view-chart",className:"dbn-flex-1 dbn-border dbn-border-secondary dbn-rounded-2xl dbn-p-6",children:m.jsx(KL,{language:y0,translationDictionary:F0,data:v6,isLoading:b1,error:"",tableName:"Table Preview",headerAlignment:"left",comboFormatter:(X7==null?void 0:X7.chartType)===X0.combo?(b3=(m9=X7==null?void 0:X7.customSettings)==null?void 0:m9.comboAxisSettings)==null?void 0:b3.map(T3=>({...T3,suffix:T3!=null&&T3.suffix?AA((T3==null?void 0:T3.suffix)||"^^^^^",B7):T3==null?void 0:T3.suffix,prefix:T3!=null&&T3.prefix?AA((T3==null?void 0:T3.prefix)||"^^^^^",B7):T3==null?void 0:T3.prefix})):[],tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"large",contentAlignment:"left",hideVerticalDivider:!1,tableFormatter:(P3=X7==null?void 0:X7.customSettings)==null?void 0:P3.numberFormatter,tablePrefix:q5,tableSuffix:d4,isEnableNumberFormatting:!0,formattedColumns:(X7==null?void 0:X7.yAxisList)||[],tableTitle:"Underlying Data"},dropdownZindex:999999999999})}):null]}),n3?m.jsx("div",{className:Yo.chartPanelContainer,children:m.jsx(IH,{chartTypePanelProps:{selectedChart:X7.chartType,onChartChange:q8,enabledCharts:[...Object.values(X0)].filter(T3=>![X0.pivotV2,X0.pivotV3,X0.combo,X0.boxplot].includes(T3)),isOpen:n3,onClose:()=>D3(!1),zIndex:9999999999,inline:!0,onClickSettings:()=>{D3(!1),v8(!0)}}})}):null,$9?m.jsx("div",{className:Yo.chartPanelContainer,children:m.jsx(q60,{isOpen:$9,onClose:()=>v8(!1),zIndex:9999999999,chartSettings:X7,setChartSettings:d8,columnList:G6,inline:!0,onClickBack:()=>{v8(!1),D3(!0)}})}):null,O9.isOpen?m.jsx("div",{className:Yo.chartPanelContainer,children:m.jsx(y50,{inline:!0,isOpen:O9.isOpen,onClose:()=>B3(T3=>({...T3,isOpen:!1,isLoading:!1})),report:O9.report,isLoading:O9.isLoading,zIndex:9999999999})}):null]}),m.jsx($S,{workspaceId:J,metricItem:t,isShowRawCsvModal:K1,onCloseModal:S7,sharingSettingsId:f,query:vm({query:(t==null?void 0:t.query)||"",dbName:(t==null?void 0:t.integrationName)||"",rlsConditions:n8,tenancyLevel:C,clientId:r,globalFilters:Y7,values:n==null?void 0:n.filterValues,isAllClient:D,clientColumnType:Z2,dataMartRelationships:U9})}),u&&m.jsx($u,{isOpen:e9,onClose:()=>r9(!1),headerTitle:"Update Metric",zIndex:9999999999,children:m.jsx(PM,{onCancel:()=>r9(!1),onSubmit:J6,error:K5,isCreatingMetric:d5,defaultValues:{name:t.name,description:t.description,isLive:t.isLive,metricId:t.isCreatedByClient?t.metricId:`update_${t.metricId}_by_${r}_${Date.now()}`}})}),m.jsx(L50,{deleteConfig:R2,onDeleteMetric:x0,setDeleteConfig:v1,error:q1,isDeletingMetric:m7})]})},mH={colorField:"_colorField_1w8fo_1",label:"_label_1w8fo_5",field:"_field_1w8fo_9",textField:"_textField_1w8fo_13"},PC=({name:t,value:i,onChange:n,defaultValue:a,placeholder:o,label:s,className:r="",isDisabled:C,zIndex:A=10})=>m.jsxs("div",{className:`${mH.colorField} ${r}`,children:[m.jsx("label",{className:mH.label,style:{backgroundColor:i||a,zIndex:A},htmlFor:`${t}-color`,children:m.jsx("input",{className:mH.field,type:"color",name:t,id:`${t}-color`,defaultValue:a,value:i,disabled:C,onChange:({target:e})=>n(e.value)})}),m.jsx(T5,{type:"text",id:t,name:t,label:s,className:mH.textField,placeholder:o,defaultValue:a,value:i,onChange:({target:e})=>n(e.value),isDisabled:C})]}),w50=({createElementPanelProps:{isOpen:t,onClose:i,element:n,clientId:a,companyId:o,externalDashboardId:s,userProvidedDashboardId:r}})=>{const[C,A]=d1.useState(!1),[e,l]=d1.useState(!1),{updateExternalMetric:u,error:f,isLoading:d,setValue:g,watch:I,register:Q,handleSubmit:T,reset:D,control:Y}=dL({onSuccess:()=>{var c2,b2;i(),(b2=(c2=window==null?void 0:window.location)==null?void 0:c2.reload)==null||b2.call(c2)},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:a,companyId:o,isLiveMode:n==null?void 0:n.isLive,timeGrain:n==null?void 0:n.timeGrain,dashboardIds:[s],isEnableGroupBy:n==null?void 0:n.isEnableGroupBy,groupBy:n==null?void 0:n.groupBy,selectedGroupBy:n==null?void 0:n.selectedGroupBy,metric:n}),[G,n2]=d1.useState({isOpenInNewTab:!1,link:"",targetWord:""}),$=c2=>{u==null||u(c2,!0)};return d1.useEffect(()=>{var c2,b2,J,Z2,V2,G2,U2,D2,j2,F2,p0,g0,j0,f0,y0,F0,x0,R2,v1,q1,m7,d7,T7,A3,F3,K1,S7,n3,D3;n!=null&&n.id&&(g("metricId",n.metricId),g("elementTitle",n.name),g("description",n.description),g("isDisableCardAppearance",(c2=n==null?void 0:n.elementSettings)==null?void 0:c2.isDisableCardAppearance),(b2=n==null?void 0:n.elementSettings)!=null&&b2.titleAlignment&&g("titleAlignment",(J=n==null?void 0:n.elementSettings)==null?void 0:J.titleAlignment),(Z2=n==null?void 0:n.elementSettings)!=null&&Z2.descAlignment&&g("descAlignment",(V2=n==null?void 0:n.elementSettings)==null?void 0:V2.descAlignment),(U2=(G2=n==null?void 0:n.elementSettings)==null?void 0:G2.textBox)!=null&&U2.text?(l(!0),g("text",(j2=(D2=n==null?void 0:n.elementSettings)==null?void 0:D2.textBox)==null?void 0:j2.text),g("fontColor",(p0=(F2=n==null?void 0:n.elementSettings)==null?void 0:F2.textBox)==null?void 0:p0.fontColor),g("fontWeight",(j0=(g0=n==null?void 0:n.elementSettings)==null?void 0:g0.textBox)==null?void 0:j0.fontWeight),g("fontSize",(y0=(f0=n==null?void 0:n.elementSettings)==null?void 0:f0.textBox)==null?void 0:y0.fontSize),g("textAlignment",(x0=(F0=n==null?void 0:n.elementSettings)==null?void 0:F0.textBox)==null?void 0:x0.alignment),g("textLink",(v1=(R2=n==null?void 0:n.elementSettings)==null?void 0:R2.textBox)==null?void 0:v1.link),g("targetWord",(m7=(q1=n==null?void 0:n.elementSettings)==null?void 0:q1.textBox)==null?void 0:m7.targetWord),g("isOpenInNewTab",(T7=(d7=n==null?void 0:n.elementSettings)==null?void 0:d7.textBox)==null?void 0:T7.isOpenInNewTab),n2({isOpenInNewTab:(F3=(A3=n==null?void 0:n.elementSettings)==null?void 0:A3.textBox)==null?void 0:F3.isOpenInNewTab,link:(S7=(K1=n==null?void 0:n.elementSettings)==null?void 0:K1.textBox)==null?void 0:S7.link,targetWord:(D3=(n3=n==null?void 0:n.elementSettings)==null?void 0:n3.textBox)==null?void 0:D3.targetWord})):l(!1))},[n]),m.jsxs(m.Fragment,{children:[m.jsx(id,{isOpen:t,onClose:()=>{D(),i()},size:"small",side:"right",hideFooter:!0,headerTitle:"Add Element",dataTestTitle:"elementPanel",children:m.jsxs("form",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-flex dbn-flex-col dbn-gap-6",onSubmit:T($),children:[m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[m.jsx(T5,{type:"text",placeholder:"Enter title",label:"Title",register:Q("elementTitle")}),m.jsx(T5,{type:"text",placeholder:"Enter description",label:"Description",register:Q("description")}),m.jsx(Bp,{name:"titleAlignment",control:Y,render:({field:c2})=>m.jsx(m.Fragment,{children:m.jsx(Be,{buttonWidth:"100%",menuWidth:"100%",label:"Title alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:b2=>{g("titleAlignment",b2.value)},selectedOption:{label:(c2==null?void 0:c2.value)||"",value:c2.value||""}})})}),m.jsx(Bp,{name:"descAlignment",control:Y,render:({field:c2})=>m.jsx(m.Fragment,{children:m.jsx(Be,{buttonWidth:"100%",menuWidth:"100%",label:"Description alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:b2=>{g("descAlignment",b2.value)},selectedOption:{label:(c2==null?void 0:c2.value)||"",value:c2.value||""}})})})]}),m.jsx(B4,{name:"enableMetricCard",placeholder:"Merge Card to Background",enabled:I("isDisableCardAppearance"),onChange:()=>g("isDisableCardAppearance",!I("isDisableCardAppearance"))}),e?null:m.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:m.jsx(M8,{variant:"tab",leftIcon:m.jsx(k8,{name:"plus",size:"sm"}),onClick:()=>l(!0),fitContainer:!0,children:"Text box"})}),e?m.jsxs("div",{className:"dbn-py-5 dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-border-y dbn-border-secondary",children:[m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-items-center dbn-justify-between",children:[m.jsx(w9,{variant:"heading-5",children:"Text box"}),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"delete",color:"alert"}),onClick:()=>{l(!1),g("text",""),g("fontWeight",""),g("fontSize",""),g("textAlignment",""),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),n2({isOpenInNewTab:!1,link:"",targetWord:""})}})]}),m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[m.jsx(T5,{type:"text",placeholder:"Enter text",label:"",register:Q("text")}),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"link",size:"lg"}),onClick:()=>A(!0)})]}),m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4",children:[m.jsx(T5,{type:"text",placeholder:"Regular",label:"Font weight",register:Q("fontWeight")}),m.jsx(T5,{type:"text",placeholder:"36px",label:"Font size",register:Q("fontSize")})]}),m.jsx(PC,{name:"font color",label:"Font color",onChange:c2=>g("fontColor",c2),value:I("fontColor")||"#000000",defaultValue:"#000000"}),m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-6 dbn-py-2 dbn-items-center dbn-justify-center",children:[m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"align-left",size:"lg"}),onClick:()=>g("textAlignment","left"),className:I("textAlignment")==="left"||!I("textAlignment")?"dbn-bg-gray dbn-p-1":""}),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"align-space-even",size:"lg"}),onClick:()=>g("textAlignment","center"),className:I("textAlignment")==="center"?"dbn-bg-gray dbn-p-1":""}),m.jsx(M8,{variant:"popover",leftIcon:m.jsx(k8,{name:"align-right",size:"lg"}),onClick:()=>g("textAlignment","right"),className:I("textAlignment")==="right"?"dbn-bg-gray dbn-p-1":""})]})]}):null,m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4 dbn-items-center dbn-justify-end dbn-pb-4",children:[f?m.jsx(w9,{variant:"body-text-2",color:"alert",children:f}):null,m.jsx(M8,{type:"submit",variant:"primary",children:d?"Saving...":"Save"})]})]})}),m.jsxs($u,{isOpen:C,onClose:()=>A(!1),customHeader:m.jsxs("div",{className:"dbn-w-full dbn-flex dbn-items-center dbn-justify-between",children:[m.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2",children:[m.jsx(k8,{name:"link",size:"lg"}),m.jsx(w9,{variant:"heading-3",children:"Insert Link"})]}),m.jsx(M8,{variant:"tertiary",type:"button",onClick:()=>{n2({isOpenInNewTab:I("isOpenInNewTab")||!1,link:I("textLink")||"",targetWord:I("targetWord")||""}),A(!1)},leftIcon:m.jsx(k8,{name:"cross",size:"xs"}),style:{padding:"0",height:"16px"}})]}),children:[m.jsxs("div",{className:"dbn-w-[500px] dbn-flex dbn-flex-col dbn-gap-4 dbn-pb-4 dbn-px-5",children:[m.jsx(T5,{type:"text",placeholder:"Paste your link here",label:"",value:G.link,onChange:c2=>n2(b2=>({...b2,link:c2.target.value}))}),m.jsx(T5,{type:"text",placeholder:"Enter the target word or sentence",label:"Target",value:G.targetWord,onChange:c2=>n2(b2=>({...b2,targetWord:c2.target.value}))}),m.jsx(pf,{label:"Open link in new tab",onChange:()=>{n2(c2=>({...c2,isOpenInNewTab:!c2.isOpenInNewTab}))},checked:G.isOpenInNewTab})]}),m.jsxs(AE,{children:[m.jsx(M8,{type:"button",variant:"tab",onClick:()=>{D(),n2({isOpenInNewTab:!1,link:"",targetWord:""}),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),A(!1)},children:"Discard"}),m.jsx(M8,{type:"submit",variant:"primary",onClick:()=>{g("textLink",G.link),g("isOpenInNewTab",G.isOpenInNewTab),g("targetWord",G.targetWord),A(!1)},children:"Add link"})]})]})]})},UA2={"MetricList-wrapper":"_MetricList-wrapper_1be4a_5","MetricList-wrapper-move":"_MetricList-wrapper-move_1be4a_13"},M50=({props:{metricList:t,mainMetricItem:i,metricCardColor:n,isAllowedToChangeLayout:a,isMobileScreen:o,isShadowDisableOnHover:s,disableMetricCardBorder:r,isAllowedToUpdateMetrics:C,isEditLayoutEnabled:A,isHoverLongDesc:e,setOpenElementPanel:l,setUpdateElement:u,isEnableEmailRawCsvDownload:f,setRawCsvModal:d,language:g,translationDictionary:I,datasourceId:Q,metricStore:T,setHoverLongDesc:D,setHoverSubHeader:Y,setMetricStore:G,setDownloadMetrics:n2,isAllClient:$,clientColumnType:c2,noDataImg:b2,isAllowedToSeeUnderlyingData:J,chartAppearance:Z2,hideDatePickerOptions:V2,isDisableMetricLoader:G2,onServerEvent:U2,workspaceId:D2,token:j2,downloadMetrics:F2,dropdownTheme:p0,optionsIcon:g0,disableFullscreen:j0,setFullScreenModal:f0,client:y0,chartColors:F0,globalFilters:x0,companyTenancyType:R2,appFilters:v1,params:q1,isAllowedToDeleteMetrics:m7,setArchiveModal:d7,setCrossDashboardFilters:T7,crossDashboardFilters:A3,enableMultiMetricFilters:F3,enableDownloadCsv:K1,parentHeight:S7,parentWidth:n3,filters:D3,scrollToTop:e9,calendarType:r9,isDisableClick:Y7,bgColor:n7}})=>{var o3,N3;const[B7,b9]=d1.useState([]),[u9,H3]=d1.useState([]),Q9=d1.useMemo(()=>{let d3=[];const R3=[i,...t].map(E9=>{var I9,n9,a6,h8,R6,K6;const Z3=`${E9==null?void 0:E9.id}-sub-card`,k9=(I9=E9==null?void 0:E9.chartOptions)==null?void 0:I9.cardLayout;[X0.linearGauge,X0.progressBar].includes((n9=E9==null?void 0:E9.chartOptions)==null?void 0:n9.chartType)&&(d3=[...d3,{id:Z3,height:(k9==null?void 0:k9.h)??((a6=E9==null?void 0:E9.resizeAttributes)==null?void 0:a6.height)??10}]);const u8=n3||5,Q1=S7?(S7||10)/[i,...t].length:5;return{i:Z3,w:(k9==null?void 0:k9.w)??u8,h:(k9==null?void 0:k9.h)??Q1,x:(k9==null?void 0:k9.x)??((h8=E9==null?void 0:E9.resizeAttributes)==null?void 0:h8.xAxis)??0,y:(k9==null?void 0:k9.y)??((R6=E9==null?void 0:E9.resizeAttributes)==null?void 0:R6.yAxis)??0,minW:E9.isMetric?[X0.singleValue,X0.pivot,X0.pivotV2,X0.pivotV3,X0.progressBar,X0.linearGauge].includes((K6=E9==null?void 0:E9.chartOptions)==null?void 0:K6.chartType)?2:3:1,minH:3,maxH:S7}});return H3(d3),R3},[i,t,S7,n3]),V9=d1.useMemo(()=>Q9.sort((d3,R3)=>d3.y!==R3.y?d3.y-R3.y:d3.x-R3.x),[Q9]),b1=d1.useMemo(()=>[i,...t].map((d3,R3)=>{var F8,l9,X8,m8,B8;const E9=(F8=u9.find(z9=>z9.id===(d3==null?void 0:d3.id)))==null?void 0:F8.height,Z3=d3.isMetric,k9=((l9=i==null?void 0:i.chartOptions)==null?void 0:l9.mergedCards)||[],u8=!!((X8=d3==null?void 0:d3.elementSettings)!=null&&X8.isDisableCardAppearance),Q1=(!Z3&&!u8||Z3)&&!n?"dbn-white":"",I9=a?UA2["MetricList-wrapper-move"]:"",n9=r?"dbn-border-0":"",a6=!Z3&&!u8||Z3?"dbn-metric-card-container":"",h8=`${UA2["MetricList-wrapper"]} ${Q1} ${I9} ${n9} ${a6} dbn-shadow-none !important`,R6=()=>{!Z3&&C&&!A&&(l(!0),u(d3))},K6={cursor:"auto",backgroundColor:n7,zIndex:e?Q9.length-R3:10,maxWidth:"100%"},X7=(z9,n8)=>{n2(n8?J9=>[...J9,{id:z9,isInProgress:n8}]:J9=>J9.filter(y9=>y9.id!==z9))},d8=f?(z9,n8,J9)=>d({show:!0,metric:d3,filterValues:z9,rlsConditions:n8,dataMartRelationships:J9}):void 0;return m.jsx("div",{className:h8,id:`${d3==null?void 0:d3.id}-sub-card`,tabIndex:0,role:"button",style:K6,onClick:R6,"data-testid":`${(m8=d3==null?void 0:d3.name)==null?void 0:m8.toLowerCase().replaceAll(" ","-")}-card`,children:m.jsx(pH,{calendarType:r9,disableFullscreen:!!j0,isDisableClick:Y7,language:g,translationDictionary:I,datasourceId:Q,metricStore:T,disableBorder:r,setHoverLongDesc:D,setHoverSubHeader:Y,setMetricStore:G,isAllClient:$,clientColumnType:c2,isMergedMetric:!!k9.length&&!o,metricCardColor:n,isShadowDisableOnHover:s,noDataImg:b2,isAllowedToSeeUnderlyingData:J,chartAppearance:Z2,hideDatePickerOptions:V2,chartHeight:E9||void 0,isEditLayoutEnabled:A,isDisableMetricLoader:G2,onServerEvent:U2,workspaceId:D2,guestToken:j2,isFrontendApp:!1,downloadMetrics:F2,onDownload:X7,metricItem:d3,dropdownTheme:p0,optionsIcon:g0,onMaximize:void 0,client:y0,colors:F0,globalFilters:{tableName:(x0==null?void 0:x0.tableName)||"",filters:[...(x0==null?void 0:x0.filters)||[],...(B8=B7==null?void 0:B7.filter(z9=>z9==null?void 0:z9.value))==null?void 0:B8.map(z9=>nn2(z9))]},param:q1==null?void 0:q1.find(z9=>z9.metricId===d3.metricId),appFilters:v1==null?void 0:v1.find(z9=>z9.metricId===d3.metricId),companyTenancyType:R2,onArchive:m7?z9=>d7({id:z9,show:!0,metricId:(d3==null?void 0:d3.metricId)||""}):void 0,disableActions:A,isDisableMorePopup:A,setCrossDashboardFilters:T7,crossDashboardFilters:A3,enableMultiMetricFilters:F3,enableDownloadCsv:K1,onDownloadRawCsv:d8})},`${d3==null?void 0:d3.id}-sub-card`)}),[i,V9,t,u9,n,a,r,e,Q9.length,f,g,I,Q,T,D,Y,G,$,c2,o,s,b2,J,Z2,V2,A,G2,U2,D2,j2,F2,p0,g0,j0,y0,F0,x0==null?void 0:x0.tableName,x0==null?void 0:x0.filters,B7,q1,v1,R2,m7,T7,A3,F3,K1,C,l,u,n2,d,f0,d7,r9]),a7=d1.useMemo(()=>{var d3;return(d3=i==null?void 0:i.chartOptions)==null?void 0:d3.isNewLayout},[(o3=i==null?void 0:i.chartOptions)==null?void 0:o3.isNewLayout]);return m.jsxs(m.Fragment,{children:[!!(D3!=null&&D3.length)&&m.jsx("div",{className:"dbn-w-full dbn-flex  dbn-gap-2 dbn-p-2 dbn-items-end dbn-z-[19] dbn-justify-start",children:m.jsx(hz,{parentAppliedFilter:(x0==null?void 0:x0.filters)||[],isEditLayoutEnabled:!1,clientColumnType:c2,hideDatePickerOptions:[],appliedfilters:B7,setAppliedFilters:b9,filters:[{tableName:"",columns:D3}],internal:{isInternal:!0,workspaceId:D2||""},clientId:y0,isAllClient:$,theme:p0,tenancyLevel:R2,layout:{adminLayout:((N3=i==null?void 0:i.chartOptions)==null?void 0:N3.filterLayout)||[],clientLayout:[],isLocked:!0,onChange:()=>{}},datasourceId:Q})}),m.jsx(QH,{layouts:{lg:V9},rowHeight:30,breakpoints:{lg:1800,md:996,sm:768,xs:480,xxs:0},cols:{lg:a7&&n3||12,md:a7&&n3||12,sm:a7&&n3||12,xs:a7&&n3||4,xxs:a7&&n3||2},margin:[10,10],containerPadding:[0,0],draggableHandle:"metric-sub-card",isDraggable:!1,isDroppable:!1,isResizable:!1,children:b1},A?"reset":"default")]})},QH=nC2.WidthProvider(nC2.Responsive),T50=({chartColors:t,globalFilters:i,dataLimit:n,client:a,companyId:o,isAllowedToUpdateMetrics:s,isAllowedToDeleteMetrics:r,isAllowedToChangeLayout:C,isAllowedToSeeUnderlyingData:A,externalDashboardMetrics:e,isMetricListLoading:l,breakpoint:u,layoutCols:f,layout:d,params:g,companyTenancyType:I="TABLE",externalDashboardId:Q,externalDashboardPk:T,sharingSettingsId:D,appFilters:Y,isHideChartSettings:G,isHideTablePreview:n2,enableDownloadCsv:$,enableEmailCsv:c2,enableMultiMetricFilters:b2,disableFullscreen:J,dropdownTheme:Z2,optionsIcon:V2,token:G2,workspaceId:U2,clientColumnType:D2,isShowLoader:j2,isEditLayoutEnabled:F2,isEnableMetricSummary:p0,hideDatePickerOptions:g0,chartAppearance:j0,isAllClient:f0,gridMargin:y0,isDisableMetricLoader:F0,isShadowDisableOnHover:x0,noDataImg:R2,metricCardColor:v1,shouldFitFullScreen:q1,mergedMetrics:m7,metricIndex:d7,setRowMetrics:T7,onServerEvent:A3,disableDownloadPng:F3,disableMetricCardBorder:K1,isMobileScreen:S7,isAllowToDownloadMetrics:n3,chartColumns:D3,datasourceId:e9,language:r9,translationDictionary:Y7,metricMergedFilters:n7,fullScreenModal:B7,setFullScreenModal:b9,calendarType:u9,isDisableClick:H3,onEditMetric:Q9,isDataApp:V9})=>{var s8,b8,i8,P9;const[b1,a7]=d1.useState(new Map),[o3,N3]=d1.useState([]),[d3,R3]=d1.useState(!1),[E9,Z3]=d1.useState(!1),[k9,u8]=d1.useState(),[Q1,I9]=d1.useState(!1),[n9,a6]=d1.useState({show:!1,metric:void 0,filterValues:void 0,rlsConditions:[],dataMartRelationships:[]}),[h8,R6]=d1.useState({id:"",show:!1,metricId:""}),[K6,X7]=d1.useState([]),[d8,F8]=d1.useState([]),{handleArchiveMetric:l9,isLoading:X8}=XX2({token:G2,metricId:h8.id,onSuccess:async()=>{A3==null||A3(rX2,h8.id),R6({id:"",show:!1,metricId:""}),b9({show:!1,isClickOnChart:!1}),await m8({clientId:a,data:{companyId:o,feature:"ARCHIVE_METRIC",dashboardId:Q,metricId:h8.metricId},isFrontendApp:!1,token:G2}),window.location.reload()}}),{saveLogsAsync:m8}=Xj(),{isDisableDownloadSettings:B8}=iz({sharingSettingsId:D,workspaceId:U2}),z9=d1.useMemo(()=>(c2==null?void 0:c2.toString())&&c2||!(c2!=null&&c2.toString())&&!B8,[B8,c2]),n8=d1.useMemo(()=>{var c9;return((c9=e==null?void 0:e.map(O9=>{var B3,a8,U9,q8,z6,$9;return(U9=(a8=(B3=O9==null?void 0:O9.externalMetric)==null?void 0:B3.clickActions)==null?void 0:a8.chartWithMetric)!=null&&U9.isEnable?($9=(z6=(q8=O9==null?void 0:O9.externalMetric)==null?void 0:q8.clickActions)==null?void 0:z6.chartWithMetric)==null?void 0:$9.metricId:""}))==null?void 0:c9.filter(O9=>O9))||[]},[e]),J9=d1.useMemo(()=>e==null?void 0:e.map(c9=>{var B3,a8,U9,q8;const O9=D3==null?void 0:D3.find(z6=>{var $9;return z6.metricId===(($9=c9==null?void 0:c9.externalMetric)==null?void 0:$9.metricId)&&z6.isEnabled});return O9?{...c9==null?void 0:c9.externalMetric,chartOptions:{...(B3=c9==null?void 0:c9.externalMetric)==null?void 0:B3.chartOptions,enduserMeasureAndDimensions:{isEnabled:!!(O9!=null&&O9.isEnabled),dimensions:((a8=O9==null?void 0:O9.dimensions)==null?void 0:a8.map(z6=>({value:z6,label:z6})))||[],measures:((U9=O9==null?void 0:O9.measures)==null?void 0:U9.map(z6=>({value:z6,label:z6})))||[]},yAxisList:(O9==null?void 0:O9.measures)||[],xAxis:((q8=O9==null?void 0:O9.dimensions)==null?void 0:q8[0])||""}}:c9.externalMetric}),[e,D3]),y9=d1.useMemo(()=>{const c9=J9==null?void 0:J9.filter(U9=>{var q8;return!((q8=U9==null?void 0:U9.clientArchivedMetrics)!=null&&q8.length)}),O9=c9==null?void 0:c9.filter(U9=>(!U9.isCreatedByClient||U9.isCreatedByClient&&!U9.clientId)&&!(m7!=null&&m7.includes(U9==null?void 0:U9.id))&&!(n8!=null&&n8.includes(U9==null?void 0:U9.id))),B3=c9==null?void 0:c9.filter(U9=>U9.isCreatedByClient&&U9.clientId===a&&!(m7!=null&&m7.includes(U9==null?void 0:U9.id)));return[...O9||[],...B3||[]].sort((U9,q8)=>{const z6=new Date(U9.createdAt).getTime(),$9=new Date(q8.createdAt).getTime();return z6-$9})},[a,J9,m7,n8]),h9=d1.useMemo(()=>{let c9=[];const O9=y9==null?void 0:y9.map(B3=>{var q8,z6,$9,v8,G6;const a8=d.clientLayout.find(G5=>G5.i===B3.id),U9=d.adminLayout.find(G5=>G5.i===B3.id);return[X0.linearGauge,X0.progressBar].includes(B3.chartOptions.chartType)&&(c9=[...c9,{id:(a8==null?void 0:a8.i)??(U9==null?void 0:U9.i)??B3.id,height:(a8==null?void 0:a8.h)??(U9==null?void 0:U9.h)??((q8=B3==null?void 0:B3.resizeAttributes)==null?void 0:q8.height)??10}]),{i:(a8==null?void 0:a8.i)??(U9==null?void 0:U9.i)??B3.id,w:(a8==null?void 0:a8.w)??(U9==null?void 0:U9.w)??((z6=B3.resizeAttributes)==null?void 0:z6.width)??5,h:(a8==null?void 0:a8.h)??(U9==null?void 0:U9.h)??(($9=B3.resizeAttributes)==null?void 0:$9.height)??10,x:(a8==null?void 0:a8.x)??(U9==null?void 0:U9.x)??((v8=B3.resizeAttributes)==null?void 0:v8.xAxis)??0,y:(a8==null?void 0:a8.y)??(U9==null?void 0:U9.y)??((G6=B3.resizeAttributes)==null?void 0:G6.yAxis)??0,minW:B3.isMetric?[X0.singleValue,X0.pivot,X0.pivotV2,X0.pivotV3,X0.progressBar,X0.linearGauge].includes(B3.chartOptions.chartType)?2:3:1,minH:B3.isMetric?[X0.singleValue,X0.pivot,X0.pivotV2,X0.pivotV3,X0.table].includes(B3.chartOptions.chartType)?2:[X0.progressBar,X0.linearGauge].includes(B3.chartOptions.chartType)?3:8:1,maxH:B3.chartOptions.chartType==="table"?1/0:15}});return F8(c9),O9},[y9,d.adminLayout,d.clientLayout]),o8=d1.useMemo(()=>h9.sort((c9,O9)=>c9.y!==O9.y?c9.y-O9.y:c9.x-O9.x),[h9]);d1.useEffect(()=>{var c9;if(o8!=null&&o8.length&&d7){const O9=(c9=o8[d7||0])==null?void 0:c9.y,B3=o8==null?void 0:o8.slice(d7);T7==null||T7(()=>{let a8=0;return B3==null||B3.forEach(U9=>{U9.y===O9&&(a8+=1)}),a8-1})}},[o8,d7]);const i6=d1.useMemo(()=>{const c9=new Map;return o8.forEach((O9,B3)=>{c9.set(O9.i,B3)}),y9.sort((O9,B3)=>c9.get(O9.id)-c9.get(B3.id)),y9.slice(0,n)},[o8,y9,n]),i3=d1.useMemo(()=>o8.slice(0,n),[o8,n]);d1.useEffect(()=>{N3([])},[y9]);const G1=()=>{const O9=(()=>{var B3,a8;return document.querySelector(".dbn-dashboard")??((a8=(B3=document==null?void 0:document.querySelector("dbn-dashboard"))==null?void 0:B3.shadowRoot)==null?void 0:a8.querySelector(".dbn-dashboard"))})();O9&&O9.scrollTo({top:0,behavior:"smooth"})};d1.useEffect(()=>{const c9=setTimeout(()=>{window.dispatchEvent(new Event("resize"))},300);return()=>clearTimeout(c9)},[h9]);const B9=d1.useMemo(()=>i6==null?void 0:i6.map((c9,O9)=>{var w4,x4,p4,E4,y6,u4,W6,y4,c4,I5,we,P5,h5,j4,S4,r4,D5,h4,n4,pe,Ue,ot,ft;const B3=(x4=(w4=c9==null?void 0:c9.clickActions)==null?void 0:w4.chartWithMetric)!=null&&x4.isEnable?(E4=(p4=c9==null?void 0:c9.clickActions)==null?void 0:p4.chartWithMetric)==null?void 0:E4.metricId:void 0,a8=B3?J9==null?void 0:J9.find(D4=>D4.id===B3):void 0,U9=(y6=d8.find(D4=>D4.id===(c9==null?void 0:c9.id)))==null?void 0:y6.height,q8=c9.isMetric,z6=((u4=c9==null?void 0:c9.chartOptions)==null?void 0:u4.mergedCards)||[],$9=((W6=n7==null?void 0:n7.find(D4=>D4.id===(c9==null?void 0:c9.id)))==null?void 0:W6.filters)||[],v8=(y4=z6==null?void 0:z6.map(D4=>J9==null?void 0:J9.find(f7=>f7.id===(D4==null?void 0:D4.value))))==null?void 0:y4.filter(D4=>D4),G6=($9==null?void 0:$9.length)||!!v8.length,G5=!!((c4=c9==null?void 0:c9.elementSettings)!=null&&c4.isDisableCardAppearance),l4=!q8&&!G5||q8?"dbn-metric-card-container":"",y8=((I5=c9==null?void 0:c9.chartOptions)==null?void 0:I5.chartType)===X0.singleValue&&((P5=(we=c9==null?void 0:c9.chartOptions)==null?void 0:we.customSettings)==null?void 0:P5.isEnableSingleValueBgColor),D6=y8&&((j4=(h5=c9==null?void 0:c9.chartOptions)==null?void 0:h5.customSettings)==null?void 0:j4.singleValueBgColor)||"",J6=(!q8&&!G5||q8)&&!v1&&!D6?"dbn-white":"",K5=C?mf["MetricList-wrapper-move"]:"",d5=z6.length&&!S7?`dbn-metric-card ${z6.length<2?mf.gridDisplay:mf.gridDisplay2} ${x0?"":mf.isShowShadow}`:mf.flexDisplay,H8=K1?"dbn-border-0":"",K8=`${mf["MetricList-wrapper"]} ${l4} ${J6} ${K5} ${d5} ${H8}`,$8=`${mf["MetricList-wrapper"]} ${l4} ${J6} ${K5}  ${H8} ${mf.mergedCard}`,Q6=()=>{!q8&&s&&!F2&&(I9(!0),u8(c9))},v6=!q8&&!!(v8!=null&&v8.every(D4=>!(D4!=null&&D4.isMetric)))&&G5;let S6="",S5="";G6&&v6?S6="":G6&&!v6&&!(c9!=null&&c9.isMetric)?v1?S6=v1:S6="white":D6?S6=D6:v1&&!G5?S6=v1:!q8&&!G5||q8?S6="white":S6="",G6&&((S4=c9==null?void 0:c9.chartOptions)!=null&&S4.isEnableMergeDividers)&&!v6&&(S5=((r4=c9==null?void 0:c9.chartOptions)==null?void 0:r4.dividerColor)??"");const $6={cursor:"auto",backgroundColor:(D5=c9==null?void 0:c9.chartOptions)!=null&&D5.isEnableMergeDividers?S5:S6,zIndex:d3||E9?i6.length-O9:10},q5=(D4,u1)=>{X7(u1?f7=>[...f7,{id:D4,isInProgress:u1}]:f7=>f7.filter(J7=>J7.id!==D4))},d4=z9?(D4,u1,f7)=>a6({show:!0,metric:c9,filterValues:D4,rlsConditions:u1,dataMartRelationships:f7}):void 0,K4=(h4=i3==null?void 0:i3.find(D4=>D4.i===(c9==null?void 0:c9.id)))==null?void 0:h4.h,b4=(n4=i3==null?void 0:i3.find(D4=>D4.i===(c9==null?void 0:c9.id)))==null?void 0:n4.w;return G6?m.jsx("div",{"data-testid":`${(pe=c9==null?void 0:c9.name)==null?void 0:pe.toLowerCase().replaceAll(" ","-")}-card`,className:$8,id:c9.id,style:$6,children:m.jsx(M50,{props:{calendarType:u9,filters:$9,parentHeight:K4,bgColor:S6,scrollToTop:q1?()=>G1():()=>{},parentWidth:b4,metricList:v8,mainMetricItem:c9,metricCardColor:y8?D6:v1,isAllowedToChangeLayout:C,isMobileScreen:S7,isShadowDisableOnHover:x0,disableMetricCardBorder:K1,isAllowedToUpdateMetrics:s,isEditLayoutEnabled:F2,isHoverLongDesc:d3,setOpenElementPanel:I9,setUpdateElement:u8,isEnableEmailRawCsvDownload:z9,setRawCsvModal:a6,language:r9,translationDictionary:Y7,datasourceId:e9,metricStore:b1,setHoverLongDesc:R3,setHoverSubHeader:Z3,setMetricStore:a7,setDownloadMetrics:X7,isAllClient:f0,clientColumnType:D2,noDataImg:R2,isAllowedToSeeUnderlyingData:A,chartAppearance:j0,hideDatePickerOptions:g0,isDisableMetricLoader:F0,onServerEvent:A3,workspaceId:U2,token:G2,downloadMetrics:K6,dropdownTheme:Z2,optionsIcon:V2,disableFullscreen:J,setFullScreenModal:b9,client:a,chartColors:t,globalFilters:i,companyTenancyType:I,appFilters:Y,params:g,isAllowedToDeleteMetrics:r,setArchiveModal:R6,setCrossDashboardFilters:N3,crossDashboardFilters:o3,enableMultiMetricFilters:b2,enableDownloadCsv:$,isDisableClick:H3}})},c9.id):m.jsx("div",{"data-testid":`${(Ue=c9==null?void 0:c9.name)==null?void 0:Ue.toLowerCase().replaceAll(" ","-")}-card`,className:K8,id:c9.id,onClick:Q6,style:$6,children:m.jsx(pH,{calendarType:u9,disableFullscreen:!!J,isDisableClick:H3,language:r9,translationDictionary:Y7,datasourceId:e9,metricStore:b1,disableBorder:K1,setHoverLongDesc:R3,setHoverSubHeader:Z3,setMetricStore:a7,isAllClient:f0,clientColumnType:D2,isMergedMetric:!!z6.length&&!S7,metricCardColor:y8?D6:v1,isShadowDisableOnHover:x0,noDataImg:R2,isAllowedToSeeUnderlyingData:A,chartAppearance:j0,hideDatePickerOptions:g0,chartHeight:U9||void 0,isEditLayoutEnabled:F2,isDisableMetricLoader:F0,onServerEvent:A3,workspaceId:U2,guestToken:G2,isFrontendApp:!1,downloadMetrics:K6,onDownload:q5,metricItem:c9,dropdownTheme:Z2,optionsIcon:V2,onMaximize:d.isLocked||J&&!((ft=(ot=c9==null?void 0:c9.clickActions)==null?void 0:ot.chartWithMetric)!=null&&ft.isEnable)?({metric:D4,appFilters:u1,appliedMetricFilters:f7,rlsFilters:J7,isClickOnChart:k7})=>{A3==null||A3(JW2,c9==null?void 0:c9.id),q1&&G1(),b9({show:!0,metric:k7&&a8?a8:D4,rlsFilters:J7,appFilters:u1,appliedMetricFilters:f7,isClickOnChart:k7})}:void 0,client:a,colors:t,globalFilters:i,param:g==null?void 0:g.find(D4=>D4.metricId===c9.metricId),appFilters:Y==null?void 0:Y.find(D4=>D4.metricId===c9.metricId),companyTenancyType:I,onArchive:r?D4=>R6({id:D4,show:!0,metricId:c9==null?void 0:c9.metricId}):void 0,disableActions:!d.isLocked,isDisableMorePopup:!d.isLocked,setCrossDashboardFilters:N3,crossDashboardFilters:o3,enableMultiMetricFilters:b2,enableDownloadCsv:$,onDownloadRawCsv:d4})},c9.id)}),[i6,d8,n7,v1,C,S7,x0,K1,d3,E9,z9,i3,r9,Y7,e9,b1,f0,D2,R2,A,j0,g0,F2,F0,A3,U2,G2,K6,Z2,V2,d.isLocked,J,a,t,i,g,Y,I,r,o3,b2,$,J9,s,J9,u9]);return m.jsx(m.Fragment,{children:y9.length&&h9.length?m.jsxs(m.Fragment,{children:[m.jsx("div",{className:mf["MetricList-container"],id:"metric-list-container",children:m.jsx(QH,{layouts:{lg:i3},onResizeStop:C?d.onChange:void 0,onDragStop:C?d.onChange:void 0,isDraggable:C,isDroppable:C,isResizable:C,rowHeight:30,breakpoints:u??{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:f??{lg:12,md:12,sm:12,xs:3,xxs:2},containerPadding:[0,10],margin:[(s8=y0==null?void 0:y0.horizontalMargin)!=null&&s8.toString()?y0.horizontalMargin:10,(b8=y0==null?void 0:y0.verticalMargin)!=null&&b8.toString()?y0.verticalMargin:10],children:B9},F2?"reset":"default")}),j2?m.jsx("div",{className:"dbn-pb-6",children:m.jsx(yf,{})}):null,r?m.jsx(k70,{isLoading:X8,isOpen:h8.show,onArchive:l9,onClose:()=>R6({id:"",show:!1,metricId:""})}):null,q1?m.jsx(m.Fragment,{children:(!J||(B7==null?void 0:B7.isClickOnChart))&&B7.show&&B7.metric&&m.jsx(BH,{isDataApp:V9,onEditMetric:Q9,calendarType:u9,language:r9,translationDictionary:Y7,appliedMetricFilters:(B7==null?void 0:B7.appliedMetricFilters)||[],datasourceId:e9,isAllClient:f0,isEnableMetricSummary:p0,onServerEvent:A3,shouldFitFullScreen:q1,enableEmailCsv:c2,disableDownloadPng:F3,isAllowToDownloadMetrics:n3,chartAppearance:j0,hideDatePickerOptions:g0,clientColumnType:D2,workspaceId:U2,guestToken:G2,isFrontendApp:!1,downloadMetrics:K6,globalFilters:i,metric:B7.metric,rlsFilters:B7.rlsFilters,appFilters:B7.appFilters,colors:t,externalDashboardId:T,userProvidedDashboardId:Q,tenancyLevel:I,isAllowedToUpdateMetrics:s,clientId:a,companyId:o,onMinimize:()=>{A3==null||A3(hn2),b9({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:r?(c9,O9)=>R6({id:c9,show:!0,metricId:O9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:G,isHideTablePreview:n2,sharingSettingsId:D,onDownload:(c9,O9)=>{X7(O9?B3=>[...B3,{id:c9,isInProgress:O9}]:B3=>B3.filter(a8=>a8.id!==c9))}})}):m.jsx(LE,{children:(!J||(B7==null?void 0:B7.isClickOnChart))&&B7.show&&B7.metric&&m.jsx(BH,{isDataApp:V9,onEditMetric:Q9,language:r9,translationDictionary:Y7,appliedMetricFilters:(B7==null?void 0:B7.appliedMetricFilters)||[],datasourceId:e9,isAllClient:f0,isEnableMetricSummary:p0,onServerEvent:A3,enableEmailCsv:c2,disableDownloadPng:F3,isAllowToDownloadMetrics:n3,chartAppearance:j0,hideDatePickerOptions:g0,clientColumnType:D2,workspaceId:U2,guestToken:G2,isFrontendApp:!1,downloadMetrics:K6,globalFilters:i,metric:B7.metric,rlsFilters:B7.rlsFilters,appFilters:B7.appFilters,colors:t,externalDashboardId:T,userProvidedDashboardId:Q,tenancyLevel:I,isAllowedToUpdateMetrics:s,clientId:a,companyId:o,onMinimize:()=>{A3==null||A3(hn2),b9({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:r?(c9,O9)=>R6({id:c9,show:!0,metricId:O9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:G,isHideTablePreview:n2,sharingSettingsId:D,onDownload:(c9,O9)=>{X7(O9?B3=>[...B3,{id:c9,isInProgress:O9}]:B3=>B3.filter(a8=>a8.id!==c9))}})}),z9&&m.jsx($S,{workspaceId:U2,metricItem:n9.metric,isShowRawCsvModal:n9.show,onCloseModal:()=>a6({show:!1,metric:void 0,filterValues:void 0,dataMartRelationships:[],rlsConditions:[]}),query:vm({query:((i8=n9.metric)==null?void 0:i8.query)||"",dbName:((P9=n9.metric)==null?void 0:P9.integrationName)||"",rlsConditions:(n9==null?void 0:n9.rlsConditions)||[],tenancyLevel:I,clientId:a,globalFilters:i,values:n9.filterValues,isAllClient:!1,clientColumnType:D2,dataMartRelationships:(n9==null?void 0:n9.dataMartRelationships)||[]}),sharingSettingsId:D}),m.jsx(w50,{createElementPanelProps:{isOpen:Q1,onClose:()=>{u8(null),I9(!1)},element:k9,clientId:a,externalDashboardId:T,companyId:o,userProvidedDashboardId:Q}})]}):m.jsx(m.Fragment,{children:l?m.jsx("div",{className:mf["alt-container"],children:m.jsx(k8,{name:"not-found"})}):m.jsx("div",{className:mf["noMetric-container"],children:m.jsx("div",{className:mf["noMetric-wrapper"],children:m.jsx(w9,{variant:"heading-4",children:"No metrics created yet"})})})})})},bH={"searchTab-container":"_searchTab-container_hhd3f_1","searchTab-input":"_searchTab-input_hhd3f_5",errContainer:"_errContainer_hhd3f_9"},lW=(t,i)=>{const[n,a]=d1.useState(t);return d1.useEffect(()=>{const o=setTimeout(()=>a(t),i||500);return()=>{clearTimeout(o)}},[t,i]),n},dv=({id:t,setSearchKeyword:i,className:n="",placeholder:a="Search",value:o,isResetValue:s,onSearch:r,autoComplete:C="on",isDisabled:A,errorMsg:e})=>{const[l,u]=d1.useState(o||""),[f,d]=d1.useState(!0);d1.useEffect(()=>{i==null||i(l==null?void 0:l.toLowerCase())},[i,l]),d1.useEffect(()=>{s&&u(o||"")},[o,s]);const g=Q=>{Q.key==="Enter"&&r&&r(l)},I=lW(l,600);return d1.useEffect(()=>{r==null||r(I)},[I,r]),m.jsxs("div",{className:`${bH["searchTab-container"]} ${n} ${e?bH.errContainer:""}`,"aria-disabled":!!A,children:[!l&&f?m.jsx("span",{className:bH.search,children:m.jsx(k8,{name:"magnifying-glass",color:"gray",size:"xs"})}):null,m.jsx("input",{id:t,"data-testid":t,placeholder:a,value:l,name:"search",onChange:Q=>u(Q.target.value),onClick:Q=>Q.preventDefault(),className:bH["searchTab-input"],onFocus:()=>d(!1),onBlur:()=>d(!0),onKeyDown:g,autoComplete:C,disabled:A})]})},gv={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"},x50=({id:t,label:i,placeholder:n,rows:a,cols:o,resizable:s=!0,register:r,error:C,defaultValue:A,value:e,onFocus:l,onBlur:u,className:f,leftIcon:d,rightIcon:g,isDisabled:I,isImportant:Q,...T})=>m.jsxs("div",{className:`${gv.container} ${f}`,children:[m.jsxs("label",{htmlFor:t,className:gv.label,children:[d,m.jsxs(w9,{variant:"input-label",children:[i,Q?m.jsx("span",{className:gv.important,children:"*"}):null]}),g]}),m.jsx("textarea",{...T,id:t,name:t,rows:a,cols:o,placeholder:n,className:Dv(gv.textarea,`${s?null:gv.resizable}`,C?gv.error:gv.noError),defaultValue:A,...r,value:r?e:e||"",onFocus:l,onBlur:u,disabled:I}),C&&m.jsx(w9,{variant:"body-text-2",color:"alert",children:C})]}),LE=({children:t})=>{const[i,n]=d1.useState();return d1.useLayoutEffect(()=>{const a=document.querySelector("#dbn-portal")||document.createElement("div");if(a.setAttribute("id","dbn-portal"),document.body.querySelector("#dbn-portal")||document.body.appendChild(a),document.querySelector("dbn-dashboard")||document.querySelector("dbn-metric")||document.querySelector("dbn-create-metric")){const o=document.querySelector("#dbn-styles"),s=a.shadowRoot||a.attachShadow({mode:"open"});if(o&&!s.querySelector("#dbn-portal-style")){const r=document.createElement("style");r.innerHTML=o.innerHTML,r.setAttribute("id","dbn-portal-style"),s.appendChild(r)}if(!s.querySelector("#global-style")){const r=document.createElement("style");r.innerHTML=`
           * {
             border-width: 0;
             border-style: solid;

package/package.json

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