@rafal.lemieszewski/tide-ui 0.87.9 → 0.88.0
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/dist/cjs/components/fundamental/button.cjs +1 -1
- package/dist/cjs/components/fundamental/chart.cjs +1 -1
- package/dist/cjs/components/fundamental/separator.cjs +1 -1
- package/dist/es/components/fundamental/button.js +9 -9
- package/dist/es/components/fundamental/chart.js +600 -444
- package/dist/es/components/fundamental/separator.js +38 -37
- package/dist/es/style.css +1 -1
- package/dist/types/components/fundamental/chart.d.cts +12 -2
- package/dist/types/components/fundamental/chart.d.ts +12 -2
- package/dist/types/components/fundamental/separator.d.ts +2 -3
- package/dist/types/components/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),q=require("react"),I=require("class-variance-authority"),u=require("lucide-react"),V=require("../../lib/utils.cjs"),d=require("./icon.cjs"),g=I.cva("inline-flex items-center justify-center relative transition-all duration-150 ease-in-out focus:outline-none cursor-pointer select-none disabled:cursor-not-allowed gap-[var(--space-xs)] whitespace-nowrap",{variants:{variant:{default:["bg-[var(--color-background-neutral-subtlest)] text-[var(--color-text-primary)]","border border-[var(--color-border-action-outline)]","enabled:hover:bg-[var(--color-background-neutral-subtlest-hovered)] enabled:hover:border-[var(--color-border-action-outline-hovered)] enabled:hover:shadow-[var(--shadow-200)]","focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2","enabled:active:bg-[var(--grey-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),q=require("react"),I=require("class-variance-authority"),u=require("lucide-react"),V=require("../../lib/utils.cjs"),d=require("./icon.cjs"),g=I.cva("inline-flex items-center justify-center relative transition-all duration-150 ease-in-out focus:outline-none cursor-pointer select-none disabled:cursor-not-allowed gap-[var(--space-xs)] whitespace-nowrap",{variants:{variant:{default:["bg-[var(--color-background-neutral-subtlest)] text-[var(--color-text-primary)]","border border-[var(--color-border-action-outline)]","enabled:hover:bg-[var(--color-background-neutral-subtlest-hovered)] enabled:hover:border-[var(--color-border-action-outline-hovered)] enabled:hover:shadow-[var(--shadow-200)]","focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2","enabled:active:bg-[var(--grey-50)] enabled:active:translate-y-px enabled:active:shadow-[var(--shadow-100)]","disabled:bg-[var(--color-background-disabled)] disabled:[&]:text-[var(--color-text-disabled)] disabled:border-[var(--color-border-action-outline)]"],secondary:["bg-[var(--color-background-neutral-subtlest)] text-[var(--color-text-primary)]","border border-[var(--color-border-action-outline)]","enabled:hover:bg-[var(--color-background-neutral-subtlest-hovered)] enabled:hover:border-[var(--color-border-action-outline-hovered)] enabled:hover:shadow-[var(--shadow-200)]","focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2","enabled:active:bg-[var(--grey-50)] enabled:active:translate-y-px enabled:active:shadow-[var(--shadow-100)]","disabled:bg-[var(--color-background-disabled)] disabled:[&]:text-[var(--color-text-disabled)] disabled:border-[var(--color-border-action-outline)]"],primary:["bg-[var(--color-background-blue-bold)] [&]:text-[var(--color-text-on-action)]","border-none","enabled:hover:bg-[var(--color-background-blue-bold-hovered)] enabled:hover:shadow-[var(--shadow-200)]","focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2","enabled:active:bg-[var(--blue-700)] enabled:active:translate-y-px enabled:active:shadow-[var(--shadow-100)]","disabled:bg-[var(--color-background-disabled)] disabled:[&]:text-[var(--color-text-disabled)]"],destructive:["bg-[var(--color-background-error-bold)] [&]:text-[var(--color-text-on-action)]","border-none","enabled:hover:bg-[var(--color-background-error-bold-hovered)] enabled:hover:shadow-[var(--shadow-200)]","focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2","enabled:active:bg-[var(--red-700)] enabled:active:translate-y-px enabled:active:shadow-[var(--shadow-100)]","disabled:bg-[var(--color-background-disabled)] disabled:[&]:text-[var(--color-text-disabled)]"],success:["bg-[var(--color-background-success-bold)] [&]:text-[var(--color-text-on-action)]","border-none","enabled:hover:bg-[var(--color-background-success-bold-hovered)] enabled:hover:shadow-[var(--shadow-200)]","focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2","enabled:active:bg-[var(--green-700)] enabled:active:translate-y-px enabled:active:shadow-[var(--shadow-100)]","disabled:bg-[var(--color-background-disabled)] disabled:[&]:text-[var(--color-text-disabled)]"],ghost:["bg-transparent text-[var(--color-text-primary)]","border-none","enabled:hover:bg-[var(--color-background-neutral-hovered-opacity)]","focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2","enabled:active:bg-[var(--grey-alpha-200)] enabled:active:translate-y-px","disabled:bg-transparent disabled:[&]:text-[var(--color-text-disabled)]"]},size:{s:["text-label-sm h-[var(--size-s)] rounded-[var(--border-radius-s)] px-[var(--space-m)]"],m:["text-label-md h-[var(--size-m)] rounded-[var(--border-radius-s)] px-[var(--space-m)]"],l:["text-label-md h-[var(--size-l)] rounded-[var(--border-radius-s)] px-[var(--space-l)]"]},iconPosition:{none:"",left:"",right:"",only:""}},compoundVariants:[{size:"s",iconPosition:"left",className:"pl-[var(--space-s)] pr-[var(--space-m)]"},{size:"s",iconPosition:"right",className:"pl-[var(--space-m)] pr-[var(--space-s)]"},{size:"s",iconPosition:"only",className:"px-[var(--space-s)] min-w-[var(--size-s)]"},{size:"m",iconPosition:"left",className:"pl-[var(--space-s)] pr-[var(--space-m)]"},{size:"m",iconPosition:"right",className:"pl-[var(--space-m)] pr-[var(--space-s)]"},{size:"m",iconPosition:"only",className:"px-[var(--space-s)] min-w-[var(--size-m)]"},{size:"l",iconPosition:"left",className:"pl-[var(--space-m)] pr-[var(--space-l)]"},{size:"l",iconPosition:"right",className:"pl-[var(--space-l)] pr-[var(--space-m)]"},{size:"l",iconPosition:"only",className:"px-[var(--space-m)] min-w-[var(--size-l)]"}],defaultVariants:{variant:"default",size:"m",iconPosition:"none"}}),p=q.forwardRef(({className:h,variant:a,size:b,children:i,icon:o,iconPosition:f,dropdown:n=!1,dropdownOpen:m=!1,disabled:x=!1,loading:e=!1,type:y="button",...w},z)=>{const t=b||"m",v=x||e,l=v?"disabled":a==="primary"||a==="destructive"||a==="success"?"inverse":"primary",k=()=>e?s.jsx(d.Icon,{name:u.Loader2,size:t,color:l,className:"animate-spin"}):null,c=()=>e?k():o?s.jsx(d.Icon,{name:o,size:t,color:l}):null,P=()=>n?s.jsx(d.Icon,{name:u.ChevronDown,size:t,color:l}):null,r=o&&i?f:e&&i?"left":o||e?"only":"none",N=n?{"aria-haspopup":"menu","aria-expanded":m}:{},j=e?{"aria-busy":!0,"aria-disabled":!0}:{};return s.jsxs("button",{type:y,className:V.cn(g({variant:a,size:b,iconPosition:r,className:h})),ref:z,disabled:v,...N,...j,...w,children:[r==="left"&&c(),r!=="only"&&i,r==="right"&&c(),r==="only"&&c(),n&&P()]})});p.displayName="Button";exports.Button=p;exports.buttonVariants=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),j=require("react"),s=require("recharts"),we=require("../../lib/utils.cjs"),M=(n,c=0)=>{const d=n.toFixed(c).split("."),u=d[0].replace(/\B(?=(\d{3})+(?!\d))/g," ");return c>0&&d[1]?`${u}.${d[1]}`:u},me=(n,c,t,d=20)=>{if(!n.length)return d;let u=0;n.forEach(C=>{c.forEach(o=>{const p=C[o];typeof p=="number"?u=Math.max(u,Math.abs(p)):Array.isArray(p)&&p.forEach(i=>{typeof i=="number"&&(u=Math.max(u,Math.abs(i)))})})});const k=(t?t(u,0):u.toString()).length;return Math.max(d,k*6+12)},N={bar:["var(--color-chart-bar-1)","var(--color-chart-bar-2)","var(--color-chart-bar-3)","var(--color-chart-bar-4)","var(--color-chart-bar-5)","var(--color-chart-bar-6)"],line:["var(--color-chart-line-1)","var(--color-chart-line-2)","var(--color-chart-line-3)","var(--color-chart-line-4)","var(--color-chart-line-5)"],scatter:["var(--color-chart-scatter-1)","var(--color-chart-scatter-2)","var(--color-chart-scatter-3)","var(--color-chart-scatter-4)","var(--color-chart-scatter-5)","var(--color-chart-scatter-6)"],area:["var(--color-chart-area-1)","var(--color-chart-area-2)","var(--color-chart-area-3)","var(--color-chart-area-4)","var(--color-chart-area-5)","var(--color-chart-area-6)"],accessible:["#0066CC","#CC6600","#009966","#CC0066","#6600CC","#CC9900","#006666","#CC0000"]},L=n=>{switch(n){case"dashed":return"5 5";case"dotted":return"2 2";case"solid":default:return}},Ne=(n="circle")=>c=>{const{cx:t,cy:d,r:u,fill:y,stroke:k,strokeWidth:C}=c,o=u||4;switch(n){case"triangle":const p=o*1.5,i=o*1.3,v=`M ${t},${d-p} L ${t+i},${d+p/2} L ${t-i},${d+p/2} Z`;return r.jsx("path",{d:v,fill:y,stroke:k,strokeWidth:C||0});case"square":const f=o*1.4;return r.jsx("rect",{x:t-f,y:d-f,width:f*2,height:f*2,fill:y,stroke:k,strokeWidth:C||0});case"circle":default:return r.jsx("circle",{cx:t,cy:d,r:o,fill:y,stroke:k,strokeWidth:C||0})}},pe=n=>({verticalAlign:"bottom",align:"center"}),Z=({active:n,payload:c,label:t,config:d,tooltipMaxWidth:u="max-w-xs",chartType:y,referenceMarkers:k})=>{if(!n||!c||!c.length)return null;const C=k?.filter(o=>o.xValue===t)||[];return r.jsxs("div",{className:`rounded-[var(--border-radius-s)] border border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] p-[var(--space-m)] shadow-[var(--shadow-300)] min-w-[120px] ${u} z-[9999]`,role:"tooltip","aria-label":"Chart data tooltip",children:[r.jsx("p",{className:"text-label-sm mb-[var(--space-xs)] text-[var(--color-text-primary)]",children:t}),c.map((o,p)=>{const i=d[o.dataKey];let v;if(i?.type==="range-area"&&o.payload){const g=o.payload[o.dataKey];Array.isArray(g)&&g.length===2?v=`${M(g[0])} – ${M(g[1])}`:v=typeof o.value=="number"?M(o.value):o.value}else v=typeof o.value=="number"?M(o.value):o.value;const f=()=>{switch(y){case"line":const g=d[o.dataKey]?.strokeStyle,z=L(g);return r.jsx("div",{className:"w-3 h-0.5 flex-shrink-0 relative","aria-hidden":"true",children:r.jsx("div",{className:"w-full h-full",style:{background:z?`linear-gradient(to right, ${o.color} 50%, transparent 50%)`:o.color,backgroundSize:z==="5 5"?"6px 100%":z==="2 2"?"2px 100%":"100% 100%"}})});case"scatter":return r.jsx("div",{className:"w-2 h-2 rounded-full flex-shrink-0",style:{backgroundColor:o.color},"aria-hidden":"true"});case"composed":switch(d[o.dataKey]?.type){case"line":const S=d[o.dataKey]?.strokeStyle,w=L(S);return r.jsx("div",{className:"w-3 h-0.5 flex-shrink-0 relative","aria-hidden":"true",children:r.jsx("div",{className:"w-full h-full",style:{background:w?`linear-gradient(to right, ${o.color} 50%, transparent 50%)`:o.color,backgroundSize:w==="5 5"?"6px 100%":w==="2 2"?"2px 100%":"100% 100%"}})});case"area":case"range-area":return r.jsx("div",{className:"w-2.5 h-2.5 flex-shrink-0",style:{backgroundColor:o.color},"aria-hidden":"true"});case"bar":default:return r.jsx("div",{className:"w-2 h-2 flex-shrink-0",style:{backgroundColor:o.color},"aria-hidden":"true"})}case"bar":case"horizontal-bar":case"area":default:return r.jsx("div",{className:"w-2 h-2 flex-shrink-0",style:{backgroundColor:o.color},"aria-hidden":"true"})}};return r.jsxs("div",{className:"flex items-center gap-[var(--space-xs)]",children:[f(),r.jsxs("span",{className:"text-body-sm text-[var(--color-text-primary)] min-w-0 break-words",children:[i?.label||o.dataKey,":"]}),r.jsx("span",{className:"text-body-medium-sm text-[var(--color-text-primary)] ml-auto pl-[16px]",children:v})]},p)}),C.length>0&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"my-[var(--space-m)]"}),C.map((o,p)=>r.jsxs(j.Fragment,{children:[o.tooltipLabel&&r.jsx("p",{className:"text-label-sm mb-[var(--space-xs)] text-[var(--color-text-primary)]",children:o.tooltipLabel}),!o.tooltipLabel&&p===0&&r.jsx("p",{className:"text-label-sm mb-[var(--space-xs)] text-[var(--color-text-primary)]",children:"Reference Markers:"}),o.dataPoints.map((i,v)=>{const f=()=>{switch(i.shape||"circle"){case"triangle":return r.jsx("svg",{width:8,height:8,className:"flex-shrink-0",viewBox:"0 0 10 10",children:r.jsx("path",{d:"M 5,2 L 8,8 L 2,8 Z",fill:i.fill||"var(--color-chart-line-1)",stroke:i.stroke||"transparent",strokeWidth:i.strokeWidth||0})});case"square":return r.jsx("svg",{width:8,height:8,className:"flex-shrink-0",viewBox:"0 0 10 10",children:r.jsx("rect",{x:"2",y:"2",width:"6",height:"6",fill:i.fill||"var(--color-chart-line-1)",stroke:i.stroke||"transparent",strokeWidth:i.strokeWidth||0})});case"circle":default:return r.jsx("div",{className:"w-2 h-2 rounded-full flex-shrink-0",style:{backgroundColor:i.fill||"var(--color-chart-line-1)",border:i.stroke?`${i.strokeWidth||1}px solid ${i.stroke}`:"none"}})}};return r.jsxs("div",{className:"flex items-center gap-[var(--space-xs)]",children:[f(),r.jsxs("span",{className:"text-body-sm text-[var(--color-text-primary)] min-w-0 break-words",children:[i.label||`Marker ${v+1}`,":"]}),r.jsx("span",{className:"text-body-medium-sm text-[var(--color-text-primary)] ml-auto pl-[16px]",children:M(i.yValue)})]},`marker-${p}-point-${v}`)})]},`marker-section-${p}`))]})]})};function Se({type:n,data:c,config:t,className:d,height:u=300,width:y,minWidth:k=300,onDataPointClick:C,onDataPointHover:o,highlightedIndex:p,showGrid:i=!0,showLegend:v=!0,showTooltip:f=!0,colorScheme:g,responsive:z=!0,maintainAspectRatio:ve=!1,legendHeight:S,margin:w,yAxisWidth:re,yAxisTickCount:ne,xAxisTickFormatter:fe,yAxisTickFormatter:K,showRightYAxis:G=!1,rightYAxisWidth:te,rightYAxisTickCount:U,rightYAxisDomain:J,rightYAxisTickFormatter:Q,title:A,description:Y,showDataTable:be=!1,tooltipMaxWidth:W="max-w-xs",tooltipAllowEscapeViewBox:D,legendOrder:ae,legendPosition:Ie="bottom",referenceMarkers:se,yAxisDomain:ie,...je}){const[ce,ye]=j.useState(0),b=j.useMemo(()=>{if(g)return N[g];switch(n){case"bar":case"horizontal-bar":return N.bar;case"line":return N.line;case"scatter":return N.scatter;case"composed":return N.bar;default:return N.bar}},[n,g]),x=Object.keys(t).filter(e=>e!=="name"),$=j.useMemo(()=>c.map(e=>{const a={...e};return x.forEach(l=>{if(t[l].type==="range-area"){const h=e[l];Array.isArray(h)&&h.length===2&&(a[l]=h,a[`${l}_min`]=h[0],a[`${l}_max`]=h[1])}}),a}),[c,t,x]),P=j.useCallback(e=>{const a=e?.activeTooltipIndex??0;ye(a),o?.(e?.activePayload?.[0]?.payload,a)},[o]),E=j.useCallback(()=>{o?.(null)},[o]),T=j.useCallback(e=>{const a=e?.activeTooltipIndex??0;C?.(e?.activePayload?.[0]?.payload,a)},[C]),B=j.useMemo(()=>ce>=Math.floor($.length/2),[ce,$.length]),de=()=>{const e={top:0,right:0,left:0,bottom:0};return{top:w?.top??e.top,right:w?.right??e.right,left:w?.left??e.left,bottom:w?.bottom??e.bottom}},ke=j.useMemo(()=>re||me($,x,K,20),[re,$,x,K]),ue=j.useMemo(()=>{if(!G)return 0;if(te)return te;const e=x.filter(a=>t[a].yAxisId==="right");return e.length===0?0:me($,e,Q,20)},[G,te,$,x,t,Q]),he=j.useMemo(()=>x.some(a=>(t[a].yAxisId||"left")==="left")?"left":"right",[x,t]),q=S?{...pe(),wrapperStyle:{position:"absolute",bottom:0,left:0,right:0,height:S,paddingTop:8,zIndex:1}}:pe(),O={data:$,margin:de()},R={axisLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:2},tickLine:!1,tick:{fontSize:10,fill:"var(--color-text-tertiary)",fontFamily:"Inter, sans-serif"},tickFormatter:fe},V={axisLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:2},tickLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:1},tick:{fontSize:10,fill:"var(--color-text-tertiary)",fontFamily:"Inter, sans-serif"},width:ke,tickFormatter:K,...ne&&{tickCount:ne},...ie&&{domain:ie}},X={stroke:"var(--color-border-primary-subtle)",horizontal:!0,vertical:!1},F=({payload:e})=>{if(!e||!e.length)return null;const a=ae?[...e].sort((m,I)=>{const H=ae.indexOf(m.dataKey),ee=ae.indexOf(I.dataKey);return H===-1?1:ee===-1?-1:H-ee}):e,h=de().left+5;return r.jsx("div",{style:{paddingLeft:`${h}px`,paddingRight:"16px"},children:r.jsx("div",{className:"flex flex-wrap justify-start items-start gap-x-[var(--space-m)] gap-y-[var(--space-s)]",children:a.map((m,I)=>{const H=()=>{switch(n){case"line":const ee=t[m.dataKey]?.strokeStyle,oe=L(ee);return r.jsx("div",{className:"w-[12px] h-[2px] flex-shrink-0 relative","aria-hidden":"true",children:r.jsx("div",{className:"w-full h-full",style:{background:oe?`linear-gradient(to right, ${m.color} 50%, transparent 50%)`:m.color,backgroundSize:oe==="5 5"?"8px 100%":oe==="2 2"?"3px 100%":"100% 100%"}})});case"scatter":return r.jsx("div",{className:"w-[6px] h-[6px] rounded-full flex-shrink-0",style:{backgroundColor:m.color},"aria-hidden":"true"});case"composed":switch(t[m.dataKey]?.type){case"line":const ge=t[m.dataKey]?.strokeStyle,le=L(ge);return r.jsx("div",{className:"w-[12px] h-[2px] flex-shrink-0 relative","aria-hidden":"true",children:r.jsx("div",{className:"w-full h-full",style:{background:le?`linear-gradient(to right, ${m.color} 50%, transparent 50%)`:m.color,backgroundSize:le==="5 5"?"8px 100%":le==="2 2"?"3px 100%":"100% 100%"}})});case"area":case"range-area":return r.jsx("div",{className:"w-[8px] h-[8px] flex-shrink-0",style:{backgroundColor:m.color},"aria-hidden":"true"});case"bar":default:return r.jsx("div",{className:"w-[6px] h-[6px] flex-shrink-0",style:{backgroundColor:m.color},"aria-hidden":"true"})}case"bar":case"horizontal-bar":default:return r.jsx("div",{className:"w-[6px] h-[6px] flex-shrink-0",style:{backgroundColor:m.color},"aria-hidden":"true"})}};return r.jsxs("div",{className:"flex items-center justify-center gap-[var(--space-xs)]",children:[H(),r.jsx("span",{className:"[&]:text-body-medium-xsm [&]:text-[var(--color-text-secondary)] leading-none whitespace-nowrap",children:m.value})]},I)})})})},xe=()=>{switch(n){case"bar":return r.jsxs(s.BarChart,{...O,onMouseMove:P,onMouseLeave:E,onClick:T,children:[i&&r.jsx(s.CartesianGrid,{...X}),r.jsx(s.XAxis,{dataKey:"name",...R}),r.jsx(s.YAxis,{...V}),f&&r.jsx(s.Tooltip,{content:e=>r.jsx(Z,{...e,config:t,tooltipMaxWidth:W,chartType:n}),cursor:{stroke:"var(--color-border-primary)",strokeWidth:1,fill:"var(--color-background-neutral-default)",fillOpacity:1},position:{x:void 0,y:void 0},offset:10,animationDuration:0,allowEscapeViewBox:D,reverseDirection:{x:B},wrapperStyle:{zIndex:100}}),v&&r.jsx(s.Legend,{content:r.jsx(F,{}),...q}),x.map((e,a)=>{const l=t[e].color||b[a%b.length];return r.jsx(s.Bar,{dataKey:e,name:t[e].label,fill:l,radius:[0,0,0,0],className:"cursor-pointer transition-colors",isAnimationActive:!1,maxBarSize:60},e)})]});case"horizontal-bar":return r.jsxs(s.BarChart,{...O,layout:"vertical",onMouseMove:P,onMouseLeave:E,onClick:T,children:[i&&r.jsx(s.CartesianGrid,{...X,horizontal:!1,vertical:!0}),r.jsx(s.XAxis,{type:"number",...R}),r.jsx(s.YAxis,{type:"category",dataKey:"name",...V}),f&&r.jsx(s.Tooltip,{content:e=>r.jsx(Z,{...e,config:t,tooltipMaxWidth:W,chartType:n}),cursor:{stroke:"var(--color-border-primary)",strokeWidth:1,fill:"var(--color-background-neutral-default)",fillOpacity:1},position:{x:void 0,y:void 0},offset:10,animationDuration:0,allowEscapeViewBox:D,reverseDirection:{x:B},wrapperStyle:{zIndex:100}}),v&&r.jsx(s.Legend,{content:r.jsx(F,{}),...q}),x.map((e,a)=>{const l=t[e].color||b[a%b.length];return r.jsx(s.Bar,{dataKey:e,name:t[e].label,fill:l,radius:[0,0,0,0],className:"cursor-pointer transition-colors",isAnimationActive:!1,maxBarSize:40},e)})]});case"line":return r.jsxs(s.LineChart,{...O,onMouseMove:P,onMouseLeave:E,onClick:T,children:[i&&r.jsx(s.CartesianGrid,{...X,yAxisId:he}),r.jsx(s.XAxis,{dataKey:"name",...R}),r.jsx(s.YAxis,{yAxisId:"left",...V}),G&&r.jsx(s.YAxis,{yAxisId:"right",orientation:"right",axisLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:2},tickLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:1},tick:{fontSize:10,fill:"var(--color-text-tertiary)",fontFamily:"Inter, sans-serif"},width:ue,tickFormatter:Q,...U&&{tickCount:U},...J&&{domain:J}}),se?.map((e,a)=>e.showLine!==!1?r.jsx(s.ReferenceLine,{x:e.xValue,yAxisId:"left",stroke:e.lineStyle?.stroke||"#000000",strokeWidth:e.lineStyle?.strokeWidth||2,strokeDasharray:e.lineStyle?.strokeDasharray},`marker-line-${a}`):null),f&&r.jsx(s.Tooltip,{content:e=>r.jsx(Z,{...e,config:t,tooltipMaxWidth:W,chartType:n,referenceMarkers:se}),cursor:{stroke:"var(--color-border-primary)",strokeWidth:1,fill:"var(--color-background-neutral-default)",fillOpacity:1},position:{x:void 0,y:void 0},offset:10,animationDuration:0,allowEscapeViewBox:D,reverseDirection:{x:B},wrapperStyle:{zIndex:100}}),v&&r.jsx(s.Legend,{content:r.jsx(F,{}),...q}),x.map((e,a)=>{const l=t[e].color||b[a%b.length];return r.jsx(s.Line,{type:"linear",dataKey:e,name:t[e].label,yAxisId:t[e].yAxisId||"left",stroke:l,strokeWidth:2,strokeDasharray:L(t[e].strokeStyle),dot:t[e].showDots===!0?{fill:l,strokeWidth:0,r:3}:!1,activeDot:{r:5,fill:l},className:"cursor-pointer transition-colors",isAnimationActive:!1},e)}),se?.map((e,a)=>r.jsx(j.Fragment,{children:e.dataPoints.map((l,h)=>r.jsx(s.ReferenceDot,{x:e.xValue,y:l.yValue,yAxisId:"left",r:l.size||4,fill:l.fill||"var(--color-chart-line-1)",stroke:l.stroke||"transparent",strokeWidth:l.strokeWidth||0,shape:Ne(l.shape||"circle")},`marker-${a}-point-${h}`))},`marker-dots-${a}`))]});case"scatter":return r.jsxs(s.ScatterChart,{...O,onMouseMove:P,onMouseLeave:E,onClick:T,children:[i&&r.jsx(s.CartesianGrid,{...X}),r.jsx(s.XAxis,{dataKey:"x",type:"number",...R}),r.jsx(s.YAxis,{dataKey:"y",type:"number",...V}),f&&r.jsx(s.Tooltip,{content:e=>r.jsx(Z,{...e,config:t,tooltipMaxWidth:W,chartType:n}),cursor:{stroke:"var(--color-border-primary)",strokeWidth:1,fill:"var(--color-background-neutral-default)",fillOpacity:1},position:{x:void 0,y:void 0},offset:10,animationDuration:0,allowEscapeViewBox:D,reverseDirection:{x:B},wrapperStyle:{zIndex:100}}),v&&r.jsx(s.Legend,{content:r.jsx(F,{}),...q}),x.filter(e=>e!=="x"&&e!=="y"&&e!=="name").map((e,a)=>{const l=t[e]?.color||b[a%b.length];return r.jsx(s.Scatter,{name:t[e]?.label||e,data:c.map(h=>({x:h.x,y:h.y,[e]:h[e]})),fill:l,className:"cursor-pointer transition-colors",isAnimationActive:!1},e)})]});case"composed":return r.jsxs(s.ComposedChart,{...O,onMouseMove:P,onMouseLeave:E,onClick:T,children:[i&&r.jsx(s.CartesianGrid,{...X,yAxisId:he}),r.jsx(s.XAxis,{dataKey:"name",...R}),r.jsx(s.YAxis,{yAxisId:"left",...V}),G&&r.jsx(s.YAxis,{yAxisId:"right",orientation:"right",axisLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:2},tickLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:1},tick:{fontSize:10,fill:"var(--color-text-tertiary)",fontFamily:"Inter, sans-serif"},width:ue,tickFormatter:Q,...U&&{tickCount:U},...J&&{domain:J}}),f&&r.jsx(s.Tooltip,{content:e=>r.jsx(Z,{...e,config:t,tooltipMaxWidth:W,chartType:n}),cursor:{stroke:"var(--color-border-primary)",strokeWidth:1,fill:"var(--color-background-neutral-default)",fillOpacity:1},position:{x:void 0,y:void 0},offset:10,animationDuration:0,allowEscapeViewBox:D,reverseDirection:{x:B},wrapperStyle:{zIndex:100}}),v&&r.jsx(s.Legend,{content:r.jsx(F,{}),...q}),x.map((e,a)=>{const l=t[e].color||b[a%b.length];return(t[e].type||"bar")==="bar"?r.jsx(s.Bar,{dataKey:e,name:t[e].label,yAxisId:t[e].yAxisId||"left",fill:l,radius:[0,0,0,0],className:"cursor-pointer transition-colors",isAnimationActive:!1,maxBarSize:60},e):null}),x.map((e,a)=>{const l=t[e].color||b[a%b.length],h=t[e].type||"bar";return h==="area"?r.jsx(s.Area,{type:"linear",dataKey:e,name:t[e].label,yAxisId:t[e].yAxisId||"left",stroke:t[e].stroke??l,fill:t[e].fill??l,fillOpacity:.3,className:"cursor-pointer transition-colors",isAnimationActive:!1},e):h==="range-area"?r.jsx(s.Area,{type:"linear",dataKey:e,name:t[e].label,yAxisId:t[e].yAxisId||"left",stroke:t[e].stroke??"none",fill:t[e].fill??l,fillOpacity:.3,className:"cursor-pointer transition-colors",isAnimationActive:!1},e):null}),x.map((e,a)=>{const l=t[e].color||b[a%b.length];return(t[e].type||"bar")==="line"?r.jsx(s.Line,{type:"linear",dataKey:e,name:t[e].label,yAxisId:t[e].yAxisId||"left",stroke:l,strokeWidth:2,strokeDasharray:L(t[e].strokeStyle),dot:t[e].showDots===!0?{fill:l,strokeWidth:0,r:3}:!1,activeDot:{r:5,fill:l},className:"cursor-pointer transition-colors",isAnimationActive:!1},e):null})]});default:return r.jsx("div",{children:"Unsupported chart type"})}},Ce=()=>be?r.jsx("div",{className:"sr-only",children:r.jsxs("table",{role:"table","aria-label":A?`Data for ${A}`:"Chart data",children:[r.jsxs("caption",{className:"sr-only",children:[A&&`${A}. `,Y||`${n} chart showing ${x.length} data series across ${c.length} categories.`]}),r.jsx("thead",{children:r.jsxs("tr",{children:[r.jsx("th",{scope:"col",children:"Category"}),x.map(e=>r.jsx("th",{scope:"col",children:t[e]?.label||e},e))]})}),r.jsx("tbody",{children:c.map((e,a)=>r.jsxs("tr",{children:[r.jsx("th",{scope:"row",children:e.name||`Item ${a+1}`}),x.map(l=>r.jsx("td",{children:K?K(e[l],a):e[l]},l))]},a))})]})}):null,_=j.useRef(null);return j.useEffect(()=>{const e=_.current;if(!e)return;const a=setTimeout(()=>{e.querySelectorAll(".recharts-cartesian-axis-tick").forEach(h=>{const m=h.querySelector("text"),I=h.querySelector(".recharts-cartesian-axis-tick-line");m?.textContent?.trim()==="0"&&I&&I.setAttribute("stroke-width","2")})},100);return()=>clearTimeout(a)},[c,n]),r.jsxs("div",{ref:_,className:we.cn("w-full",d),style:{minWidth:k},role:"img","aria-label":A||`${n} chart`,"aria-describedby":Y?`${_.current?.id||"chart"}-desc`:void 0,...je,children:[A&&r.jsx("h3",{className:"sr-only",id:`${_.current?.id||"chart"}-title`,children:A}),Y&&r.jsx("p",{className:"sr-only",id:`${_.current?.id||"chart"}-desc`,children:Y}),(()=>{const e=S?u-S:u,a=z?r.jsx(s.ResponsiveContainer,{width:y||"100%",height:e,children:xe()||r.jsx("div",{children:"Chart error"})}):r.jsx("div",{style:{width:y||"100%",height:e,minWidth:k},children:xe()||r.jsx("div",{children:"Chart error"})});return S?r.jsx("div",{style:{width:y||"100%"},children:a}):a})(),r.jsx(Ce,{})]})}const Ae=(n,c="bar")=>{const t=N[c];return Array.from({length:n},(d,u)=>t[u%t.length])},$e=(n,c,t)=>Array.isArray(n)?n.reduce((u,y,k)=>(u[y]={label:c?.[k]||y,color:t?.[k]},u),{}):n;exports.Chart=Se;exports.chartColorSchemes=N;exports.createChartConfig=$e;exports.formatNumber=M;exports.generateChartColors=Ae;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),l=require("recharts"),Oe=require("../../lib/utils.cjs"),V=(i,f=0)=>{const p=i.toFixed(f).split("."),x=p[0].replace(/\B(?=(\d{3})+(?!\d))/g," ");return f>0&&p[1]?`${x}.${p[1]}`:x},Me=(i,f,a,p=20)=>{if(!i.length)return p;let x=0;i.forEach(S=>{f.forEach(n=>{const b=S[n];typeof b=="number"?x=Math.max(x,Math.abs(b)):Array.isArray(b)&&b.forEach(c=>{typeof c=="number"&&(x=Math.max(x,Math.abs(c)))})})});const w=(a?a(x,0):x.toString()).length;return Math.max(p,w*6+12)},W={bar:["var(--color-chart-bar-1)","var(--color-chart-bar-2)","var(--color-chart-bar-3)","var(--color-chart-bar-4)","var(--color-chart-bar-5)","var(--color-chart-bar-6)"],line:["var(--color-chart-line-1)","var(--color-chart-line-2)","var(--color-chart-line-3)","var(--color-chart-line-4)","var(--color-chart-line-5)"],scatter:["var(--color-chart-scatter-1)","var(--color-chart-scatter-2)","var(--color-chart-scatter-3)","var(--color-chart-scatter-4)","var(--color-chart-scatter-5)","var(--color-chart-scatter-6)"],area:["var(--color-chart-area-1)","var(--color-chart-area-2)","var(--color-chart-area-3)","var(--color-chart-area-4)","var(--color-chart-area-5)","var(--color-chart-area-6)"],accessible:["#0066CC","#CC6600","#009966","#CC0066","#6600CC","#CC9900","#006666","#CC0000"]},T=i=>{switch(i){case"dashed":return"5 5";case"dotted":return"2 2";case"solid":default:return}},Be=(i="circle")=>f=>{const{cx:a,cy:p,r:x,fill:C,stroke:w,strokeWidth:S}=f,n=x||4;switch(i){case"triangle":const b=n*1.5,c=n*1.3,y=`M ${a},${p-b} L ${a+c},${p+b/2} L ${a-c},${p+b/2} Z`;return e.jsx("path",{d:y,fill:C,stroke:w,strokeWidth:S||0});case"square":const j=n*1.4;return e.jsx("rect",{x:a-j,y:p-j,width:j*2,height:j*2,fill:C,stroke:w,strokeWidth:S||0});case"circle":default:return e.jsx("circle",{cx:a,cy:p,r:n,fill:C,stroke:w,strokeWidth:S||0})}},Ae=i=>({verticalAlign:"bottom",align:"center"}),se=({active:i,payload:f,label:a,config:p,tooltipMaxWidth:x="max-w-xs",chartType:C,referenceMarkers:w})=>{if(!i||!f||!f.length)return null;const S=w?.filter(n=>n.xValue===a)||[];return e.jsxs("div",{className:`rounded-[var(--border-radius-s)] border border-[var(--color-border-primary-medium)] bg-[var(--color-surface-primary)] p-[var(--space-m)] shadow-[var(--shadow-300)] min-w-[120px] ${x} z-[9999]`,role:"tooltip","aria-label":"Chart data tooltip",children:[e.jsx("p",{className:"text-label-sm mb-[var(--space-xs)] text-[var(--color-text-primary)]",children:a}),f.map((n,b)=>{const c=p[n.dataKey];let y;if(c?.type==="range-area"&&n.payload){const N=n.payload[n.dataKey];Array.isArray(N)&&N.length===2?y=`${V(N[0])} – ${V(N[1])}`:y=typeof n.value=="number"?V(n.value):n.value}else y=typeof n.value=="number"?V(n.value):n.value;const j=()=>{switch(C){case"line":const N=p[n.dataKey]?.strokeStyle,q=T(N);return e.jsx("div",{className:"w-3 h-0.5 flex-shrink-0 relative","aria-hidden":"true",children:e.jsx("div",{className:"w-full h-full",style:{background:q?`linear-gradient(to right, ${n.color} 50%, transparent 50%)`:n.color,backgroundSize:q==="5 5"?"6px 100%":q==="2 2"?"2px 100%":"100% 100%"}})});case"scatter":return e.jsx("div",{className:"w-2 h-2 rounded-full flex-shrink-0",style:{backgroundColor:n.color},"aria-hidden":"true"});case"composed":switch(p[n.dataKey]?.type){case"line":const I=p[n.dataKey]?.strokeStyle,$=T(I);return e.jsx("div",{className:"w-3 h-0.5 flex-shrink-0 relative","aria-hidden":"true",children:e.jsx("div",{className:"w-full h-full",style:{background:$?`linear-gradient(to right, ${n.color} 50%, transparent 50%)`:n.color,backgroundSize:$==="5 5"?"6px 100%":$==="2 2"?"2px 100%":"100% 100%"}})});case"area":case"range-area":return e.jsx("div",{className:"w-2.5 h-2.5 flex-shrink-0",style:{backgroundColor:n.color},"aria-hidden":"true"});case"bar":default:return e.jsx("div",{className:"w-2 h-2 flex-shrink-0",style:{backgroundColor:n.color},"aria-hidden":"true"})}case"bar":case"horizontal-bar":case"area":default:return e.jsx("div",{className:"w-2 h-2 flex-shrink-0",style:{backgroundColor:n.color},"aria-hidden":"true"})}};return e.jsxs("div",{className:"flex items-center gap-[var(--space-xs)]",children:[j(),e.jsxs("span",{className:"text-body-sm text-[var(--color-text-primary)] min-w-0 break-words",children:[c?.label||n.dataKey,":"]}),e.jsx("span",{className:"text-body-medium-sm text-[var(--color-text-primary)] ml-auto pl-[16px]",children:y})]},b)}),S.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"my-[var(--space-m)]"}),S.map((n,b)=>e.jsxs(u.Fragment,{children:[n.tooltipLabel&&e.jsx("p",{className:"text-label-sm mb-[var(--space-xs)] text-[var(--color-text-primary)]",children:n.tooltipLabel}),!n.tooltipLabel&&b===0&&e.jsx("p",{className:"text-label-sm mb-[var(--space-xs)] text-[var(--color-text-primary)]",children:"Reference Markers:"}),n.dataPoints.map((c,y)=>{const j=()=>{switch(c.shape||"circle"){case"triangle":return e.jsx("svg",{width:8,height:8,className:"flex-shrink-0",viewBox:"0 0 10 10",children:e.jsx("path",{d:"M 5,2 L 8,8 L 2,8 Z",fill:c.fill||"var(--color-chart-line-1)",stroke:c.stroke||"transparent",strokeWidth:c.strokeWidth||0})});case"square":return e.jsx("svg",{width:8,height:8,className:"flex-shrink-0",viewBox:"0 0 10 10",children:e.jsx("rect",{x:"2",y:"2",width:"6",height:"6",fill:c.fill||"var(--color-chart-line-1)",stroke:c.stroke||"transparent",strokeWidth:c.strokeWidth||0})});case"circle":default:return e.jsx("div",{className:"w-2 h-2 rounded-full flex-shrink-0",style:{backgroundColor:c.fill||"var(--color-chart-line-1)",border:c.stroke?`${c.strokeWidth||1}px solid ${c.stroke}`:"none"}})}};return e.jsxs("div",{className:"flex items-center gap-[var(--space-xs)]",children:[j(),e.jsxs("span",{className:"text-body-sm text-[var(--color-text-primary)] min-w-0 break-words",children:[c.label||`Marker ${y+1}`,":"]}),e.jsx("span",{className:"text-body-medium-sm text-[var(--color-text-primary)] ml-auto pl-[16px]",children:V(c.yValue)})]},`marker-${b}-point-${y}`)})]},`marker-section-${b}`))]})]})};function Ve({type:i,data:f,config:a,className:p,height:x=300,width:C,minWidth:w=300,onDataPointClick:S,onDataPointHover:n,highlightedIndex:b,showGrid:c=!0,showLegend:y=!0,showTooltip:j=!0,colorScheme:N,responsive:q=!0,maintainAspectRatio:Ie=!1,legendHeight:I,margin:$,yAxisWidth:xe,yAxisTickCount:ve,xAxisTickFormatter:$e,yAxisTickFormatter:X,showRightYAxis:le=!1,rightYAxisWidth:he,rightYAxisTickCount:oe,rightYAxisDomain:ne,rightYAxisTickFormatter:ie,title:P,description:ce,showDataTable:ze=!1,tooltipMaxWidth:F="max-w-xs",tooltipAllowEscapeViewBox:_,legendOrder:E,legendPosition:Fe="bottom",referenceMarkers:be,todayMarker:z,yAxisDomain:R,scrollable:D=!1,scrollableWidth:je,...Ke}){const[ke,We]=u.useState(0),k=u.useRef(null),fe=u.useRef(!1),ge=u.useRef(0),Ce=u.useRef(0),Pe=u.useCallback(t=>{k.current&&(fe.current=!0,ge.current=t.pageX-k.current.offsetLeft,Ce.current=k.current.scrollLeft,k.current.style.cursor="grabbing")},[]),De=u.useCallback(t=>{if(!fe.current||!k.current)return;t.preventDefault();const r=t.pageX-k.current.offsetLeft;k.current.scrollLeft=Ce.current-(r-ge.current)},[]),we=u.useCallback(()=>{fe.current=!1,k.current&&(k.current.style.cursor="grab")},[]),g=u.useMemo(()=>{if(N)return W[N];switch(i){case"bar":case"horizontal-bar":return W.bar;case"line":return W.line;case"scatter":return W.scatter;case"composed":return W.bar;default:return W.bar}},[i,N]),h=Object.keys(a).filter(t=>t!=="name"),v=u.useMemo(()=>f.map(t=>{const r={...t};return h.forEach(o=>{if(a[o].type==="range-area"){const s=t[o];Array.isArray(s)&&s.length===2&&(r[o]=s,r[`${o}_min`]=s[0],r[`${o}_max`]=s[1])}}),r}),[f,a,h]),pe=u.useMemo(()=>{if(!z)return null;const t=v.find(r=>r.name===z.xValue);return{xValue:z.xValue,showLine:!0,lineLabel:z.label??"Today",lineStyle:{stroke:"var(--color-border-error-bold)",strokeWidth:2},dataPoints:h.filter(r=>t&&t[r]!=null).map(r=>({yValue:t[r],yAxisId:a[r].yAxisId||"left",fill:"var(--color-background-error-bold)",size:4,pulsing:!0}))}},[z,v,h,a]),me=u.useMemo(()=>[...be??[],...pe?[pe]:[]],[be,pe]),U=u.useCallback(t=>{const r=t?.activeTooltipIndex??0;We(r),n?.(t?.activePayload?.[0]?.payload,r)},[n]),Z=u.useCallback(()=>{n?.(null)},[n]),G=u.useCallback(t=>{const r=t?.activeTooltipIndex??0;S?.(t?.activePayload?.[0]?.payload,r)},[S]),J=u.useMemo(()=>ke>=Math.floor(v.length/2),[ke,v.length]),de=()=>{const t={top:8,right:0,left:0,bottom:0};return{top:$?.top??t.top,right:$?.right??t.right,left:$?.left??t.left,bottom:$?.bottom??t.bottom}},Se=u.useMemo(()=>xe||Me(v,h,X,20),[xe,v,h,X]),O=u.useMemo(()=>{if(!D||R)return R;const t=v.flatMap(r=>h.map(o=>{const s=r[o];return Array.isArray(s)||typeof s=="number"?s:0}).flat());return[Math.min(0,...t),Math.max(...t)]},[D,R,v,h]),Q=u.useMemo(()=>D?je??Math.max(v.length*60,600):void 0,[D,je,v.length]),Ne=u.useMemo(()=>{if(!le)return 0;if(he)return he;const t=h.filter(r=>a[r].yAxisId==="right");return t.length===0?0:Me(v,t,ie,20)},[le,he,v,h,a,ie]),Le=u.useMemo(()=>h.some(r=>(a[r].yAxisId||"left")==="left")?"left":"right",[h,a]),Y=I?{...Ae(),wrapperStyle:{position:"absolute",bottom:0,left:0,right:0,height:I,paddingTop:8,zIndex:1}}:Ae(),H={data:v,margin:de()},ee={axisLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:2},tickLine:!1,tick:{fontSize:10,fill:"var(--color-text-tertiary)",fontFamily:"Inter, sans-serif"},tickFormatter:$e},K={axisLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:2},tickLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:1},tick:{fontSize:10,fill:"var(--color-text-tertiary)",fontFamily:"Inter, sans-serif"},width:Se,tickFormatter:X,...ve&&{tickCount:ve},...R&&{domain:R}},re={stroke:"var(--color-border-primary-subtle)",horizontal:!0,vertical:!1},te=({payload:t})=>{if(!t||!t.length)return null;const r=t.filter(d=>a[d.dataKey]),o=E?[...r].sort((d,A)=>{const L=E.indexOf(d.dataKey),M=E.indexOf(A.dataKey);return L===-1?1:M===-1?-1:L-M}):r,m=de().left+5;return e.jsx("div",{style:{paddingLeft:`${m}px`,paddingRight:"16px"},children:e.jsx("div",{className:"flex flex-wrap justify-start items-start gap-x-[var(--space-m)] gap-y-[var(--space-s)]",children:o.map((d,A)=>{const L=()=>{switch(i){case"line":const M=a[d.dataKey]?.strokeStyle,B=T(M);return e.jsx("div",{className:"w-[12px] h-[2px] flex-shrink-0 relative","aria-hidden":"true",children:e.jsx("div",{className:"w-full h-full",style:{background:B?`linear-gradient(to right, ${d.color} 50%, transparent 50%)`:d.color,backgroundSize:B==="5 5"?"8px 100%":B==="2 2"?"3px 100%":"100% 100%"}})});case"scatter":return e.jsx("div",{className:"w-[6px] h-[6px] rounded-full flex-shrink-0",style:{backgroundColor:d.color},"aria-hidden":"true"});case"composed":switch(a[d.dataKey]?.type){case"line":const Re=a[d.dataKey]?.strokeStyle,ye=T(Re);return e.jsx("div",{className:"w-[12px] h-[2px] flex-shrink-0 relative","aria-hidden":"true",children:e.jsx("div",{className:"w-full h-full",style:{background:ye?`linear-gradient(to right, ${d.color} 50%, transparent 50%)`:d.color,backgroundSize:ye==="5 5"?"8px 100%":ye==="2 2"?"3px 100%":"100% 100%"}})});case"area":case"range-area":return e.jsx("div",{className:"w-[8px] h-[8px] flex-shrink-0",style:{backgroundColor:d.color},"aria-hidden":"true"});case"bar":default:return e.jsx("div",{className:"w-[6px] h-[6px] flex-shrink-0",style:{backgroundColor:d.color},"aria-hidden":"true"})}case"bar":case"horizontal-bar":default:return e.jsx("div",{className:"w-[6px] h-[6px] flex-shrink-0",style:{backgroundColor:d.color},"aria-hidden":"true"})}};return e.jsxs("div",{className:"flex items-center justify-center gap-[var(--space-xs)]",children:[L(),e.jsx("span",{className:"[&]:text-body-medium-xsm [&]:text-[var(--color-text-secondary)] leading-none whitespace-nowrap",children:d.value})]},A)})})})},Te=()=>{const t=E?[...E,...Object.keys(a).filter(s=>!E.includes(s))]:Object.keys(a),o=de().left+5;return e.jsx("div",{style:{paddingLeft:`${o}px`,paddingRight:"16px"},children:e.jsx("div",{className:"flex flex-wrap justify-start items-start gap-x-[var(--space-m)] gap-y-[var(--space-s)]",children:t.map((s,m)=>{const d=a[s];if(!d)return null;const A=d.color??"currentColor",L=T(d.strokeStyle),M=e.jsx("div",{className:"w-[12px] h-[2px] flex-shrink-0 relative","aria-hidden":"true",children:e.jsx("div",{className:"w-full h-full",style:{background:L?`linear-gradient(to right, ${A} 50%, transparent 50%)`:A,backgroundSize:L==="5 5"?"8px 100%":L==="2 2"?"3px 100%":"100% 100%"}})});return e.jsxs("div",{className:"flex items-center justify-center gap-[var(--space-xs)]",children:[M,e.jsx("span",{className:"[&]:text-body-medium-xsm [&]:text-[var(--color-text-secondary)] leading-none whitespace-nowrap",children:d.label})]},m)})})})},ue=(t="full")=>{switch(i){case"bar":return e.jsxs(l.BarChart,{...H,onMouseMove:U,onMouseLeave:Z,onClick:G,children:[t!=="yaxis-only"&&c&&e.jsx(l.CartesianGrid,{...re}),e.jsx(l.XAxis,{dataKey:"name",...ee,...t==="yaxis-only"&&{axisLine:!1,tickLine:!1,tick:!1}}),e.jsx(l.YAxis,{...K,hide:t==="data-only",width:t==="data-only"?0:K.width,...t!=="full"&&O?{domain:O}:{}}),t!=="yaxis-only"&&j&&e.jsx(l.Tooltip,{content:r=>e.jsx(se,{...r,config:a,tooltipMaxWidth:F,chartType:i}),cursor:{stroke:"var(--color-border-primary)",strokeWidth:1,fill:"var(--color-background-neutral-default)",fillOpacity:1},position:{x:void 0,y:void 0},offset:10,animationDuration:0,allowEscapeViewBox:_,reverseDirection:{x:J},wrapperStyle:{zIndex:100}}),t==="full"&&y&&e.jsx(l.Legend,{content:e.jsx(te,{}),...Y}),h.map((r,o)=>{const s=a[r].color||g[o%g.length];return e.jsx(l.Bar,{dataKey:r,name:a[r].label,fill:s,fillOpacity:t==="yaxis-only"?0:1,radius:[0,0,0,0],className:"cursor-pointer transition-colors",isAnimationActive:!1,maxBarSize:60},r)})]});case"horizontal-bar":return e.jsxs(l.BarChart,{...H,layout:"vertical",onMouseMove:U,onMouseLeave:Z,onClick:G,children:[c&&e.jsx(l.CartesianGrid,{...re,horizontal:!1,vertical:!0}),e.jsx(l.XAxis,{type:"number",...ee}),e.jsx(l.YAxis,{type:"category",dataKey:"name",...K}),j&&e.jsx(l.Tooltip,{content:r=>e.jsx(se,{...r,config:a,tooltipMaxWidth:F,chartType:i}),cursor:{stroke:"var(--color-border-primary)",strokeWidth:1,fill:"var(--color-background-neutral-default)",fillOpacity:1},position:{x:void 0,y:void 0},offset:10,animationDuration:0,allowEscapeViewBox:_,reverseDirection:{x:J},wrapperStyle:{zIndex:100}}),y&&e.jsx(l.Legend,{content:e.jsx(te,{}),...Y}),h.map((r,o)=>{const s=a[r].color||g[o%g.length];return e.jsx(l.Bar,{dataKey:r,name:a[r].label,fill:s,radius:[0,0,0,0],className:"cursor-pointer transition-colors",isAnimationActive:!1,maxBarSize:40},r)})]});case"line":return e.jsxs(l.LineChart,{...H,onMouseMove:U,onMouseLeave:Z,onClick:G,children:[t!=="yaxis-only"&&c&&e.jsx(l.CartesianGrid,{...re,yAxisId:Le}),e.jsx(l.XAxis,{dataKey:"name",...ee,...t==="yaxis-only"&&{axisLine:!1,tickLine:!1,tick:!1}}),e.jsx(l.YAxis,{yAxisId:"left",...K,hide:t==="data-only",width:t==="data-only"?0:K.width,...t!=="full"&&O?{domain:O}:{}}),t!=="yaxis-only"&&le&&e.jsx(l.YAxis,{yAxisId:"right",orientation:"right",axisLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:2},tickLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:1},tick:{fontSize:10,fill:"var(--color-text-tertiary)",fontFamily:"Inter, sans-serif"},width:Ne,tickFormatter:ie,...oe&&{tickCount:oe},...ne&&{domain:ne}}),t!=="yaxis-only"&&j&&e.jsx(l.Tooltip,{content:r=>e.jsx(se,{...r,config:a,tooltipMaxWidth:F,chartType:i,referenceMarkers:me}),cursor:{stroke:"var(--color-border-primary)",strokeWidth:1,fill:"var(--color-background-neutral-default)",fillOpacity:1},position:{x:void 0,y:void 0},offset:10,animationDuration:0,allowEscapeViewBox:_,reverseDirection:{x:J},wrapperStyle:{zIndex:100}}),t==="full"&&y&&e.jsx(l.Legend,{content:e.jsx(te,{}),...Y}),h.map((r,o)=>{const s=a[r].color||g[o%g.length];return e.jsx(l.Line,{type:"linear",dataKey:r,name:a[r].label,yAxisId:a[r].yAxisId||"left",stroke:s,strokeWidth:2,strokeOpacity:t==="yaxis-only"?0:1,strokeDasharray:T(a[r].strokeStyle),dot:t==="yaxis-only"?!1:a[r].showDots===!0?{fill:s,strokeWidth:0,r:3}:!1,activeDot:t==="yaxis-only"?!1:{r:5,fill:s},className:"cursor-pointer transition-colors",isAnimationActive:!1},r)}),t!=="yaxis-only"&&me.map((r,o)=>r.showLine!==!1?e.jsx(l.ReferenceLine,{x:r.xValue,yAxisId:"left",stroke:r.lineStyle?.stroke||"#000000",strokeWidth:r.lineStyle?.strokeWidth||2,strokeDasharray:r.lineStyle?.strokeDasharray,label:r.lineLabel?s=>{const{viewBox:m}=s;return m?e.jsx("text",{x:m.x+6,y:m.y+8,dominantBaseline:"middle",fill:"var(--color-text-error-bold)",fontSize:10,fontFamily:"inherit",fontWeight:700,children:r.lineLabel}):null}:void 0},`marker-line-${o}`):null),t!=="yaxis-only"&&me.map((r,o)=>e.jsx(u.Fragment,{children:r.dataPoints?.map((s,m)=>e.jsx(l.ReferenceDot,{x:r.xValue,y:s.yValue,yAxisId:s.yAxisId||"left",r:s.size||4,fill:s.fill||"var(--color-chart-line-1)",stroke:s.stroke||"transparent",strokeWidth:s.strokeWidth||0,shape:s.pulsing?d=>{const{cx:A,cy:L}=d,M=s.size||4,B=s.fill||"var(--color-background-error-bold)";return e.jsxs("g",{children:[e.jsxs("circle",{cx:A,cy:L,r:M+1,fill:B,opacity:.3,children:[e.jsx("animate",{attributeName:"r",from:String(M+1),to:String(M+8),dur:"1.5s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"opacity",from:"0.35",to:"0",dur:"1.5s",repeatCount:"indefinite"})]}),e.jsx("circle",{cx:A,cy:L,r:M,fill:B})]})}:Be(s.shape||"circle")},`marker-${o}-point-${m}`))},`marker-dots-${o}`))]});case"scatter":return e.jsxs(l.ScatterChart,{...H,onMouseMove:U,onMouseLeave:Z,onClick:G,children:[c&&e.jsx(l.CartesianGrid,{...re}),e.jsx(l.XAxis,{dataKey:"x",type:"number",...ee}),e.jsx(l.YAxis,{dataKey:"y",type:"number",...K}),j&&e.jsx(l.Tooltip,{content:r=>e.jsx(se,{...r,config:a,tooltipMaxWidth:F,chartType:i}),cursor:{stroke:"var(--color-border-primary)",strokeWidth:1,fill:"var(--color-background-neutral-default)",fillOpacity:1},position:{x:void 0,y:void 0},offset:10,animationDuration:0,allowEscapeViewBox:_,reverseDirection:{x:J},wrapperStyle:{zIndex:100}}),y&&e.jsx(l.Legend,{content:e.jsx(te,{}),...Y}),h.filter(r=>r!=="x"&&r!=="y"&&r!=="name").map((r,o)=>{const s=a[r]?.color||g[o%g.length];return e.jsx(l.Scatter,{name:a[r]?.label||r,data:f.map(m=>({x:m.x,y:m.y,[r]:m[r]})),fill:s,className:"cursor-pointer transition-colors",isAnimationActive:!1},r)})]});case"composed":return e.jsxs(l.ComposedChart,{...H,onMouseMove:U,onMouseLeave:Z,onClick:G,children:[t!=="yaxis-only"&&c&&e.jsx(l.CartesianGrid,{...re,yAxisId:Le}),e.jsx(l.XAxis,{dataKey:"name",...ee,...t==="yaxis-only"&&{axisLine:!1,tickLine:!1,tick:!1}}),e.jsx(l.YAxis,{yAxisId:"left",...K,hide:t==="data-only",width:t==="data-only"?0:K.width,...t!=="full"&&O?{domain:O}:{}}),t!=="yaxis-only"&&le&&e.jsx(l.YAxis,{yAxisId:"right",orientation:"right",axisLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:2},tickLine:{stroke:"var(--color-border-primary-subtle)",strokeWidth:1},tick:{fontSize:10,fill:"var(--color-text-tertiary)",fontFamily:"Inter, sans-serif"},width:Ne,tickFormatter:ie,...oe&&{tickCount:oe},...ne&&{domain:ne}}),t!=="yaxis-only"&&j&&e.jsx(l.Tooltip,{content:r=>e.jsx(se,{...r,config:a,tooltipMaxWidth:F,chartType:i}),cursor:{stroke:"var(--color-border-primary)",strokeWidth:1,fill:"var(--color-background-neutral-default)",fillOpacity:1},position:{x:void 0,y:void 0},offset:10,animationDuration:0,allowEscapeViewBox:_,reverseDirection:{x:J},wrapperStyle:{zIndex:100}}),t==="full"&&y&&e.jsx(l.Legend,{content:e.jsx(te,{}),...Y}),h.map((r,o)=>{const s=a[r].color||g[o%g.length];return(a[r].type||"bar")==="bar"?e.jsx(l.Bar,{dataKey:r,name:a[r].label,yAxisId:a[r].yAxisId||"left",fill:s,fillOpacity:t==="yaxis-only"?0:1,radius:[0,0,0,0],className:"cursor-pointer transition-colors",isAnimationActive:!1,maxBarSize:60},r):null}),h.map((r,o)=>{const s=a[r].color||g[o%g.length],m=a[r].type||"bar";return m==="area"?e.jsx(l.Area,{type:"linear",dataKey:r,name:a[r].label,yAxisId:a[r].yAxisId||"left",stroke:a[r].stroke??s,strokeOpacity:t==="yaxis-only"?0:1,fill:a[r].fill??s,fillOpacity:t==="yaxis-only"?0:.3,className:"cursor-pointer transition-colors",isAnimationActive:!1},r):m==="range-area"?e.jsx(l.Area,{type:"linear",dataKey:r,name:a[r].label,yAxisId:a[r].yAxisId||"left",stroke:a[r].stroke??"none",strokeOpacity:t==="yaxis-only"?0:1,fill:a[r].fill??s,fillOpacity:t==="yaxis-only"?0:.3,className:"cursor-pointer transition-colors",isAnimationActive:!1},r):null}),h.map((r,o)=>{const s=a[r].color||g[o%g.length];return(a[r].type||"bar")==="line"?e.jsx(l.Line,{type:"linear",dataKey:r,name:a[r].label,yAxisId:a[r].yAxisId||"left",stroke:s,strokeWidth:2,strokeOpacity:t==="yaxis-only"?0:1,strokeDasharray:T(a[r].strokeStyle),dot:t==="yaxis-only"?!1:a[r].showDots===!0?{fill:s,strokeWidth:0,r:3}:!1,activeDot:t==="yaxis-only"?!1:{r:5,fill:s},className:"cursor-pointer transition-colors",isAnimationActive:!1},r):null})]});default:return e.jsx("div",{children:"Unsupported chart type"})}},Ee=()=>ze?e.jsx("div",{className:"sr-only",children:e.jsxs("table",{role:"table","aria-label":P?`Data for ${P}`:"Chart data",children:[e.jsxs("caption",{className:"sr-only",children:[P&&`${P}. `,ce||`${i} chart showing ${h.length} data series across ${f.length} categories.`]}),e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:"Category"}),h.map(t=>e.jsx("th",{scope:"col",children:a[t]?.label||t},t))]})}),e.jsx("tbody",{children:f.map((t,r)=>e.jsxs("tr",{children:[e.jsx("th",{scope:"row",children:t.name||`Item ${r+1}`}),h.map(o=>e.jsx("td",{children:X?X(t[o],r):t[o]},o))]},r))})]})}):null,ae=u.useRef(null);return u.useEffect(()=>{const t=ae.current;if(!t)return;const r=setTimeout(()=>{t.querySelectorAll(".recharts-cartesian-axis-tick").forEach(s=>{const m=s.querySelector("text"),d=s.querySelector(".recharts-cartesian-axis-tick-line");m?.textContent?.trim()==="0"&&d&&d.setAttribute("stroke-width","2")})},100);return()=>clearTimeout(r)},[f,i]),u.useEffect(()=>{if(!D||!z||!k.current||!Q)return;const t=v.findIndex(o=>o.name===z.xValue);if(t<0)return;const r=setTimeout(()=>{if(!k.current)return;const o=k.current.offsetWidth,s=t/(v.length-1)*Q;k.current.scrollLeft=Math.max(0,s-o/2)},50);return()=>clearTimeout(r)},[D,z,Q,v]),e.jsxs("div",{ref:ae,className:Oe.cn("w-full",p),style:{minWidth:w},role:"img","aria-label":P||`${i} chart`,"aria-describedby":ce?`${ae.current?.id||"chart"}-desc`:void 0,...Ke,children:[P&&e.jsx("h3",{className:"sr-only",id:`${ae.current?.id||"chart"}-title`,children:P}),ce&&e.jsx("p",{className:"sr-only",id:`${ae.current?.id||"chart"}-desc`,children:ce}),(()=>{const t=I?x-I:x;if(D&&i!=="horizontal-bar"&&i!=="scatter"){const o=Se+(de().left??0);return e.jsxs("div",{style:{height:y&&I?x:t},children:[e.jsxs("div",{className:"flex w-full",style:{height:t},children:[e.jsx("div",{style:{width:o,flexShrink:0,overflow:"hidden"},children:e.jsx(l.ResponsiveContainer,{width:o,height:t,children:ue("yaxis-only")||e.jsx("div",{children:"Chart error"})})}),e.jsx("div",{ref:k,className:"flex-1 overflow-x-scroll overflow-y-hidden scrollbar-hide select-none",style:{cursor:"grab"},onMouseDown:Pe,onMouseMove:De,onMouseUp:we,onMouseLeave:we,children:e.jsx("div",{style:{width:Q,height:t},children:e.jsx(l.ResponsiveContainer,{width:Q,height:t,children:ue("data-only")||e.jsx("div",{children:"Chart error"})})})})]}),y&&Te()]})}const r=q?e.jsx(l.ResponsiveContainer,{width:C||"100%",height:t,children:ue()||e.jsx("div",{children:"Chart error"})}):e.jsx("div",{style:{width:C||"100%",height:t,minWidth:w},children:ue()||e.jsx("div",{children:"Chart error"})});return I?e.jsx("div",{style:{width:C||"100%"},children:r}):r})(),e.jsx(Ee,{})]})}const qe=(i,f="bar")=>{const a=W[f];return Array.from({length:i},(p,x)=>a[x%a.length])},Xe=(i,f,a)=>Array.isArray(i)?i.reduce((x,C,w)=>(x[C]={label:f?.[w]||C,color:a?.[w]},x),{}):i;exports.Chart=Ve;exports.chartColorSchemes=W;exports.createChartConfig=Xe;exports.formatNumber=V;exports.generateChartColors=qe;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),p=require("@radix-ui/react-separator"),c=require("../../lib/utils.cjs"),f=require("./icon.cjs"),d=require("./custom-icons.cjs");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const h=s(m),l=s(p),u=h.forwardRef(({className:e,decorative:r=!0,type:t="horizontal-line",...o},i)=>{if(t==="dot")return n.jsx("div",{ref:i,role:r?"presentation":"separator","aria-orientation":"vertical",className:c.cn("flex h-[1em] shrink-0 items-center justify-center",e),...o,children:n.jsx(f.Icon,{name:d.Dot,size:"l",color:"tertiary"})});const a=t==="vertical-line"?"vertical":"horizontal";return n.jsx(l.Root,{ref:i,decorative:r,orientation:a,className:c.cn("shrink-0 bg-[var(--grey-alpha-100)]",a==="horizontal"?"h-px w-full":"h-7 w-px",e),...o})});u.displayName=l.Root.displayName;exports.Separator=u;
|
|
@@ -14,7 +14,7 @@ const B = j(
|
|
|
14
14
|
"border border-[var(--color-border-action-outline)]",
|
|
15
15
|
"enabled:hover:bg-[var(--color-background-neutral-subtlest-hovered)] enabled:hover:border-[var(--color-border-action-outline-hovered)] enabled:hover:shadow-[var(--shadow-200)]",
|
|
16
16
|
"focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2",
|
|
17
|
-
"enabled:active:bg-[var(--grey-
|
|
17
|
+
"enabled:active:bg-[var(--grey-50)] enabled:active:translate-y-px enabled:active:shadow-[var(--shadow-100)]",
|
|
18
18
|
"disabled:bg-[var(--color-background-disabled)] disabled:[&]:text-[var(--color-text-disabled)] disabled:border-[var(--color-border-action-outline)]"
|
|
19
19
|
],
|
|
20
20
|
secondary: [
|
|
@@ -22,7 +22,7 @@ const B = j(
|
|
|
22
22
|
"border border-[var(--color-border-action-outline)]",
|
|
23
23
|
"enabled:hover:bg-[var(--color-background-neutral-subtlest-hovered)] enabled:hover:border-[var(--color-border-action-outline-hovered)] enabled:hover:shadow-[var(--shadow-200)]",
|
|
24
24
|
"focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2",
|
|
25
|
-
"enabled:active:bg-[var(--grey-
|
|
25
|
+
"enabled:active:bg-[var(--grey-50)] enabled:active:translate-y-px enabled:active:shadow-[var(--shadow-100)]",
|
|
26
26
|
"disabled:bg-[var(--color-background-disabled)] disabled:[&]:text-[var(--color-text-disabled)] disabled:border-[var(--color-border-action-outline)]"
|
|
27
27
|
],
|
|
28
28
|
primary: [
|
|
@@ -52,10 +52,10 @@ const B = j(
|
|
|
52
52
|
ghost: [
|
|
53
53
|
"bg-transparent text-[var(--color-text-primary)]",
|
|
54
54
|
"border-none",
|
|
55
|
-
"enabled:hover:bg-[var(--color-background-neutral-hovered)]",
|
|
55
|
+
"enabled:hover:bg-[var(--color-background-neutral-hovered-opacity)]",
|
|
56
56
|
"focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2",
|
|
57
|
-
"enabled:active:bg-[var(--grey-alpha-
|
|
58
|
-
"disabled:bg-
|
|
57
|
+
"enabled:active:bg-[var(--grey-alpha-200)] enabled:active:translate-y-px",
|
|
58
|
+
"disabled:bg-transparent disabled:[&]:text-[var(--color-text-disabled)]"
|
|
59
59
|
]
|
|
60
60
|
},
|
|
61
61
|
size: {
|
|
@@ -133,10 +133,10 @@ const B = j(
|
|
|
133
133
|
), C = /* @__PURE__ */ N.forwardRef(
|
|
134
134
|
({
|
|
135
135
|
className: u,
|
|
136
|
-
variant:
|
|
136
|
+
variant: o,
|
|
137
137
|
size: b,
|
|
138
138
|
children: s,
|
|
139
|
-
icon:
|
|
139
|
+
icon: a,
|
|
140
140
|
iconPosition: p,
|
|
141
141
|
dropdown: i = !1,
|
|
142
142
|
dropdownOpen: g = !1,
|
|
@@ -145,7 +145,7 @@ const B = j(
|
|
|
145
145
|
type: m = "button",
|
|
146
146
|
...h
|
|
147
147
|
}, x) => {
|
|
148
|
-
const l = b || "m", v = f || e, n = v ? "disabled" :
|
|
148
|
+
const l = b || "m", v = f || e, n = v ? "disabled" : o === "primary" || o === "destructive" || o === "success" ? "inverse" : "primary", w = () => e ? /* @__PURE__ */ d(c, { name: I, size: l, color: n, className: "animate-spin" }) : null, t = () => e ? w() : a ? /* @__PURE__ */ d(c, { name: a, size: l, color: n }) : null, y = () => i ? /* @__PURE__ */ d(c, { name: D, size: l, color: n }) : null, r = a && s ? p : e && s ? "left" : a || e ? "only" : "none", z = i ? {
|
|
149
149
|
"aria-haspopup": "menu",
|
|
150
150
|
"aria-expanded": g
|
|
151
151
|
} : {}, k = e ? {
|
|
@@ -158,7 +158,7 @@ const B = j(
|
|
|
158
158
|
type: m,
|
|
159
159
|
className: V(
|
|
160
160
|
B({
|
|
161
|
-
variant:
|
|
161
|
+
variant: o,
|
|
162
162
|
size: b,
|
|
163
163
|
iconPosition: r,
|
|
164
164
|
className: u
|