@databrainhq/plugin 0.15.93 → 0.15.94

package/dist/webcomponents.es.js

@@ -198897,7 +198897,7 @@ const Bh0 = "_dbcLastCardLevel_kosld_4", mh0 = "_dbcLastMetricCardLevel_kosld_7"
   const [j5, N3] = v1.useState([]), [G1, s5] = v1.useState([]), h6 = v1.useMemo(() => {
     let T6 = [];
     const Q1 = [i, ...t].map((A3) => {
-      var I6, K3, m5, h9;
+      var I6, K3, m5, h9, w1, E6;
       const D3 = `${A3 == null ? void 0 : A3.id}-sub-card`, p5 = (I6 = A3 == null ? void 0 : A3.chartOptions) == null ? void 0 : I6.cardLayout;
       [d1.linearGauge, d1.progressBar].includes(
         (K3 = A3 == null ? void 0 : A3.chartOptions) == null ? void 0 : K3.chartType
@@ -198913,15 +198913,15 @@ const Bh0 = "_dbcLastCardLevel_kosld_4", mh0 = "_dbcLastMetricCardLevel_kosld_7"
         i: (p5 == null ? void 0 : p5.i) ?? D3,
         w: (p5 == null ? void 0 : p5.w) ?? M5,
         h: (p5 == null ? void 0 : p5.h) ?? z5,
-        x: (p5 == null ? void 0 : p5.x) ?? A3.resizeAttributes.xAxis ?? 0,
-        y: (p5 == null ? void 0 : p5.y) ?? A3.resizeAttributes.yAxis ?? 0,
+        x: (p5 == null ? void 0 : p5.x) ?? ((h9 = A3 == null ? void 0 : A3.resizeAttributes) == null ? void 0 : h9.xAxis) ?? 0,
+        y: (p5 == null ? void 0 : p5.y) ?? ((w1 = A3 == null ? void 0 : A3.resizeAttributes) == null ? void 0 : w1.yAxis) ?? 0,
         minW: A3.isMetric ? [
           d1.singleValue,
           d1.pivot,
           d1.pivotV2,
           d1.progressBar,
           d1.linearGauge
-        ].includes((h9 = A3 == null ? void 0 : A3.chartOptions) == null ? void 0 : h9.chartType) ? 2 : 3 : 1,
+        ].includes((E6 = A3 == null ? void 0 : A3.chartOptions) == null ? void 0 : E6.chartType) ? 2 : 3 : 1,
         minH: 3,
         maxH: $1
       };

package/dist/webcomponents.umd.js

@@ -1875,7 +1875,7 @@ Valid keys: `+JSON.stringify(Object.keys(w0),null,"  "));var $1=P3(C3,G7,B1,C7,c
                 ${i-1!==l?Zh.disabledLevel:Zh.clickableLevels}
               `,onClick:()=>{i-1===l&&a(l)},children:[e.toString()[0].toUpperCase()+e.toString().substring(1),l===t.length-1?"":" / "]},e))})}),fg={chartTypePanel:"_chartTypePanel_10i9z_5",chartOptions:"_chartOptions_10i9z_9",chartOption:"_chartOption_10i9z_9",chartOptionBtn:"_chartOptionBtn_10i9z_17",chartOptionText:"_chartOptionText_10i9z_21",chartOptionBtnSelected:"_chartOptionBtnSelected_10i9z_25","chart-option":"_chart-option_10i9z_29",overlay:"_overlay_10i9z_34"},rN=({chartTypePanelProps:{onChartChange:t,enabledCharts:i,selectedChart:r,isOpen:a,onClose:s,zIndex:o,inline:n,onClickSettings:C}})=>{const[A,e]=v1.useState(""),[l,u]=v1.useState(LH),[f,d]=v1.useState("");return v1.useEffect(()=>{if(A){const g=EY2(LH,A);u(g)}else u(LH)},[A]),b.jsx(b.Fragment,{children:n?b.jsxs("div",{className:`${fg.chartTypePanel} dbn-h-full dbn-overflow-y-auto dbn-bg-white dbn-border dbn-border-secondary`,id:"chart-types",children:[b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center",children:[b.jsx(H9,{variant:"heading-3",color:"light-text",children:"Chart Types"}),b.jsx(N6,{"data-testid":"close-panel-btn",variant:"tertiary",type:"button",onClick:s,leftIcon:b.jsx($6,{name:"cross",size:"small"})})]}),b.jsx(ev,{setSearchKeyword:e}),l==null?void 0:l.map(g=>b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[b.jsx(H9,{variant:"heading-6",children:g.key}),b.jsx("div",{className:fg.chartOptions,children:g.value.map((m,v)=>{const x=!i.includes(m.name.toLowerCase()),R=["top","top-left"].includes((m==null?void 0:m.position)||"")?m==null?void 0:m.position:Un2(v+1);return b.jsx(Mr2,{text:m.label,subText:x?m.enabledCondition:"",headingIcon:x?"stop":void 0,position:R,children:b.jsxs("div",{className:`${fg.chartOption} ${m.name.toLowerCase()===r?fg["chart-option"]:""}`,onMouseOver:()=>d(m.name),onMouseOut:()=>d(""),"data-testid":m.name.toLowerCase().replaceAll(" ","-"),children:[b.jsx(N6,{id:m.name.replaceAll(" ","-"),type:"button",variant:"popover",onClick:()=>{m.name.toLowerCase()!==r&&t(m.name.toLowerCase())},isDisabled:x,className:"dbn-w-full",children:b.jsxs("div",{className:`${fg.imgDiv} ${m.name.toLowerCase()!==r?"dbn-border-secondary":"dbn-border-primary dbn-border"} relative`,children:[b.jsx("img",{src:x?m.disabledIcon:m.icon,alt:"",style:{width:"109px",height:"81px"}}),m.name.toLowerCase()===r&&m.name===f?b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"gear"}),className:"dbn-absolute dbn-bottom-1 dbn-right-1 dbn-z-[9999999]",onClick:q=>{q.preventDefault(),C==null||C()}}):null]})},m.name),m.name.toLowerCase()===r?b.jsx("div",{className:fg.overlay}):null]},m.name)},m.name)})})]},g.key))]}):b.jsx(_f,{isOpen:a,onClose:s,size:"small",side:"right",hideFooter:!0,headerTitle:"Chart Types",zIndex:o,children:b.jsxs("div",{className:fg.chartTypePanel,id:"chart-types",children:[b.jsx(ev,{setSearchKeyword:e}),l==null?void 0:l.map((g,m)=>b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:[b.jsx(H9,{variant:"heading-6",children:g.key}),b.jsx("div",{className:fg.chartOptions,children:g.value.map(v=>{const x=!i.includes(v.name.toLowerCase()),R=["top","top-left"].includes((v==null?void 0:v.position)||"")?v==null?void 0:v.position:Un2(m+1);return b.jsx(Mr2,{text:v.label,subText:x?v.enabledCondition:"",headingIcon:x?"stop":void 0,position:R,children:b.jsx("div",{className:fg.chartOption,"data-testid":v.name.toLowerCase().replaceAll(" ","-"),children:b.jsx(N6,{id:v.name.replaceAll(" ","-"),type:"button",variant:"popover",onClick:()=>{t(v.name.toLowerCase()),s()},isDisabled:x,className:"dbn-w-full",children:b.jsx("div",{className:`${fg.imgDiv} ${v.name.toLowerCase()!==r?"dbn-border-secondary":"dbn-border-primary dbn-border"}`,children:b.jsx("img",{src:x?v.disabledIcon:v.icon,alt:"",style:{width:"109px",height:"81px"}})})},v.name)},v.name)},v.name)})})]},g.key))]})})})},iN={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"},nu=({variant:t="primary",text:i,children:r,hideInfoIcon:a,className:s,childrenClassName:o,textColor:n="primary-title"})=>b.jsx(b.Fragment,{children:b.jsxs("div",{className:`${iN.alert} ${iN[t]}  ${s||""}`,children:[b.jsxs("div",{className:iN.alertTextContent,children:[a?null:b.jsx("span",{children:b.jsx($6,{name:"info",size:"xs",color:n})}),b.jsx(H9,{variant:"body-text-3",color:n,children:i})]}),b.jsx("div",{className:`${iN.alertButtons} ${o||""}`,children:r})]})}),W80=({isOpen:t,onClose:i,report:r,isLoading:a,subText:s,zIndex:o})=>{const[n,C]=v1.useState(!1);return b.jsx(_f,{isOpen:t,onClose:i,hideFooter:!0,side:"right",size:"small",hideHeader:!0,zIndex:o,children:b.jsxs("div",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-py-3",children:[b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-justify-between dbn-items-center dbn-py-4",children:[b.jsxs("span",{className:"dbn-flex dbn-flex-col dbn-gap-2 dbn-items-center",children:[b.jsx(H9,{variant:"heading-3",children:"Summary"},"summary"),s&&b.jsx(H9,{variant:"small-text",children:s},s)]}),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"cross",size:"xs"}),onClick:i})]}),a?b.jsx(tl,{variant:"list"}):b.jsx("div",{className:"dbn-h-[90%] dbn-w-full",children:r!=null&&r.split(`
 `).length?b.jsxs(eA,{direction:"col",className:"dbn-gap-2",children:[r==null?void 0:r.split(`
-`).map(A=>b.jsx(H9,{children:A},A)),b.jsx(N6,{variant:"popover",onClick:()=>{Zn2(r),C(!0),setTimeout(()=>{C(!1)},3e3)},leftIcon:b.jsx($6,{name:"copy"}),children:n?"Copied":"Copy"})]}):b.jsx(H9,{children:"Not Found"},"not found")})]})})},eA=c8.memo(({direction:t="row",justify:i="start",width:r="w-full",maxWidth:a,height:s="h-auto",className:o,alignItems:n=null,flexWrap:C=null,children:A})=>{const e="dbn-flex",l={between:"dbn-justify-between",around:"dbn-justify-around",evenly:"dbn-justify-evenly",center:"dbn-justify-center",start:"dbn-justify-start",end:"dbn-justify-end"},u={col:"dbn-flex-col",row:"dbn-flex-row"},f={reverse:"dbn-flex-wrap-reverse",wrap:"dbn-flex-wrap",nowrap:"dbn-flex-nowrap"},d={start:"dbn-items-start",center:"dbn-items-center",end:"dbn-items-end",baseline:"dbn-items-baseline",stretch:"dbn-items-stretch"},g=Iv(e,o,u[t],l[i],n?d[n]:null,`${r}`,`${s}`,C?f[C]:null,a?`${a}`:null);return b.jsx("div",{className:g,children:A})}),IA2={lessWidth:"_lessWidth_135z5_1",moreWidth:"_moreWidth_135z5_5"},X80=({deleteConfig:t,onDeleteMetric:i,setDeleteConfig:r,error:a,isDeletingMetric:s})=>{const[o,n]=v1.useState(!1);return b.jsxs(Xu,{isOpen:(t==null?void 0:t.isDelete)||!1,onClose:()=>r==null?void 0:r({isDelete:!1,step:0}),headerTitle:"Delete Metric",zIndex:9999999999,children:[b.jsx("div",{className:`dbn-px-6 dbn-pb-4 ${(t==null?void 0:t.step)===0?IA2.lessWidth:IA2.moreWidth}`,children:(t==null?void 0:t.step)===0?b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[b.jsxs(H9,{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."]}),b.jsx(H9,{variant:"body-text-2",color:"light-text",children:"This action can’t be undone."})]}):b.jsxs(eA,{direction:"col",className:"dbn-gap-4",children:[b.jsx(H9,{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."}),b.jsxs(eA,{direction:"col",className:"dbn-gap-2",children:[b.jsx(H9,{variant:"heading-5",children:"I understand that:"}),b.jsxs("ul",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-0",children:[b.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[b.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),b.jsx(H9,{variant:"body-text-2",children:"The metric will be permanently deleted."})]}),b.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[b.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),b.jsx(H9,{variant:"body-text-2",children:"Associated dashboards will lose access to it."})]}),b.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[b.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),b.jsx(H9,{variant:"body-text-2",children:"This action cannot be undone."})]})]})]}),b.jsxs(eA,{direction:"col",className:"dbn-gap-2",children:[b.jsxs(H9,{variant:"body-text-2",children:["Type"," ",b.jsxs("span",{className:"dbn-font-medium",children:["'",t==null?void 0:t.name,"'"]})," ","to confirm"]}),b.jsx(x5,{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)?n(!0):n(!1),r==null||r(A=>({...A,confirmedName:C.target.value}))},error:o?"Metric name does not match. Please try again.":""})]}),a?b.jsx(nu,{text:a,variant:"error"}):null]})}),b.jsxs($g,{children:[b.jsx(N6,{variant:"tab",onClick:()=>r==null?void 0:r({isDelete:!1,step:0}),children:"Cancel"}),b.jsx(N6,{variant:"primary",onClick:()=>{(t==null?void 0:t.step)===0&&(r==null||r(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&&(s||(t==null?void 0:t.confirmedName)!==(t==null?void 0:t.name)),children:(t==null?void 0:t.step)===0?"Continue":"Delete Permanently"})]})]})},aN=({metric:t,colors:i,rlsFilters:r,metricFilterOptions:a,onMinimize:s,onArchive:o,clientId:n,tenancyLevel:C,companyId:A,externalDashboardId:e,userProvidedDashboardId:l,isAllowedToUpdateMetrics:u,sharingSettingsId:f,appFilters:d,isInternalApp:g,isShowChartConfigTab:m,isHideChartSettings:v,isHideTablePreview:x,isAllClient:R,globalFilters:q={tableName:"",filters:[]},onDownload:z,downloadMetrics:a2,isFrontendApp:$,guestToken:K,encryptedClient:f2,workspaceId:b2,clientColumnType:I2,isEnableMetricSummary:n0,hideDatePickerOptions:y2,chartAppearance:x2,enableEmailCsv:Z2,shouldFitFullScreen:z2,onServerEvent:s0,disableDownloadPng:V0,isAllowToDownloadMetrics:g0,datasourceId:p0,appliedMetricFilters:w0,language:S2,translationDictionary:m1,onDeleteMetric:N0,deleteConfig:B1,setDeleteConfig:C7,deleteError:c7,isDeletingExternalMetric:C3,calendarType:P7="default"})=>{var i5,z4,F5,G5,I4,G4,F4,de,i4,S5,J5,N5,E4,h4,C5,An,We,m4,J4,q4,C4,v4,ye,_4,Xe,Qt,mn,rt,Jn,A1,h7,W7,O7,C9,f7,t3;const Y7=v1.useRef(),[G7,P3]=v1.useState(!1),[$1,p7]=v1.useState(!1),[V3,o9]=v1.useState(!1),k9=v1.useMemo(()=>{var h3;return{...q,filters:(h3=q==null?void 0:q.filters)==null?void 0:h3.filter(_3=>{var x3;return!((x3=_3==null?void 0:_3.restrictedMetrics)!=null&&x3.some(f9=>f9.value===(t==null?void 0:t.id)))})}},[q,t]),{dataDb:j3,variables:H7,getUnderlyingData:G1,handleChartClick:s3,columnName:h9,setShowChartPopup:P9,isShowChartPopup:j9,isQueryLoading:F9,chartParams:T9,onChangeFilterValue:Q1,onDrillDown:A7,drilledLevel:D7,dimensions:p3,setTableLimit:M3,isEnableNextBtn:z3,isEnablePrevBtn:I9,paginationInfo:K7,onChangePage:m3,isExternalChart:h6,onDrillLevelClick:w1,metricFilters:E9,filterValues:q9,dynamicOptions:g9,isSingleValueNull:q3,isEnableZoom:T6,containerRef:s6,chartSettings:V7,setChartSettings:R6,leftPositionedMetricFilters:W9,rightPositionedMetricFilters:y9,updateFilter:t6,drillFilters:V6,drillType:Z6,tableResultsDownloadData:_9,rlsConditions:Y9,appliedMetricFilters:c9,pivotHeaderOptions:P6,pivotDrillState:C8,onDrillPivotTable:t8,legendData:y8,timeseriesDimension:g7,isPythonMode:u9,isSorted:s9,isInavlidForSort:m9,sortOrder:r6,setSortOrder:j6,onAddComparison:p6,groupedRlsConditions:K6,onGenerateMetricSummary:W6,summary:M9,setSummary:G6,setNotFirstRender:m6,dataMartRelationships:H8,onChartChange:D5,isCompareValue:g6,isShowChartPropertyPanel:x8,setShowChartPropertyPanel:o4,columnList:l8,metricName:i6,drilldownCols:v9}=Pj({datasourceId:p0,metric:t,rlsFilters:r,tenancyLevel:C,clientId:n,appFilters:d,isInternalApp:g,metricFilterOptions:a,isAllClient:R,globalFilters:k9,isFrontendApp:$,guestToken:K,encryptedClientId:f2,workspaceId:b2,onServerEvent:s0,clientColumnType:I2,appliedCardMetricFilters:w0,language:S2,translationDictionary:m1,calendarType:P7}),{updateExternalMetric:D6,error:I8,isLoading:v8}=Jy({onSuccess:()=>{var h3,_3;o9(!1),s(),(_3=(h3=window==null?void 0:window.location)==null?void 0:h3.reload)==null||_3.call(h3)},selectedColumns:[],companyIntegrationId:t.companyIntegrationId,query:t.query,metricQuery:t.metricQuery,integrationName:t.integrationName,outputColumns:t.outputColumns,chartSettings:V7,datasetMetricSettings:t.datasetMetricSettings,clientId:n,companyId:A,isLiveMode:t.isLive,timeGrain:t.timeGrain,dashboardIds:[e],isEnableGroupBy:t.isEnableGroupBy,groupBy:t.groupBy,selectedGroupBy:t.selectedGroupBy,userProvidedDashboardId:l,metric:t,rlsFilters:r}),{isDisableDownloadSettings:w8}=Fj({sharingSettingsId:f,workspaceId:b2}),B8=v1.useMemo(()=>(Z2==null?void 0:Z2.toString())&&Z2||!(Z2!=null&&Z2.toString())&&!w8,[w8,Z2]),L5=v1.useMemo(()=>{var _3;let h3=Lj({chartSettings:V7,translationDictionary:m1,variables:H7,language:S2});return(_3=t==null?void 0:t.drillDownSettings)!=null&&_3.isEnableGroupBy&&j3.length&&D7===(p3==null?void 0:p3.length)&&(h3={...h3,chartType:"table",yAxisList:p3!=null&&p3[0]?[p3==null?void 0:p3[0],...V7.yAxisList||[]]:V7.yAxisList}),h3},[(i5=t==null?void 0:t.drillDownSettings)==null?void 0:i5.isEnableGroupBy,j3.length,D7,p3,V7,H7,S2,m1]),O5=h3=>{var _3,x3,f9,G9,n6,e6,B7,Z3,B9,X9,c6,J6,v6;return V7.chartType===d1.table||(_3=t.drillDownSettings)!=null&&_3.isEnableGroupBy&&D7===(p3==null?void 0:p3.length)?(x3=h3==null?void 0:h3.find(Z8=>{var P8,w5;return Z8.columnName===((w5=(P8=t==null?void 0:t.clickActions)==null?void 0:P8.chart)==null?void 0:w5.valueColumn)}))==null?void 0:x3.value:[d1.sankey,d1.treeMap].includes(V7==null?void 0:V7.chartType)?h3==null?void 0:h3.value:((G9=(f9=t.clickActions)==null?void 0:f9.chart)==null?void 0:G9.valueColumn)===(V7==null?void 0:V7.xAxis)||(V7==null?void 0:V7.chartType)===d1.gauge&&((e6=(n6=t.clickActions)==null?void 0:n6.chart)==null?void 0:e6.valueColumn)===((Z3=(B7=V7==null?void 0:V7.gaugeSettings)==null?void 0:B7.dimensions)==null?void 0:Z3.join(", "))?h3==null?void 0:h3.name:(h3==null?void 0:h3.seriesName)===((X9=(B9=t.clickActions)==null?void 0:B9.chart)==null?void 0:X9.valueColumn)||(V7==null?void 0:V7.chartType)===d1.gauge&&((J6=(c6=t.clickActions)==null?void 0:c6.chart)==null?void 0:J6.valueColumn)===((v6=V7==null?void 0:V7.gaugeSettings)==null?void 0:v6.metric)||[d1.funnel].includes(V7.chartType)?h3==null?void 0:h3.value:null},o5=v1.useMemo(()=>{var _3,x3,f9,G9,n6;const h3=Object.keys((j3==null?void 0:j3[0])||{})||[];if(V7.chartType===d1.timeSeries){const e6=(_3=t==null?void 0:t.chartOptions)==null?void 0:_3.xAxis,B7=V7==null?void 0:V7.xAxis,Z3=!!((G9=(f9=(x3=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:x3.groupBySettings)==null?void 0:f9.options)!=null&&G9.find(B9=>{var X9,c6,J6;return(J6=e6==null?void 0:e6.toLowerCase())==null?void 0:J6.includes(((c6=(X9=B9==null?void 0:B9.split("____"))==null?void 0:X9[0])==null?void 0:c6.toLowerCase())||"")}));if(e6&&B7&&!Z3)return j3.map(B9=>h3.reduce((X9,c6)=>{var J6,v6;return c6===B7?X9[e6||""]=IS(((v6=(J6=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:J6.groupBySettings)==null?void 0:v6.value)||"monthly",B9[c6]):X9[c6]=B9[c6],X9},{}))}if(g6&&((n6=V7==null?void 0:V7.customSettings)!=null&&n6.comparisonTimeLabel)){const e6="_timestamp";return j3.map(B7=>h3.reduce((Z3,B9)=>{var X9;return B9===e6?Z3[((X9=V7==null?void 0:V7.customSettings)==null?void 0:X9.comparisonTimeLabel)||""]=B7[B9]:Z3[B9]=B7[B9],Z3},{}))}return j3},[j3,g6,(z4=V7==null?void 0:V7.customSettings)==null?void 0:z4.comparisonTimeLabel,V7==null?void 0:V7.chartType,t==null?void 0:t.chartOptions,V7==null?void 0:V7.xAxis,(G5=(F5=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:F5.groupBySettings)==null?void 0:G5.value]),l5=v1.useMemo(()=>mj(i||[],(V7==null?void 0:V7.chartColors)||[]),[i,V7==null?void 0:V7.chartColors]);v1.useEffect(()=>{var h3;if(localStorage.getItem("fsMetricCs")){const _3=(h3=JSON.parse(localStorage.getItem("fsMetricCs")||""))==null?void 0:h3.defaultRowSize;_3&&R6(x3=>({...x3,tableSettings:{...x3.tableSettings,defaultRowSize:_3}}))}},[]),v1.useEffect(()=>{var h3;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:t.id,defaultRowSize:(h3=V7==null?void 0:V7.tableSettings)==null?void 0:h3.defaultRowSize}))},[V7]);const b5=v1.useMemo(()=>{var h3,_3,x3,f9,G9;return(V7==null?void 0:V7.chartType)===d1.singleValue&&((h3=V7==null?void 0:V7.customSettings)!=null&&h3.singleValuePrefix)?sA(((_3=V7==null?void 0:V7.customSettings)==null?void 0:_3.singleValuePrefix)||"^^^^^",H7):(x3=V7==null?void 0:V7.customSettings)!=null&&x3.labelPrefix?sA(((f9=V7==null?void 0:V7.customSettings)==null?void 0:f9.labelPrefix)||"^^^^^",H7):(G9=V7==null?void 0:V7.customSettings)==null?void 0:G9.labelPrefix},[V7==null?void 0:V7.chartType,(I4=V7==null?void 0:V7.customSettings)==null?void 0:I4.labelPrefix,(G4=V7==null?void 0:V7.customSettings)==null?void 0:G4.singleValuePrefix,H7]),u4=v1.useMemo(()=>{var h3,_3,x3,f9,G9;return(V7==null?void 0:V7.chartType)===d1.singleValue&&((h3=V7==null?void 0:V7.customSettings)!=null&&h3.singleValueSuffix)?sA(((_3=V7==null?void 0:V7.customSettings)==null?void 0:_3.singleValueSuffix)||"^^^^^",H7):(x3=V7==null?void 0:V7.customSettings)!=null&&x3.labelSuffix?sA(((f9=V7==null?void 0:V7.customSettings)==null?void 0:f9.labelSuffix)||"^^^^^",H7):(G9=V7==null?void 0:V7.customSettings)==null?void 0:G9.labelSuffix},[V7==null?void 0:V7.chartType,(F4=V7==null?void 0:V7.customSettings)==null?void 0:F4.labelSuffix,(de=V7==null?void 0:V7.customSettings)==null?void 0:de.singleValueSuffix,H7]);return b.jsxs("div",{className:`${_s.fullScreen} ${z2?_s.fitFull:_s.screen}`,children:[b.jsxs("section",{className:_s.header,children:[b.jsxs("div",{className:_s.headerBlock,children:[b.jsx(rC,{text:"Back",children:b.jsx(N6,{variant:"popover",type:"button",onClick:s,leftIcon:b.jsx("div",{className:_s.backButton,children:b.jsx($6,{name:"arrow-left"})})})}),b.jsx(H9,{variant:"body-text-1",children:i6}),(i4=k9==null?void 0:k9.filters)!=null&&i4.length?b.jsx(nu,{text:"Global Filters are applied.",variant:"info"}):null,(S5=a2==null?void 0:a2.find(h3=>h3.id===(t==null?void 0:t.id)))!=null&&S5.isInProgress?b.jsx(nu,{text:"Download is in progress",variant:"primary"}):null]}),b.jsxs("div",{className:`${_s.headerBlock} ${_s.headerBlockRight}`,children:[$&&(t!=null&&t.id)?b.jsx(N6,{variant:"popover",type:"button",onClick:()=>C7==null?void 0:C7({isDelete:!0,step:0,id:(t==null?void 0:t.id)||"",name:(t==null?void 0:t.name)||""}),leftIcon:b.jsx(rC,{text:"Delete Metric",children:b.jsx("div",{className:_s.backButton,"data-testid":"delete-metric-btn",children:b.jsx($6,{name:"delete",color:"alert"})})})}):null,n0&&b.jsx(N6,{variant:"popover",type:"button",onClick:()=>W6(),leftIcon:b.jsx(rC,{text:"AI Insights",children:b.jsx("div",{className:_s.backButton,"data-testid":"ai-insights-btn",children:b.jsx($6,{name:"wand"})})}),isDisabled:!(j3!=null&&j3.length)}),v?null:b.jsx(rC,{text:"Chart Types",children:b.jsx(N6,{variant:"popover",type:"button",onClick:()=>p7(!0),leftIcon:b.jsx("div",{className:_s.backButton,"data-testid":"chart-types-btn",children:b.jsx($6,{name:"bar-chart"})})})}),o?b.jsx(rC,{text:"Archive Metric",children:b.jsx(N6,{variant:"popover",type:"button",onClick:()=>o(t.id,(t==null?void 0:t.metricId)||""),leftIcon:b.jsx("div",{className:_s.backButton,"data-testid":"archive-metric-btn",children:b.jsx($6,{name:"archive"})})})}):null,$||(g0??!0)?b.jsx(p80,{timeseriesSettings:u9||(V7==null?void 0:V7.chartType)!==d1.timeSeries?void 0:{format:((N5=(J5=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:J5.groupBySettings)==null?void 0:N5.value)||"monthly",seriesField:(V7==null?void 0:V7.seriesField)||"",isFiscal:P7==="ind"},isPythonMode:(h4=(E4=t==null?void 0:t.datasetMetricSettings)==null?void 0:E4.newDatasetSettings)==null?void 0:h4.isPythonMode,onServerEvent:s0,isEnableEmailRawCsvDownload:B8,disableDownloadPng:V0!=null&&V0.toString()?V0:!1,data:_9||[],chartRef:Y7,metricName:i6,onRawCsvData:()=>P3(!0),chartOptions:V7,companyIntegrationId:t.companyIntegrationId,integrationName:t.integrationName,metricData:{globalFilters:k9,rlsConditions:c9,tenancyLevel:C,id:t==null?void 0:t.id,dataSecuritySettings:{csvColumns:[]},filterValues:q9,isAllClient:R,options:{clientId:$?f2||"":n,isFrontend:$,token:K}},updateDownloadProgress:h3=>z(t==null?void 0:t.id,h3)}):null,u&&b.jsx(N6,{type:"button",variant:"primary",onClick:()=>o9(!0),children:"Save Metric"})]}),b.jsx(rC,{text:"Close FS",children:b.jsx(N6,{variant:"popover",type:"button",onClick:s,leftIcon:b.jsx("div",{className:_s.backButton,"data-testid":"close-fullscreen-btn",children:b.jsx($6,{name:"cross"})})})})]}),b.jsxs("section",{className:_s.body,onContextMenu:h3=>{h3.preventDefault()},children:[b.jsxs("div",{className:`${_s.data} ${$1||x8?"dbn-w-[calc(100%-400px)]":"dbn-w-full"}`,children:[b.jsxs("div",{className:`${_s.metric} ${V7.chartType===d1.table?_s.tableMetric:""} ${x?_s.fullMetric:""}`,ref:s6,children:[b.jsxs("div",{className:_s.metricHeader,children:[b.jsx("div",{className:_s.metricFilters,children:!!j3.length&&b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-wrap dbn-justify-end dbn-items-center dbn-gap-2",children:[(C5=V7==null?void 0:V7.dynamicXAxis)!=null&&C5.isEnabled?b.jsx(tn,{options:((An=V7.dynamicXAxis)==null?void 0:An.options)||[],onChange:h3=>R6(_3=>({..._3,dynamicXAxis:{..._3.dynamicXAxis,selectedOption:h3},xAxis:h3.value})),selectedOption:V7.dynamicXAxis.selectedOption||{value:"",label:""},label:"Dynamic x-axis",labelVariant:"floating",menuZIndex:999999999999}):null,(We=V7==null?void 0:V7.dynamicYAxis)!=null&&We.isEnabled?b.jsx(tn,{options:((m4=V7.dynamicYAxis)==null?void 0:m4.options)||[],onChange:h3=>R6(_3=>({..._3,dynamicYAxis:{..._3.dynamicYAxis,selectedOption:h3},yAxisList:h3.value?[h3.value]:[]})),selectedOption:((J4=V7==null?void 0:V7.dynamicYAxis)==null?void 0:J4.selectedOption)||{value:"",label:""},label:"Dynamic y-axis",labelVariant:"floating",menuZIndex:999999999999}):null,V7!=null&&V7.isDynamicSeries?b.jsx(tn,{options:g9,onChange:h3=>R6(_3=>({..._3,seriesField:h3.value})),selectedOption:{label:(V7==null?void 0:V7.seriesField)||"ungrouped",value:(V7==null?void 0:V7.seriesField)||"ungrouped"},label:"Group by",labelVariant:"floating",menuZIndex:999999999999}):null,(q4=V7.timeSeriesSettings)!=null&&q4.groupBySettings.isDynamic?b.jsx(tn,{options:V7.timeSeriesSettings.groupBySettings.options.map(h3=>({label:h3.split("____").length>1?h3.split("____")[1]:h3,value:h3.split("____")[0]})),onChange:h3=>R6(_3=>{var x3;return{..._3,timeSeriesSettings:{..._3.timeSeriesSettings,groupBySettings:{...(x3=_3.timeSeriesSettings)==null?void 0:x3.groupBySettings,value:h3.value}},xAxis:u9?_3.xAxis:`${h3.value} of ${g7}`}}),menuZIndex:999999999999,selectedOption:{label:Dn2(((v4=(C4=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:C4.groupBySettings)==null?void 0:v4.value)||""),value:(_4=(ye=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:ye.groupBySettings)==null?void 0:_4.value},labelVariant:"floating",label:"Timeseries"}):null,((Xe=V7.pivotTableSettings2)==null?void 0:Xe.isDynamicHeaders)&&V7.chartType===d1.pivotV2&&b.jsx(iC,{onChange:h3=>{R6(_3=>({..._3,pivotTableSettings2:{..._3.pivotTableSettings2,headers:h3.map(x3=>x3.value),dimensions:P6.filter(x3=>!h3.some(f9=>f9.value===x3.value)).map(x3=>x3.value)}}))},options:P6,selectedOption:(P6==null?void 0:P6.filter(h3=>{var _3,x3;return(x3=(_3=V7.pivotTableSettings2)==null?void 0:_3.headers)==null?void 0:x3.includes(h3.value)}))||[],isSearchEnabled:!0,menuWidth:"300px",menuZIndex:999999999999}),(Qt=V7.customSettings)!=null&&Qt.showSelectLegend?b.jsx(iC,{label:"legend",labelVariant:"floating",options:y8!=null&&y8.length?y8==null?void 0:y8.map(h3=>({value:h3,label:h3})):[],onChange:h3=>{R6(_3=>({..._3,selectedSeries:(h3==null?void 0:h3.map(x3=>x3.value))||[]}))},selectedOption:((mn=y8==null?void 0:y8.filter(h3=>{var _3;return(_3=V7==null?void 0:V7.selectedSeries)==null?void 0:_3.some(x3=>x3===h3)}))==null?void 0:mn.map(h3=>({value:h3,label:h3})))||[],isSearchEnabled:!0,menuZIndex:999999999999}):null]})}),!!E9.length&&b.jsxs("div",{className:_s.metricFilters,children:[b.jsxs("div",{className:_s.metricFilters,children:[b.jsx(NY,{filters:E9,updateFilter:t6}),W9.filter(h3=>!h3.group).map((h3,_3)=>b.jsx(cE,{datasourceId:p0,isAllClient:R,hideDatePickerOptions:y2,workspaceId:b2,rlsConditions:h3,onChangeFilterValue:Q1,clientId:n,className:W9.length-1===_3?_s.filterTopLeft:"",rlsConditionList:[...W9,...y9],tenancyLevel:C,clientColumnType:I2},h3.name)),y9.filter(h3=>!h3.group).map((h3,_3)=>b.jsx(cE,{datasourceId:p0,isAllClient:R,hideDatePickerOptions:y2,workspaceId:b2,rlsConditions:h3,onChangeFilterValue:Q1,clientId:n,className:_3===0?_s.filterTopRight:"",rlsConditionList:[...W9,...y9],tenancyLevel:C,clientColumnType:I2},h3.name)),(V7==null?void 0:V7.isEnableComparisonFilter)&&[d1.line].includes(V7.chartType)&&b.jsx(N6,{variant:"primary",onClick:()=>{p6()},children:"Add Comparison"})]}),K6&&(V7==null?void 0:V7.isEnableComparisonFilter)&&[d1.line].includes(V7.chartType)&&Object.keys(K6).map(h3=>{var _3;return b.jsxs("div",{className:_s.metricFilters,children:[(_3=K6==null?void 0:K6[h3])==null?void 0:_3.map((x3,f9)=>b.jsx(cE,{datasourceId:p0,isAllClient:R,hideDatePickerOptions:y2,workspaceId:b2,rlsConditions:x3,onChangeFilterValue:Q1,clientId:n,className:f9===0?_s.filterTopRight:"",rlsConditionList:[...W9,...y9],tenancyLevel:C,clientColumnType:I2},x3.name)),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{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:()=>{p6(!0)}})]})})]})]}),b.jsxs("div",{className:`${_s.chartWrapper} ${V7.chartType===d1.table?_s.tableChartWrapper:""}`,children:[![d1.boxplot,d1.horizontalStackTable,d1.pivot,d1.pivotV2,d1.gauge].includes(V7==null?void 0:V7.chartType)||V7.chartType===d1.gauge&&t.clickActions.chart.isEnable?b.jsx(jY,{language:S2,translationDictionary:m1,clientColumnType:I2,isOpen:j9,setOpen:P9,isInavlidForSort:m9,isGaugeChart:V7.chartType===d1.gauge,value:T9==null?void 0:T9.name,columnName:h9,getUnderlyingData:G1,elementRef:{containerRef:s6,event:(rt=T9==null?void 0:T9.event)==null?void 0:rt.event},position:"dynamic",isSingleValueChart:!![d1.singleValue].includes(V7==null?void 0:V7.chartType),isEnableSort:(Jn=V7==null?void 0:V7.customSettings)==null?void 0:Jn.isEnableSort,setSortOrder:j6,rawCsvDownloadButtonProps:{data:[],fileName:t==null?void 0:t.name,companyIntegrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName,isPythonMode:u9,metricData:{options:{clientId:$?f2||"":n,isFrontend:$,token:K},globalFilters:{...k9,filters:((A1=k9==null?void 0:k9.filters)==null?void 0:A1.filter(h3=>h3.isVariableFilter))||[]},rlsConditions:c9==null?void 0:c9.filter(h3=>h3.isVariableFilter),tenancyLevel:C,id:t==null?void 0:t.id,dataSecuritySettings:{csvColumns:[]},filterValues:q9,isAllClient:R},updateDownloadProgress:()=>{},children:b.jsx(b.Fragment,{children:b.jsx($6,{name:"download"})})}}):null,b.jsx(Oo2,{isLoading:F9,isDataLength:!!j3.length,isSingleValue:V7.singleValue,dataDb:j3[0],chartType:""}),((h7=t==null?void 0:t.drillDownSettings)==null?void 0:h7.isEnableGroupBy)&&!!j3.length&&b.jsx(b.Fragment,{children:b.jsx(zY,{dimensions:p3,drilledLevel:p3.length>D7?D7:-1,onResetLevel:()=>A7({},[]),onDrillLevelClick:h3=>w1(h3),isMetricCard:!0,isMetricFilter:!!E9.length,drillFilters:V6,drillType:Z6||"",isShowBreadCrumb:!!(p3!=null&&p3.length)&&![d1.horizontalStackTable,d1.pivot,d1.pivotV2,d1.table,d1.sankey].includes(V7.chartType)&&p3.length>D7})}),j3.length&&!q3?b.jsx(Fm,{language:S2,translationDictionary:m1,drilldownCols:v9,variables:H7,isPythonMode:u9,onDrillPivotTable:t8,chartAppearance:x2,pivotDrillState:C8,chartOptions:L5,sortOrder:r6,seriesName:T9==null?void 0:T9.seriesName,isSortReversed:s9&&[d1.row,d1.horizontalStack].includes((V7==null?void 0:V7.chartType)||""),data:j3,colors:l5?V7==null?void 0:V7.chartColors:i||(V7==null?void 0:V7.chartColors),events:{click:(h3,_3)=>{var f9,G9,n6,e6,B7,Z3;const x3=(f9=Object.keys(h3))!=null&&f9.length?h3:_3;if([d1.progressBar,d1.linearGauge].includes(V7.chartType)){s3(h3),P9(!0);return}if((G9=t.drillDownSettings)!=null&&G9.isEnableGroupBy&&(p3==null?void 0:p3.length)!==D7){const B9=V7.chartType==="table"?(n6=_3==null?void 0:_3.find(X9=>X9.columnName===(p3==null?void 0:p3[D7])))==null?void 0:n6.value:"";A7(V7.chartType==="table"?{name:B9}:h3)}(!((e6=t.drillDownSettings)!=null&&e6.isEnableGroupBy)||(B7=t.drillDownSettings)!=null&&B7.isEnableGroupBy&&(p3==null?void 0:p3.length)===D7)&&((Z3=t.clickActions.chart)!=null&&Z3.isEnable)&&DY(t.clickActions.chart,O5(x3)||void 0)},contextmenu:h3=>{[d1.progressBar,d1.linearGauge].includes(V7.chartType)||(s3(h3),P9(!0))}},className:V7.chartType===d1.table?"":_s.chart,isEnableDrillDown:(W7=t.drillDownSettings)==null?void 0:W7.isEnableGroupBy,config:{ref:Y7,chartClickConfig:(O7=t.clickActions)==null?void 0:O7.chart,onColumnSizingChange:h3=>R6(_3=>({..._3,tableSettings:{..._3.tableSettings,columnSizing:h3}})),onChartReady:()=>m6(!0),isInfiniteScroll:!1,onChangePage:m3,isExternalChart:h6,isEnableNextBtn:z3,isEnablePrevBtn:I9,paginationInfo:K7,setChartSettings:R6,dropdownZindex:V7.chartType===d1.table?999999999999:void 0,isFullScreenChart:!0}}):null,!j3.length&&F9?b.jsx("div",{className:"dbn-w-full dbn-h-[350px]",children:b.jsx(hf,{})}):null]})]}),!x&&V7.chartType!=="table"&&!q3?b.jsx("div",{"data-testid":"table-view-chart",className:"dbn-border dbn-border-secondary dbn-rounded-2xl dbn-p-6",children:b.jsx(SL,{language:S2,translationDictionary:m1,data:o5,isLoading:F9,error:"",tableName:"Table Preview",headerAlignment:"left",comboFormatter:(V7==null?void 0:V7.chartType)===d1.combo?(f7=(C9=V7==null?void 0:V7.customSettings)==null?void 0:C9.comboAxisSettings)==null?void 0:f7.map(h3=>({...h3,suffix:h3!=null&&h3.suffix?sA((h3==null?void 0:h3.suffix)||"^^^^^",H7):h3==null?void 0:h3.suffix,prefix:h3!=null&&h3.prefix?sA((h3==null?void 0:h3.prefix)||"^^^^^",H7):h3==null?void 0:h3.prefix})):[],tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"medium",contentAlignment:"left",hideVerticalDivider:!1,tableFormatter:(t3=V7==null?void 0:V7.customSettings)==null?void 0:t3.numberFormatter,tablePrefix:b5,tableSuffix:u4,isEnableNumberFormatting:!0,formattedColumns:(V7==null?void 0:V7.yAxisList)||[],tableTitle:"Underlying Data"},dropdownZindex:999999999999})}):null]}),$1?b.jsx("div",{className:_s.chartTypePanelContainer,children:b.jsx(rN,{chartTypePanelProps:{selectedChart:V7.chartType,onChartChange:D5,enabledCharts:[...Object.values(d1)].filter(h3=>![d1.pivotV2,d1.combo,d1.boxplot].includes(h3)),isOpen:$1,onClose:()=>p7(!1),zIndex:9999999999,inline:!0,onClickSettings:()=>{p7(!1),o4(!0)}}})}):null,x8?b.jsx("div",{className:_s.chartTypePanelContainer,children:b.jsx(I80,{isOpen:x8,onClose:()=>o4(!1),zIndex:9999999999,chartSettings:V7,setChartSettings:R6,columnList:l8,inline:!0,onClickBack:()=>{o4(!1),p7(!0)}})}):null]}),b.jsx(VS,{workspaceId:b2,metricItem:t,isShowRawCsvModal:G7,onCloseModal:P3,sharingSettingsId:f,query:im({query:(t==null?void 0:t.query)||"",dbName:(t==null?void 0:t.integrationName)||"",rlsConditions:c9,tenancyLevel:C,clientId:n,globalFilters:k9,values:r==null?void 0:r.filterValues,isAllClient:R,clientColumnType:I2,dataMartRelationships:H8})}),u&&b.jsx(Xu,{isOpen:V3,onClose:()=>o9(!1),headerTitle:"Update Metric",zIndex:9999999999,children:b.jsx(mM,{onCancel:()=>o9(!1),onSubmit:D6,error:I8,isCreatingMetric:v8,defaultValues:{name:t.name,description:t.description,isLive:t.isLive,metricId:t.isCreatedByClient?t.metricId:`update_${t.metricId}_by_${n}_${Date.now()}`}})}),b.jsx(W80,{isOpen:M9.isOpen,onClose:()=>G6(h3=>({...h3,isOpen:!1,isLoading:!1})),report:M9.report,isLoading:M9.isLoading,zIndex:9999999999}),b.jsx(X80,{deleteConfig:B1,onDeleteMetric:N0,setDeleteConfig:C7,error:c7,isDeletingMetric:C3})]})},sN={colorField:"_colorField_1w8fo_1",label:"_label_1w8fo_5",field:"_field_1w8fo_9",textField:"_textField_1w8fo_13"},FC=({name:t,value:i,onChange:r,defaultValue:a,placeholder:s,label:o,className:n="",isDisabled:C,zIndex:A=10})=>b.jsxs("div",{className:`${sN.colorField} ${n}`,children:[b.jsx("label",{className:sN.label,style:{backgroundColor:i||a,zIndex:A},htmlFor:`${t}-color`,children:b.jsx("input",{className:sN.field,type:"color",name:t,id:`${t}-color`,defaultValue:a,value:i,disabled:C,onChange:({target:e})=>r(e.value)})}),b.jsx(x5,{type:"text",id:t,name:t,label:o,className:sN.textField,placeholder:s,defaultValue:a,value:i,onChange:({target:e})=>r(e.value),isDisabled:C})]}),K80=({createElementPanelProps:{isOpen:t,onClose:i,element:r,clientId:a,companyId:s,externalDashboardId:o,userProvidedDashboardId:n}})=>{const[C,A]=v1.useState(!1),[e,l]=v1.useState(!1),{updateExternalMetric:u,error:f,isLoading:d,setValue:g,watch:m,register:v,handleSubmit:x,reset:R,control:q}=Jy({onSuccess:()=>{var K,f2;i(),(f2=(K=window==null?void 0:window.location)==null?void 0:K.reload)==null||f2.call(K)},selectedColumns:[],companyIntegrationId:r==null?void 0:r.companyIntegrationId,query:r==null?void 0:r.query,metricQuery:r==null?void 0:r.metricQuery,integrationName:r==null?void 0:r.integrationName,outputColumns:r==null?void 0:r.outputColumns,clientId:a,companyId:s,isLiveMode:r==null?void 0:r.isLive,timeGrain:r==null?void 0:r.timeGrain,dashboardIds:[o],isEnableGroupBy:r==null?void 0:r.isEnableGroupBy,groupBy:r==null?void 0:r.groupBy,selectedGroupBy:r==null?void 0:r.selectedGroupBy,userProvidedDashboardId:n,metric:r}),[z,a2]=v1.useState({isOpenInNewTab:!1,link:"",targetWord:""}),$=K=>{u==null||u(K,!0)};return v1.useEffect(()=>{var K,f2,b2,I2,n0,y2,x2,Z2,z2,s0,V0,g0,p0,w0,S2,m1,N0,B1,C7,c7,C3,P7,Y7,G7,P3,$1,p7,V3,o9;r!=null&&r.id&&(g("metricId",r.metricId),g("elementTitle",r.name),g("description",r.description),g("isDisableCardAppearance",(K=r==null?void 0:r.elementSettings)==null?void 0:K.isDisableCardAppearance),(f2=r==null?void 0:r.elementSettings)!=null&&f2.titleAlignment&&g("titleAlignment",(b2=r==null?void 0:r.elementSettings)==null?void 0:b2.titleAlignment),(I2=r==null?void 0:r.elementSettings)!=null&&I2.descAlignment&&g("descAlignment",(n0=r==null?void 0:r.elementSettings)==null?void 0:n0.descAlignment),(x2=(y2=r==null?void 0:r.elementSettings)==null?void 0:y2.textBox)!=null&&x2.text?(l(!0),g("text",(z2=(Z2=r==null?void 0:r.elementSettings)==null?void 0:Z2.textBox)==null?void 0:z2.text),g("fontColor",(V0=(s0=r==null?void 0:r.elementSettings)==null?void 0:s0.textBox)==null?void 0:V0.fontColor),g("fontWeight",(p0=(g0=r==null?void 0:r.elementSettings)==null?void 0:g0.textBox)==null?void 0:p0.fontWeight),g("fontSize",(S2=(w0=r==null?void 0:r.elementSettings)==null?void 0:w0.textBox)==null?void 0:S2.fontSize),g("textAlignment",(N0=(m1=r==null?void 0:r.elementSettings)==null?void 0:m1.textBox)==null?void 0:N0.alignment),g("textLink",(C7=(B1=r==null?void 0:r.elementSettings)==null?void 0:B1.textBox)==null?void 0:C7.link),g("targetWord",(C3=(c7=r==null?void 0:r.elementSettings)==null?void 0:c7.textBox)==null?void 0:C3.targetWord),g("isOpenInNewTab",(Y7=(P7=r==null?void 0:r.elementSettings)==null?void 0:P7.textBox)==null?void 0:Y7.isOpenInNewTab),a2({isOpenInNewTab:(P3=(G7=r==null?void 0:r.elementSettings)==null?void 0:G7.textBox)==null?void 0:P3.isOpenInNewTab,link:(p7=($1=r==null?void 0:r.elementSettings)==null?void 0:$1.textBox)==null?void 0:p7.link,targetWord:(o9=(V3=r==null?void 0:r.elementSettings)==null?void 0:V3.textBox)==null?void 0:o9.targetWord})):l(!1))},[r]),b.jsxs(b.Fragment,{children:[b.jsx(_f,{isOpen:t,onClose:()=>{R(),i()},size:"small",side:"right",hideFooter:!0,headerTitle:"Add Element",dataTestTitle:"elementPanel",children:b.jsxs("form",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-flex dbn-flex-col dbn-gap-6",onSubmit:x($),children:[b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[b.jsx(x5,{type:"text",placeholder:"Enter title",label:"Title",register:v("elementTitle")}),b.jsx(x5,{type:"text",placeholder:"Enter description",label:"Description",register:v("description")}),b.jsx(op,{name:"titleAlignment",control:q,render:({field:K})=>b.jsx(b.Fragment,{children:b.jsx(tn,{buttonWidth:"100%",menuWidth:"100%",label:"Title alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:f2=>{g("titleAlignment",f2.value)},selectedOption:{label:(K==null?void 0:K.value)||"",value:K.value||""}})})}),b.jsx(op,{name:"descAlignment",control:q,render:({field:K})=>b.jsx(b.Fragment,{children:b.jsx(tn,{buttonWidth:"100%",menuWidth:"100%",label:"Description alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:f2=>{g("descAlignment",f2.value)},selectedOption:{label:(K==null?void 0:K.value)||"",value:K.value||""}})})})]}),b.jsx(N4,{name:"enableMetricCard",placeholder:"Merge Card to Background",enabled:m("isDisableCardAppearance"),onChange:()=>g("isDisableCardAppearance",!m("isDisableCardAppearance"))}),e?null:b.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:b.jsx(N6,{variant:"tab",leftIcon:b.jsx($6,{name:"plus",size:"sm"}),onClick:()=>l(!0),fitContainer:!0,children:"Text box"})}),e?b.jsxs("div",{className:"dbn-py-5 dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-border-y dbn-border-secondary",children:[b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-items-center dbn-justify-between",children:[b.jsx(H9,{variant:"heading-5",children:"Text box"}),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"delete",color:"alert"}),onClick:()=>{l(!1),g("text",""),g("fontWeight",""),g("fontSize",""),g("textAlignment",""),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),a2({isOpenInNewTab:!1,link:"",targetWord:""})}})]}),b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[b.jsx(x5,{type:"text",placeholder:"Enter text",label:"",register:v("text")}),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"link",size:"lg"}),onClick:()=>A(!0)})]}),b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4",children:[b.jsx(x5,{type:"text",placeholder:"Regular",label:"Font weight",register:v("fontWeight")}),b.jsx(x5,{type:"text",placeholder:"36px",label:"Font size",register:v("fontSize")})]}),b.jsx(FC,{name:"font color",label:"Font color",onChange:K=>g("fontColor",K),value:m("fontColor")||"#000000",defaultValue:"#000000"}),b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-6 dbn-py-2 dbn-items-center dbn-justify-center",children:[b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"align-left",size:"lg"}),onClick:()=>g("textAlignment","left"),className:m("textAlignment")==="left"||!m("textAlignment")?"dbn-bg-gray dbn-p-1":""}),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"align-space-even",size:"lg"}),onClick:()=>g("textAlignment","center"),className:m("textAlignment")==="center"?"dbn-bg-gray dbn-p-1":""}),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"align-right",size:"lg"}),onClick:()=>g("textAlignment","right"),className:m("textAlignment")==="right"?"dbn-bg-gray dbn-p-1":""})]})]}):null,b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4 dbn-items-center dbn-justify-end dbn-pb-4",children:[f?b.jsx(H9,{variant:"body-text-2",color:"alert",children:f}):null,b.jsx(N6,{type:"submit",variant:"primary",children:d?"Saving...":"Save"})]})]})}),b.jsxs(Xu,{isOpen:C,onClose:()=>A(!1),customHeader:b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-items-center dbn-justify-between",children:[b.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2",children:[b.jsx($6,{name:"link",size:"lg"}),b.jsx(H9,{variant:"heading-3",children:"Insert Link"})]}),b.jsx(N6,{variant:"tertiary",type:"button",onClick:()=>{a2({isOpenInNewTab:m("isOpenInNewTab")||!1,link:m("textLink")||"",targetWord:m("targetWord")||""}),A(!1)},leftIcon:b.jsx($6,{name:"cross",size:"xs"}),style:{padding:"0",height:"16px"}})]}),children:[b.jsxs("div",{className:"dbn-w-[500px] dbn-flex dbn-flex-col dbn-gap-4 dbn-pb-4 dbn-px-5",children:[b.jsx(x5,{type:"text",placeholder:"Paste your link here",label:"",value:z.link,onChange:K=>a2(f2=>({...f2,link:K.target.value}))}),b.jsx(x5,{type:"text",placeholder:"Enter the target word or sentence",label:"Target",value:z.targetWord,onChange:K=>a2(f2=>({...f2,targetWord:K.target.value}))}),b.jsx(qf,{label:"Open link in new tab",onChange:()=>{a2(K=>({...K,isOpenInNewTab:!K.isOpenInNewTab}))},checked:z.isOpenInNewTab})]}),b.jsxs($g,{children:[b.jsx(N6,{type:"button",variant:"tab",onClick:()=>{R(),a2({isOpenInNewTab:!1,link:"",targetWord:""}),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),A(!1)},children:"Discard"}),b.jsx(N6,{type:"submit",variant:"primary",onClick:()=>{g("textLink",z.link),g("isOpenInNewTab",z.isOpenInNewTab),g("targetWord",z.targetWord),A(!1)},children:"Add link"})]})]})]})},vA2={"MetricList-container":"_MetricList-container_1be4a_1","MetricList-wrapper":"_MetricList-wrapper_1be4a_5","MetricList-wrapper-move":"_MetricList-wrapper-move_1be4a_13","noMetric-container":"_noMetric-container_1be4a_17","noMetric-wrapper":"_noMetric-wrapper_1be4a_21","alt-container":"_alt-container_1be4a_25",gridDisplay:"_gridDisplay_1be4a_29",gridDisplay2:"_gridDisplay2_1be4a_33",flexDisplay:"_flexDisplay_1be4a_37"},J80=({props:{metricList:t,mainMetricItem:i,metricCardColor:r,isAllowedToChangeLayout:a,isMobileScreen:s,isShadowDisableOnHover:o,disableMetricCardBorder:n,isAllowedToUpdateMetrics:C,isEditLayoutEnabled:A,isHoverLongDesc:e,setOpenElementPanel:l,setUpdateElement:u,isEnableEmailRawCsvDownload:f,setRawCsvModal:d,language:g,translationDictionary:m,datasourceId:v,metricStore:x,setHoverLongDesc:R,setMetricStore:q,setDownloadMetrics:z,isAllClient:a2,clientColumnType:$,noDataImg:K,isAllowedToSeeUnderlyingData:f2,chartAppearance:b2,hideDatePickerOptions:I2,isDisableMetricLoader:n0,onServerEvent:y2,workspaceId:x2,token:Z2,downloadMetrics:z2,dropdownTheme:s0,optionsIcon:V0,disableFullscreen:g0,setFullScreenModal:p0,client:w0,chartColors:S2,globalFilters:m1,companyTenancyType:N0,appFilters:B1,params:C7,isAllowedToDeleteMetrics:c7,setArchiveModal:C3,setCrossDashboardFilters:P7,crossDashboardFilters:Y7,enableMultiMetricFilters:G7,enableDownloadCsv:P3,parentHeight:$1,parentWidth:p7,filters:V3,scrollToTop:o9,calendarType:k9}})=>{var F9;const[j3,H7]=v1.useState([]),[G1,s3]=v1.useState([]),h9=v1.useMemo(()=>{let T9=[];const Q1=[i,...t].map(A7=>{var I9,K7,m3,h6;const D7=`${A7==null?void 0:A7.id}-sub-card`,p3=(I9=A7==null?void 0:A7.chartOptions)==null?void 0:I9.cardLayout;[d1.linearGauge,d1.progressBar].includes((K7=A7==null?void 0:A7.chartOptions)==null?void 0:K7.chartType)&&(T9=[...T9,{id:(p3==null?void 0:p3.i)??D7,height:(p3==null?void 0:p3.h)??((m3=A7==null?void 0:A7.resizeAttributes)==null?void 0:m3.height)??10}]);const M3=p7||5,z3=$1?($1||10)/[i,...t].length:5;return{i:(p3==null?void 0:p3.i)??D7,w:(p3==null?void 0:p3.w)??M3,h:(p3==null?void 0:p3.h)??z3,x:(p3==null?void 0:p3.x)??A7.resizeAttributes.xAxis??0,y:(p3==null?void 0:p3.y)??A7.resizeAttributes.yAxis??0,minW:A7.isMetric?[d1.singleValue,d1.pivot,d1.pivotV2,d1.progressBar,d1.linearGauge].includes((h6=A7==null?void 0:A7.chartOptions)==null?void 0:h6.chartType)?2:3:1,minH:3,maxH:$1}});return s3(T9),Q1},[i,t,$1,p7]),P9=v1.useMemo(()=>h9.sort((T9,Q1)=>T9.y!==Q1.y?T9.y-Q1.y:T9.x-Q1.x),[h9]),j9=v1.useMemo(()=>[i,...t].map((T9,Q1)=>{var q3,T6,s6,V7,R6;const A7=(q3=G1.find(W9=>W9.id===(T9==null?void 0:T9.id)))==null?void 0:q3.height,D7=T9.isMetric,p3=((T6=i==null?void 0:i.chartOptions)==null?void 0:T6.mergedCards)||[],M3=!!((s6=T9==null?void 0:T9.elementSettings)!=null&&s6.isDisableCardAppearance),z3=(!D7&&!M3||D7)&&!r?"dbn-white":"",I9=a?vA2["MetricList-wrapper-move"]:"",K7=n?"dbn-border-0":"",m3=!D7&&!M3||D7?"dbn-metric-card-container":"",h6=`${vA2["MetricList-wrapper"]} ${z3} ${I9} ${K7} ${m3} dbn-shadow-none !important`,w1=()=>{!D7&&C&&!A&&(l(!0),u(T9))},E9={cursor:"auto",...r&&!M3?{backgroundColor:r}:T9.isMetric||!T9.isMetric&&!M3?{backgroundColor:"white"}:{},zIndex:e?h9.length-Q1:10,maxWidth:"100%"},q9=(W9,y9)=>{z(y9?t6=>[...t6,{id:W9,isInProgress:y9}]:t6=>t6.filter(V6=>V6.id!==W9))},g9=f?(W9,y9,t6)=>d({show:!0,metric:T9,filterValues:W9,rlsConditions:y9,dataMartRelationships:t6}):void 0;return b.jsx("div",{className:h6,id:`${T9==null?void 0:T9.id}-sub-card`,tabIndex:0,role:"button",style:E9,onClick:w1,"data-testid":`${(V7=T9==null?void 0:T9.name)==null?void 0:V7.toLowerCase().replaceAll(" ","-")}-card`,children:b.jsx(tN,{calendarType:k9,disableFullscreen:!!g0,language:g,translationDictionary:m,datasourceId:v,metricStore:x,disableBorder:n,setHoverLongDesc:R,setMetricStore:q,isAllClient:a2,clientColumnType:$,isMergedMetric:!!p3.length&&!s,metricCardColor:r,isShadowDisableOnHover:o,noDataImg:K,isAllowedToSeeUnderlyingData:f2,chartAppearance:b2,hideDatePickerOptions:I2,chartHeight:A7||void 0,isEditLayoutEnabled:A,isDisableMetricLoader:n0,onServerEvent:y2,workspaceId:x2,guestToken:Z2,isFrontendApp:!1,downloadMetrics:z2,onDownload:q9,metricItem:T9,dropdownTheme:s0,optionsIcon:V0,onMaximize:A||g0?void 0:({metric:W9,appFilters:y9,appliedMetricFilters:t6,rlsFilters:V6})=>{y2==null||y2(Wn2,T9==null?void 0:T9.id),o9(),p0({show:!0,metric:W9,rlsFilters:V6,appFilters:y9,appliedMetricFilters:t6})},client:w0,colors:S2,globalFilters:{tableName:(m1==null?void 0:m1.tableName)||"",filters:[...(m1==null?void 0:m1.filters)||[],...(R6=j3==null?void 0:j3.filter(W9=>W9==null?void 0:W9.value))==null?void 0:R6.map(W9=>Nn2(W9))]},param:C7==null?void 0:C7.find(W9=>W9.metricId===T9.metricId),appFilters:B1==null?void 0:B1.find(W9=>W9.metricId===T9.metricId),companyTenancyType:N0,onArchive:c7?W9=>C3({id:W9,show:!0,metricId:(T9==null?void 0:T9.metricId)||""}):void 0,disableActions:A,isDisableMorePopup:A,setCrossDashboardFilters:P7,crossDashboardFilters:Y7,enableMultiMetricFilters:G7,enableDownloadCsv:P3,onDownloadRawCsv:g9})},`${T9==null?void 0:T9.id}-sub-card`)}),[i,t,G1,r,a,n,e,h9.length,f,g,m,v,x,R,q,a2,$,s,o,K,f2,b2,I2,A,n0,y2,x2,Z2,z2,s0,V0,g0,w0,S2,m1==null?void 0:m1.tableName,m1==null?void 0:m1.filters,j3,C7,B1,N0,c7,P7,Y7,G7,P3,C,l,u,z,d,p0,C3,k9]);return b.jsxs(b.Fragment,{children:[!!(V3!=null&&V3.length)&&b.jsx("div",{className:"dbn-w-full dbn-flex  dbn-gap-2 dbn-p-2 dbn-items-end dbn-z-[19] dbn-justify-start",children:b.jsx($j,{parentAppliedFilter:(m1==null?void 0:m1.filters)||[],isEditLayoutEnabled:!1,clientColumnType:$,hideDatePickerOptions:[],appliedfilters:j3,setAppliedFilters:H7,filters:[{tableName:"",columns:V3}],internal:{isInternal:!0,workspaceId:x2||""},clientId:w0,isAllClient:a2,theme:s0,tenancyLevel:N0,layout:{adminLayout:((F9=i==null?void 0:i.chartOptions)==null?void 0:F9.filterLayout)||[],clientLayout:[],isLocked:!0,onChange:()=>{}},datasourceId:v})}),b.jsx(oN,{layouts:{lg:P9},rowHeight:30,breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:12,sm:12,xs:4,xxs:2},margin:[10,10],containerPadding:[0,0],draggableHandle:"metric-sub-card",isDraggable:!1,isDroppable:!1,isResizable:!1,children:j9},A?"reset":"default")]})},oN=Ho2.WidthProvider(Ho2.Responsive),q80=({chartColors:t,globalFilters:i,dataLimit:r,client:a,companyId:s,isAllowedToUpdateMetrics:o,isAllowedToDeleteMetrics:n,isAllowedToChangeLayout:C,isAllowedToSeeUnderlyingData:A,externalDashboardMetrics:e,isMetricListLoading:l,breakpoint:u,layoutCols:f,layout:d,params:g,companyTenancyType:m="TABLE",externalDashboardId:v,externalDashboardPk:x,sharingSettingsId:R,appFilters:q,isHideChartSettings:z,isHideTablePreview:a2,enableDownloadCsv:$,enableEmailCsv:K,enableMultiMetricFilters:f2,disableFullscreen:b2,dropdownTheme:I2,optionsIcon:n0,token:y2,workspaceId:x2,clientColumnType:Z2,isShowLoader:z2,isEditLayoutEnabled:s0,isEnableMetricSummary:V0,hideDatePickerOptions:g0,chartAppearance:p0,isAllClient:w0,gridMargin:S2,isDisableMetricLoader:m1,isShadowDisableOnHover:N0,noDataImg:B1,metricCardColor:C7,shouldFitFullScreen:c7,mergedMetrics:C3,metricIndex:P7,setRowMetrics:Y7,onServerEvent:G7,disableDownloadPng:P3,disableMetricCardBorder:$1,isMobileScreen:p7,isAllowToDownloadMetrics:V3,chartColumns:o9,datasourceId:k9,language:j3,translationDictionary:H7,metricMergedFilters:G1,fullScreenModal:s3,setFullScreenModal:h9,calendarType:P9})=>{var t8,y8,g7,u9;const[j9,F9]=v1.useState(new Map),[T9,Q1]=v1.useState([]),[A7,D7]=v1.useState(!1),[p3,M3]=v1.useState(),[z3,I9]=v1.useState(!1),[K7,m3]=v1.useState({show:!1,metric:void 0,filterValues:void 0,rlsConditions:[],dataMartRelationships:[]}),[h6,w1]=v1.useState({id:"",show:!1,metricId:""}),[E9,q9]=v1.useState([]),[g9,q3]=v1.useState([]),{handleArchiveMetric:T6,isLoading:s6}=hX2({token:y2,metricId:h6.id,onSuccess:async()=>{G7==null||G7(MW2,h6.id),w1({id:"",show:!1,metricId:""}),h9({show:!1,isClickOnChart:!1}),await V7({clientId:a,data:{companyId:s,feature:"ARCHIVE_METRIC",dashboardId:v,metricId:h6.metricId},isFrontendApp:!1,token:y2}),window.location.reload()}}),{saveLogsAsync:V7}=Sj(),{isDisableDownloadSettings:R6}=Fj({sharingSettingsId:R,workspaceId:x2}),W9=v1.useMemo(()=>(K==null?void 0:K.toString())&&K||!(K!=null&&K.toString())&&!R6,[R6,K]),y9=v1.useMemo(()=>{var s9;return((s9=e==null?void 0:e.map(m9=>{var r6,j6,p6,K6,W6,M9;return(p6=(j6=(r6=m9==null?void 0:m9.externalMetric)==null?void 0:r6.clickActions)==null?void 0:j6.chartWithMetric)!=null&&p6.isEnable?(M9=(W6=(K6=m9==null?void 0:m9.externalMetric)==null?void 0:K6.clickActions)==null?void 0:W6.chartWithMetric)==null?void 0:M9.metricId:""}))==null?void 0:s9.filter(m9=>m9))||[]},[e]),t6=v1.useMemo(()=>e==null?void 0:e.map(s9=>{var r6,j6,p6,K6;const m9=o9==null?void 0:o9.find(W6=>{var M9;return W6.metricId===((M9=s9==null?void 0:s9.externalMetric)==null?void 0:M9.metricId)&&W6.isEnabled});return m9?{...s9==null?void 0:s9.externalMetric,chartOptions:{...(r6=s9==null?void 0:s9.externalMetric)==null?void 0:r6.chartOptions,enduserMeasureAndDimensions:{isEnabled:!!(m9!=null&&m9.isEnabled),dimensions:((j6=m9==null?void 0:m9.dimensions)==null?void 0:j6.map(W6=>({value:W6,label:W6})))||[],measures:((p6=m9==null?void 0:m9.measures)==null?void 0:p6.map(W6=>({value:W6,label:W6})))||[]},yAxisList:(m9==null?void 0:m9.measures)||[],xAxis:((K6=m9==null?void 0:m9.dimensions)==null?void 0:K6[0])||""}}:s9.externalMetric}),[e,o9]),V6=v1.useMemo(()=>{const s9=t6==null?void 0:t6.filter(p6=>{var K6;return!((K6=p6==null?void 0:p6.clientArchivedMetrics)!=null&&K6.length)}),m9=s9==null?void 0:s9.filter(p6=>(!p6.isCreatedByClient||p6.isCreatedByClient&&!p6.clientId)&&!(C3!=null&&C3.includes(p6==null?void 0:p6.id))&&!(y9!=null&&y9.includes(p6==null?void 0:p6.id))),r6=s9==null?void 0:s9.filter(p6=>p6.isCreatedByClient&&p6.clientId===a&&!(C3!=null&&C3.includes(p6==null?void 0:p6.id)));return[...m9||[],...r6||[]].sort((p6,K6)=>{const W6=new Date(p6.createdAt).getTime(),M9=new Date(K6.createdAt).getTime();return W6-M9})},[a,t6,C3,y9]),Z6=v1.useMemo(()=>{let s9=[];const m9=V6.map(r6=>{var K6,W6,M9,G6,m6;const j6=d.clientLayout.find(H8=>H8.i===r6.id),p6=d.adminLayout.find(H8=>H8.i===r6.id);return[d1.linearGauge,d1.progressBar].includes(r6.chartOptions.chartType)&&(s9=[...s9,{id:(j6==null?void 0:j6.i)??(p6==null?void 0:p6.i)??r6.id,height:(j6==null?void 0:j6.h)??(p6==null?void 0:p6.h)??((K6=r6==null?void 0:r6.resizeAttributes)==null?void 0:K6.height)??10}]),{i:(j6==null?void 0:j6.i)||(p6==null?void 0:p6.i)||r6.id,w:(j6==null?void 0:j6.w)||(p6==null?void 0:p6.w)||((W6=r6.resizeAttributes)==null?void 0:W6.width)||5,h:(j6==null?void 0:j6.h)||(p6==null?void 0:p6.h)||((M9=r6.resizeAttributes)==null?void 0:M9.height)||10,x:(j6==null?void 0:j6.x)||(p6==null?void 0:p6.x)||((G6=r6.resizeAttributes)==null?void 0:G6.xAxis)||0,y:(j6==null?void 0:j6.y)||(p6==null?void 0:p6.y)||((m6=r6.resizeAttributes)==null?void 0:m6.yAxis)||0,minW:r6.isMetric?[d1.singleValue,d1.pivot,d1.pivotV2,d1.progressBar,d1.linearGauge].includes(r6.chartOptions.chartType)?2:3:1,minH:r6.isMetric?[d1.singleValue,d1.pivot,d1.pivotV2].includes(r6.chartOptions.chartType)?2:[d1.progressBar,d1.linearGauge].includes(r6.chartOptions.chartType)?3:8:1,maxH:r6.chartOptions.chartType==="table"?1/0:15}});return q3(s9),m9},[V6,d.adminLayout,d.clientLayout]),_9=v1.useMemo(()=>Z6.sort((s9,m9)=>s9.y!==m9.y?s9.y-m9.y:s9.x-m9.x),[Z6]);v1.useEffect(()=>{var s9;if(_9!=null&&_9.length&&P7){const m9=(s9=_9[P7||0])==null?void 0:s9.y,r6=_9==null?void 0:_9.slice(P7);Y7==null||Y7(()=>{let j6=0;return r6==null||r6.forEach(p6=>{p6.y===m9&&(j6+=1)}),j6-1})}},[_9,P7]);const Y9=v1.useMemo(()=>{const s9=new Map;return _9.forEach((m9,r6)=>{s9.set(m9.i,r6)}),V6.sort((m9,r6)=>s9.get(m9.id)-s9.get(r6.id)),V6.slice(0,r)},[_9,V6,r]),c9=v1.useMemo(()=>_9.slice(0,r),[_9,r]);v1.useEffect(()=>{Q1([])},[V6]);const P6=()=>{const m9=(()=>{var r6,j6;return document.querySelector(".dbn-dashboard")??((j6=(r6=document==null?void 0:document.querySelector("dbn-dashboard"))==null?void 0:r6.shadowRoot)==null?void 0:j6.querySelector(".dbn-dashboard"))})();m9&&m9.scrollTo({top:0,behavior:"smooth"})};v1.useEffect(()=>{const s9=setTimeout(()=>{window.dispatchEvent(new Event("resize"))},300);return()=>clearTimeout(s9)},[Z6]);const C8=v1.useMemo(()=>Y9.map((s9,m9)=>{var O5,o5,l5,b5,u4,i5,z4,F5,G5,I4,G4,F4,de,i4,S5;const r6=(o5=(O5=s9==null?void 0:s9.clickActions)==null?void 0:O5.chartWithMetric)!=null&&o5.isEnable?(b5=(l5=s9==null?void 0:s9.clickActions)==null?void 0:l5.chartWithMetric)==null?void 0:b5.metricId:void 0,j6=r6?t6==null?void 0:t6.find(J5=>J5.id===r6):void 0,p6=(u4=g9.find(J5=>J5.id===(s9==null?void 0:s9.id)))==null?void 0:u4.height,K6=s9.isMetric,W6=((i5=s9==null?void 0:s9.chartOptions)==null?void 0:i5.mergedCards)||[],M9=((z4=G1==null?void 0:G1.find(J5=>J5.id===(s9==null?void 0:s9.id)))==null?void 0:z4.filters)||[],G6=(F5=W6.map(J5=>t6==null?void 0:t6.find(E4=>E4.id===(J5==null?void 0:J5.value))))==null?void 0:F5.filter(J5=>J5),m6=!!G6.length,H8=!!((G5=s9==null?void 0:s9.elementSettings)!=null&&G5.isDisableCardAppearance),D5=!K6&&!H8||K6?"dbn-metric-card-container":"",g6=(!K6&&!H8||K6)&&!C7?"dbn-white":"",x8=C?df["MetricList-wrapper-move"]:"",o4=W6.length&&!p7?`dbn-metric-card ${W6.length<2?df.gridDisplay:df.gridDisplay2} ${N0?"":df.isShowShadow}`:df.flexDisplay,l8=$1?"dbn-border-0":"",i6=`${df["MetricList-wrapper"]} ${D5} ${g6} ${x8} ${o4} ${l8}`,v9=`${df["MetricList-wrapper"]} ${D5} ${g6} ${x8}  ${l8} ${df.mergedCard}`,D6=()=>{!K6&&o&&!s0&&(I9(!0),M3(s9))},I8={cursor:"auto",...C7&&!H8?{backgroundColor:C7}:s9.isMetric||!s9.isMetric&&!H8?{backgroundColor:"white"}:{},zIndex:A7?Y9.length-m9:10},v8=(J5,N5)=>{q9(N5?E4=>[...E4,{id:J5,isInProgress:N5}]:E4=>E4.filter(h4=>h4.id!==J5))},w8=W9?(J5,N5,E4)=>m3({show:!0,metric:s9,filterValues:J5,rlsConditions:N5,dataMartRelationships:E4}):void 0,B8=(I4=c9==null?void 0:c9.find(J5=>J5.i===(s9==null?void 0:s9.id)))==null?void 0:I4.h,L5=(G4=c9==null?void 0:c9.find(J5=>J5.i===(s9==null?void 0:s9.id)))==null?void 0:G4.w;return m6?b.jsx("div",{"data-testid":`${(F4=s9==null?void 0:s9.name)==null?void 0:F4.toLowerCase().replaceAll(" ","-")}-card`,className:v9,id:s9.id,style:I8,children:b.jsx(J80,{props:{calendarType:P9,filters:M9,parentHeight:B8,scrollToTop:c7?()=>P6():()=>{},parentWidth:L5,metricList:G6,mainMetricItem:s9,metricCardColor:C7,isAllowedToChangeLayout:C,isMobileScreen:p7,isShadowDisableOnHover:N0,disableMetricCardBorder:$1,isAllowedToUpdateMetrics:o,isEditLayoutEnabled:s0,isHoverLongDesc:A7,setOpenElementPanel:I9,setUpdateElement:M3,isEnableEmailRawCsvDownload:W9,setRawCsvModal:m3,language:j3,translationDictionary:H7,datasourceId:k9,metricStore:j9,setHoverLongDesc:D7,setMetricStore:F9,setDownloadMetrics:q9,isAllClient:w0,clientColumnType:Z2,noDataImg:B1,isAllowedToSeeUnderlyingData:A,chartAppearance:p0,hideDatePickerOptions:g0,isDisableMetricLoader:m1,onServerEvent:G7,workspaceId:x2,token:y2,downloadMetrics:E9,dropdownTheme:I2,optionsIcon:n0,disableFullscreen:b2,setFullScreenModal:h9,client:a,chartColors:t,globalFilters:i,companyTenancyType:m,appFilters:q,params:g,isAllowedToDeleteMetrics:n,setArchiveModal:w1,setCrossDashboardFilters:Q1,crossDashboardFilters:T9,enableMultiMetricFilters:f2,enableDownloadCsv:$}})},s9.id):b.jsx("div",{"data-testid":`${(de=s9==null?void 0:s9.name)==null?void 0:de.toLowerCase().replaceAll(" ","-")}-card`,className:i6,id:s9.id,onClick:D6,style:I8,children:b.jsx(tN,{calendarType:P9,disableFullscreen:!!b2,language:j3,translationDictionary:H7,datasourceId:k9,metricStore:j9,disableBorder:$1,setHoverLongDesc:D7,setMetricStore:F9,isAllClient:w0,clientColumnType:Z2,isMergedMetric:!!W6.length&&!p7,metricCardColor:C7,isShadowDisableOnHover:N0,noDataImg:B1,isAllowedToSeeUnderlyingData:A,chartAppearance:p0,hideDatePickerOptions:g0,chartHeight:p6||void 0,isEditLayoutEnabled:s0,isDisableMetricLoader:m1,onServerEvent:G7,workspaceId:x2,guestToken:y2,isFrontendApp:!1,downloadMetrics:E9,onDownload:v8,metricItem:s9,dropdownTheme:I2,optionsIcon:n0,onMaximize:d.isLocked||b2&&!((S5=(i4=s9==null?void 0:s9.clickActions)==null?void 0:i4.chartWithMetric)!=null&&S5.isEnable)?({metric:J5,appFilters:N5,appliedMetricFilters:E4,rlsFilters:h4,isClickOnChart:C5})=>{G7==null||G7(Wn2,s9==null?void 0:s9.id),c7&&P6(),h9({show:!0,metric:C5&&j6?j6:J5,rlsFilters:h4,appFilters:N5,appliedMetricFilters:E4,isClickOnChart:C5})}:void 0,client:a,colors:t,globalFilters:i,param:g==null?void 0:g.find(J5=>J5.metricId===s9.metricId),appFilters:q==null?void 0:q.find(J5=>J5.metricId===s9.metricId),companyTenancyType:m,onArchive:n?J5=>w1({id:J5,show:!0,metricId:s9==null?void 0:s9.metricId}):void 0,disableActions:!d.isLocked,isDisableMorePopup:!d.isLocked,setCrossDashboardFilters:Q1,crossDashboardFilters:T9,enableMultiMetricFilters:f2,enableDownloadCsv:$,onDownloadRawCsv:w8})},s9.id)}),[Y9,g9,G1,C7,C,p7,N0,$1,A7,W9,c9,j3,H7,k9,j9,w0,Z2,B1,A,p0,g0,s0,m1,G7,x2,y2,E9,I2,n0,d.isLocked,b2,a,t,i,g,q,m,n,T9,f2,$,t6,o,t6,P9]);return b.jsx(b.Fragment,{children:V6.length&&Z6.length?b.jsxs(b.Fragment,{children:[b.jsx("div",{className:df["MetricList-container"],id:"metric-list-container",children:b.jsx(oN,{layouts:{lg:c9},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:[(t8=S2==null?void 0:S2.horizontalMargin)!=null&&t8.toString()?S2.horizontalMargin:10,(y8=S2==null?void 0:S2.verticalMargin)!=null&&y8.toString()?S2.verticalMargin:10],children:C8},s0?"reset":"default")}),z2?b.jsx("div",{className:"dbn-pb-6",children:b.jsx(hf,{})}):null,n?b.jsx(s70,{isLoading:s6,isOpen:h6.show,onArchive:T6,onClose:()=>w1({id:"",show:!1,metricId:""})}):null,c7?b.jsx(b.Fragment,{children:(!b2||(s3==null?void 0:s3.isClickOnChart))&&s3.show&&s3.metric&&b.jsx(aN,{calendarType:P9,language:j3,translationDictionary:H7,appliedMetricFilters:(s3==null?void 0:s3.appliedMetricFilters)||[],datasourceId:k9,isAllClient:w0,isEnableMetricSummary:V0,onServerEvent:G7,shouldFitFullScreen:c7,enableEmailCsv:K,disableDownloadPng:P3,isAllowToDownloadMetrics:V3,chartAppearance:p0,hideDatePickerOptions:g0,clientColumnType:Z2,workspaceId:x2,guestToken:y2,isFrontendApp:!1,downloadMetrics:E9,globalFilters:i,metric:s3.metric,rlsFilters:s3.rlsFilters,appFilters:s3.appFilters,colors:t,externalDashboardId:x,userProvidedDashboardId:v,tenancyLevel:m,isAllowedToUpdateMetrics:o,clientId:a,companyId:s,onMinimize:()=>{G7==null||G7(Xn2),h9({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:n?(s9,m9)=>w1({id:s9,show:!0,metricId:m9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:z,isHideTablePreview:a2,sharingSettingsId:R,onDownload:(s9,m9)=>{q9(m9?r6=>[...r6,{id:s9,isInProgress:m9}]:r6=>r6.filter(j6=>j6.id!==s9))}})}):b.jsx(EE,{children:(!b2||(s3==null?void 0:s3.isClickOnChart))&&s3.show&&s3.metric&&b.jsx(aN,{language:j3,translationDictionary:H7,appliedMetricFilters:(s3==null?void 0:s3.appliedMetricFilters)||[],datasourceId:k9,isAllClient:w0,isEnableMetricSummary:V0,onServerEvent:G7,enableEmailCsv:K,disableDownloadPng:P3,isAllowToDownloadMetrics:V3,chartAppearance:p0,hideDatePickerOptions:g0,clientColumnType:Z2,workspaceId:x2,guestToken:y2,isFrontendApp:!1,downloadMetrics:E9,globalFilters:i,metric:s3.metric,rlsFilters:s3.rlsFilters,appFilters:s3.appFilters,colors:t,externalDashboardId:x,userProvidedDashboardId:v,tenancyLevel:m,isAllowedToUpdateMetrics:o,clientId:a,companyId:s,onMinimize:()=>{G7==null||G7(Xn2),h9({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:n?(s9,m9)=>w1({id:s9,show:!0,metricId:m9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:z,isHideTablePreview:a2,sharingSettingsId:R,onDownload:(s9,m9)=>{q9(m9?r6=>[...r6,{id:s9,isInProgress:m9}]:r6=>r6.filter(j6=>j6.id!==s9))}})}),W9&&b.jsx(VS,{workspaceId:x2,metricItem:K7.metric,isShowRawCsvModal:K7.show,onCloseModal:()=>m3({show:!1,metric:void 0,filterValues:void 0,dataMartRelationships:[],rlsConditions:[]}),query:im({query:((g7=K7.metric)==null?void 0:g7.query)||"",dbName:((u9=K7.metric)==null?void 0:u9.integrationName)||"",rlsConditions:(K7==null?void 0:K7.rlsConditions)||[],tenancyLevel:m,clientId:a,globalFilters:i,values:K7.filterValues,isAllClient:!1,clientColumnType:Z2,dataMartRelationships:(K7==null?void 0:K7.dataMartRelationships)||[]}),sharingSettingsId:R}),b.jsx(K80,{createElementPanelProps:{isOpen:z3,onClose:()=>{M3(null),I9(!1)},element:p3,clientId:a,externalDashboardId:x,companyId:s,userProvidedDashboardId:v}})]}):b.jsx(b.Fragment,{children:l?b.jsx("div",{className:df["alt-container"],children:b.jsx($6,{name:"not-found"})}):b.jsx("div",{className:df["noMetric-container"],children:b.jsx("div",{className:df["noMetric-wrapper"],children:b.jsx(H9,{variant:"heading-4",children:"No metrics created yet"})})})})})},CN={"searchTab-container":"_searchTab-container_hhd3f_1","searchTab-input":"_searchTab-input_hhd3f_5",errContainer:"_errContainer_hhd3f_9"},GY=(t,i)=>{const[r,a]=v1.useState(t);return v1.useEffect(()=>{const s=setTimeout(()=>a(t),i||500);return()=>{clearTimeout(s)}},[t,i]),r},ev=({id:t,setSearchKeyword:i,className:r="",placeholder:a="Search",value:s,isResetValue:o,onSearch:n,autoComplete:C="on",isDisabled:A,errorMsg:e})=>{const[l,u]=v1.useState(s||""),[f,d]=v1.useState(!0);v1.useEffect(()=>{i==null||i(l.toLowerCase())},[i,l]),v1.useEffect(()=>{o&&u(s||"")},[s,o]);const g=v=>{v.key==="Enter"&&n&&n(l)},m=GY(l,600);return v1.useEffect(()=>{n==null||n(m)},[m,n]),b.jsxs("div",{className:`${CN["searchTab-container"]} ${r} ${e?CN.errContainer:""}`,"aria-disabled":!!A,children:[!l&&f?b.jsx("span",{className:CN.search,children:b.jsx($6,{name:"magnifying-glass",color:"gray",size:"xs"})}):null,b.jsx("input",{id:t,"data-testid":t,placeholder:a,value:l,name:"search",onChange:v=>u(v.target.value),onClick:v=>v.preventDefault(),className:CN["searchTab-input"],onFocus:()=>d(!1),onBlur:()=>d(!0),onKeyDown:g,autoComplete:C,disabled:A})]})},tv={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"},_80=({id:t,label:i,placeholder:r,rows:a,cols:s,resizable:o=!0,register:n,error:C,defaultValue:A,value:e,onFocus:l,onBlur:u,className:f,leftIcon:d,rightIcon:g,isDisabled:m,isImportant:v,...x})=>b.jsxs("div",{className:`${tv.container} ${f}`,children:[b.jsxs("label",{htmlFor:t,className:tv.label,children:[d,b.jsxs(H9,{variant:"input-label",children:[i,v?b.jsx("span",{className:tv.important,children:"*"}):null]}),g]}),b.jsx("textarea",{...x,id:t,name:t,rows:a,cols:s,placeholder:r,className:Iv(tv.textarea,`${o?null:tv.resizable}`,C?tv.error:tv.noError),defaultValue:A,...n,value:n?e:e||"",onFocus:l,onBlur:u,disabled:m}),C&&b.jsx(H9,{variant:"body-text-2",color:"alert",children:C})]}),EE=({children:t})=>{const[i,r]=v1.useState();return v1.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 s=document.querySelector("#dbn-styles"),o=a.shadowRoot||a.attachShadow({mode:"open"});if(s&&!o.querySelector("#dbn-portal-style")){const n=document.createElement("style");n.innerHTML=s.innerHTML,n.setAttribute("id","dbn-portal-style"),o.appendChild(n)}if(!o.querySelector("#global-style")){const n=document.createElement("style");n.innerHTML=`
+`).map(A=>b.jsx(H9,{children:A},A)),b.jsx(N6,{variant:"popover",onClick:()=>{Zn2(r),C(!0),setTimeout(()=>{C(!1)},3e3)},leftIcon:b.jsx($6,{name:"copy"}),children:n?"Copied":"Copy"})]}):b.jsx(H9,{children:"Not Found"},"not found")})]})})},eA=c8.memo(({direction:t="row",justify:i="start",width:r="w-full",maxWidth:a,height:s="h-auto",className:o,alignItems:n=null,flexWrap:C=null,children:A})=>{const e="dbn-flex",l={between:"dbn-justify-between",around:"dbn-justify-around",evenly:"dbn-justify-evenly",center:"dbn-justify-center",start:"dbn-justify-start",end:"dbn-justify-end"},u={col:"dbn-flex-col",row:"dbn-flex-row"},f={reverse:"dbn-flex-wrap-reverse",wrap:"dbn-flex-wrap",nowrap:"dbn-flex-nowrap"},d={start:"dbn-items-start",center:"dbn-items-center",end:"dbn-items-end",baseline:"dbn-items-baseline",stretch:"dbn-items-stretch"},g=Iv(e,o,u[t],l[i],n?d[n]:null,`${r}`,`${s}`,C?f[C]:null,a?`${a}`:null);return b.jsx("div",{className:g,children:A})}),IA2={lessWidth:"_lessWidth_135z5_1",moreWidth:"_moreWidth_135z5_5"},X80=({deleteConfig:t,onDeleteMetric:i,setDeleteConfig:r,error:a,isDeletingMetric:s})=>{const[o,n]=v1.useState(!1);return b.jsxs(Xu,{isOpen:(t==null?void 0:t.isDelete)||!1,onClose:()=>r==null?void 0:r({isDelete:!1,step:0}),headerTitle:"Delete Metric",zIndex:9999999999,children:[b.jsx("div",{className:`dbn-px-6 dbn-pb-4 ${(t==null?void 0:t.step)===0?IA2.lessWidth:IA2.moreWidth}`,children:(t==null?void 0:t.step)===0?b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[b.jsxs(H9,{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."]}),b.jsx(H9,{variant:"body-text-2",color:"light-text",children:"This action can’t be undone."})]}):b.jsxs(eA,{direction:"col",className:"dbn-gap-4",children:[b.jsx(H9,{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."}),b.jsxs(eA,{direction:"col",className:"dbn-gap-2",children:[b.jsx(H9,{variant:"heading-5",children:"I understand that:"}),b.jsxs("ul",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-0",children:[b.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[b.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),b.jsx(H9,{variant:"body-text-2",children:"The metric will be permanently deleted."})]}),b.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[b.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),b.jsx(H9,{variant:"body-text-2",children:"Associated dashboards will lose access to it."})]}),b.jsxs("li",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[b.jsx("span",{className:"dbn-w-1.5 dbn-h-1.5 dbn-block dbn-bg-primary dbn-rounded-full"}),b.jsx(H9,{variant:"body-text-2",children:"This action cannot be undone."})]})]})]}),b.jsxs(eA,{direction:"col",className:"dbn-gap-2",children:[b.jsxs(H9,{variant:"body-text-2",children:["Type"," ",b.jsxs("span",{className:"dbn-font-medium",children:["'",t==null?void 0:t.name,"'"]})," ","to confirm"]}),b.jsx(x5,{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)?n(!0):n(!1),r==null||r(A=>({...A,confirmedName:C.target.value}))},error:o?"Metric name does not match. Please try again.":""})]}),a?b.jsx(nu,{text:a,variant:"error"}):null]})}),b.jsxs($g,{children:[b.jsx(N6,{variant:"tab",onClick:()=>r==null?void 0:r({isDelete:!1,step:0}),children:"Cancel"}),b.jsx(N6,{variant:"primary",onClick:()=>{(t==null?void 0:t.step)===0&&(r==null||r(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&&(s||(t==null?void 0:t.confirmedName)!==(t==null?void 0:t.name)),children:(t==null?void 0:t.step)===0?"Continue":"Delete Permanently"})]})]})},aN=({metric:t,colors:i,rlsFilters:r,metricFilterOptions:a,onMinimize:s,onArchive:o,clientId:n,tenancyLevel:C,companyId:A,externalDashboardId:e,userProvidedDashboardId:l,isAllowedToUpdateMetrics:u,sharingSettingsId:f,appFilters:d,isInternalApp:g,isShowChartConfigTab:m,isHideChartSettings:v,isHideTablePreview:x,isAllClient:R,globalFilters:q={tableName:"",filters:[]},onDownload:z,downloadMetrics:a2,isFrontendApp:$,guestToken:K,encryptedClient:f2,workspaceId:b2,clientColumnType:I2,isEnableMetricSummary:n0,hideDatePickerOptions:y2,chartAppearance:x2,enableEmailCsv:Z2,shouldFitFullScreen:z2,onServerEvent:s0,disableDownloadPng:V0,isAllowToDownloadMetrics:g0,datasourceId:p0,appliedMetricFilters:w0,language:S2,translationDictionary:m1,onDeleteMetric:N0,deleteConfig:B1,setDeleteConfig:C7,deleteError:c7,isDeletingExternalMetric:C3,calendarType:P7="default"})=>{var i5,z4,F5,G5,I4,G4,F4,de,i4,S5,J5,N5,E4,h4,C5,An,We,m4,J4,q4,C4,v4,ye,_4,Xe,Qt,mn,rt,Jn,A1,h7,W7,O7,C9,f7,t3;const Y7=v1.useRef(),[G7,P3]=v1.useState(!1),[$1,p7]=v1.useState(!1),[V3,o9]=v1.useState(!1),k9=v1.useMemo(()=>{var h3;return{...q,filters:(h3=q==null?void 0:q.filters)==null?void 0:h3.filter(_3=>{var x3;return!((x3=_3==null?void 0:_3.restrictedMetrics)!=null&&x3.some(f9=>f9.value===(t==null?void 0:t.id)))})}},[q,t]),{dataDb:j3,variables:H7,getUnderlyingData:G1,handleChartClick:s3,columnName:h9,setShowChartPopup:P9,isShowChartPopup:j9,isQueryLoading:F9,chartParams:T9,onChangeFilterValue:Q1,onDrillDown:A7,drilledLevel:D7,dimensions:p3,setTableLimit:M3,isEnableNextBtn:z3,isEnablePrevBtn:I9,paginationInfo:K7,onChangePage:m3,isExternalChart:h6,onDrillLevelClick:w1,metricFilters:E9,filterValues:q9,dynamicOptions:g9,isSingleValueNull:q3,isEnableZoom:T6,containerRef:s6,chartSettings:V7,setChartSettings:R6,leftPositionedMetricFilters:W9,rightPositionedMetricFilters:y9,updateFilter:t6,drillFilters:V6,drillType:Z6,tableResultsDownloadData:_9,rlsConditions:Y9,appliedMetricFilters:c9,pivotHeaderOptions:P6,pivotDrillState:C8,onDrillPivotTable:t8,legendData:y8,timeseriesDimension:g7,isPythonMode:u9,isSorted:s9,isInavlidForSort:m9,sortOrder:r6,setSortOrder:j6,onAddComparison:p6,groupedRlsConditions:K6,onGenerateMetricSummary:W6,summary:M9,setSummary:G6,setNotFirstRender:m6,dataMartRelationships:H8,onChartChange:D5,isCompareValue:g6,isShowChartPropertyPanel:x8,setShowChartPropertyPanel:o4,columnList:l8,metricName:i6,drilldownCols:v9}=Pj({datasourceId:p0,metric:t,rlsFilters:r,tenancyLevel:C,clientId:n,appFilters:d,isInternalApp:g,metricFilterOptions:a,isAllClient:R,globalFilters:k9,isFrontendApp:$,guestToken:K,encryptedClientId:f2,workspaceId:b2,onServerEvent:s0,clientColumnType:I2,appliedCardMetricFilters:w0,language:S2,translationDictionary:m1,calendarType:P7}),{updateExternalMetric:D6,error:I8,isLoading:v8}=Jy({onSuccess:()=>{var h3,_3;o9(!1),s(),(_3=(h3=window==null?void 0:window.location)==null?void 0:h3.reload)==null||_3.call(h3)},selectedColumns:[],companyIntegrationId:t.companyIntegrationId,query:t.query,metricQuery:t.metricQuery,integrationName:t.integrationName,outputColumns:t.outputColumns,chartSettings:V7,datasetMetricSettings:t.datasetMetricSettings,clientId:n,companyId:A,isLiveMode:t.isLive,timeGrain:t.timeGrain,dashboardIds:[e],isEnableGroupBy:t.isEnableGroupBy,groupBy:t.groupBy,selectedGroupBy:t.selectedGroupBy,userProvidedDashboardId:l,metric:t,rlsFilters:r}),{isDisableDownloadSettings:w8}=Fj({sharingSettingsId:f,workspaceId:b2}),B8=v1.useMemo(()=>(Z2==null?void 0:Z2.toString())&&Z2||!(Z2!=null&&Z2.toString())&&!w8,[w8,Z2]),L5=v1.useMemo(()=>{var _3;let h3=Lj({chartSettings:V7,translationDictionary:m1,variables:H7,language:S2});return(_3=t==null?void 0:t.drillDownSettings)!=null&&_3.isEnableGroupBy&&j3.length&&D7===(p3==null?void 0:p3.length)&&(h3={...h3,chartType:"table",yAxisList:p3!=null&&p3[0]?[p3==null?void 0:p3[0],...V7.yAxisList||[]]:V7.yAxisList}),h3},[(i5=t==null?void 0:t.drillDownSettings)==null?void 0:i5.isEnableGroupBy,j3.length,D7,p3,V7,H7,S2,m1]),O5=h3=>{var _3,x3,f9,G9,n6,e6,B7,Z3,B9,X9,c6,J6,v6;return V7.chartType===d1.table||(_3=t.drillDownSettings)!=null&&_3.isEnableGroupBy&&D7===(p3==null?void 0:p3.length)?(x3=h3==null?void 0:h3.find(Z8=>{var P8,w5;return Z8.columnName===((w5=(P8=t==null?void 0:t.clickActions)==null?void 0:P8.chart)==null?void 0:w5.valueColumn)}))==null?void 0:x3.value:[d1.sankey,d1.treeMap].includes(V7==null?void 0:V7.chartType)?h3==null?void 0:h3.value:((G9=(f9=t.clickActions)==null?void 0:f9.chart)==null?void 0:G9.valueColumn)===(V7==null?void 0:V7.xAxis)||(V7==null?void 0:V7.chartType)===d1.gauge&&((e6=(n6=t.clickActions)==null?void 0:n6.chart)==null?void 0:e6.valueColumn)===((Z3=(B7=V7==null?void 0:V7.gaugeSettings)==null?void 0:B7.dimensions)==null?void 0:Z3.join(", "))?h3==null?void 0:h3.name:(h3==null?void 0:h3.seriesName)===((X9=(B9=t.clickActions)==null?void 0:B9.chart)==null?void 0:X9.valueColumn)||(V7==null?void 0:V7.chartType)===d1.gauge&&((J6=(c6=t.clickActions)==null?void 0:c6.chart)==null?void 0:J6.valueColumn)===((v6=V7==null?void 0:V7.gaugeSettings)==null?void 0:v6.metric)||[d1.funnel].includes(V7.chartType)?h3==null?void 0:h3.value:null},o5=v1.useMemo(()=>{var _3,x3,f9,G9,n6;const h3=Object.keys((j3==null?void 0:j3[0])||{})||[];if(V7.chartType===d1.timeSeries){const e6=(_3=t==null?void 0:t.chartOptions)==null?void 0:_3.xAxis,B7=V7==null?void 0:V7.xAxis,Z3=!!((G9=(f9=(x3=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:x3.groupBySettings)==null?void 0:f9.options)!=null&&G9.find(B9=>{var X9,c6,J6;return(J6=e6==null?void 0:e6.toLowerCase())==null?void 0:J6.includes(((c6=(X9=B9==null?void 0:B9.split("____"))==null?void 0:X9[0])==null?void 0:c6.toLowerCase())||"")}));if(e6&&B7&&!Z3)return j3.map(B9=>h3.reduce((X9,c6)=>{var J6,v6;return c6===B7?X9[e6||""]=IS(((v6=(J6=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:J6.groupBySettings)==null?void 0:v6.value)||"monthly",B9[c6]):X9[c6]=B9[c6],X9},{}))}if(g6&&((n6=V7==null?void 0:V7.customSettings)!=null&&n6.comparisonTimeLabel)){const e6="_timestamp";return j3.map(B7=>h3.reduce((Z3,B9)=>{var X9;return B9===e6?Z3[((X9=V7==null?void 0:V7.customSettings)==null?void 0:X9.comparisonTimeLabel)||""]=B7[B9]:Z3[B9]=B7[B9],Z3},{}))}return j3},[j3,g6,(z4=V7==null?void 0:V7.customSettings)==null?void 0:z4.comparisonTimeLabel,V7==null?void 0:V7.chartType,t==null?void 0:t.chartOptions,V7==null?void 0:V7.xAxis,(G5=(F5=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:F5.groupBySettings)==null?void 0:G5.value]),l5=v1.useMemo(()=>mj(i||[],(V7==null?void 0:V7.chartColors)||[]),[i,V7==null?void 0:V7.chartColors]);v1.useEffect(()=>{var h3;if(localStorage.getItem("fsMetricCs")){const _3=(h3=JSON.parse(localStorage.getItem("fsMetricCs")||""))==null?void 0:h3.defaultRowSize;_3&&R6(x3=>({...x3,tableSettings:{...x3.tableSettings,defaultRowSize:_3}}))}},[]),v1.useEffect(()=>{var h3;localStorage.setItem("fsMetricCs",JSON.stringify({metricId:t.id,defaultRowSize:(h3=V7==null?void 0:V7.tableSettings)==null?void 0:h3.defaultRowSize}))},[V7]);const b5=v1.useMemo(()=>{var h3,_3,x3,f9,G9;return(V7==null?void 0:V7.chartType)===d1.singleValue&&((h3=V7==null?void 0:V7.customSettings)!=null&&h3.singleValuePrefix)?sA(((_3=V7==null?void 0:V7.customSettings)==null?void 0:_3.singleValuePrefix)||"^^^^^",H7):(x3=V7==null?void 0:V7.customSettings)!=null&&x3.labelPrefix?sA(((f9=V7==null?void 0:V7.customSettings)==null?void 0:f9.labelPrefix)||"^^^^^",H7):(G9=V7==null?void 0:V7.customSettings)==null?void 0:G9.labelPrefix},[V7==null?void 0:V7.chartType,(I4=V7==null?void 0:V7.customSettings)==null?void 0:I4.labelPrefix,(G4=V7==null?void 0:V7.customSettings)==null?void 0:G4.singleValuePrefix,H7]),u4=v1.useMemo(()=>{var h3,_3,x3,f9,G9;return(V7==null?void 0:V7.chartType)===d1.singleValue&&((h3=V7==null?void 0:V7.customSettings)!=null&&h3.singleValueSuffix)?sA(((_3=V7==null?void 0:V7.customSettings)==null?void 0:_3.singleValueSuffix)||"^^^^^",H7):(x3=V7==null?void 0:V7.customSettings)!=null&&x3.labelSuffix?sA(((f9=V7==null?void 0:V7.customSettings)==null?void 0:f9.labelSuffix)||"^^^^^",H7):(G9=V7==null?void 0:V7.customSettings)==null?void 0:G9.labelSuffix},[V7==null?void 0:V7.chartType,(F4=V7==null?void 0:V7.customSettings)==null?void 0:F4.labelSuffix,(de=V7==null?void 0:V7.customSettings)==null?void 0:de.singleValueSuffix,H7]);return b.jsxs("div",{className:`${_s.fullScreen} ${z2?_s.fitFull:_s.screen}`,children:[b.jsxs("section",{className:_s.header,children:[b.jsxs("div",{className:_s.headerBlock,children:[b.jsx(rC,{text:"Back",children:b.jsx(N6,{variant:"popover",type:"button",onClick:s,leftIcon:b.jsx("div",{className:_s.backButton,children:b.jsx($6,{name:"arrow-left"})})})}),b.jsx(H9,{variant:"body-text-1",children:i6}),(i4=k9==null?void 0:k9.filters)!=null&&i4.length?b.jsx(nu,{text:"Global Filters are applied.",variant:"info"}):null,(S5=a2==null?void 0:a2.find(h3=>h3.id===(t==null?void 0:t.id)))!=null&&S5.isInProgress?b.jsx(nu,{text:"Download is in progress",variant:"primary"}):null]}),b.jsxs("div",{className:`${_s.headerBlock} ${_s.headerBlockRight}`,children:[$&&(t!=null&&t.id)?b.jsx(N6,{variant:"popover",type:"button",onClick:()=>C7==null?void 0:C7({isDelete:!0,step:0,id:(t==null?void 0:t.id)||"",name:(t==null?void 0:t.name)||""}),leftIcon:b.jsx(rC,{text:"Delete Metric",children:b.jsx("div",{className:_s.backButton,"data-testid":"delete-metric-btn",children:b.jsx($6,{name:"delete",color:"alert"})})})}):null,n0&&b.jsx(N6,{variant:"popover",type:"button",onClick:()=>W6(),leftIcon:b.jsx(rC,{text:"AI Insights",children:b.jsx("div",{className:_s.backButton,"data-testid":"ai-insights-btn",children:b.jsx($6,{name:"wand"})})}),isDisabled:!(j3!=null&&j3.length)}),v?null:b.jsx(rC,{text:"Chart Types",children:b.jsx(N6,{variant:"popover",type:"button",onClick:()=>p7(!0),leftIcon:b.jsx("div",{className:_s.backButton,"data-testid":"chart-types-btn",children:b.jsx($6,{name:"bar-chart"})})})}),o?b.jsx(rC,{text:"Archive Metric",children:b.jsx(N6,{variant:"popover",type:"button",onClick:()=>o(t.id,(t==null?void 0:t.metricId)||""),leftIcon:b.jsx("div",{className:_s.backButton,"data-testid":"archive-metric-btn",children:b.jsx($6,{name:"archive"})})})}):null,$||(g0??!0)?b.jsx(p80,{timeseriesSettings:u9||(V7==null?void 0:V7.chartType)!==d1.timeSeries?void 0:{format:((N5=(J5=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:J5.groupBySettings)==null?void 0:N5.value)||"monthly",seriesField:(V7==null?void 0:V7.seriesField)||"",isFiscal:P7==="ind"},isPythonMode:(h4=(E4=t==null?void 0:t.datasetMetricSettings)==null?void 0:E4.newDatasetSettings)==null?void 0:h4.isPythonMode,onServerEvent:s0,isEnableEmailRawCsvDownload:B8,disableDownloadPng:V0!=null&&V0.toString()?V0:!1,data:_9||[],chartRef:Y7,metricName:i6,onRawCsvData:()=>P3(!0),chartOptions:V7,companyIntegrationId:t.companyIntegrationId,integrationName:t.integrationName,metricData:{globalFilters:k9,rlsConditions:c9,tenancyLevel:C,id:t==null?void 0:t.id,dataSecuritySettings:{csvColumns:[]},filterValues:q9,isAllClient:R,options:{clientId:$?f2||"":n,isFrontend:$,token:K}},updateDownloadProgress:h3=>z(t==null?void 0:t.id,h3)}):null,u&&b.jsx(N6,{type:"button",variant:"primary",onClick:()=>o9(!0),children:"Save Metric"})]}),b.jsx(rC,{text:"Close FS",children:b.jsx(N6,{variant:"popover",type:"button",onClick:s,leftIcon:b.jsx("div",{className:_s.backButton,"data-testid":"close-fullscreen-btn",children:b.jsx($6,{name:"cross"})})})})]}),b.jsxs("section",{className:_s.body,onContextMenu:h3=>{h3.preventDefault()},children:[b.jsxs("div",{className:`${_s.data} ${$1||x8?"dbn-w-[calc(100%-400px)]":"dbn-w-full"}`,children:[b.jsxs("div",{className:`${_s.metric} ${V7.chartType===d1.table?_s.tableMetric:""} ${x?_s.fullMetric:""}`,ref:s6,children:[b.jsxs("div",{className:_s.metricHeader,children:[b.jsx("div",{className:_s.metricFilters,children:!!j3.length&&b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-wrap dbn-justify-end dbn-items-center dbn-gap-2",children:[(C5=V7==null?void 0:V7.dynamicXAxis)!=null&&C5.isEnabled?b.jsx(tn,{options:((An=V7.dynamicXAxis)==null?void 0:An.options)||[],onChange:h3=>R6(_3=>({..._3,dynamicXAxis:{..._3.dynamicXAxis,selectedOption:h3},xAxis:h3.value})),selectedOption:V7.dynamicXAxis.selectedOption||{value:"",label:""},label:"Dynamic x-axis",labelVariant:"floating",menuZIndex:999999999999}):null,(We=V7==null?void 0:V7.dynamicYAxis)!=null&&We.isEnabled?b.jsx(tn,{options:((m4=V7.dynamicYAxis)==null?void 0:m4.options)||[],onChange:h3=>R6(_3=>({..._3,dynamicYAxis:{..._3.dynamicYAxis,selectedOption:h3},yAxisList:h3.value?[h3.value]:[]})),selectedOption:((J4=V7==null?void 0:V7.dynamicYAxis)==null?void 0:J4.selectedOption)||{value:"",label:""},label:"Dynamic y-axis",labelVariant:"floating",menuZIndex:999999999999}):null,V7!=null&&V7.isDynamicSeries?b.jsx(tn,{options:g9,onChange:h3=>R6(_3=>({..._3,seriesField:h3.value})),selectedOption:{label:(V7==null?void 0:V7.seriesField)||"ungrouped",value:(V7==null?void 0:V7.seriesField)||"ungrouped"},label:"Group by",labelVariant:"floating",menuZIndex:999999999999}):null,(q4=V7.timeSeriesSettings)!=null&&q4.groupBySettings.isDynamic?b.jsx(tn,{options:V7.timeSeriesSettings.groupBySettings.options.map(h3=>({label:h3.split("____").length>1?h3.split("____")[1]:h3,value:h3.split("____")[0]})),onChange:h3=>R6(_3=>{var x3;return{..._3,timeSeriesSettings:{..._3.timeSeriesSettings,groupBySettings:{...(x3=_3.timeSeriesSettings)==null?void 0:x3.groupBySettings,value:h3.value}},xAxis:u9?_3.xAxis:`${h3.value} of ${g7}`}}),menuZIndex:999999999999,selectedOption:{label:Dn2(((v4=(C4=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:C4.groupBySettings)==null?void 0:v4.value)||""),value:(_4=(ye=V7==null?void 0:V7.timeSeriesSettings)==null?void 0:ye.groupBySettings)==null?void 0:_4.value},labelVariant:"floating",label:"Timeseries"}):null,((Xe=V7.pivotTableSettings2)==null?void 0:Xe.isDynamicHeaders)&&V7.chartType===d1.pivotV2&&b.jsx(iC,{onChange:h3=>{R6(_3=>({..._3,pivotTableSettings2:{..._3.pivotTableSettings2,headers:h3.map(x3=>x3.value),dimensions:P6.filter(x3=>!h3.some(f9=>f9.value===x3.value)).map(x3=>x3.value)}}))},options:P6,selectedOption:(P6==null?void 0:P6.filter(h3=>{var _3,x3;return(x3=(_3=V7.pivotTableSettings2)==null?void 0:_3.headers)==null?void 0:x3.includes(h3.value)}))||[],isSearchEnabled:!0,menuWidth:"300px",menuZIndex:999999999999}),(Qt=V7.customSettings)!=null&&Qt.showSelectLegend?b.jsx(iC,{label:"legend",labelVariant:"floating",options:y8!=null&&y8.length?y8==null?void 0:y8.map(h3=>({value:h3,label:h3})):[],onChange:h3=>{R6(_3=>({..._3,selectedSeries:(h3==null?void 0:h3.map(x3=>x3.value))||[]}))},selectedOption:((mn=y8==null?void 0:y8.filter(h3=>{var _3;return(_3=V7==null?void 0:V7.selectedSeries)==null?void 0:_3.some(x3=>x3===h3)}))==null?void 0:mn.map(h3=>({value:h3,label:h3})))||[],isSearchEnabled:!0,menuZIndex:999999999999}):null]})}),!!E9.length&&b.jsxs("div",{className:_s.metricFilters,children:[b.jsxs("div",{className:_s.metricFilters,children:[b.jsx(NY,{filters:E9,updateFilter:t6}),W9.filter(h3=>!h3.group).map((h3,_3)=>b.jsx(cE,{datasourceId:p0,isAllClient:R,hideDatePickerOptions:y2,workspaceId:b2,rlsConditions:h3,onChangeFilterValue:Q1,clientId:n,className:W9.length-1===_3?_s.filterTopLeft:"",rlsConditionList:[...W9,...y9],tenancyLevel:C,clientColumnType:I2},h3.name)),y9.filter(h3=>!h3.group).map((h3,_3)=>b.jsx(cE,{datasourceId:p0,isAllClient:R,hideDatePickerOptions:y2,workspaceId:b2,rlsConditions:h3,onChangeFilterValue:Q1,clientId:n,className:_3===0?_s.filterTopRight:"",rlsConditionList:[...W9,...y9],tenancyLevel:C,clientColumnType:I2},h3.name)),(V7==null?void 0:V7.isEnableComparisonFilter)&&[d1.line].includes(V7.chartType)&&b.jsx(N6,{variant:"primary",onClick:()=>{p6()},children:"Add Comparison"})]}),K6&&(V7==null?void 0:V7.isEnableComparisonFilter)&&[d1.line].includes(V7.chartType)&&Object.keys(K6).map(h3=>{var _3;return b.jsxs("div",{className:_s.metricFilters,children:[(_3=K6==null?void 0:K6[h3])==null?void 0:_3.map((x3,f9)=>b.jsx(cE,{datasourceId:p0,isAllClient:R,hideDatePickerOptions:y2,workspaceId:b2,rlsConditions:x3,onChangeFilterValue:Q1,clientId:n,className:f9===0?_s.filterTopRight:"",rlsConditionList:[...W9,...y9],tenancyLevel:C,clientColumnType:I2},x3.name)),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{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:()=>{p6(!0)}})]})})]})]}),b.jsxs("div",{className:`${_s.chartWrapper} ${V7.chartType===d1.table?_s.tableChartWrapper:""}`,children:[![d1.boxplot,d1.horizontalStackTable,d1.pivot,d1.pivotV2,d1.gauge].includes(V7==null?void 0:V7.chartType)||V7.chartType===d1.gauge&&t.clickActions.chart.isEnable?b.jsx(jY,{language:S2,translationDictionary:m1,clientColumnType:I2,isOpen:j9,setOpen:P9,isInavlidForSort:m9,isGaugeChart:V7.chartType===d1.gauge,value:T9==null?void 0:T9.name,columnName:h9,getUnderlyingData:G1,elementRef:{containerRef:s6,event:(rt=T9==null?void 0:T9.event)==null?void 0:rt.event},position:"dynamic",isSingleValueChart:!![d1.singleValue].includes(V7==null?void 0:V7.chartType),isEnableSort:(Jn=V7==null?void 0:V7.customSettings)==null?void 0:Jn.isEnableSort,setSortOrder:j6,rawCsvDownloadButtonProps:{data:[],fileName:t==null?void 0:t.name,companyIntegrationId:t==null?void 0:t.companyIntegrationId,integrationName:t==null?void 0:t.integrationName,isPythonMode:u9,metricData:{options:{clientId:$?f2||"":n,isFrontend:$,token:K},globalFilters:{...k9,filters:((A1=k9==null?void 0:k9.filters)==null?void 0:A1.filter(h3=>h3.isVariableFilter))||[]},rlsConditions:c9==null?void 0:c9.filter(h3=>h3.isVariableFilter),tenancyLevel:C,id:t==null?void 0:t.id,dataSecuritySettings:{csvColumns:[]},filterValues:q9,isAllClient:R},updateDownloadProgress:()=>{},children:b.jsx(b.Fragment,{children:b.jsx($6,{name:"download"})})}}):null,b.jsx(Oo2,{isLoading:F9,isDataLength:!!j3.length,isSingleValue:V7.singleValue,dataDb:j3[0],chartType:""}),((h7=t==null?void 0:t.drillDownSettings)==null?void 0:h7.isEnableGroupBy)&&!!j3.length&&b.jsx(b.Fragment,{children:b.jsx(zY,{dimensions:p3,drilledLevel:p3.length>D7?D7:-1,onResetLevel:()=>A7({},[]),onDrillLevelClick:h3=>w1(h3),isMetricCard:!0,isMetricFilter:!!E9.length,drillFilters:V6,drillType:Z6||"",isShowBreadCrumb:!!(p3!=null&&p3.length)&&![d1.horizontalStackTable,d1.pivot,d1.pivotV2,d1.table,d1.sankey].includes(V7.chartType)&&p3.length>D7})}),j3.length&&!q3?b.jsx(Fm,{language:S2,translationDictionary:m1,drilldownCols:v9,variables:H7,isPythonMode:u9,onDrillPivotTable:t8,chartAppearance:x2,pivotDrillState:C8,chartOptions:L5,sortOrder:r6,seriesName:T9==null?void 0:T9.seriesName,isSortReversed:s9&&[d1.row,d1.horizontalStack].includes((V7==null?void 0:V7.chartType)||""),data:j3,colors:l5?V7==null?void 0:V7.chartColors:i||(V7==null?void 0:V7.chartColors),events:{click:(h3,_3)=>{var f9,G9,n6,e6,B7,Z3;const x3=(f9=Object.keys(h3))!=null&&f9.length?h3:_3;if([d1.progressBar,d1.linearGauge].includes(V7.chartType)){s3(h3),P9(!0);return}if((G9=t.drillDownSettings)!=null&&G9.isEnableGroupBy&&(p3==null?void 0:p3.length)!==D7){const B9=V7.chartType==="table"?(n6=_3==null?void 0:_3.find(X9=>X9.columnName===(p3==null?void 0:p3[D7])))==null?void 0:n6.value:"";A7(V7.chartType==="table"?{name:B9}:h3)}(!((e6=t.drillDownSettings)!=null&&e6.isEnableGroupBy)||(B7=t.drillDownSettings)!=null&&B7.isEnableGroupBy&&(p3==null?void 0:p3.length)===D7)&&((Z3=t.clickActions.chart)!=null&&Z3.isEnable)&&DY(t.clickActions.chart,O5(x3)||void 0)},contextmenu:h3=>{[d1.progressBar,d1.linearGauge].includes(V7.chartType)||(s3(h3),P9(!0))}},className:V7.chartType===d1.table?"":_s.chart,isEnableDrillDown:(W7=t.drillDownSettings)==null?void 0:W7.isEnableGroupBy,config:{ref:Y7,chartClickConfig:(O7=t.clickActions)==null?void 0:O7.chart,onColumnSizingChange:h3=>R6(_3=>({..._3,tableSettings:{..._3.tableSettings,columnSizing:h3}})),onChartReady:()=>m6(!0),isInfiniteScroll:!1,onChangePage:m3,isExternalChart:h6,isEnableNextBtn:z3,isEnablePrevBtn:I9,paginationInfo:K7,setChartSettings:R6,dropdownZindex:V7.chartType===d1.table?999999999999:void 0,isFullScreenChart:!0}}):null,!j3.length&&F9?b.jsx("div",{className:"dbn-w-full dbn-h-[350px]",children:b.jsx(hf,{})}):null]})]}),!x&&V7.chartType!=="table"&&!q3?b.jsx("div",{"data-testid":"table-view-chart",className:"dbn-border dbn-border-secondary dbn-rounded-2xl dbn-p-6",children:b.jsx(SL,{language:S2,translationDictionary:m1,data:o5,isLoading:F9,error:"",tableName:"Table Preview",headerAlignment:"left",comboFormatter:(V7==null?void 0:V7.chartType)===d1.combo?(f7=(C9=V7==null?void 0:V7.customSettings)==null?void 0:C9.comboAxisSettings)==null?void 0:f7.map(h3=>({...h3,suffix:h3!=null&&h3.suffix?sA((h3==null?void 0:h3.suffix)||"^^^^^",H7):h3==null?void 0:h3.suffix,prefix:h3!=null&&h3.prefix?sA((h3==null?void 0:h3.prefix)||"^^^^^",H7):h3==null?void 0:h3.prefix})):[],tableSettings:{enableFilter:!0,enableSorting:!0,enableStripedRows:!0,enableTableSearch:!0,showRowHover:!0,showTableTitle:!0,showTableDesc:!0,lineGap:"medium",contentAlignment:"left",hideVerticalDivider:!1,tableFormatter:(t3=V7==null?void 0:V7.customSettings)==null?void 0:t3.numberFormatter,tablePrefix:b5,tableSuffix:u4,isEnableNumberFormatting:!0,formattedColumns:(V7==null?void 0:V7.yAxisList)||[],tableTitle:"Underlying Data"},dropdownZindex:999999999999})}):null]}),$1?b.jsx("div",{className:_s.chartTypePanelContainer,children:b.jsx(rN,{chartTypePanelProps:{selectedChart:V7.chartType,onChartChange:D5,enabledCharts:[...Object.values(d1)].filter(h3=>![d1.pivotV2,d1.combo,d1.boxplot].includes(h3)),isOpen:$1,onClose:()=>p7(!1),zIndex:9999999999,inline:!0,onClickSettings:()=>{p7(!1),o4(!0)}}})}):null,x8?b.jsx("div",{className:_s.chartTypePanelContainer,children:b.jsx(I80,{isOpen:x8,onClose:()=>o4(!1),zIndex:9999999999,chartSettings:V7,setChartSettings:R6,columnList:l8,inline:!0,onClickBack:()=>{o4(!1),p7(!0)}})}):null]}),b.jsx(VS,{workspaceId:b2,metricItem:t,isShowRawCsvModal:G7,onCloseModal:P3,sharingSettingsId:f,query:im({query:(t==null?void 0:t.query)||"",dbName:(t==null?void 0:t.integrationName)||"",rlsConditions:c9,tenancyLevel:C,clientId:n,globalFilters:k9,values:r==null?void 0:r.filterValues,isAllClient:R,clientColumnType:I2,dataMartRelationships:H8})}),u&&b.jsx(Xu,{isOpen:V3,onClose:()=>o9(!1),headerTitle:"Update Metric",zIndex:9999999999,children:b.jsx(mM,{onCancel:()=>o9(!1),onSubmit:D6,error:I8,isCreatingMetric:v8,defaultValues:{name:t.name,description:t.description,isLive:t.isLive,metricId:t.isCreatedByClient?t.metricId:`update_${t.metricId}_by_${n}_${Date.now()}`}})}),b.jsx(W80,{isOpen:M9.isOpen,onClose:()=>G6(h3=>({...h3,isOpen:!1,isLoading:!1})),report:M9.report,isLoading:M9.isLoading,zIndex:9999999999}),b.jsx(X80,{deleteConfig:B1,onDeleteMetric:N0,setDeleteConfig:C7,error:c7,isDeletingMetric:C3})]})},sN={colorField:"_colorField_1w8fo_1",label:"_label_1w8fo_5",field:"_field_1w8fo_9",textField:"_textField_1w8fo_13"},FC=({name:t,value:i,onChange:r,defaultValue:a,placeholder:s,label:o,className:n="",isDisabled:C,zIndex:A=10})=>b.jsxs("div",{className:`${sN.colorField} ${n}`,children:[b.jsx("label",{className:sN.label,style:{backgroundColor:i||a,zIndex:A},htmlFor:`${t}-color`,children:b.jsx("input",{className:sN.field,type:"color",name:t,id:`${t}-color`,defaultValue:a,value:i,disabled:C,onChange:({target:e})=>r(e.value)})}),b.jsx(x5,{type:"text",id:t,name:t,label:o,className:sN.textField,placeholder:s,defaultValue:a,value:i,onChange:({target:e})=>r(e.value),isDisabled:C})]}),K80=({createElementPanelProps:{isOpen:t,onClose:i,element:r,clientId:a,companyId:s,externalDashboardId:o,userProvidedDashboardId:n}})=>{const[C,A]=v1.useState(!1),[e,l]=v1.useState(!1),{updateExternalMetric:u,error:f,isLoading:d,setValue:g,watch:m,register:v,handleSubmit:x,reset:R,control:q}=Jy({onSuccess:()=>{var K,f2;i(),(f2=(K=window==null?void 0:window.location)==null?void 0:K.reload)==null||f2.call(K)},selectedColumns:[],companyIntegrationId:r==null?void 0:r.companyIntegrationId,query:r==null?void 0:r.query,metricQuery:r==null?void 0:r.metricQuery,integrationName:r==null?void 0:r.integrationName,outputColumns:r==null?void 0:r.outputColumns,clientId:a,companyId:s,isLiveMode:r==null?void 0:r.isLive,timeGrain:r==null?void 0:r.timeGrain,dashboardIds:[o],isEnableGroupBy:r==null?void 0:r.isEnableGroupBy,groupBy:r==null?void 0:r.groupBy,selectedGroupBy:r==null?void 0:r.selectedGroupBy,userProvidedDashboardId:n,metric:r}),[z,a2]=v1.useState({isOpenInNewTab:!1,link:"",targetWord:""}),$=K=>{u==null||u(K,!0)};return v1.useEffect(()=>{var K,f2,b2,I2,n0,y2,x2,Z2,z2,s0,V0,g0,p0,w0,S2,m1,N0,B1,C7,c7,C3,P7,Y7,G7,P3,$1,p7,V3,o9;r!=null&&r.id&&(g("metricId",r.metricId),g("elementTitle",r.name),g("description",r.description),g("isDisableCardAppearance",(K=r==null?void 0:r.elementSettings)==null?void 0:K.isDisableCardAppearance),(f2=r==null?void 0:r.elementSettings)!=null&&f2.titleAlignment&&g("titleAlignment",(b2=r==null?void 0:r.elementSettings)==null?void 0:b2.titleAlignment),(I2=r==null?void 0:r.elementSettings)!=null&&I2.descAlignment&&g("descAlignment",(n0=r==null?void 0:r.elementSettings)==null?void 0:n0.descAlignment),(x2=(y2=r==null?void 0:r.elementSettings)==null?void 0:y2.textBox)!=null&&x2.text?(l(!0),g("text",(z2=(Z2=r==null?void 0:r.elementSettings)==null?void 0:Z2.textBox)==null?void 0:z2.text),g("fontColor",(V0=(s0=r==null?void 0:r.elementSettings)==null?void 0:s0.textBox)==null?void 0:V0.fontColor),g("fontWeight",(p0=(g0=r==null?void 0:r.elementSettings)==null?void 0:g0.textBox)==null?void 0:p0.fontWeight),g("fontSize",(S2=(w0=r==null?void 0:r.elementSettings)==null?void 0:w0.textBox)==null?void 0:S2.fontSize),g("textAlignment",(N0=(m1=r==null?void 0:r.elementSettings)==null?void 0:m1.textBox)==null?void 0:N0.alignment),g("textLink",(C7=(B1=r==null?void 0:r.elementSettings)==null?void 0:B1.textBox)==null?void 0:C7.link),g("targetWord",(C3=(c7=r==null?void 0:r.elementSettings)==null?void 0:c7.textBox)==null?void 0:C3.targetWord),g("isOpenInNewTab",(Y7=(P7=r==null?void 0:r.elementSettings)==null?void 0:P7.textBox)==null?void 0:Y7.isOpenInNewTab),a2({isOpenInNewTab:(P3=(G7=r==null?void 0:r.elementSettings)==null?void 0:G7.textBox)==null?void 0:P3.isOpenInNewTab,link:(p7=($1=r==null?void 0:r.elementSettings)==null?void 0:$1.textBox)==null?void 0:p7.link,targetWord:(o9=(V3=r==null?void 0:r.elementSettings)==null?void 0:V3.textBox)==null?void 0:o9.targetWord})):l(!1))},[r]),b.jsxs(b.Fragment,{children:[b.jsx(_f,{isOpen:t,onClose:()=>{R(),i()},size:"small",side:"right",hideFooter:!0,headerTitle:"Add Element",dataTestTitle:"elementPanel",children:b.jsxs("form",{className:"dbn-w-full dbn-h-full dbn-px-6 dbn-flex dbn-flex-col dbn-gap-6",onSubmit:x($),children:[b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-4",children:[b.jsx(x5,{type:"text",placeholder:"Enter title",label:"Title",register:v("elementTitle")}),b.jsx(x5,{type:"text",placeholder:"Enter description",label:"Description",register:v("description")}),b.jsx(op,{name:"titleAlignment",control:q,render:({field:K})=>b.jsx(b.Fragment,{children:b.jsx(tn,{buttonWidth:"100%",menuWidth:"100%",label:"Title alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:f2=>{g("titleAlignment",f2.value)},selectedOption:{label:(K==null?void 0:K.value)||"",value:K.value||""}})})}),b.jsx(op,{name:"descAlignment",control:q,render:({field:K})=>b.jsx(b.Fragment,{children:b.jsx(tn,{buttonWidth:"100%",menuWidth:"100%",label:"Description alignment",options:[{label:"left",value:"left"},{label:"right",value:"right"},{label:"center",value:"center"}],onChange:f2=>{g("descAlignment",f2.value)},selectedOption:{label:(K==null?void 0:K.value)||"",value:K.value||""}})})})]}),b.jsx(N4,{name:"enableMetricCard",placeholder:"Merge Card to Background",enabled:m("isDisableCardAppearance"),onChange:()=>g("isDisableCardAppearance",!m("isDisableCardAppearance"))}),e?null:b.jsx("div",{className:"dbn-w-full dbn-flex dbn-flex-col dbn-gap-3",children:b.jsx(N6,{variant:"tab",leftIcon:b.jsx($6,{name:"plus",size:"sm"}),onClick:()=>l(!0),fitContainer:!0,children:"Text box"})}),e?b.jsxs("div",{className:"dbn-py-5 dbn-w-full dbn-flex dbn-flex-col dbn-gap-3 dbn-border-y dbn-border-secondary",children:[b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-flex-row dbn-items-center dbn-justify-between",children:[b.jsx(H9,{variant:"heading-5",children:"Text box"}),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"delete",color:"alert"}),onClick:()=>{l(!1),g("text",""),g("fontWeight",""),g("fontSize",""),g("textAlignment",""),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),a2({isOpenInNewTab:!1,link:"",targetWord:""})}})]}),b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-2 dbn-items-center",children:[b.jsx(x5,{type:"text",placeholder:"Enter text",label:"",register:v("text")}),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"link",size:"lg"}),onClick:()=>A(!0)})]}),b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4",children:[b.jsx(x5,{type:"text",placeholder:"Regular",label:"Font weight",register:v("fontWeight")}),b.jsx(x5,{type:"text",placeholder:"36px",label:"Font size",register:v("fontSize")})]}),b.jsx(FC,{name:"font color",label:"Font color",onChange:K=>g("fontColor",K),value:m("fontColor")||"#000000",defaultValue:"#000000"}),b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-6 dbn-py-2 dbn-items-center dbn-justify-center",children:[b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"align-left",size:"lg"}),onClick:()=>g("textAlignment","left"),className:m("textAlignment")==="left"||!m("textAlignment")?"dbn-bg-gray dbn-p-1":""}),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"align-space-even",size:"lg"}),onClick:()=>g("textAlignment","center"),className:m("textAlignment")==="center"?"dbn-bg-gray dbn-p-1":""}),b.jsx(N6,{variant:"popover",leftIcon:b.jsx($6,{name:"align-right",size:"lg"}),onClick:()=>g("textAlignment","right"),className:m("textAlignment")==="right"?"dbn-bg-gray dbn-p-1":""})]})]}):null,b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-gap-4 dbn-items-center dbn-justify-end dbn-pb-4",children:[f?b.jsx(H9,{variant:"body-text-2",color:"alert",children:f}):null,b.jsx(N6,{type:"submit",variant:"primary",children:d?"Saving...":"Save"})]})]})}),b.jsxs(Xu,{isOpen:C,onClose:()=>A(!1),customHeader:b.jsxs("div",{className:"dbn-w-full dbn-flex dbn-items-center dbn-justify-between",children:[b.jsxs("div",{className:"dbn-flex dbn-items-center dbn-gap-2",children:[b.jsx($6,{name:"link",size:"lg"}),b.jsx(H9,{variant:"heading-3",children:"Insert Link"})]}),b.jsx(N6,{variant:"tertiary",type:"button",onClick:()=>{a2({isOpenInNewTab:m("isOpenInNewTab")||!1,link:m("textLink")||"",targetWord:m("targetWord")||""}),A(!1)},leftIcon:b.jsx($6,{name:"cross",size:"xs"}),style:{padding:"0",height:"16px"}})]}),children:[b.jsxs("div",{className:"dbn-w-[500px] dbn-flex dbn-flex-col dbn-gap-4 dbn-pb-4 dbn-px-5",children:[b.jsx(x5,{type:"text",placeholder:"Paste your link here",label:"",value:z.link,onChange:K=>a2(f2=>({...f2,link:K.target.value}))}),b.jsx(x5,{type:"text",placeholder:"Enter the target word or sentence",label:"Target",value:z.targetWord,onChange:K=>a2(f2=>({...f2,targetWord:K.target.value}))}),b.jsx(qf,{label:"Open link in new tab",onChange:()=>{a2(K=>({...K,isOpenInNewTab:!K.isOpenInNewTab}))},checked:z.isOpenInNewTab})]}),b.jsxs($g,{children:[b.jsx(N6,{type:"button",variant:"tab",onClick:()=>{R(),a2({isOpenInNewTab:!1,link:"",targetWord:""}),g("textLink",""),g("isOpenInNewTab",""),g("targetWord",""),A(!1)},children:"Discard"}),b.jsx(N6,{type:"submit",variant:"primary",onClick:()=>{g("textLink",z.link),g("isOpenInNewTab",z.isOpenInNewTab),g("targetWord",z.targetWord),A(!1)},children:"Add link"})]})]})]})},vA2={"MetricList-container":"_MetricList-container_1be4a_1","MetricList-wrapper":"_MetricList-wrapper_1be4a_5","MetricList-wrapper-move":"_MetricList-wrapper-move_1be4a_13","noMetric-container":"_noMetric-container_1be4a_17","noMetric-wrapper":"_noMetric-wrapper_1be4a_21","alt-container":"_alt-container_1be4a_25",gridDisplay:"_gridDisplay_1be4a_29",gridDisplay2:"_gridDisplay2_1be4a_33",flexDisplay:"_flexDisplay_1be4a_37"},J80=({props:{metricList:t,mainMetricItem:i,metricCardColor:r,isAllowedToChangeLayout:a,isMobileScreen:s,isShadowDisableOnHover:o,disableMetricCardBorder:n,isAllowedToUpdateMetrics:C,isEditLayoutEnabled:A,isHoverLongDesc:e,setOpenElementPanel:l,setUpdateElement:u,isEnableEmailRawCsvDownload:f,setRawCsvModal:d,language:g,translationDictionary:m,datasourceId:v,metricStore:x,setHoverLongDesc:R,setMetricStore:q,setDownloadMetrics:z,isAllClient:a2,clientColumnType:$,noDataImg:K,isAllowedToSeeUnderlyingData:f2,chartAppearance:b2,hideDatePickerOptions:I2,isDisableMetricLoader:n0,onServerEvent:y2,workspaceId:x2,token:Z2,downloadMetrics:z2,dropdownTheme:s0,optionsIcon:V0,disableFullscreen:g0,setFullScreenModal:p0,client:w0,chartColors:S2,globalFilters:m1,companyTenancyType:N0,appFilters:B1,params:C7,isAllowedToDeleteMetrics:c7,setArchiveModal:C3,setCrossDashboardFilters:P7,crossDashboardFilters:Y7,enableMultiMetricFilters:G7,enableDownloadCsv:P3,parentHeight:$1,parentWidth:p7,filters:V3,scrollToTop:o9,calendarType:k9}})=>{var F9;const[j3,H7]=v1.useState([]),[G1,s3]=v1.useState([]),h9=v1.useMemo(()=>{let T9=[];const Q1=[i,...t].map(A7=>{var I9,K7,m3,h6,w1,E9;const D7=`${A7==null?void 0:A7.id}-sub-card`,p3=(I9=A7==null?void 0:A7.chartOptions)==null?void 0:I9.cardLayout;[d1.linearGauge,d1.progressBar].includes((K7=A7==null?void 0:A7.chartOptions)==null?void 0:K7.chartType)&&(T9=[...T9,{id:(p3==null?void 0:p3.i)??D7,height:(p3==null?void 0:p3.h)??((m3=A7==null?void 0:A7.resizeAttributes)==null?void 0:m3.height)??10}]);const M3=p7||5,z3=$1?($1||10)/[i,...t].length:5;return{i:(p3==null?void 0:p3.i)??D7,w:(p3==null?void 0:p3.w)??M3,h:(p3==null?void 0:p3.h)??z3,x:(p3==null?void 0:p3.x)??((h6=A7==null?void 0:A7.resizeAttributes)==null?void 0:h6.xAxis)??0,y:(p3==null?void 0:p3.y)??((w1=A7==null?void 0:A7.resizeAttributes)==null?void 0:w1.yAxis)??0,minW:A7.isMetric?[d1.singleValue,d1.pivot,d1.pivotV2,d1.progressBar,d1.linearGauge].includes((E9=A7==null?void 0:A7.chartOptions)==null?void 0:E9.chartType)?2:3:1,minH:3,maxH:$1}});return s3(T9),Q1},[i,t,$1,p7]),P9=v1.useMemo(()=>h9.sort((T9,Q1)=>T9.y!==Q1.y?T9.y-Q1.y:T9.x-Q1.x),[h9]),j9=v1.useMemo(()=>[i,...t].map((T9,Q1)=>{var q3,T6,s6,V7,R6;const A7=(q3=G1.find(W9=>W9.id===(T9==null?void 0:T9.id)))==null?void 0:q3.height,D7=T9.isMetric,p3=((T6=i==null?void 0:i.chartOptions)==null?void 0:T6.mergedCards)||[],M3=!!((s6=T9==null?void 0:T9.elementSettings)!=null&&s6.isDisableCardAppearance),z3=(!D7&&!M3||D7)&&!r?"dbn-white":"",I9=a?vA2["MetricList-wrapper-move"]:"",K7=n?"dbn-border-0":"",m3=!D7&&!M3||D7?"dbn-metric-card-container":"",h6=`${vA2["MetricList-wrapper"]} ${z3} ${I9} ${K7} ${m3} dbn-shadow-none !important`,w1=()=>{!D7&&C&&!A&&(l(!0),u(T9))},E9={cursor:"auto",...r&&!M3?{backgroundColor:r}:T9.isMetric||!T9.isMetric&&!M3?{backgroundColor:"white"}:{},zIndex:e?h9.length-Q1:10,maxWidth:"100%"},q9=(W9,y9)=>{z(y9?t6=>[...t6,{id:W9,isInProgress:y9}]:t6=>t6.filter(V6=>V6.id!==W9))},g9=f?(W9,y9,t6)=>d({show:!0,metric:T9,filterValues:W9,rlsConditions:y9,dataMartRelationships:t6}):void 0;return b.jsx("div",{className:h6,id:`${T9==null?void 0:T9.id}-sub-card`,tabIndex:0,role:"button",style:E9,onClick:w1,"data-testid":`${(V7=T9==null?void 0:T9.name)==null?void 0:V7.toLowerCase().replaceAll(" ","-")}-card`,children:b.jsx(tN,{calendarType:k9,disableFullscreen:!!g0,language:g,translationDictionary:m,datasourceId:v,metricStore:x,disableBorder:n,setHoverLongDesc:R,setMetricStore:q,isAllClient:a2,clientColumnType:$,isMergedMetric:!!p3.length&&!s,metricCardColor:r,isShadowDisableOnHover:o,noDataImg:K,isAllowedToSeeUnderlyingData:f2,chartAppearance:b2,hideDatePickerOptions:I2,chartHeight:A7||void 0,isEditLayoutEnabled:A,isDisableMetricLoader:n0,onServerEvent:y2,workspaceId:x2,guestToken:Z2,isFrontendApp:!1,downloadMetrics:z2,onDownload:q9,metricItem:T9,dropdownTheme:s0,optionsIcon:V0,onMaximize:A||g0?void 0:({metric:W9,appFilters:y9,appliedMetricFilters:t6,rlsFilters:V6})=>{y2==null||y2(Wn2,T9==null?void 0:T9.id),o9(),p0({show:!0,metric:W9,rlsFilters:V6,appFilters:y9,appliedMetricFilters:t6})},client:w0,colors:S2,globalFilters:{tableName:(m1==null?void 0:m1.tableName)||"",filters:[...(m1==null?void 0:m1.filters)||[],...(R6=j3==null?void 0:j3.filter(W9=>W9==null?void 0:W9.value))==null?void 0:R6.map(W9=>Nn2(W9))]},param:C7==null?void 0:C7.find(W9=>W9.metricId===T9.metricId),appFilters:B1==null?void 0:B1.find(W9=>W9.metricId===T9.metricId),companyTenancyType:N0,onArchive:c7?W9=>C3({id:W9,show:!0,metricId:(T9==null?void 0:T9.metricId)||""}):void 0,disableActions:A,isDisableMorePopup:A,setCrossDashboardFilters:P7,crossDashboardFilters:Y7,enableMultiMetricFilters:G7,enableDownloadCsv:P3,onDownloadRawCsv:g9})},`${T9==null?void 0:T9.id}-sub-card`)}),[i,t,G1,r,a,n,e,h9.length,f,g,m,v,x,R,q,a2,$,s,o,K,f2,b2,I2,A,n0,y2,x2,Z2,z2,s0,V0,g0,w0,S2,m1==null?void 0:m1.tableName,m1==null?void 0:m1.filters,j3,C7,B1,N0,c7,P7,Y7,G7,P3,C,l,u,z,d,p0,C3,k9]);return b.jsxs(b.Fragment,{children:[!!(V3!=null&&V3.length)&&b.jsx("div",{className:"dbn-w-full dbn-flex  dbn-gap-2 dbn-p-2 dbn-items-end dbn-z-[19] dbn-justify-start",children:b.jsx($j,{parentAppliedFilter:(m1==null?void 0:m1.filters)||[],isEditLayoutEnabled:!1,clientColumnType:$,hideDatePickerOptions:[],appliedfilters:j3,setAppliedFilters:H7,filters:[{tableName:"",columns:V3}],internal:{isInternal:!0,workspaceId:x2||""},clientId:w0,isAllClient:a2,theme:s0,tenancyLevel:N0,layout:{adminLayout:((F9=i==null?void 0:i.chartOptions)==null?void 0:F9.filterLayout)||[],clientLayout:[],isLocked:!0,onChange:()=>{}},datasourceId:v})}),b.jsx(oN,{layouts:{lg:P9},rowHeight:30,breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:12,sm:12,xs:4,xxs:2},margin:[10,10],containerPadding:[0,0],draggableHandle:"metric-sub-card",isDraggable:!1,isDroppable:!1,isResizable:!1,children:j9},A?"reset":"default")]})},oN=Ho2.WidthProvider(Ho2.Responsive),q80=({chartColors:t,globalFilters:i,dataLimit:r,client:a,companyId:s,isAllowedToUpdateMetrics:o,isAllowedToDeleteMetrics:n,isAllowedToChangeLayout:C,isAllowedToSeeUnderlyingData:A,externalDashboardMetrics:e,isMetricListLoading:l,breakpoint:u,layoutCols:f,layout:d,params:g,companyTenancyType:m="TABLE",externalDashboardId:v,externalDashboardPk:x,sharingSettingsId:R,appFilters:q,isHideChartSettings:z,isHideTablePreview:a2,enableDownloadCsv:$,enableEmailCsv:K,enableMultiMetricFilters:f2,disableFullscreen:b2,dropdownTheme:I2,optionsIcon:n0,token:y2,workspaceId:x2,clientColumnType:Z2,isShowLoader:z2,isEditLayoutEnabled:s0,isEnableMetricSummary:V0,hideDatePickerOptions:g0,chartAppearance:p0,isAllClient:w0,gridMargin:S2,isDisableMetricLoader:m1,isShadowDisableOnHover:N0,noDataImg:B1,metricCardColor:C7,shouldFitFullScreen:c7,mergedMetrics:C3,metricIndex:P7,setRowMetrics:Y7,onServerEvent:G7,disableDownloadPng:P3,disableMetricCardBorder:$1,isMobileScreen:p7,isAllowToDownloadMetrics:V3,chartColumns:o9,datasourceId:k9,language:j3,translationDictionary:H7,metricMergedFilters:G1,fullScreenModal:s3,setFullScreenModal:h9,calendarType:P9})=>{var t8,y8,g7,u9;const[j9,F9]=v1.useState(new Map),[T9,Q1]=v1.useState([]),[A7,D7]=v1.useState(!1),[p3,M3]=v1.useState(),[z3,I9]=v1.useState(!1),[K7,m3]=v1.useState({show:!1,metric:void 0,filterValues:void 0,rlsConditions:[],dataMartRelationships:[]}),[h6,w1]=v1.useState({id:"",show:!1,metricId:""}),[E9,q9]=v1.useState([]),[g9,q3]=v1.useState([]),{handleArchiveMetric:T6,isLoading:s6}=hX2({token:y2,metricId:h6.id,onSuccess:async()=>{G7==null||G7(MW2,h6.id),w1({id:"",show:!1,metricId:""}),h9({show:!1,isClickOnChart:!1}),await V7({clientId:a,data:{companyId:s,feature:"ARCHIVE_METRIC",dashboardId:v,metricId:h6.metricId},isFrontendApp:!1,token:y2}),window.location.reload()}}),{saveLogsAsync:V7}=Sj(),{isDisableDownloadSettings:R6}=Fj({sharingSettingsId:R,workspaceId:x2}),W9=v1.useMemo(()=>(K==null?void 0:K.toString())&&K||!(K!=null&&K.toString())&&!R6,[R6,K]),y9=v1.useMemo(()=>{var s9;return((s9=e==null?void 0:e.map(m9=>{var r6,j6,p6,K6,W6,M9;return(p6=(j6=(r6=m9==null?void 0:m9.externalMetric)==null?void 0:r6.clickActions)==null?void 0:j6.chartWithMetric)!=null&&p6.isEnable?(M9=(W6=(K6=m9==null?void 0:m9.externalMetric)==null?void 0:K6.clickActions)==null?void 0:W6.chartWithMetric)==null?void 0:M9.metricId:""}))==null?void 0:s9.filter(m9=>m9))||[]},[e]),t6=v1.useMemo(()=>e==null?void 0:e.map(s9=>{var r6,j6,p6,K6;const m9=o9==null?void 0:o9.find(W6=>{var M9;return W6.metricId===((M9=s9==null?void 0:s9.externalMetric)==null?void 0:M9.metricId)&&W6.isEnabled});return m9?{...s9==null?void 0:s9.externalMetric,chartOptions:{...(r6=s9==null?void 0:s9.externalMetric)==null?void 0:r6.chartOptions,enduserMeasureAndDimensions:{isEnabled:!!(m9!=null&&m9.isEnabled),dimensions:((j6=m9==null?void 0:m9.dimensions)==null?void 0:j6.map(W6=>({value:W6,label:W6})))||[],measures:((p6=m9==null?void 0:m9.measures)==null?void 0:p6.map(W6=>({value:W6,label:W6})))||[]},yAxisList:(m9==null?void 0:m9.measures)||[],xAxis:((K6=m9==null?void 0:m9.dimensions)==null?void 0:K6[0])||""}}:s9.externalMetric}),[e,o9]),V6=v1.useMemo(()=>{const s9=t6==null?void 0:t6.filter(p6=>{var K6;return!((K6=p6==null?void 0:p6.clientArchivedMetrics)!=null&&K6.length)}),m9=s9==null?void 0:s9.filter(p6=>(!p6.isCreatedByClient||p6.isCreatedByClient&&!p6.clientId)&&!(C3!=null&&C3.includes(p6==null?void 0:p6.id))&&!(y9!=null&&y9.includes(p6==null?void 0:p6.id))),r6=s9==null?void 0:s9.filter(p6=>p6.isCreatedByClient&&p6.clientId===a&&!(C3!=null&&C3.includes(p6==null?void 0:p6.id)));return[...m9||[],...r6||[]].sort((p6,K6)=>{const W6=new Date(p6.createdAt).getTime(),M9=new Date(K6.createdAt).getTime();return W6-M9})},[a,t6,C3,y9]),Z6=v1.useMemo(()=>{let s9=[];const m9=V6.map(r6=>{var K6,W6,M9,G6,m6;const j6=d.clientLayout.find(H8=>H8.i===r6.id),p6=d.adminLayout.find(H8=>H8.i===r6.id);return[d1.linearGauge,d1.progressBar].includes(r6.chartOptions.chartType)&&(s9=[...s9,{id:(j6==null?void 0:j6.i)??(p6==null?void 0:p6.i)??r6.id,height:(j6==null?void 0:j6.h)??(p6==null?void 0:p6.h)??((K6=r6==null?void 0:r6.resizeAttributes)==null?void 0:K6.height)??10}]),{i:(j6==null?void 0:j6.i)||(p6==null?void 0:p6.i)||r6.id,w:(j6==null?void 0:j6.w)||(p6==null?void 0:p6.w)||((W6=r6.resizeAttributes)==null?void 0:W6.width)||5,h:(j6==null?void 0:j6.h)||(p6==null?void 0:p6.h)||((M9=r6.resizeAttributes)==null?void 0:M9.height)||10,x:(j6==null?void 0:j6.x)||(p6==null?void 0:p6.x)||((G6=r6.resizeAttributes)==null?void 0:G6.xAxis)||0,y:(j6==null?void 0:j6.y)||(p6==null?void 0:p6.y)||((m6=r6.resizeAttributes)==null?void 0:m6.yAxis)||0,minW:r6.isMetric?[d1.singleValue,d1.pivot,d1.pivotV2,d1.progressBar,d1.linearGauge].includes(r6.chartOptions.chartType)?2:3:1,minH:r6.isMetric?[d1.singleValue,d1.pivot,d1.pivotV2].includes(r6.chartOptions.chartType)?2:[d1.progressBar,d1.linearGauge].includes(r6.chartOptions.chartType)?3:8:1,maxH:r6.chartOptions.chartType==="table"?1/0:15}});return q3(s9),m9},[V6,d.adminLayout,d.clientLayout]),_9=v1.useMemo(()=>Z6.sort((s9,m9)=>s9.y!==m9.y?s9.y-m9.y:s9.x-m9.x),[Z6]);v1.useEffect(()=>{var s9;if(_9!=null&&_9.length&&P7){const m9=(s9=_9[P7||0])==null?void 0:s9.y,r6=_9==null?void 0:_9.slice(P7);Y7==null||Y7(()=>{let j6=0;return r6==null||r6.forEach(p6=>{p6.y===m9&&(j6+=1)}),j6-1})}},[_9,P7]);const Y9=v1.useMemo(()=>{const s9=new Map;return _9.forEach((m9,r6)=>{s9.set(m9.i,r6)}),V6.sort((m9,r6)=>s9.get(m9.id)-s9.get(r6.id)),V6.slice(0,r)},[_9,V6,r]),c9=v1.useMemo(()=>_9.slice(0,r),[_9,r]);v1.useEffect(()=>{Q1([])},[V6]);const P6=()=>{const m9=(()=>{var r6,j6;return document.querySelector(".dbn-dashboard")??((j6=(r6=document==null?void 0:document.querySelector("dbn-dashboard"))==null?void 0:r6.shadowRoot)==null?void 0:j6.querySelector(".dbn-dashboard"))})();m9&&m9.scrollTo({top:0,behavior:"smooth"})};v1.useEffect(()=>{const s9=setTimeout(()=>{window.dispatchEvent(new Event("resize"))},300);return()=>clearTimeout(s9)},[Z6]);const C8=v1.useMemo(()=>Y9.map((s9,m9)=>{var O5,o5,l5,b5,u4,i5,z4,F5,G5,I4,G4,F4,de,i4,S5;const r6=(o5=(O5=s9==null?void 0:s9.clickActions)==null?void 0:O5.chartWithMetric)!=null&&o5.isEnable?(b5=(l5=s9==null?void 0:s9.clickActions)==null?void 0:l5.chartWithMetric)==null?void 0:b5.metricId:void 0,j6=r6?t6==null?void 0:t6.find(J5=>J5.id===r6):void 0,p6=(u4=g9.find(J5=>J5.id===(s9==null?void 0:s9.id)))==null?void 0:u4.height,K6=s9.isMetric,W6=((i5=s9==null?void 0:s9.chartOptions)==null?void 0:i5.mergedCards)||[],M9=((z4=G1==null?void 0:G1.find(J5=>J5.id===(s9==null?void 0:s9.id)))==null?void 0:z4.filters)||[],G6=(F5=W6.map(J5=>t6==null?void 0:t6.find(E4=>E4.id===(J5==null?void 0:J5.value))))==null?void 0:F5.filter(J5=>J5),m6=!!G6.length,H8=!!((G5=s9==null?void 0:s9.elementSettings)!=null&&G5.isDisableCardAppearance),D5=!K6&&!H8||K6?"dbn-metric-card-container":"",g6=(!K6&&!H8||K6)&&!C7?"dbn-white":"",x8=C?df["MetricList-wrapper-move"]:"",o4=W6.length&&!p7?`dbn-metric-card ${W6.length<2?df.gridDisplay:df.gridDisplay2} ${N0?"":df.isShowShadow}`:df.flexDisplay,l8=$1?"dbn-border-0":"",i6=`${df["MetricList-wrapper"]} ${D5} ${g6} ${x8} ${o4} ${l8}`,v9=`${df["MetricList-wrapper"]} ${D5} ${g6} ${x8}  ${l8} ${df.mergedCard}`,D6=()=>{!K6&&o&&!s0&&(I9(!0),M3(s9))},I8={cursor:"auto",...C7&&!H8?{backgroundColor:C7}:s9.isMetric||!s9.isMetric&&!H8?{backgroundColor:"white"}:{},zIndex:A7?Y9.length-m9:10},v8=(J5,N5)=>{q9(N5?E4=>[...E4,{id:J5,isInProgress:N5}]:E4=>E4.filter(h4=>h4.id!==J5))},w8=W9?(J5,N5,E4)=>m3({show:!0,metric:s9,filterValues:J5,rlsConditions:N5,dataMartRelationships:E4}):void 0,B8=(I4=c9==null?void 0:c9.find(J5=>J5.i===(s9==null?void 0:s9.id)))==null?void 0:I4.h,L5=(G4=c9==null?void 0:c9.find(J5=>J5.i===(s9==null?void 0:s9.id)))==null?void 0:G4.w;return m6?b.jsx("div",{"data-testid":`${(F4=s9==null?void 0:s9.name)==null?void 0:F4.toLowerCase().replaceAll(" ","-")}-card`,className:v9,id:s9.id,style:I8,children:b.jsx(J80,{props:{calendarType:P9,filters:M9,parentHeight:B8,scrollToTop:c7?()=>P6():()=>{},parentWidth:L5,metricList:G6,mainMetricItem:s9,metricCardColor:C7,isAllowedToChangeLayout:C,isMobileScreen:p7,isShadowDisableOnHover:N0,disableMetricCardBorder:$1,isAllowedToUpdateMetrics:o,isEditLayoutEnabled:s0,isHoverLongDesc:A7,setOpenElementPanel:I9,setUpdateElement:M3,isEnableEmailRawCsvDownload:W9,setRawCsvModal:m3,language:j3,translationDictionary:H7,datasourceId:k9,metricStore:j9,setHoverLongDesc:D7,setMetricStore:F9,setDownloadMetrics:q9,isAllClient:w0,clientColumnType:Z2,noDataImg:B1,isAllowedToSeeUnderlyingData:A,chartAppearance:p0,hideDatePickerOptions:g0,isDisableMetricLoader:m1,onServerEvent:G7,workspaceId:x2,token:y2,downloadMetrics:E9,dropdownTheme:I2,optionsIcon:n0,disableFullscreen:b2,setFullScreenModal:h9,client:a,chartColors:t,globalFilters:i,companyTenancyType:m,appFilters:q,params:g,isAllowedToDeleteMetrics:n,setArchiveModal:w1,setCrossDashboardFilters:Q1,crossDashboardFilters:T9,enableMultiMetricFilters:f2,enableDownloadCsv:$}})},s9.id):b.jsx("div",{"data-testid":`${(de=s9==null?void 0:s9.name)==null?void 0:de.toLowerCase().replaceAll(" ","-")}-card`,className:i6,id:s9.id,onClick:D6,style:I8,children:b.jsx(tN,{calendarType:P9,disableFullscreen:!!b2,language:j3,translationDictionary:H7,datasourceId:k9,metricStore:j9,disableBorder:$1,setHoverLongDesc:D7,setMetricStore:F9,isAllClient:w0,clientColumnType:Z2,isMergedMetric:!!W6.length&&!p7,metricCardColor:C7,isShadowDisableOnHover:N0,noDataImg:B1,isAllowedToSeeUnderlyingData:A,chartAppearance:p0,hideDatePickerOptions:g0,chartHeight:p6||void 0,isEditLayoutEnabled:s0,isDisableMetricLoader:m1,onServerEvent:G7,workspaceId:x2,guestToken:y2,isFrontendApp:!1,downloadMetrics:E9,onDownload:v8,metricItem:s9,dropdownTheme:I2,optionsIcon:n0,onMaximize:d.isLocked||b2&&!((S5=(i4=s9==null?void 0:s9.clickActions)==null?void 0:i4.chartWithMetric)!=null&&S5.isEnable)?({metric:J5,appFilters:N5,appliedMetricFilters:E4,rlsFilters:h4,isClickOnChart:C5})=>{G7==null||G7(Wn2,s9==null?void 0:s9.id),c7&&P6(),h9({show:!0,metric:C5&&j6?j6:J5,rlsFilters:h4,appFilters:N5,appliedMetricFilters:E4,isClickOnChart:C5})}:void 0,client:a,colors:t,globalFilters:i,param:g==null?void 0:g.find(J5=>J5.metricId===s9.metricId),appFilters:q==null?void 0:q.find(J5=>J5.metricId===s9.metricId),companyTenancyType:m,onArchive:n?J5=>w1({id:J5,show:!0,metricId:s9==null?void 0:s9.metricId}):void 0,disableActions:!d.isLocked,isDisableMorePopup:!d.isLocked,setCrossDashboardFilters:Q1,crossDashboardFilters:T9,enableMultiMetricFilters:f2,enableDownloadCsv:$,onDownloadRawCsv:w8})},s9.id)}),[Y9,g9,G1,C7,C,p7,N0,$1,A7,W9,c9,j3,H7,k9,j9,w0,Z2,B1,A,p0,g0,s0,m1,G7,x2,y2,E9,I2,n0,d.isLocked,b2,a,t,i,g,q,m,n,T9,f2,$,t6,o,t6,P9]);return b.jsx(b.Fragment,{children:V6.length&&Z6.length?b.jsxs(b.Fragment,{children:[b.jsx("div",{className:df["MetricList-container"],id:"metric-list-container",children:b.jsx(oN,{layouts:{lg:c9},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:[(t8=S2==null?void 0:S2.horizontalMargin)!=null&&t8.toString()?S2.horizontalMargin:10,(y8=S2==null?void 0:S2.verticalMargin)!=null&&y8.toString()?S2.verticalMargin:10],children:C8},s0?"reset":"default")}),z2?b.jsx("div",{className:"dbn-pb-6",children:b.jsx(hf,{})}):null,n?b.jsx(s70,{isLoading:s6,isOpen:h6.show,onArchive:T6,onClose:()=>w1({id:"",show:!1,metricId:""})}):null,c7?b.jsx(b.Fragment,{children:(!b2||(s3==null?void 0:s3.isClickOnChart))&&s3.show&&s3.metric&&b.jsx(aN,{calendarType:P9,language:j3,translationDictionary:H7,appliedMetricFilters:(s3==null?void 0:s3.appliedMetricFilters)||[],datasourceId:k9,isAllClient:w0,isEnableMetricSummary:V0,onServerEvent:G7,shouldFitFullScreen:c7,enableEmailCsv:K,disableDownloadPng:P3,isAllowToDownloadMetrics:V3,chartAppearance:p0,hideDatePickerOptions:g0,clientColumnType:Z2,workspaceId:x2,guestToken:y2,isFrontendApp:!1,downloadMetrics:E9,globalFilters:i,metric:s3.metric,rlsFilters:s3.rlsFilters,appFilters:s3.appFilters,colors:t,externalDashboardId:x,userProvidedDashboardId:v,tenancyLevel:m,isAllowedToUpdateMetrics:o,clientId:a,companyId:s,onMinimize:()=>{G7==null||G7(Xn2),h9({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:n?(s9,m9)=>w1({id:s9,show:!0,metricId:m9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:z,isHideTablePreview:a2,sharingSettingsId:R,onDownload:(s9,m9)=>{q9(m9?r6=>[...r6,{id:s9,isInProgress:m9}]:r6=>r6.filter(j6=>j6.id!==s9))}})}):b.jsx(EE,{children:(!b2||(s3==null?void 0:s3.isClickOnChart))&&s3.show&&s3.metric&&b.jsx(aN,{language:j3,translationDictionary:H7,appliedMetricFilters:(s3==null?void 0:s3.appliedMetricFilters)||[],datasourceId:k9,isAllClient:w0,isEnableMetricSummary:V0,onServerEvent:G7,enableEmailCsv:K,disableDownloadPng:P3,isAllowToDownloadMetrics:V3,chartAppearance:p0,hideDatePickerOptions:g0,clientColumnType:Z2,workspaceId:x2,guestToken:y2,isFrontendApp:!1,downloadMetrics:E9,globalFilters:i,metric:s3.metric,rlsFilters:s3.rlsFilters,appFilters:s3.appFilters,colors:t,externalDashboardId:x,userProvidedDashboardId:v,tenancyLevel:m,isAllowedToUpdateMetrics:o,clientId:a,companyId:s,onMinimize:()=>{G7==null||G7(Xn2),h9({show:!1,metric:void 0,appliedMetricFilters:[],isClickOnChart:!1})},onArchive:n?(s9,m9)=>w1({id:s9,show:!0,metricId:m9}):void 0,isShowChartConfigTab:!1,isHideChartSettings:z,isHideTablePreview:a2,sharingSettingsId:R,onDownload:(s9,m9)=>{q9(m9?r6=>[...r6,{id:s9,isInProgress:m9}]:r6=>r6.filter(j6=>j6.id!==s9))}})}),W9&&b.jsx(VS,{workspaceId:x2,metricItem:K7.metric,isShowRawCsvModal:K7.show,onCloseModal:()=>m3({show:!1,metric:void 0,filterValues:void 0,dataMartRelationships:[],rlsConditions:[]}),query:im({query:((g7=K7.metric)==null?void 0:g7.query)||"",dbName:((u9=K7.metric)==null?void 0:u9.integrationName)||"",rlsConditions:(K7==null?void 0:K7.rlsConditions)||[],tenancyLevel:m,clientId:a,globalFilters:i,values:K7.filterValues,isAllClient:!1,clientColumnType:Z2,dataMartRelationships:(K7==null?void 0:K7.dataMartRelationships)||[]}),sharingSettingsId:R}),b.jsx(K80,{createElementPanelProps:{isOpen:z3,onClose:()=>{M3(null),I9(!1)},element:p3,clientId:a,externalDashboardId:x,companyId:s,userProvidedDashboardId:v}})]}):b.jsx(b.Fragment,{children:l?b.jsx("div",{className:df["alt-container"],children:b.jsx($6,{name:"not-found"})}):b.jsx("div",{className:df["noMetric-container"],children:b.jsx("div",{className:df["noMetric-wrapper"],children:b.jsx(H9,{variant:"heading-4",children:"No metrics created yet"})})})})})},CN={"searchTab-container":"_searchTab-container_hhd3f_1","searchTab-input":"_searchTab-input_hhd3f_5",errContainer:"_errContainer_hhd3f_9"},GY=(t,i)=>{const[r,a]=v1.useState(t);return v1.useEffect(()=>{const s=setTimeout(()=>a(t),i||500);return()=>{clearTimeout(s)}},[t,i]),r},ev=({id:t,setSearchKeyword:i,className:r="",placeholder:a="Search",value:s,isResetValue:o,onSearch:n,autoComplete:C="on",isDisabled:A,errorMsg:e})=>{const[l,u]=v1.useState(s||""),[f,d]=v1.useState(!0);v1.useEffect(()=>{i==null||i(l.toLowerCase())},[i,l]),v1.useEffect(()=>{o&&u(s||"")},[s,o]);const g=v=>{v.key==="Enter"&&n&&n(l)},m=GY(l,600);return v1.useEffect(()=>{n==null||n(m)},[m,n]),b.jsxs("div",{className:`${CN["searchTab-container"]} ${r} ${e?CN.errContainer:""}`,"aria-disabled":!!A,children:[!l&&f?b.jsx("span",{className:CN.search,children:b.jsx($6,{name:"magnifying-glass",color:"gray",size:"xs"})}):null,b.jsx("input",{id:t,"data-testid":t,placeholder:a,value:l,name:"search",onChange:v=>u(v.target.value),onClick:v=>v.preventDefault(),className:CN["searchTab-input"],onFocus:()=>d(!1),onBlur:()=>d(!0),onKeyDown:g,autoComplete:C,disabled:A})]})},tv={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"},_80=({id:t,label:i,placeholder:r,rows:a,cols:s,resizable:o=!0,register:n,error:C,defaultValue:A,value:e,onFocus:l,onBlur:u,className:f,leftIcon:d,rightIcon:g,isDisabled:m,isImportant:v,...x})=>b.jsxs("div",{className:`${tv.container} ${f}`,children:[b.jsxs("label",{htmlFor:t,className:tv.label,children:[d,b.jsxs(H9,{variant:"input-label",children:[i,v?b.jsx("span",{className:tv.important,children:"*"}):null]}),g]}),b.jsx("textarea",{...x,id:t,name:t,rows:a,cols:s,placeholder:r,className:Iv(tv.textarea,`${o?null:tv.resizable}`,C?tv.error:tv.noError),defaultValue:A,...n,value:n?e:e||"",onFocus:l,onBlur:u,disabled:m}),C&&b.jsx(H9,{variant:"body-text-2",color:"alert",children:C})]}),EE=({children:t})=>{const[i,r]=v1.useState();return v1.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 s=document.querySelector("#dbn-styles"),o=a.shadowRoot||a.attachShadow({mode:"open"});if(s&&!o.querySelector("#dbn-portal-style")){const n=document.createElement("style");n.innerHTML=s.innerHTML,n.setAttribute("id","dbn-portal-style"),o.appendChild(n)}if(!o.querySelector("#global-style")){const n=document.createElement("style");n.innerHTML=`
           * {
             border-width: 0;
             border-style: solid;

package/package.json

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