@spaceandtimelabs/dapp-mi-space-time 0.1.7-222 → 0.1.7-223
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/assets/{ErdWrapper-f43bb4ac.js → ErdWrapper-e1b6ad6f.js} +1 -1
- package/build/assets/{Queries-15fabfdc.js → Queries-339b40ad.js} +1 -1
- package/build/assets/{QueryEditorWrapper-ced48c00.js → QueryEditorWrapper-8889c088.js} +1 -1
- package/build/assets/{index-202a89db.js → index-3346905e.js} +425 -378
- package/build/assets/{index-c67ee13f.js → index-6f94df37.js} +1 -1
- package/build/index.html +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{m5 as o,j as e,r as t}from"./vendor-charts-c67bc616.js";import{u as n,O as s,E as d,a as p}from"./index-
|
|
1
|
+
import{m5 as o,j as e,r as t}from"./vendor-charts-c67bc616.js";import{u as n,O as s,E as d,a as p}from"./index-3346905e.js";import"./vendor-editor-69eae61e.js";import"./vendor-three-c7107376.js";const x=r=>{const a=o(),{height:i}=n();return e.jsx(t.Suspense,{fallback:s,children:e.jsx(d,{pageHeight:i,children:a?e.jsx(s,{}):e.jsx(p,{...r,hideSchemaSidebar:!1})})})};export{x as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{iq as Ue,p0 as Et,r as h,a3 as Te,j as e,ae as ve,aW as i,e6 as We,p1 as jt,e3 as Ae,p2 as Ct,p3 as Nt,cN as Ce,em as be,eN as Le,ad as Ne,n9 as $e,dB as Me,dM as Qe,p4 as Tt,p5 as bt,p6 as yt,ey as g,eR as at,a4 as Rt,dC as de,eT as mt,bp as vt,oo as Qt,aO as Dt,eA as It,c$ as it,cS as _t,cE as je,fd as Ot,p7 as wt,f6 as Ut,R as Ht,ak as At,fh as Lt,oE as T,am as fe,dk as ce,fv as Xe,eO as Je,bz as De,oF as Mt,eL as Ze,fq as kt,fr as Se,aZ as le,cw as Ie,aL as Bt,cx as zt,eK as _e,eJ as Oe,fs as Vt,cA as Kt,p8 as Yt}from"./vendor-charts-c67bc616.js";import{u as ye,b as Gt,c as Wt,d as ct,e as ke,f as Be,r as Fe,g as ze,C as Pe,h as qe,M as $t,V as Ve,P as Ke,i as Xt,H as Jt,j as Ye,I as V,B as M,k as Zt,l as Ft,m as Pt,n as He,N as we,o as he,L as qt,p as en,s as re,q as tn,t as nn,v as lt,w as rt,T as dt,x as sn,y as ht,z as gt,A as on,D as an,F as cn,G as et,J as ln,O as rn,K as dn,R as tt,S as hn,W as gn,U as nt,X as st,Y as ot,Z as Ee,_ as un,$ as pn,a0 as xn,a1 as fn,a2 as Sn,a3 as En}from"./index-202a89db.js";import"./vendor-editor-69eae61e.js";import"./vendor-three-c7107376.js";const jn="/assets/emptyHistory-39807386.png",Cn="/assets/emptyHistory-e09c1ac9.webp",Nn="/assets/heartbeat-d012a4c0.png";Ue.extend(Et);function Tn({queryParams:s,setSortBy:k,setPageNumber:y,onPageChange:Y,onPageSizeChange:R,defaultSize:f}){var l,Q,U;const{height:C,headerHeight:d}=ye(),[_,p]=h.useState(!1),[O,D]=h.useState([]),[E,w]=h.useState(null),[m,N]=h.useState({areaChartConfig:[],lineChartConfig:[]}),[I,o]=h.useState(0),u=(l=Object.keys(m))==null?void 0:l.length,t=Gt(),S=Wt(),r=ct(),A=ke(),j=Be(),x=A||j,{totalPages:v=0,totalElements:L=0}=(S==null?void 0:S.pageable)||{},K=Te();h.useEffect(()=>()=>Fe(),[]),h.useEffect(()=>{var c,H,F,ie,Ge;if((c=r==null?void 0:r.content)!=null&&c.length){const ut=(H=r==null?void 0:r.content)==null?void 0:H.map(b=>b==null?void 0:b.queryType),xe={};(ut??[]).forEach(b=>{xe[b]?xe[b]+=1:xe[b]=1});const pt=(F=Object.entries(xe))==null?void 0:F.map(([b,St])=>({Source:b,Trafic:St}));D(pt);const xt=(ie=r==null?void 0:r.content)==null?void 0:ie.map(b=>({Timestamp:b.timestamp,Usage:b.usage,Runtime:b.runtime})),ft=(Ge=r==null?void 0:r.content)==null?void 0:Ge.map(b=>({Timestamp:b.timestamp,Usage:b.usage,DataVolume:b.responseSize}));N({areaChartConfig:xt,lineChartConfig:ft}),(s==null?void 0:s.isRecent)==="false"&&o(0)}else D([])},[r==null?void 0:r.content,s]);const B=c=>y(c),P=(c,H)=>{if(c==="systemHeartbeat"||c==="CPUSkew")return;const F=H==="ASC"?"DESC":"ASC";Fe(),k(c,F)},X=c=>{K.push("/queries/new?tabID=1"),$e(c)},q=c=>{w(c),p(!0)},G=()=>{w(null),p(!1)},J=({timestamp:c})=>Ae(c),ee=({runtime:c})=>Ct(c),te=({responseSize:c=0})=>Nt(c),ne=({cpuskew:c="59%"})=>e.jsx(Xt,{children:c}),Z=({systemHeartbeat:c="58"})=>e.jsxs(Jt,{children:[e.jsx("img",{src:Nn,alt:"system-heartbeat"}),e.jsx("span",{children:c})]}),W=c=>e.jsx("span",{className:"text",children:c.queryType?c.queryType:"-"}),$=c=>e.jsx("span",{className:"text",children:c!=null&&c.usage?c.usage:"-"}),a=c=>e.jsxs(Ye,{onClick:()=>q(c),className:"queryText",children:[e.jsx("span",{className:"text",children:c.sqlText}),e.jsx(V,{tooltip:"Preview",children:e.jsx(Ce,{})})]}),z=c=>e.jsx(V,{onClick:()=>{X(c)},tooltip:i.VIEW_IN_EDITOR,children:e.jsx(be,{})}),se=()=>e.jsx(Le,{imgPath:jn,imgPathWebp:Cn,title:!(s!=null&&s.tagName)&&!(s!=null&&s.searchKeyword)?i.EMPTY_QUERY_HISTORY:i.NO_RESULT_FOUND_ON_FILTER,children:!(s!=null&&s.tagName)&&!(s!=null&&s.searchKeyword)&&e.jsx(Ne,{to:"/queries/new?tabID=1",children:e.jsx(M,{variant:"contained",color:"primary",size:"large",children:i.CREATE_NEW_QUERY})})}),ae=()=>C-d-230||300,oe=()=>{E&&$e(E)},Re=()=>e.jsx(Me,{title:t,children:t});if((S==null?void 0:S.totalElements)===0)return se();if(t)return Re();const ge=()=>{o(c=>c+1)},me=()=>{o(c=>c-1)},ue=()=>{o(0)},pe=()=>{o(u-1)},n=()=>{var ie;let c,H,F;switch(I){case 1:I===1&&(c="Usage and Data Volume Variation over time",H=Qe.column_chart,F=yt);break;default:c="Usage and Runtime Trends Over Time",H=Qe.area_chart,F=bt}return console.log("queryHistory",r.content),e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"cardHead",children:[e.jsx("span",{className:"cardHeadTitle",children:c}),e.jsx("span",{className:"cardHeadCount",children:(ie=r==null?void 0:r.content)==null?void 0:ie.length})]}),e.jsx("div",{className:"cardBody",children:e.jsx(We,{isRunning:x,config:qe({data:H===Qe.area_chart?m.areaChartConfig:m.lineChartConfig,chartConfigurationData:F}).config,type:H})})]})};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{open:_,id:E==null?void 0:E.savedQueryId,text:E==null?void 0:E.sqlText,onClose:G,onClickView:oe,isHistory:!0}),(x||((Q=r==null?void 0:r.content)==null?void 0:Q.length)>0)&&(s==null?void 0:s.isRecent)==="false"&&e.jsxs(ve,{container:!0,spacing:{xs:1,sm:3},children:[e.jsx(ve,{item:!0,sm:5,xs:12,children:e.jsxs(Pe,{children:[e.jsxs("div",{className:"cardHead",children:[e.jsx("span",{className:"cardHeadTitle",children:i.TOTAL_QUERIES}),e.jsx("span",{className:"cardHeadCount",children:(U=r==null?void 0:r.content)==null?void 0:U.length})]}),e.jsx("div",{className:"cardBody",children:e.jsx(We,{isRunning:x,config:qe({data:O,chartConfigurationData:Tt}).config,type:"pie_chart"})})]})}),e.jsx(ve,{item:!0,sm:7,xs:12,children:e.jsxs(Pe,{children:[n(),!x&&e.jsx($t,{maxSteps:u,activeStep:I,handleFirst:ue,handleLast:pe,handleNext:ge,handlePrev:me})]})})]}),e.jsx(Ve,{data:r==null?void 0:r.content,columns:jt,isAction:!0,actionComponent:c=>z(c),loading:x,rowRender:[{dataKey:"sqlText",func:a},{dataKey:"timestamp",func:J},{dataKey:"runtime",func:ee},{dataKey:"responseSize",func:te},{dataKey:"systemHeartbeat",func:Z},{dataKey:"CPUSkew",func:ne},{dataKey:"queryType",func:W},{dataKey:"usage",func:$}],rowSize:75,bodyHeight:ae(),onItemsSort:P,sortBy:s==null?void 0:s.sortBy,sortOrder:(s==null?void 0:s.sortOrder)||""}),(x?!0:(r==null?void 0:r.length)!==0)&&e.jsx(Ke,{onChange:B,count:v,page:s.pageNo,onPageChange:Y,totalElements:L,onPageSizeChange:R,isGotoPage:!0,isPageSize:!0,pageSize:s.pageSize,defaultSize:f})]})}const bn=s=>{const{row:k,handleClose:y,handlePublishCallback:Y,open:R}=s,{id:f,queryName:C,visibility:d,slug:_}=k||{},[p,O]=h.useState(""),[D,E]=h.useState(!1),[w,m]=h.useState(!1),[N,I]=h.useState(!1),o=Zt()||(k==null?void 0:k.visibility),u=h.useRef(null),t=d===g.public;h.useEffect(()=>{if(R&&d===g.public){const x=window.location.origin+de.queriesSlug(f,_);O(x)}else O(""),I(!1),u.current=null},[R]);const S=x=>{var K,B;const v=((B=(K=x==null?void 0:x.target)==null?void 0:K.value)==null?void 0:B.trim())||"",L=(v==null?void 0:v.length)>0&&mt(v);E(L),v!==p&&O(v)},r=async()=>{m(!0),await en(f,C,p,o,Y)===i.RESPONSE_SUCCESS_STATUS&&y(),m(!1)},A=x=>{switch(x){case g.public:re(g.public);break;case g.private:re(g.private);break;case g.subscription:re(g.subscription);break;default:re(g.private)}},j=()=>{vt(p).then(()=>{I(!0)})};return e.jsx(Ft,{title:i.QUERY_PUBLISH,visible:R,maxWidth:"sm",onClose:y,children:e.jsxs(Pt,{children:[e.jsxs("div",{className:"visibilityCheck",children:[e.jsx("div",{className:"label",children:"Choose the visibility for your query"}),e.jsxs(at,{variant:"contained",className:`isPublicCheck ${d===g.public&&"disabled"}`,children:[e.jsx(M,{variant:"contained",onClick:()=>{A(g.private)},color:o===g.public||o===g.subscription?"secondary":"primary",disabled:d===g.public,children:i.PRIVATE}),e.jsx(M,{variant:"contained",onClick:()=>{A(g.subscription)},color:o===g.subscription?"primary":"secondary",disabled:d===g.public,children:i.PRIVATE_TO_MY_ORG}),e.jsx(M,{variant:"contained",onClick:()=>{A(g.public)},color:o===g.public?"primary":"secondary",children:i.PUBLIC})]})]}),o===g.public&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"slugInput",children:e.jsx(He,{autoFocus:!0,label:"Unique Query Name",required:!0,placeholder:"Enter slug name",ishelpertext:1,helperText:!t&&`${p==null?void 0:p.length}/${we}`,value:p,warningText:!t&&i.MAX_LENGTH_ERROR("slug name",we),hasMax:!0,maxValue:we,onChange:S,errorText:D&&i.VIEW_NAME_ERROR("Slug"),ref:u,inputProps:{readOnly:t},endAdornment:_?e.jsx(Rt,{position:"end",children:e.jsx(V,{onClick:()=>window.open(window.location.origin+de.queriesSlug(f,_),"_blank"),children:e.jsx(be,{})})}):null})}),t&&e.jsx(he,{message:i.PUBLISHED_TEXT("query")}),o===g.public&&!t&&e.jsx(he,{message:i.PUBLISH_CONFIRM_MESSAGE("Query")})]}),e.jsxs("div",{className:"btnRow",children:[e.jsx(M,{disabled:w,variant:"contained",color:"secondary",onClick:y,className:"formBtn cancel",children:i.CANCEL}),!t&&e.jsx(M,{disabled:D||(p==null?void 0:p.length)>=50||w||o===g.public&&!(p!=null&&p.trim()),variant:"contained",color:"primary",onClick:r,className:"formBtn submit",children:w?e.jsx("img",{src:qt,alt:"loading",height:36}):i.SUBMIT}),t&&e.jsx(M,{type:"button",variant:"contained",color:"primary",onClick:j,children:N?i.COPIED:i.COPY_LINK})]})]})})};function yn({queryParams:s,setPageNumber:k,setSortBy:y,onPageChange:Y,onPageSizeChange:R,deleteQuery:f,defaultSize:C,handlePublishCallback:d}){const _=Te(),{height:p,headerHeight:O}=ye(),D=tn(),E=nn(),{totalPages:w=0,totalElements:m=0}=(E==null?void 0:E.pageable)||{},N=lt(),I=ke(),o=Be(),u=I||o,[t,S]=h.useState(!1),[r,A]=h.useState({}),[j,x]=h.useState(!1),[v,L]=h.useState({}),K=(a,z)=>{y(a,z==="ASC"?"DESC":"ASC")},B=a=>k(a),P=a=>e.jsx(rt,{className:"queryName",onClick:()=>{_.push(`/queries/${a.id}`)},children:(a==null?void 0:a.name)||"Untitled Query"}),X=a=>a&&Ae(a==null?void 0:a.modified),q=a=>a&&e.jsx(dt,{tags:a==null?void 0:a.tags}),G=a=>{A(a),S(!0)},J=a=>e.jsxs(Ye,{onClick:()=>G(a),className:"queryText",children:[e.jsx("span",{className:"text",children:a.queryText}),e.jsx(V,{tooltip:"Preview",children:e.jsx(Ce,{})})]}),ee=()=>p-O-170||300,te=()=>{x(!1),L({}),re("")},ne=a=>e.jsxs(e.Fragment,{children:[e.jsx(Dt,{label:(a==null?void 0:a.visibility)===g.public?i.PUBLISHED:i.PUBLISH("Query"),children:e.jsx("span",{className:"publishBtn",children:e.jsx(V,{onClick:()=>{x(!0),L(a)},children:e.jsx(It,{})})})}),e.jsx(V,{onClick:()=>{_.push(`/queries/${a.id}`)},tooltip:"View",children:e.jsx(be,{})}),e.jsx(sn,{icon:!0,confirmButtonMessage:i.YES,cancelButtonMessage:i.NO,disabled:a.visibility===g.public,tooltip:i.DELETE(""),title:i.DELETE("Query"),confirmMessage:i.DELETE_CONFIRM_MESSAGE(`'${a.name||""}' query`),description:i.DELETE_QUERY_DESCRIPTION,onConfirm:z=>{z.stopPropagation(),f(a.id,a.name)}},"expire")]}),Z=()=>e.jsx(Le,{imgPath:ht,imgPathWebp:gt,title:!(s!=null&&s.tagName)&&!(s!=null&&s.searchPattern)&&!(s!=null&&s.status)?i.NO_QUERY_FOUND:i.NO_RESULT_FOUND_ON_FILTER,className:"emptyBlock",children:!(s!=null&&s.tagName)&&!(s!=null&&s.searchPattern)&&e.jsx(Ne,{to:"/queries/new?tabID=1",children:e.jsx(M,{variant:"contained",color:"primary",size:"large",children:i.CREATE_NEW_QUERY})})}),W=()=>e.jsx(Me,{title:D,children:D});if(w===0&&!u&&!D)return Z();if(D)return W();const $=()=>{A({}),S(!1)};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{open:t,id:r==null?void 0:r.id,text:r==null?void 0:r.queryText,queryPreview:r,onClose:$}),e.jsx(Ve,{data:N,columns:Qt,isAction:!0,actionComponent:ne,actionColumnName:"Actions",rowRender:[{dataKey:"name",func:P},{dataKey:"modified",func:X},{dataKey:"tags",func:q},{dataKey:"queryText",func:J}],loading:u,rowSize:75,bodyHeight:ee(),onItemsSort:K,sortBy:(s==null?void 0:s.sortBy)||"",sortOrder:(s==null?void 0:s.sortOrder)||"",nonSortableColumns:{tags:!0}}),(u?!0:(N==null?void 0:N.length)!==0)&&e.jsx("div",{className:"queryPagePagination",children:e.jsx(Ke,{onChange:B,count:w,page:(s==null?void 0:s.pageNo)||0,onPageChange:Y,totalElements:m,onPageSizeChange:R,isGotoPage:!0,isPageSize:!0,pageSize:(s==null?void 0:s.pageSize)||0,defaultSize:C})}),e.jsx(bn,{open:j,handleClose:te,row:v,handlePublishCallback:d})]})}function Rn({queryParams:s,setPageNumber:k,setSortBy:y,onPageChange:Y,onPageSizeChange:R,onTagChange:f,resetTags:C,defaultSize:d}){const _=Te(),p=it(),{data:O,error:D}=_t.useGetPopularTags(je.stringify({entityType:Ot.SAVEDQUERY_TAG_TYPE}),p),E=!O&&!D,{height:w,headerHeight:m}=ye(),N=on(),I=an(),o=cn(),u=ke(),t=Be(),S=u||t,[r,A]=h.useState(!1),[j,x]=h.useState({}),{totalPages:v=0,totalElements:L=0}=(I==null?void 0:I.pageable)||{},K=(a,z)=>{y(a,z==="ASC"?"DESC":"ASC")},B=a=>{k(a)},P=a=>e.jsx(rt,{className:"queryName",onClick:()=>{_.push(`/queries/${a==null?void 0:a.id}`)},children:(a==null?void 0:a.name)||"Untitled Query"}),X=a=>Ae(a==null?void 0:a.modified),q=a=>a&&e.jsx(dt,{tags:a==null?void 0:a.tags}),G=a=>{x(a),A(!0)},J=a=>e.jsxs(Ye,{onClick:()=>G(a),className:"queryText",children:[e.jsx("span",{className:"text",children:a.queryText}),e.jsx(V,{tooltip:"Preview",children:e.jsx(Ce,{})})]}),ee=({userId:a})=>Ut(a),te=()=>{x({}),A(!1)},ne=()=>w-m-230||300,Z=a=>e.jsxs(e.Fragment,{children:[!p&&e.jsx(V,{onClick:()=>G(a),tooltip:i.VIEW_QUERY,children:e.jsx(Ce,{})}),p&&e.jsx(V,{onClick:()=>{_.push(`/queries/${a.id}`)},tooltip:i.VIEW_IN_EDITOR,children:e.jsx(be,{})})]}),W=()=>e.jsxs(e.Fragment,{children:[((s==null?void 0:s.tagValue)||(s==null?void 0:s.searchPattern))&&e.jsx(et,{popularTags:O,queryParams:s,loading:E,onTagChange:f,resetTags:C}),e.jsx(Le,{imgPath:ht,imgPathWebp:gt,title:!(s!=null&&s.tagValue)&&!(s!=null&&s.searchPattern)?i.NO_ORG_QUERY_FOUND:i.NO_RESULT_FOUND_ON_FILTER,className:"emptyBlock"})]}),$=()=>e.jsx(Me,{title:N,children:N});return v===0&&!S&&!N?W():N?$():e.jsxs("div",{children:[e.jsx(et,{popularTags:O,queryParams:s,loading:E,onTagChange:f,resetTags:C}),e.jsx(ze,{open:r,queryPreview:j,id:j==null?void 0:j.id,text:j==null?void 0:j.queryText,onClose:te}),e.jsx(Ve,{data:o,columns:wt,isAction:!0,actionComponent:a=>Z(a),actionColumnName:"Actions",rowRender:[{dataKey:"userId",func:ee},{dataKey:"name",func:P},{dataKey:"modified",func:X},{dataKey:"tags",func:q},{dataKey:"queryText",func:J}],loading:S,rowSize:75,bodyHeight:ne(),onItemsSort:K,sortBy:(s==null?void 0:s.sortBy)||"",sortOrder:(s==null?void 0:s.sortOrder)||"",nonSortableColumns:{tags:!0}}),(S?!0:(o==null?void 0:o.length)!==0)&&e.jsx(Ke,{onChange:B,count:v,page:(s==null?void 0:s.pageNo)||0,onPageChange:Y,totalElements:L,onPageSizeChange:R,isGotoPage:!0,isPageSize:!0,pageSize:(s==null?void 0:s.pageSize)||0,defaultSize:d})]})}const mn=({tab:s})=>{var ue,pe;const y=Te(),{search:Y}=At(),R=it(),f=h.useRef(null),C=h.useRef(null),d=new URLSearchParams(Y),_=(d==null?void 0:d.get("sortBy"))||"",p=(d==null?void 0:d.get("sortOrder"))||"",O=(d==null?void 0:d.get("searchPattern"))||"",D=(d==null?void 0:d.get("visibility"))||"",{height:E,headerHeight:w,width:m}=ye(),N=lt(),I=ct(),[o,u]=h.useState({}),[t,S]=h.useState({from:"",to:"",duration:0}),[r,A]=h.useState(Lt.trending),[j,x]=h.useState(""),[v,L]=h.useState(null),K=()=>{let n={..._e(o)};s===T.myQueries&&(n={...n,scope:Oe.private}),s===T.myOrgQuery&&(n={...n,scope:Oe.subscription,visibility:g.subscription}),delete n.isRecent,n=je.stringify({...n},{arrayFormat:"bracket"}),y.push(`/${s==null?void 0:s.toLowerCase()}?${n}`),s===T.queryHistory?xn({params:n,abortController:C,isRecent:(o==null?void 0:o.isRecent)==="true"}):s===T.myQueries?fn({params:n,isLoggedIn:R,abortController:C}):Sn({params:n,isLoggedIn:R,abortController:C})};h.useEffect(()=>{let n=_;n||(n="modified"),s===T.queryHistory&&n==="modified"&&(n="timestamp"),u({pageSize:d!=null&&d.get("pageSize")?Number(d==null?void 0:d.get("pageSize")):50,pageNo:d!=null&&d.get("pageNo")?Number(d==null?void 0:d.get("pageNo")):1,sortOrder:p||"DESC",sortBy:n||"",visibility:D,searchPattern:O||"",isRecent:s===T.queryHistory?"true":""})},[s]),h.useEffect(()=>{var n;fe.isEmpty(o)||(ln(!0),C!=null&&C.current&&((n=C==null?void 0:C.current)==null||n.abort()),setTimeout(K,200))},[o,r]),h.useEffect(()=>{t!=null&&t.from&&(t!=null&&t.to)&&u(n=>({...n,pageNo:1,from:t.from,to:t.to}))},[t]);const B=n=>{var U,c;const l=n.target.value;(U=f==null?void 0:f.current)!=null&&U.value&&((c=f==null?void 0:f.current)==null?void 0:c.value)!==""&&(f.current.value="");let Q={..._e({...o,pageSize:50,pageNo:1,searchPattern:"",visibility:l===T.myOrgQuery?g.subscription:"",scope:l===T.myOrgQuery?Oe.subscription:"",sortBy:"",sortOrder:"",isRecent:l===T.queryHistory?"false":""})};if(l===T.views){y.push(`/${l}`);return}Q=je.stringify({...Q},{arrayFormat:"bracket"}),y.push(`/${l==null?void 0:l.toLowerCase()}?${Q}`),S({from:"",to:"",duration:0})},P=async()=>{let{pageNo:n=1}=o;n-=(N==null?void 0:N.length)===1&&(o!=null&&o.pageNo)&&(o==null?void 0:o.pageNo)>1?1:0,u(l=>({...l,pageNo:n}))},X=(n,l)=>{En(n,()=>{Yt(n),P()},l)},q=n=>{var Q,U,c;let l=((c=(U=(Q=n==null?void 0:n.target)==null?void 0:Q.value)==null?void 0:U.toString())==null?void 0:c.trim())||"";l=Vt(l),u(H=>({...H,pageNo:1,searchPattern:l||""}))},G=n=>{var Q;const l=(Q=n==null?void 0:n.target)==null?void 0:Q.value;u(U=>({...U,pageNo:1,visibility:l}))},J=fe.debounce(q,500),ee=n=>{u(l=>({...l,pageNo:1,tagValue:l.tagValue===(n==null?void 0:n.value)?"":n==null?void 0:n.value}))},te=()=>{o!=null&&o.tagValue&&u(n=>({...n,pageNo:1,tagValue:""}))},ne=E-w||500,Z=()=>{var n,l;return s===T.myQueries?!fe.isEmpty(N)||!!((n=o==null?void 0:o.searchPattern)!=null&&n.length):s===T.queryHistory?!fe.isEmpty(I)||!!((l=o==null?void 0:o.searchPattern)!=null&&l.length):!1},W=(n,l)=>{n&&l&&u(Q=>({...Q,pageNo:1,sortOrder:l,sortBy:n}))},$=n=>{u(l=>({...l,pageNo:n}))},a=n=>{u(l=>({...l,pageNo:n}))},z=n=>{u(l=>({...l,pageSize:n,pageNo:1}))},se=()=>{f.current&&(f.current.value=""),u(n=>({...n,pageNo:1,searchPattern:""}))},ae=n=>{u(l=>({...l,isRecent:n,from:"",to:"",searchPattern:""})),x(""),S({from:"",to:"",duration:0})},oe=n=>{S(l=>({...l,...n}))},Re=n=>{x(n),L(null)},ge=n=>{var U;let l=((U=n==null?void 0:n.target)==null?void 0:U.value)||0;if(l=Number(l),Ie.filter(c=>c.value===l).length){const{from:c,to:H}=Kt(Number(l));S({from:c,to:H,duration:l})}},me=async n=>{const l=je.stringify(_e({...o}));n===g.public?y.push(de.exploreQuery(l)):n===g.subscription?y.push(de.myOrgQuery(l)):y.push(de.myqueries(l))};return e.jsx(h.Suspense,{fallback:rn,children:e.jsx(dn,{height:ne,children:e.jsxs("main",{className:"mainContent",children:[Z()&&m<ce.breakpoints.values.md&&e.jsx(M,{variant:"text",className:"createMobileBtn",children:e.jsx(Ne,{to:"/queries/new?tabID=1",onClick:n=>{n.ctrlKey||n.metaKey||n.altKey||n.shiftKey||n.button||n.defaultPrevented||Xe(1)},children:e.jsx(Je,{})})}),e.jsxs("div",{className:"boxContent",children:[m<ce.breakpoints.values.md?e.jsx(tt,{className:"pageMobileToolbar",children:e.jsx("div",{className:"pageMobileTopBar",children:e.jsxs(hn,{children:[e.jsx(De,{value:s,onChange:B,children:Mt.map(n=>e.jsx(gn,{value:n.value,children:n.label},n.value))}),e.jsxs(nt,{className:"searchField",children:[e.jsx(He,{placeholder:i.SEARCH_ELIPSIS_CONTEXT(i.QUERIES),onChange:J,defaultValue:(o==null?void 0:o.searchPattern)||"",inputRef:f}),e.jsx("span",{className:"searchIcon",children:(o==null?void 0:o.searchPattern)!==""?e.jsx(st,{fontSize:"small",className:"clearSearch",onClick:se}):e.jsx(Ze,{})})]}),s===T.myQueries&&e.jsx(ot,{visibility:o==null?void 0:o.visibility,onFilterChange:G})]})})}):e.jsxs(tt,{className:"pageToolbar",children:[e.jsxs(kt,{value:s,exclusive:!0,onChange:B,children:[R&&e.jsx(Se,{size:"small",className:"tabButton",value:"myQueries","aria-label":"My Queries",children:i.MY_SAVED_QUERIES}),R&&e.jsx(Se,{size:"small",className:"tabButton",value:"subscription","aria-label":"My Org Queries",children:i.MY_ORG_QUERIES}),R&&e.jsx(Se,{size:"small",className:"tabButton",value:"queryHistory","aria-label":"Query history",children:`${i.QUERY_HISTORY}`}),R&&e.jsx(Se,{size:"small",className:"tabButton",value:"views","aria-label":"Views",children:i.VIEWS})]}),e.jsxs("div",{className:"toolbarRight",children:[e.jsxs(nt,{className:"searchField",children:[e.jsx(He,{placeholder:i.SEARCH_ELIPSIS_CONTEXT(i.QUERIES),onChange:J,defaultValue:(o==null?void 0:o.searchPattern)||"",inputRef:f}),e.jsx("span",{className:"searchIcon",children:(o==null?void 0:o.searchPattern)!==""?e.jsx(st,{fontSize:"small",className:"clearSearch",onClick:se}):e.jsx(Ze,{})})]}),s===T.myQueries&&e.jsx(ot,{visibility:o==null?void 0:o.visibility,onFilterChange:G}),Z()&&e.jsx(M,{color:"primary",variant:"contained",className:"createQueryBtn",children:e.jsxs(Ne,{to:"/queries/new?tabID=1",onClick:n=>{n.ctrlKey||n.metaKey||n.altKey||n.shiftKey||n.button||n.defaultPrevented||Xe(1)},children:[e.jsx("span",{className:"iconLeft addIcon",children:e.jsx(Je,{})}),i.CREATE_NEW_QUERY]})})]})]}),s===T.queryHistory&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"filterToolbar",children:[e.jsxs("div",{className:"toggleBlock",children:[e.jsxs(at,{variant:"contained",className:"isRecentToggle",children:[e.jsx(M,{variant:"contained",onClick:()=>(o==null?void 0:o.isRecent)==="false"&&ae("true"),color:(o==null?void 0:o.isRecent)==="true"?"primary":"secondary",children:i.CURRENT_HISTORY}),e.jsx(M,{variant:"contained",onClick:()=>{(o==null?void 0:o.isRecent)==="true"&&ae("false")},color:(o==null?void 0:o.isRecent)==="false"?"primary":"secondary",children:i.HISTORICAL_HISTORY})]}),(o==null?void 0:o.isRecent)==="true"&&e.jsx(he,{message:i.CURRENT_QUERY_TEXT}),(o==null?void 0:o.isRecent)==="false"&&!(t!=null&&t.from)&&!(t!=null&&t.to)&&e.jsx(he,{message:i.HISTORICAL_WITHOUT_FILTER_QUERY_TEXT}),(o==null?void 0:o.isRecent)==="false"&&(t==null?void 0:t.from)&&(t==null?void 0:t.to)&&e.jsx(he,{message:i.HISTORICAL_QUERY_TEXT(Ue.utc(t==null?void 0:t.from).local().format("D MMM"),Ue.utc(t==null?void 0:t.to).local().format("D MMM"))})]}),e.jsx("div",{className:"filterBlock",children:(o==null?void 0:o.isRecent)==="false"&&e.jsxs(e.Fragment,{children:[j==="Duration"&&m>ce.breakpoints.values.md&&e.jsx("div",{className:"durationSelect",children:e.jsxs(De,{name:"analytics",value:t==null?void 0:t.duration,onChange:n=>{ge(n)},label:i.USAGE_OF_LAST,children:[e.jsx(le,{value:0,className:"selectPlaceholder",children:i.SELECT_DURATION}),(ue=Ie)==null?void 0:ue.map(n=>e.jsx(le,{value:n==null?void 0:n.value,selected:(n==null?void 0:n.value)===(t==null?void 0:t.duration),children:e.jsx("div",{className:"optionText",children:n.label})},n==null?void 0:n.value))]})}),j==="Range"&&m>ce.breakpoints.values.md&&e.jsxs(e.Fragment,{children:[e.jsx(Ee,{selectedDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",onDateChange:n=>{oe({from:new Date(n).toISOString()})},startDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",endDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",shouldConvert:!0,label:i.FROM,maxDate:t!=null&&t.to?new Date(t==null?void 0:t.to):new Date,selectsStart:!0}),e.jsx(Ee,{selectedDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",onDateChange:n=>{oe({to:new Date(n).toISOString()})},minDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",maxDate:new Date,label:i.TO,startDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",endDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",selectsEnd:!0,addForward:!0,shouldConvert:!0})]}),(t==null?void 0:t.from)&&(t==null?void 0:t.to)&&e.jsx(V,{tooltip:i.RESET_FILTER,onClick:()=>ae("false"),className:"resetBtn",children:e.jsx(un,{})}),e.jsx(V,{tooltip:i.FILTER,onClick:n=>L(n.currentTarget),className:"filterBtn",children:e.jsx(pn,{})}),e.jsx(Bt,{anchorEl:v,open:!!v,onClose:()=>L(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:zt.map(({value:n})=>e.jsx(le,{selected:n===j,onClick:()=>Re(n),children:n},n))})]})})]}),m<ce.breakpoints.values.md&&e.jsxs("div",{className:"responsiveFilter",children:[j==="Duration"&&e.jsx("div",{className:"durationSelect",children:e.jsxs(De,{name:"analytics",value:t==null?void 0:t.duration,onChange:n=>{ge(n)},label:i.USAGE_OF_LAST,children:[e.jsx(le,{value:0,className:"selectPlaceholder",children:i.SELECT_DURATION}),(pe=Ie)==null?void 0:pe.map(n=>e.jsx(le,{value:n==null?void 0:n.value,selected:(n==null?void 0:n.value)===(t==null?void 0:t.duration),children:e.jsx("div",{className:"optionText",children:n.label})},n==null?void 0:n.value))]})}),j==="Range"&&e.jsxs(e.Fragment,{children:[e.jsx(Ee,{selectedDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",onDateChange:n=>{oe({from:new Date(n).toISOString()})},startDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",endDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",shouldConvert:!0,label:i.FROM,maxDate:t!=null&&t.to?new Date(t==null?void 0:t.to):new Date,selectsStart:!0}),e.jsx(Ee,{selectedDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",onDateChange:n=>{oe({to:new Date(n).toISOString()})},minDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",maxDate:new Date,label:i.TO,startDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",endDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",selectsEnd:!0,addForward:!0,shouldConvert:!0})]})]})]}),s===T.myQueries&&e.jsx(yn,{queryParams:o,setPageNumber:$,setSortBy:W,onPageChange:a,onPageSizeChange:z,deleteQuery:X,defaultSize:50,handlePublishCallback:me}),s===T.myOrgQuery&&e.jsx(Rn,{queryParams:o,setPageNumber:$,setSortBy:W,onPageChange:a,onPageSizeChange:z,deleteQuery:X,onTagChange:ee,resetTags:te,defaultSize:50}),s===T.queryHistory&&e.jsx(Tn,{queryParams:o,setPageNumber:$,setSortBy:W,onPageChange:a,onPageSizeChange:z,defaultSize:50})]})]})})})},_n=Ht.memo(mn);export{_n as default};
|
|
1
|
+
import{iq as Ue,p0 as Et,r as h,a3 as Te,j as e,ae as ve,aW as i,e6 as We,p1 as jt,e3 as Ae,p2 as Ct,p3 as Nt,cN as Ce,em as be,eN as Le,ad as Ne,n9 as $e,dB as Me,dM as Qe,p4 as Tt,p5 as bt,p6 as yt,ey as g,eR as at,a4 as Rt,dC as de,eT as mt,bp as vt,oo as Qt,aO as Dt,eA as It,c$ as it,cS as _t,cE as je,fd as Ot,p7 as wt,f6 as Ut,R as Ht,ak as At,fh as Lt,oE as T,am as fe,dk as ce,fv as Xe,eO as Je,bz as De,oF as Mt,eL as Ze,fq as kt,fr as Se,aZ as le,cw as Ie,aL as Bt,cx as zt,eK as _e,eJ as Oe,fs as Vt,cA as Kt,p8 as Yt}from"./vendor-charts-c67bc616.js";import{u as ye,b as Gt,c as Wt,d as ct,e as ke,f as Be,r as Fe,g as ze,C as Pe,h as qe,M as $t,V as Ve,P as Ke,i as Xt,H as Jt,j as Ye,I as V,B as M,k as Zt,l as Ft,m as Pt,n as He,N as we,o as he,L as qt,p as en,s as re,q as tn,t as nn,v as lt,w as rt,T as dt,x as sn,y as ht,z as gt,A as on,D as an,F as cn,G as et,J as ln,O as rn,K as dn,R as tt,S as hn,W as gn,U as nt,X as st,Y as ot,Z as Ee,_ as un,$ as pn,a0 as xn,a1 as fn,a2 as Sn,a3 as En}from"./index-3346905e.js";import"./vendor-editor-69eae61e.js";import"./vendor-three-c7107376.js";const jn="/assets/emptyHistory-39807386.png",Cn="/assets/emptyHistory-e09c1ac9.webp",Nn="/assets/heartbeat-d012a4c0.png";Ue.extend(Et);function Tn({queryParams:s,setSortBy:k,setPageNumber:y,onPageChange:Y,onPageSizeChange:R,defaultSize:f}){var l,Q,U;const{height:C,headerHeight:d}=ye(),[_,p]=h.useState(!1),[O,D]=h.useState([]),[E,w]=h.useState(null),[m,N]=h.useState({areaChartConfig:[],lineChartConfig:[]}),[I,o]=h.useState(0),u=(l=Object.keys(m))==null?void 0:l.length,t=Gt(),S=Wt(),r=ct(),A=ke(),j=Be(),x=A||j,{totalPages:v=0,totalElements:L=0}=(S==null?void 0:S.pageable)||{},K=Te();h.useEffect(()=>()=>Fe(),[]),h.useEffect(()=>{var c,H,F,ie,Ge;if((c=r==null?void 0:r.content)!=null&&c.length){const ut=(H=r==null?void 0:r.content)==null?void 0:H.map(b=>b==null?void 0:b.queryType),xe={};(ut??[]).forEach(b=>{xe[b]?xe[b]+=1:xe[b]=1});const pt=(F=Object.entries(xe))==null?void 0:F.map(([b,St])=>({Source:b,Trafic:St}));D(pt);const xt=(ie=r==null?void 0:r.content)==null?void 0:ie.map(b=>({Timestamp:b.timestamp,Usage:b.usage,Runtime:b.runtime})),ft=(Ge=r==null?void 0:r.content)==null?void 0:Ge.map(b=>({Timestamp:b.timestamp,Usage:b.usage,DataVolume:b.responseSize}));N({areaChartConfig:xt,lineChartConfig:ft}),(s==null?void 0:s.isRecent)==="false"&&o(0)}else D([])},[r==null?void 0:r.content,s]);const B=c=>y(c),P=(c,H)=>{if(c==="systemHeartbeat"||c==="CPUSkew")return;const F=H==="ASC"?"DESC":"ASC";Fe(),k(c,F)},X=c=>{K.push("/queries/new?tabID=1"),$e(c)},q=c=>{w(c),p(!0)},G=()=>{w(null),p(!1)},J=({timestamp:c})=>Ae(c),ee=({runtime:c})=>Ct(c),te=({responseSize:c=0})=>Nt(c),ne=({cpuskew:c="59%"})=>e.jsx(Xt,{children:c}),Z=({systemHeartbeat:c="58"})=>e.jsxs(Jt,{children:[e.jsx("img",{src:Nn,alt:"system-heartbeat"}),e.jsx("span",{children:c})]}),W=c=>e.jsx("span",{className:"text",children:c.queryType?c.queryType:"-"}),$=c=>e.jsx("span",{className:"text",children:c!=null&&c.usage?c.usage:"-"}),a=c=>e.jsxs(Ye,{onClick:()=>q(c),className:"queryText",children:[e.jsx("span",{className:"text",children:c.sqlText}),e.jsx(V,{tooltip:"Preview",children:e.jsx(Ce,{})})]}),z=c=>e.jsx(V,{onClick:()=>{X(c)},tooltip:i.VIEW_IN_EDITOR,children:e.jsx(be,{})}),se=()=>e.jsx(Le,{imgPath:jn,imgPathWebp:Cn,title:!(s!=null&&s.tagName)&&!(s!=null&&s.searchKeyword)?i.EMPTY_QUERY_HISTORY:i.NO_RESULT_FOUND_ON_FILTER,children:!(s!=null&&s.tagName)&&!(s!=null&&s.searchKeyword)&&e.jsx(Ne,{to:"/queries/new?tabID=1",children:e.jsx(M,{variant:"contained",color:"primary",size:"large",children:i.CREATE_NEW_QUERY})})}),ae=()=>C-d-230||300,oe=()=>{E&&$e(E)},Re=()=>e.jsx(Me,{title:t,children:t});if((S==null?void 0:S.totalElements)===0)return se();if(t)return Re();const ge=()=>{o(c=>c+1)},me=()=>{o(c=>c-1)},ue=()=>{o(0)},pe=()=>{o(u-1)},n=()=>{var ie;let c,H,F;switch(I){case 1:I===1&&(c="Usage and Data Volume Variation over time",H=Qe.column_chart,F=yt);break;default:c="Usage and Runtime Trends Over Time",H=Qe.area_chart,F=bt}return console.log("queryHistory",r.content),e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"cardHead",children:[e.jsx("span",{className:"cardHeadTitle",children:c}),e.jsx("span",{className:"cardHeadCount",children:(ie=r==null?void 0:r.content)==null?void 0:ie.length})]}),e.jsx("div",{className:"cardBody",children:e.jsx(We,{isRunning:x,config:qe({data:H===Qe.area_chart?m.areaChartConfig:m.lineChartConfig,chartConfigurationData:F}).config,type:H})})]})};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{open:_,id:E==null?void 0:E.savedQueryId,text:E==null?void 0:E.sqlText,onClose:G,onClickView:oe,isHistory:!0}),(x||((Q=r==null?void 0:r.content)==null?void 0:Q.length)>0)&&(s==null?void 0:s.isRecent)==="false"&&e.jsxs(ve,{container:!0,spacing:{xs:1,sm:3},children:[e.jsx(ve,{item:!0,sm:5,xs:12,children:e.jsxs(Pe,{children:[e.jsxs("div",{className:"cardHead",children:[e.jsx("span",{className:"cardHeadTitle",children:i.TOTAL_QUERIES}),e.jsx("span",{className:"cardHeadCount",children:(U=r==null?void 0:r.content)==null?void 0:U.length})]}),e.jsx("div",{className:"cardBody",children:e.jsx(We,{isRunning:x,config:qe({data:O,chartConfigurationData:Tt}).config,type:"pie_chart"})})]})}),e.jsx(ve,{item:!0,sm:7,xs:12,children:e.jsxs(Pe,{children:[n(),!x&&e.jsx($t,{maxSteps:u,activeStep:I,handleFirst:ue,handleLast:pe,handleNext:ge,handlePrev:me})]})})]}),e.jsx(Ve,{data:r==null?void 0:r.content,columns:jt,isAction:!0,actionComponent:c=>z(c),loading:x,rowRender:[{dataKey:"sqlText",func:a},{dataKey:"timestamp",func:J},{dataKey:"runtime",func:ee},{dataKey:"responseSize",func:te},{dataKey:"systemHeartbeat",func:Z},{dataKey:"CPUSkew",func:ne},{dataKey:"queryType",func:W},{dataKey:"usage",func:$}],rowSize:75,bodyHeight:ae(),onItemsSort:P,sortBy:s==null?void 0:s.sortBy,sortOrder:(s==null?void 0:s.sortOrder)||""}),(x?!0:(r==null?void 0:r.length)!==0)&&e.jsx(Ke,{onChange:B,count:v,page:s.pageNo,onPageChange:Y,totalElements:L,onPageSizeChange:R,isGotoPage:!0,isPageSize:!0,pageSize:s.pageSize,defaultSize:f})]})}const bn=s=>{const{row:k,handleClose:y,handlePublishCallback:Y,open:R}=s,{id:f,queryName:C,visibility:d,slug:_}=k||{},[p,O]=h.useState(""),[D,E]=h.useState(!1),[w,m]=h.useState(!1),[N,I]=h.useState(!1),o=Zt()||(k==null?void 0:k.visibility),u=h.useRef(null),t=d===g.public;h.useEffect(()=>{if(R&&d===g.public){const x=window.location.origin+de.queriesSlug(f,_);O(x)}else O(""),I(!1),u.current=null},[R]);const S=x=>{var K,B;const v=((B=(K=x==null?void 0:x.target)==null?void 0:K.value)==null?void 0:B.trim())||"",L=(v==null?void 0:v.length)>0&&mt(v);E(L),v!==p&&O(v)},r=async()=>{m(!0),await en(f,C,p,o,Y)===i.RESPONSE_SUCCESS_STATUS&&y(),m(!1)},A=x=>{switch(x){case g.public:re(g.public);break;case g.private:re(g.private);break;case g.subscription:re(g.subscription);break;default:re(g.private)}},j=()=>{vt(p).then(()=>{I(!0)})};return e.jsx(Ft,{title:i.QUERY_PUBLISH,visible:R,maxWidth:"sm",onClose:y,children:e.jsxs(Pt,{children:[e.jsxs("div",{className:"visibilityCheck",children:[e.jsx("div",{className:"label",children:"Choose the visibility for your query"}),e.jsxs(at,{variant:"contained",className:`isPublicCheck ${d===g.public&&"disabled"}`,children:[e.jsx(M,{variant:"contained",onClick:()=>{A(g.private)},color:o===g.public||o===g.subscription?"secondary":"primary",disabled:d===g.public,children:i.PRIVATE}),e.jsx(M,{variant:"contained",onClick:()=>{A(g.subscription)},color:o===g.subscription?"primary":"secondary",disabled:d===g.public,children:i.PRIVATE_TO_MY_ORG}),e.jsx(M,{variant:"contained",onClick:()=>{A(g.public)},color:o===g.public?"primary":"secondary",children:i.PUBLIC})]})]}),o===g.public&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"slugInput",children:e.jsx(He,{autoFocus:!0,label:"Unique Query Name",required:!0,placeholder:"Enter slug name",ishelpertext:1,helperText:!t&&`${p==null?void 0:p.length}/${we}`,value:p,warningText:!t&&i.MAX_LENGTH_ERROR("slug name",we),hasMax:!0,maxValue:we,onChange:S,errorText:D&&i.VIEW_NAME_ERROR("Slug"),ref:u,inputProps:{readOnly:t},endAdornment:_?e.jsx(Rt,{position:"end",children:e.jsx(V,{onClick:()=>window.open(window.location.origin+de.queriesSlug(f,_),"_blank"),children:e.jsx(be,{})})}):null})}),t&&e.jsx(he,{message:i.PUBLISHED_TEXT("query")}),o===g.public&&!t&&e.jsx(he,{message:i.PUBLISH_CONFIRM_MESSAGE("Query")})]}),e.jsxs("div",{className:"btnRow",children:[e.jsx(M,{disabled:w,variant:"contained",color:"secondary",onClick:y,className:"formBtn cancel",children:i.CANCEL}),!t&&e.jsx(M,{disabled:D||(p==null?void 0:p.length)>=50||w||o===g.public&&!(p!=null&&p.trim()),variant:"contained",color:"primary",onClick:r,className:"formBtn submit",children:w?e.jsx("img",{src:qt,alt:"loading",height:36}):i.SUBMIT}),t&&e.jsx(M,{type:"button",variant:"contained",color:"primary",onClick:j,children:N?i.COPIED:i.COPY_LINK})]})]})})};function yn({queryParams:s,setPageNumber:k,setSortBy:y,onPageChange:Y,onPageSizeChange:R,deleteQuery:f,defaultSize:C,handlePublishCallback:d}){const _=Te(),{height:p,headerHeight:O}=ye(),D=tn(),E=nn(),{totalPages:w=0,totalElements:m=0}=(E==null?void 0:E.pageable)||{},N=lt(),I=ke(),o=Be(),u=I||o,[t,S]=h.useState(!1),[r,A]=h.useState({}),[j,x]=h.useState(!1),[v,L]=h.useState({}),K=(a,z)=>{y(a,z==="ASC"?"DESC":"ASC")},B=a=>k(a),P=a=>e.jsx(rt,{className:"queryName",onClick:()=>{_.push(`/queries/${a.id}`)},children:(a==null?void 0:a.name)||"Untitled Query"}),X=a=>a&&Ae(a==null?void 0:a.modified),q=a=>a&&e.jsx(dt,{tags:a==null?void 0:a.tags}),G=a=>{A(a),S(!0)},J=a=>e.jsxs(Ye,{onClick:()=>G(a),className:"queryText",children:[e.jsx("span",{className:"text",children:a.queryText}),e.jsx(V,{tooltip:"Preview",children:e.jsx(Ce,{})})]}),ee=()=>p-O-170||300,te=()=>{x(!1),L({}),re("")},ne=a=>e.jsxs(e.Fragment,{children:[e.jsx(Dt,{label:(a==null?void 0:a.visibility)===g.public?i.PUBLISHED:i.PUBLISH("Query"),children:e.jsx("span",{className:"publishBtn",children:e.jsx(V,{onClick:()=>{x(!0),L(a)},children:e.jsx(It,{})})})}),e.jsx(V,{onClick:()=>{_.push(`/queries/${a.id}`)},tooltip:"View",children:e.jsx(be,{})}),e.jsx(sn,{icon:!0,confirmButtonMessage:i.YES,cancelButtonMessage:i.NO,disabled:a.visibility===g.public,tooltip:i.DELETE(""),title:i.DELETE("Query"),confirmMessage:i.DELETE_CONFIRM_MESSAGE(`'${a.name||""}' query`),description:i.DELETE_QUERY_DESCRIPTION,onConfirm:z=>{z.stopPropagation(),f(a.id,a.name)}},"expire")]}),Z=()=>e.jsx(Le,{imgPath:ht,imgPathWebp:gt,title:!(s!=null&&s.tagName)&&!(s!=null&&s.searchPattern)&&!(s!=null&&s.status)?i.NO_QUERY_FOUND:i.NO_RESULT_FOUND_ON_FILTER,className:"emptyBlock",children:!(s!=null&&s.tagName)&&!(s!=null&&s.searchPattern)&&e.jsx(Ne,{to:"/queries/new?tabID=1",children:e.jsx(M,{variant:"contained",color:"primary",size:"large",children:i.CREATE_NEW_QUERY})})}),W=()=>e.jsx(Me,{title:D,children:D});if(w===0&&!u&&!D)return Z();if(D)return W();const $=()=>{A({}),S(!1)};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{open:t,id:r==null?void 0:r.id,text:r==null?void 0:r.queryText,queryPreview:r,onClose:$}),e.jsx(Ve,{data:N,columns:Qt,isAction:!0,actionComponent:ne,actionColumnName:"Actions",rowRender:[{dataKey:"name",func:P},{dataKey:"modified",func:X},{dataKey:"tags",func:q},{dataKey:"queryText",func:J}],loading:u,rowSize:75,bodyHeight:ee(),onItemsSort:K,sortBy:(s==null?void 0:s.sortBy)||"",sortOrder:(s==null?void 0:s.sortOrder)||"",nonSortableColumns:{tags:!0}}),(u?!0:(N==null?void 0:N.length)!==0)&&e.jsx("div",{className:"queryPagePagination",children:e.jsx(Ke,{onChange:B,count:w,page:(s==null?void 0:s.pageNo)||0,onPageChange:Y,totalElements:m,onPageSizeChange:R,isGotoPage:!0,isPageSize:!0,pageSize:(s==null?void 0:s.pageSize)||0,defaultSize:C})}),e.jsx(bn,{open:j,handleClose:te,row:v,handlePublishCallback:d})]})}function Rn({queryParams:s,setPageNumber:k,setSortBy:y,onPageChange:Y,onPageSizeChange:R,onTagChange:f,resetTags:C,defaultSize:d}){const _=Te(),p=it(),{data:O,error:D}=_t.useGetPopularTags(je.stringify({entityType:Ot.SAVEDQUERY_TAG_TYPE}),p),E=!O&&!D,{height:w,headerHeight:m}=ye(),N=on(),I=an(),o=cn(),u=ke(),t=Be(),S=u||t,[r,A]=h.useState(!1),[j,x]=h.useState({}),{totalPages:v=0,totalElements:L=0}=(I==null?void 0:I.pageable)||{},K=(a,z)=>{y(a,z==="ASC"?"DESC":"ASC")},B=a=>{k(a)},P=a=>e.jsx(rt,{className:"queryName",onClick:()=>{_.push(`/queries/${a==null?void 0:a.id}`)},children:(a==null?void 0:a.name)||"Untitled Query"}),X=a=>Ae(a==null?void 0:a.modified),q=a=>a&&e.jsx(dt,{tags:a==null?void 0:a.tags}),G=a=>{x(a),A(!0)},J=a=>e.jsxs(Ye,{onClick:()=>G(a),className:"queryText",children:[e.jsx("span",{className:"text",children:a.queryText}),e.jsx(V,{tooltip:"Preview",children:e.jsx(Ce,{})})]}),ee=({userId:a})=>Ut(a),te=()=>{x({}),A(!1)},ne=()=>w-m-230||300,Z=a=>e.jsxs(e.Fragment,{children:[!p&&e.jsx(V,{onClick:()=>G(a),tooltip:i.VIEW_QUERY,children:e.jsx(Ce,{})}),p&&e.jsx(V,{onClick:()=>{_.push(`/queries/${a.id}`)},tooltip:i.VIEW_IN_EDITOR,children:e.jsx(be,{})})]}),W=()=>e.jsxs(e.Fragment,{children:[((s==null?void 0:s.tagValue)||(s==null?void 0:s.searchPattern))&&e.jsx(et,{popularTags:O,queryParams:s,loading:E,onTagChange:f,resetTags:C}),e.jsx(Le,{imgPath:ht,imgPathWebp:gt,title:!(s!=null&&s.tagValue)&&!(s!=null&&s.searchPattern)?i.NO_ORG_QUERY_FOUND:i.NO_RESULT_FOUND_ON_FILTER,className:"emptyBlock"})]}),$=()=>e.jsx(Me,{title:N,children:N});return v===0&&!S&&!N?W():N?$():e.jsxs("div",{children:[e.jsx(et,{popularTags:O,queryParams:s,loading:E,onTagChange:f,resetTags:C}),e.jsx(ze,{open:r,queryPreview:j,id:j==null?void 0:j.id,text:j==null?void 0:j.queryText,onClose:te}),e.jsx(Ve,{data:o,columns:wt,isAction:!0,actionComponent:a=>Z(a),actionColumnName:"Actions",rowRender:[{dataKey:"userId",func:ee},{dataKey:"name",func:P},{dataKey:"modified",func:X},{dataKey:"tags",func:q},{dataKey:"queryText",func:J}],loading:S,rowSize:75,bodyHeight:ne(),onItemsSort:K,sortBy:(s==null?void 0:s.sortBy)||"",sortOrder:(s==null?void 0:s.sortOrder)||"",nonSortableColumns:{tags:!0}}),(S?!0:(o==null?void 0:o.length)!==0)&&e.jsx(Ke,{onChange:B,count:v,page:(s==null?void 0:s.pageNo)||0,onPageChange:Y,totalElements:L,onPageSizeChange:R,isGotoPage:!0,isPageSize:!0,pageSize:(s==null?void 0:s.pageSize)||0,defaultSize:d})]})}const mn=({tab:s})=>{var ue,pe;const y=Te(),{search:Y}=At(),R=it(),f=h.useRef(null),C=h.useRef(null),d=new URLSearchParams(Y),_=(d==null?void 0:d.get("sortBy"))||"",p=(d==null?void 0:d.get("sortOrder"))||"",O=(d==null?void 0:d.get("searchPattern"))||"",D=(d==null?void 0:d.get("visibility"))||"",{height:E,headerHeight:w,width:m}=ye(),N=lt(),I=ct(),[o,u]=h.useState({}),[t,S]=h.useState({from:"",to:"",duration:0}),[r,A]=h.useState(Lt.trending),[j,x]=h.useState(""),[v,L]=h.useState(null),K=()=>{let n={..._e(o)};s===T.myQueries&&(n={...n,scope:Oe.private}),s===T.myOrgQuery&&(n={...n,scope:Oe.subscription,visibility:g.subscription}),delete n.isRecent,n=je.stringify({...n},{arrayFormat:"bracket"}),y.push(`/${s==null?void 0:s.toLowerCase()}?${n}`),s===T.queryHistory?xn({params:n,abortController:C,isRecent:(o==null?void 0:o.isRecent)==="true"}):s===T.myQueries?fn({params:n,isLoggedIn:R,abortController:C}):Sn({params:n,isLoggedIn:R,abortController:C})};h.useEffect(()=>{let n=_;n||(n="modified"),s===T.queryHistory&&n==="modified"&&(n="timestamp"),u({pageSize:d!=null&&d.get("pageSize")?Number(d==null?void 0:d.get("pageSize")):50,pageNo:d!=null&&d.get("pageNo")?Number(d==null?void 0:d.get("pageNo")):1,sortOrder:p||"DESC",sortBy:n||"",visibility:D,searchPattern:O||"",isRecent:s===T.queryHistory?"true":""})},[s]),h.useEffect(()=>{var n;fe.isEmpty(o)||(ln(!0),C!=null&&C.current&&((n=C==null?void 0:C.current)==null||n.abort()),setTimeout(K,200))},[o,r]),h.useEffect(()=>{t!=null&&t.from&&(t!=null&&t.to)&&u(n=>({...n,pageNo:1,from:t.from,to:t.to}))},[t]);const B=n=>{var U,c;const l=n.target.value;(U=f==null?void 0:f.current)!=null&&U.value&&((c=f==null?void 0:f.current)==null?void 0:c.value)!==""&&(f.current.value="");let Q={..._e({...o,pageSize:50,pageNo:1,searchPattern:"",visibility:l===T.myOrgQuery?g.subscription:"",scope:l===T.myOrgQuery?Oe.subscription:"",sortBy:"",sortOrder:"",isRecent:l===T.queryHistory?"false":""})};if(l===T.views){y.push(`/${l}`);return}Q=je.stringify({...Q},{arrayFormat:"bracket"}),y.push(`/${l==null?void 0:l.toLowerCase()}?${Q}`),S({from:"",to:"",duration:0})},P=async()=>{let{pageNo:n=1}=o;n-=(N==null?void 0:N.length)===1&&(o!=null&&o.pageNo)&&(o==null?void 0:o.pageNo)>1?1:0,u(l=>({...l,pageNo:n}))},X=(n,l)=>{En(n,()=>{Yt(n),P()},l)},q=n=>{var Q,U,c;let l=((c=(U=(Q=n==null?void 0:n.target)==null?void 0:Q.value)==null?void 0:U.toString())==null?void 0:c.trim())||"";l=Vt(l),u(H=>({...H,pageNo:1,searchPattern:l||""}))},G=n=>{var Q;const l=(Q=n==null?void 0:n.target)==null?void 0:Q.value;u(U=>({...U,pageNo:1,visibility:l}))},J=fe.debounce(q,500),ee=n=>{u(l=>({...l,pageNo:1,tagValue:l.tagValue===(n==null?void 0:n.value)?"":n==null?void 0:n.value}))},te=()=>{o!=null&&o.tagValue&&u(n=>({...n,pageNo:1,tagValue:""}))},ne=E-w||500,Z=()=>{var n,l;return s===T.myQueries?!fe.isEmpty(N)||!!((n=o==null?void 0:o.searchPattern)!=null&&n.length):s===T.queryHistory?!fe.isEmpty(I)||!!((l=o==null?void 0:o.searchPattern)!=null&&l.length):!1},W=(n,l)=>{n&&l&&u(Q=>({...Q,pageNo:1,sortOrder:l,sortBy:n}))},$=n=>{u(l=>({...l,pageNo:n}))},a=n=>{u(l=>({...l,pageNo:n}))},z=n=>{u(l=>({...l,pageSize:n,pageNo:1}))},se=()=>{f.current&&(f.current.value=""),u(n=>({...n,pageNo:1,searchPattern:""}))},ae=n=>{u(l=>({...l,isRecent:n,from:"",to:"",searchPattern:""})),x(""),S({from:"",to:"",duration:0})},oe=n=>{S(l=>({...l,...n}))},Re=n=>{x(n),L(null)},ge=n=>{var U;let l=((U=n==null?void 0:n.target)==null?void 0:U.value)||0;if(l=Number(l),Ie.filter(c=>c.value===l).length){const{from:c,to:H}=Kt(Number(l));S({from:c,to:H,duration:l})}},me=async n=>{const l=je.stringify(_e({...o}));n===g.public?y.push(de.exploreQuery(l)):n===g.subscription?y.push(de.myOrgQuery(l)):y.push(de.myqueries(l))};return e.jsx(h.Suspense,{fallback:rn,children:e.jsx(dn,{height:ne,children:e.jsxs("main",{className:"mainContent",children:[Z()&&m<ce.breakpoints.values.md&&e.jsx(M,{variant:"text",className:"createMobileBtn",children:e.jsx(Ne,{to:"/queries/new?tabID=1",onClick:n=>{n.ctrlKey||n.metaKey||n.altKey||n.shiftKey||n.button||n.defaultPrevented||Xe(1)},children:e.jsx(Je,{})})}),e.jsxs("div",{className:"boxContent",children:[m<ce.breakpoints.values.md?e.jsx(tt,{className:"pageMobileToolbar",children:e.jsx("div",{className:"pageMobileTopBar",children:e.jsxs(hn,{children:[e.jsx(De,{value:s,onChange:B,children:Mt.map(n=>e.jsx(gn,{value:n.value,children:n.label},n.value))}),e.jsxs(nt,{className:"searchField",children:[e.jsx(He,{placeholder:i.SEARCH_ELIPSIS_CONTEXT(i.QUERIES),onChange:J,defaultValue:(o==null?void 0:o.searchPattern)||"",inputRef:f}),e.jsx("span",{className:"searchIcon",children:(o==null?void 0:o.searchPattern)!==""?e.jsx(st,{fontSize:"small",className:"clearSearch",onClick:se}):e.jsx(Ze,{})})]}),s===T.myQueries&&e.jsx(ot,{visibility:o==null?void 0:o.visibility,onFilterChange:G})]})})}):e.jsxs(tt,{className:"pageToolbar",children:[e.jsxs(kt,{value:s,exclusive:!0,onChange:B,children:[R&&e.jsx(Se,{size:"small",className:"tabButton",value:"myQueries","aria-label":"My Queries",children:i.MY_SAVED_QUERIES}),R&&e.jsx(Se,{size:"small",className:"tabButton",value:"subscription","aria-label":"My Org Queries",children:i.MY_ORG_QUERIES}),R&&e.jsx(Se,{size:"small",className:"tabButton",value:"queryHistory","aria-label":"Query history",children:`${i.QUERY_HISTORY}`}),R&&e.jsx(Se,{size:"small",className:"tabButton",value:"views","aria-label":"Views",children:i.VIEWS})]}),e.jsxs("div",{className:"toolbarRight",children:[e.jsxs(nt,{className:"searchField",children:[e.jsx(He,{placeholder:i.SEARCH_ELIPSIS_CONTEXT(i.QUERIES),onChange:J,defaultValue:(o==null?void 0:o.searchPattern)||"",inputRef:f}),e.jsx("span",{className:"searchIcon",children:(o==null?void 0:o.searchPattern)!==""?e.jsx(st,{fontSize:"small",className:"clearSearch",onClick:se}):e.jsx(Ze,{})})]}),s===T.myQueries&&e.jsx(ot,{visibility:o==null?void 0:o.visibility,onFilterChange:G}),Z()&&e.jsx(M,{color:"primary",variant:"contained",className:"createQueryBtn",children:e.jsxs(Ne,{to:"/queries/new?tabID=1",onClick:n=>{n.ctrlKey||n.metaKey||n.altKey||n.shiftKey||n.button||n.defaultPrevented||Xe(1)},children:[e.jsx("span",{className:"iconLeft addIcon",children:e.jsx(Je,{})}),i.CREATE_NEW_QUERY]})})]})]}),s===T.queryHistory&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"filterToolbar",children:[e.jsxs("div",{className:"toggleBlock",children:[e.jsxs(at,{variant:"contained",className:"isRecentToggle",children:[e.jsx(M,{variant:"contained",onClick:()=>(o==null?void 0:o.isRecent)==="false"&&ae("true"),color:(o==null?void 0:o.isRecent)==="true"?"primary":"secondary",children:i.CURRENT_HISTORY}),e.jsx(M,{variant:"contained",onClick:()=>{(o==null?void 0:o.isRecent)==="true"&&ae("false")},color:(o==null?void 0:o.isRecent)==="false"?"primary":"secondary",children:i.HISTORICAL_HISTORY})]}),(o==null?void 0:o.isRecent)==="true"&&e.jsx(he,{message:i.CURRENT_QUERY_TEXT}),(o==null?void 0:o.isRecent)==="false"&&!(t!=null&&t.from)&&!(t!=null&&t.to)&&e.jsx(he,{message:i.HISTORICAL_WITHOUT_FILTER_QUERY_TEXT}),(o==null?void 0:o.isRecent)==="false"&&(t==null?void 0:t.from)&&(t==null?void 0:t.to)&&e.jsx(he,{message:i.HISTORICAL_QUERY_TEXT(Ue.utc(t==null?void 0:t.from).local().format("D MMM"),Ue.utc(t==null?void 0:t.to).local().format("D MMM"))})]}),e.jsx("div",{className:"filterBlock",children:(o==null?void 0:o.isRecent)==="false"&&e.jsxs(e.Fragment,{children:[j==="Duration"&&m>ce.breakpoints.values.md&&e.jsx("div",{className:"durationSelect",children:e.jsxs(De,{name:"analytics",value:t==null?void 0:t.duration,onChange:n=>{ge(n)},label:i.USAGE_OF_LAST,children:[e.jsx(le,{value:0,className:"selectPlaceholder",children:i.SELECT_DURATION}),(ue=Ie)==null?void 0:ue.map(n=>e.jsx(le,{value:n==null?void 0:n.value,selected:(n==null?void 0:n.value)===(t==null?void 0:t.duration),children:e.jsx("div",{className:"optionText",children:n.label})},n==null?void 0:n.value))]})}),j==="Range"&&m>ce.breakpoints.values.md&&e.jsxs(e.Fragment,{children:[e.jsx(Ee,{selectedDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",onDateChange:n=>{oe({from:new Date(n).toISOString()})},startDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",endDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",shouldConvert:!0,label:i.FROM,maxDate:t!=null&&t.to?new Date(t==null?void 0:t.to):new Date,selectsStart:!0}),e.jsx(Ee,{selectedDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",onDateChange:n=>{oe({to:new Date(n).toISOString()})},minDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",maxDate:new Date,label:i.TO,startDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",endDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",selectsEnd:!0,addForward:!0,shouldConvert:!0})]}),(t==null?void 0:t.from)&&(t==null?void 0:t.to)&&e.jsx(V,{tooltip:i.RESET_FILTER,onClick:()=>ae("false"),className:"resetBtn",children:e.jsx(un,{})}),e.jsx(V,{tooltip:i.FILTER,onClick:n=>L(n.currentTarget),className:"filterBtn",children:e.jsx(pn,{})}),e.jsx(Bt,{anchorEl:v,open:!!v,onClose:()=>L(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:zt.map(({value:n})=>e.jsx(le,{selected:n===j,onClick:()=>Re(n),children:n},n))})]})})]}),m<ce.breakpoints.values.md&&e.jsxs("div",{className:"responsiveFilter",children:[j==="Duration"&&e.jsx("div",{className:"durationSelect",children:e.jsxs(De,{name:"analytics",value:t==null?void 0:t.duration,onChange:n=>{ge(n)},label:i.USAGE_OF_LAST,children:[e.jsx(le,{value:0,className:"selectPlaceholder",children:i.SELECT_DURATION}),(pe=Ie)==null?void 0:pe.map(n=>e.jsx(le,{value:n==null?void 0:n.value,selected:(n==null?void 0:n.value)===(t==null?void 0:t.duration),children:e.jsx("div",{className:"optionText",children:n.label})},n==null?void 0:n.value))]})}),j==="Range"&&e.jsxs(e.Fragment,{children:[e.jsx(Ee,{selectedDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",onDateChange:n=>{oe({from:new Date(n).toISOString()})},startDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",endDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",shouldConvert:!0,label:i.FROM,maxDate:t!=null&&t.to?new Date(t==null?void 0:t.to):new Date,selectsStart:!0}),e.jsx(Ee,{selectedDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",onDateChange:n=>{oe({to:new Date(n).toISOString()})},minDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",maxDate:new Date,label:i.TO,startDate:t!=null&&t.from?new Date(t==null?void 0:t.from):"",endDate:t!=null&&t.to?new Date(t==null?void 0:t.to):"",selectsEnd:!0,addForward:!0,shouldConvert:!0})]})]})]}),s===T.myQueries&&e.jsx(yn,{queryParams:o,setPageNumber:$,setSortBy:W,onPageChange:a,onPageSizeChange:z,deleteQuery:X,defaultSize:50,handlePublishCallback:me}),s===T.myOrgQuery&&e.jsx(Rn,{queryParams:o,setPageNumber:$,setSortBy:W,onPageChange:a,onPageSizeChange:z,deleteQuery:X,onTagChange:ee,resetTags:te,defaultSize:50}),s===T.queryHistory&&e.jsx(Tn,{queryParams:o,setPageNumber:$,setSortBy:W,onPageChange:a,onPageSizeChange:z,defaultSize:50})]})]})})})},_n=Ht.memo(mn);export{_n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as r,r as t}from"./vendor-charts-c67bc616.js";import{O as o,Q as a}from"./index-
|
|
1
|
+
import{j as r,r as t}from"./vendor-charts-c67bc616.js";import{O as o,Q as a}from"./index-3346905e.js";import"./vendor-editor-69eae61e.js";import"./vendor-three-c7107376.js";function m(){return r.jsx(t.Suspense,{fallback:o,children:r.jsx(a,{})})}export{m as default};
|