yamchart 0.8.5 → 0.8.7

package/dist/public/assets/PublicViewer-D1_damvE.js

@@ -1 +0,0 @@
-import{j as e,c as U,b as G,d as I,e as Y,f as q,g as _,F as z,S as K,C as X,D as Q,h as J,T as Z,G as ee,W as re,i as te,H as se,k as ae,l as le,m as ce,P as oe,n as ne,B as ie,L as de,a as he,o as xe}from"./index-BG7tFC30.js";import{a as f}from"./echarts-DtOYsfLX.js";function me({title:a,description:l,loading:r=!1,error:i=null,cached:t,durationMs:c,hasDrillDown:b,onRefresh:s,children:u}){return e.jsxs("div",{className:"chart-container",children:[e.jsxs("div",{className:"flex items-start justify-between p-4 border-b",style:{borderColor:"var(--yc-color-border)"},children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h2",{className:"text-lg font-semibold",style:{color:"var(--yc-color-text)"},children:a}),b&&e.jsxs("svg",{className:"w-4 h-4 flex-shrink-0",style:{color:"var(--yc-color-text-muted)"},viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",children:[e.jsx("title",{children:"Right-click to drill down"}),e.jsx("path",{fillRule:"evenodd",d:"M5.22 14.78a.75.75 0 001.06 0l7.22-7.22v5.69a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75h-7.5a.75.75 0 000 1.5h5.69l-7.22 7.22a.75.75 0 000 1.06z",clipRule:"evenodd"})]})]}),l&&e.jsx("p",{className:"text-sm mt-1",style:{color:"var(--yc-color-text-secondary)"},children:l})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[t!==void 0&&e.jsx("span",{className:"text-xs px-2 py-1 rounded",style:t?{backgroundColor:"color-mix(in srgb, var(--yc-color-success) 15%, transparent)",color:"var(--yc-color-success)"}:{backgroundColor:"color-mix(in srgb, var(--yc-color-primary) 15%, transparent)",color:"var(--yc-color-primary)"},children:t?"Cached":"Fresh"}),c!==void 0&&e.jsxs("span",{className:"text-xs",style:{color:"var(--yc-color-text-muted)"},children:[c,"ms"]}),s&&e.jsx("button",{onClick:s,disabled:r,className:"p-1.5 hover:bg-black/5 rounded transition-colors disabled:opacity-50",style:{color:"var(--yc-color-text-muted)"},title:"Refresh",children:e.jsx("svg",{className:U("w-4 h-4",r&&"animate-spin"),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})})})]})]}),e.jsx("div",{className:"p-4",children:i?e.jsx("div",{className:"flex items-center justify-center h-64",style:{color:"var(--yc-color-danger)"},children:e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"font-medium",children:"Failed to load chart"}),e.jsx("p",{className:"text-sm mt-1",children:i.message})]})}):u})]})}const ue={day:{label:"Date",format:"%b %d, %Y"},week:{label:"Week Starting",format:"%b %d"},month:{label:"Month",format:"%b '%y"},quarter:{label:"Quarter",format:"quarter"},year:{label:"Year",format:"%Y"}};function ye({chartName:a}){const[l,r]=f.useState(!1),i=async()=>{const t=`{{${a}}}`;try{await navigator.clipboard.writeText(t),r(!0),setTimeout(()=>r(!1),2e3)}catch(c){console.error("Failed to copy:",c)}};return e.jsx("button",{onClick:i,className:"text-sm flex items-center gap-1.5 px-2 py-1 rounded hover:bg-black/5 transition-colors",style:{color:"var(--yc-color-text-secondary)"},title:`Copy {{${a}}} for use in markdown widgets`,children:l?e.jsxs(e.Fragment,{children:[e.jsx("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",style:{color:"var(--yc-color-success)"},children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}),e.jsx("span",{style:{color:"var(--yc-color-success)"},children:"Copied!"})]}):e.jsxs(e.Fragment,{children:[e.jsx("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})}),e.jsx("span",{children:"Copy Reference"})]})})}function F(a,l){if(!l)return a.toLocaleString();const r=l.decimals??0;switch(l.type){case"currency":return new Intl.NumberFormat("en-US",{style:"currency",currency:l.currency||"USD",minimumFractionDigits:r,maximumFractionDigits:r}).format(a);case"percent":return new Intl.NumberFormat("en-US",{style:"percent",minimumFractionDigits:r,maximumFractionDigits:r}).format(a/100);default:return a.toLocaleString(void 0,{minimumFractionDigits:r,maximumFractionDigits:r})}}function fe(a,l){const r=a>=0?"+":"";return l==="percent_change"?`${r}${a.toFixed(1)}%`:`${r}${a.toLocaleString()}`}function ve({data:a,config:l,title:r,comparison:i}){var p,n,j;if(!(a!=null&&a[0])||!((p=l.value)!=null&&p.field))return e.jsx("div",{className:"h-80 flex items-center justify-center",style:{color:"var(--yc-color-text-muted)"},children:"No data available"});const t=a[0],c=t[l.value.field],b=F(c,l.format);let s=null,u="percent_change",C,w,v;if(i)s=i.change,u=i.changeType,C=i.currentPeriodLabel,w=i.previousPeriodLabel,v=F(i.previousValue,l.format);else if((n=l.comparison)!=null&&n.enabled&&l.comparison.field){const x=t[l.comparison.field];u=l.comparison.type,x&&x!==0&&(u==="percent_change"?s=(c-x)/x*100:s=c-x,v=F(x,l.format))}const h=l.goal,g=h&&h.value!==0?Math.max(0,Math.min(c/h.value*100,100)):null,N=h?c>=h.value?"var(--yc-color-success)":"var(--yc-color-danger)":void 0;return e.jsxs("div",{className:"h-80 flex flex-col items-center justify-center p-8",children:[e.jsxs("div",{className:"text-6xl font-bold tabular-nums",style:{color:"var(--yc-color-text)"},children:[b,l.unit&&e.jsx("span",{className:"text-3xl font-normal ml-2",style:{color:"var(--yc-color-text-muted)"},children:l.unit})]}),C&&e.jsx("div",{className:"text-sm mt-2",style:{color:"var(--yc-color-text-muted)"},children:C}),r&&e.jsx("div",{className:"text-lg mt-3",style:{color:"var(--yc-color-text-secondary)"},children:r}),s!==null&&e.jsxs("div",{className:"mt-4 flex flex-col items-center gap-1",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-lg font-medium px-3 py-1 rounded",style:s>=0?{backgroundColor:"color-mix(in srgb, var(--yc-color-success) 15%, transparent)",color:"var(--yc-color-success)"}:{backgroundColor:"color-mix(in srgb, var(--yc-color-danger) 15%, transparent)",color:"var(--yc-color-danger)"},children:fe(s,u)}),v&&e.jsxs("span",{className:"text-sm",style:{color:"var(--yc-color-text-muted)"},children:["vs ",v]}),!v&&((j=l.comparison)==null?void 0:j.label)&&e.jsx("span",{className:"text-sm",style:{color:"var(--yc-color-text-muted)"},children:l.comparison.label})]}),w&&e.jsx("div",{className:"text-xs",style:{color:"var(--yc-color-text-muted)"},children:w})]}),h&&g!==null&&e.jsxs("div",{className:"mt-4 w-full max-w-[280px]",children:[h.show_progress&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex justify-between text-sm mb-1",style:{color:"var(--yc-color-text-muted)"},children:[e.jsxs("span",{children:[F(c,l.format)," / ",F(h.value,l.format)]}),e.jsxs("span",{children:[g.toFixed(0),"%"]})]}),e.jsx("div",{className:"w-full h-2 rounded-full",style:{backgroundColor:"var(--yc-color-surface-hover)"},children:e.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${g}%`,backgroundColor:N}})})]}),h.label&&e.jsx("div",{className:"text-sm mt-1 text-center",style:{color:"var(--yc-color-text-muted)"},children:h.label})]})]})}function ge({chartName:a,drillParams:l}){var S,$,T,V,R,B;const{data:r,isLoading:i}=G(a),{data:t,isLoading:c,error:b}=I(a),{data:s}=Y(),u=q(),C=_(o=>o.getEffectiveFilters),w=_(o=>o.setChartFilter),v=i||c,h=l==null?void 0:l._from,g=l?Object.fromEntries(Object.entries(l).filter(([o])=>!o.startsWith("_"))):{},N=Object.keys(g).length>0,p=Object.entries(g).map(([o,d])=>`${o}: ${d}`).join(", ");f.useEffect(()=>{if(N)for(const[o,d]of Object.entries(g))w(a,o,d)},[a,N]);const[n,j]=f.useState(null),x=f.useCallback((o,d,y)=>{j({x:y.x,y:y.y,field:o,value:d})},[]),E=f.useCallback(()=>{var k,D;if(!n||!((k=r==null?void 0:r.drillDown)!=null&&k.model))return;const o=r.drillDown,d=o.fields?typeof o.fields=="string"?o.fields:o.fields[0]:o.field??((D=r.chart.x)==null?void 0:D.field)??n.field,y=new URLSearchParams;if(n.allFields)for(const[P,H]of Object.entries(n.allFields))y.set(P,H);else y.set(d,n.value);y.set("_from",a),window.location.hash=`/charts/${a}/detail?${y.toString()}`,j(null)},[n,r,a]),W=f.useCallback(()=>{var k,D;if(!n||!((k=r==null?void 0:r.drillDown)!=null&&k.chart))return;const o=r.drillDown,d=o.fields?typeof o.fields=="string"?o.fields:o.fields[0]:o.field??((D=r.chart.x)==null?void 0:D.field)??n.field,y=new URLSearchParams({[d]:n.value,_from:a});window.location.hash=`/charts/${r.drillDown.chart}?${y.toString()}`,j(null)},[n,r,a]),M=C(a).granularity,m=M?ue[M]:void 0,L=m==null?void 0:m.label,A=m==null?void 0:m.format;if(i)return e.jsxs("div",{className:"chart-container animate-pulse",children:[e.jsx("div",{className:"p-4 border-b",style:{borderColor:"var(--yc-color-border)"},children:e.jsx("div",{className:"h-6 rounded w-48",style:{backgroundColor:"var(--yc-color-surface-hover)"}})}),e.jsx("div",{className:"p-4",children:e.jsx("div",{className:"h-80 rounded",style:{backgroundColor:"var(--yc-color-surface-hover)"}})})]});if(!r)return e.jsxs("div",{className:"chart-container p-8 text-center",style:{color:"var(--yc-color-text-secondary)"},children:["Chart not found: ",a]});const O=()=>{if(!t)return e.jsx("div",{className:"h-80 rounded animate-pulse",style:{backgroundColor:"var(--yc-color-surface-hover)"}});const o=r.chart.type;switch(o){case"line":if(!r.chart.x||!r.chart.y&&!r.chart.series)return e.jsx("div",{className:"h-80 flex items-center justify-center",style:{color:"var(--yc-color-text-secondary)"},children:"Missing axis configuration"});{const d=m?{...r.chart.x,label:L,format:A}:r.chart.x;return e.jsx(de,{data:t.rows,columns:t.columns,xAxis:d,yAxis:r.chart.y,chartConfig:r.chart,theme:s==null?void 0:s.theme,loading:c,onChartClick:x,goalData:t.goalData})}case"bar":if(!r.chart.x||!r.chart.y&&!r.chart.series)return e.jsx("div",{className:"h-80 flex items-center justify-center",style:{color:"var(--yc-color-text-secondary)"},children:"Missing axis configuration"});{const d=m?{...r.chart.x,label:L,format:A}:r.chart.x;return e.jsx(ie,{data:t.rows,xAxis:d,yAxis:r.chart.y,chartConfig:r.chart,theme:s==null?void 0:s.theme,loading:c,onChartClick:x,goalData:t.goalData})}case"area":if(!r.chart.x||!r.chart.y&&!r.chart.series)return e.jsx("div",{className:"h-80 flex items-center justify-center",style:{color:"var(--yc-color-text-secondary)"},children:"Missing axis configuration"});{const d=m?{...r.chart.x,label:L,format:A}:r.chart.x;return e.jsx(ne,{data:t.rows,xAxis:d,yAxis:r.chart.y,chartConfig:r.chart,theme:s==null?void 0:s.theme,loading:c,onChartClick:x,goalData:t.goalData})}case"pie":return!r.chart.x||!r.chart.y?e.jsx("div",{className:"h-80 flex items-center justify-center",style:{color:"var(--yc-color-text-secondary)"},children:"Missing pie chart configuration"}):e.jsx(oe,{data:t.rows,xAxis:r.chart.x,yAxis:r.chart.y,theme:s==null?void 0:s.theme,loading:c,onChartClick:x});case"donut":return!r.chart.x||!r.chart.y?e.jsx("div",{className:"h-80 flex items-center justify-center",style:{color:"var(--yc-color-text-secondary)"},children:"Missing donut chart configuration"}):e.jsx(ce,{data:t.rows,xAxis:r.chart.x,yAxis:r.chart.y,centerValue:r.chart.centerValue,theme:s==null?void 0:s.theme,loading:c,onChartClick:x});case"scatter":return!r.chart.x||!r.chart.y?e.jsx("div",{className:"h-80 flex items-center justify-center",style:{color:"var(--yc-color-text-secondary)"},children:"Missing axis configuration"}):e.jsx(le,{data:t.rows,xAxis:r.chart.x,yAxis:r.chart.y,chartConfig:r.chart,theme:s==null?void 0:s.theme,loading:c});case"combo":if(!r.chart.x)return e.jsx("div",{className:"h-80 flex items-center justify-center",style:{color:"var(--yc-color-text-secondary)"},children:"Missing axis configuration"});{const d=m?{...r.chart.x,label:L,format:A}:r.chart.x;return e.jsx(ae,{data:t.rows,xAxis:d,chartConfig:r.chart,theme:s==null?void 0:s.theme,loading:c,onChartClick:x,goalData:t.goalData})}case"kpi":return e.jsx(ve,{data:t.rows,config:r.chart,title:r.title,comparison:t.comparison});case"heatmap":return!r.chart.x||!r.chart.y?e.jsx("div",{className:"h-80 flex items-center justify-center",style:{color:"var(--yc-color-text-secondary)"},children:"Missing axis configuration"}):e.jsx(se,{data:t.rows,chartConfig:r.chart,theme:s==null?void 0:s.theme,loading:c});case"funnel":return e.jsx(te,{data:t.rows,chartConfig:r.chart,theme:s==null?void 0:s.theme,loading:c});case"waterfall":return e.jsx(re,{data:t.rows,chartConfig:r.chart,theme:s==null?void 0:s.theme,loading:c});case"gauge":return e.jsx(ee,{data:t.rows,chartConfig:r.chart,theme:s==null?void 0:s.theme,loading:c});case"table":return e.jsx(Z,{data:t.rows,columns:t.columns,chartConfig:r.chart,height:"100%",loading:c});default:return e.jsxs("div",{className:"h-80 flex items-center justify-center text-gray-500",children:['Chart type "',o,'" not yet implemented']})}};return e.jsxs("div",{className:"space-y-4",children:[h&&e.jsxs("div",{className:"flex items-center gap-2 text-sm",style:{color:"var(--yc-color-text-secondary)"},children:[e.jsx("button",{onClick:()=>{window.location.hash=`/charts/${h}`},className:"transition-colors hover:opacity-80",style:{color:"var(--yc-color-primary)"},children:h}),e.jsx("span",{children:"/"}),e.jsx("span",{className:"font-medium",style:{color:"var(--yc-color-text)"},children:r.title}),p&&e.jsxs("span",{style:{color:"var(--yc-color-text-muted)"},children:["(",p,")"]})]}),e.jsxs("div",{className:"flex flex-wrap items-end justify-between gap-4",children:[r.parameters.length>0?e.jsx(z,{parameters:r.parameters,chartName:a}):e.jsx("div",{}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ye,{chartName:a}),e.jsx(K,{resourceType:"chart",resourceName:a})]})]}),e.jsx(me,{title:r.title,description:r.description,loading:v,cached:t==null?void 0:t.meta.cached,durationMs:t==null?void 0:t.meta.durationMs,hasDrillDown:!!((S=r.drillDown)!=null&&S.chart),onRefresh:()=>u(a),children:e.jsx(X,{isLoading:c,error:b,data:t==null?void 0:t.rows,onRetry:()=>u(a),children:O()})}),N&&t&&e.jsx(Q,{data:t.rows,columns:t.columns,drillDownColumns:($=r.drillDown)==null?void 0:$.columns,filterDisplay:p,chartName:a}),n&&e.jsx(J,{x:n.x,y:n.y,field:n.field,value:n.value,allFields:n.allFields,onViewDetails:(T=r.drillDown)!=null&&T.model?E:void 0,onGoToChart:(V=r.drillDown)!=null&&V.chart?W:void 0,detailModel:(R=r.drillDown)==null?void 0:R.model,targetChart:(B=r.drillDown)==null?void 0:B.chart,onClose:()=>j(null)})]})}function Ce({parsed:a}){const l=a.params.token,[r,i]=f.useState(null),[t,c]=f.useState(!1);return f.useEffect(()=>{if(!l){i("No share token provided");return}he.getPublicConfig(l).then(()=>c(!0)).catch(()=>i("This link has expired or been revoked"))},[l]),r?e.jsx("div",{className:"min-h-screen bg-gray-50 flex items-center justify-center",children:e.jsx("div",{className:"text-center",children:e.jsx("div",{className:"text-gray-400 text-lg",children:r})})}):t?e.jsxs("div",{className:"min-h-screen bg-gray-50",children:[e.jsx("div",{className:"max-w-7xl mx-auto py-6 px-4",children:a.type==="public_chart"?e.jsx(ge,{chartName:a.name}):e.jsx(xe,{dashboardId:a.name,initialTab:a.params.tab})}),e.jsx("div",{className:"text-center py-4 text-xs text-gray-400",children:"Shared via yamchart"})]}):e.jsx("div",{className:"min-h-screen bg-gray-50 flex items-center justify-center",children:e.jsx("div",{className:"text-gray-500",children:"Loading..."})})}export{Ce as PublicViewer};