@kodiak-finance/orderly-chart 2.8.16-rc.0 → 2.8.16-rc.2

package/dist/index.d.mts

@@ -40,6 +40,58 @@ type PnlAreaChartProps$1 = {
 };
 declare const PnlAreaChart: React.FC<PnlAreaChartProps$1>;
 
+type CombinedPnLChartDataItem = {
+    date: string;
+    pnl: number;
+};
+type CombinedPnLChartProps = {
+    data: ReadonlyArray<CombinedPnLChartDataItem> | CombinedPnLChartDataItem[];
+    aggregationWindow?: "15m" | "1h" | "1d";
+    colors?: {
+        profit: string;
+        loss: string;
+    };
+    isMobile?: boolean;
+    invisible?: boolean;
+    responsiveContainerProps?: Omit<Props, "children">;
+    className?: string;
+};
+declare const CombinedPnLChart: React.FC<CombinedPnLChartProps>;
+
+type CombinedVolumeChartDataItem = {
+    date: string;
+    volume: number;
+};
+type CombinedVolumeChartProps = {
+    data: ReadonlyArray<CombinedVolumeChartDataItem> | CombinedVolumeChartDataItem[];
+    aggregationWindow?: "15m" | "1h" | "1d";
+    colors?: {
+        fill: string;
+    };
+    isMobile?: boolean;
+    invisible?: boolean;
+    responsiveContainerProps?: Omit<Props, "children">;
+    className?: string;
+};
+declare const CombinedVolumeChart: React.FC<CombinedVolumeChartProps>;
+
+type CombinedFeesChartDataItem = {
+    date: string;
+    fees: number;
+};
+type CombinedFeesChartProps = {
+    data: ReadonlyArray<CombinedFeesChartDataItem> | CombinedFeesChartDataItem[];
+    aggregationWindow?: "15m" | "1h" | "1d";
+    colors?: {
+        fill: string;
+    };
+    isMobile?: boolean;
+    invisible?: boolean;
+    responsiveContainerProps?: Omit<Props, "children">;
+    className?: string;
+};
+declare const CombinedFeesChart: React.FC<CombinedFeesChartProps>;
+
 type AssetChartDataItem$1 = {
     date: string;
     account_value: number;
@@ -91,4 +143,4 @@ declare const VolBarChart: React.FC<VolChartProps>;
 
 declare const chartPlugin: PluginCreator;
 
-export { AssetAreaChart, type AssetChartDataItem$1 as AssetChartDataItem, AssetLineChart, PnLBarChart, PnlAreaChart, type PnlAreaChartProps, PnlLineChart, type PnlLineChartProps, VolBarChart, type VolChartDataItem, chartPlugin };
+export { AssetAreaChart, type AssetChartDataItem$1 as AssetChartDataItem, AssetLineChart, CombinedFeesChart, type CombinedFeesChartDataItem, type CombinedFeesChartProps, CombinedPnLChart, type CombinedPnLChartDataItem, type CombinedPnLChartProps, CombinedVolumeChart, type CombinedVolumeChartDataItem, type CombinedVolumeChartProps, PnLBarChart, PnlAreaChart, type PnlAreaChartProps, PnlLineChart, type PnlLineChartProps, VolBarChart, type VolChartDataItem, chartPlugin };

package/dist/index.d.ts

@@ -40,6 +40,58 @@ type PnlAreaChartProps$1 = {
 };
 declare const PnlAreaChart: React.FC<PnlAreaChartProps$1>;
 
+type CombinedPnLChartDataItem = {
+    date: string;
+    pnl: number;
+};
+type CombinedPnLChartProps = {
+    data: ReadonlyArray<CombinedPnLChartDataItem> | CombinedPnLChartDataItem[];
+    aggregationWindow?: "15m" | "1h" | "1d";
+    colors?: {
+        profit: string;
+        loss: string;
+    };
+    isMobile?: boolean;
+    invisible?: boolean;
+    responsiveContainerProps?: Omit<Props, "children">;
+    className?: string;
+};
+declare const CombinedPnLChart: React.FC<CombinedPnLChartProps>;
+
+type CombinedVolumeChartDataItem = {
+    date: string;
+    volume: number;
+};
+type CombinedVolumeChartProps = {
+    data: ReadonlyArray<CombinedVolumeChartDataItem> | CombinedVolumeChartDataItem[];
+    aggregationWindow?: "15m" | "1h" | "1d";
+    colors?: {
+        fill: string;
+    };
+    isMobile?: boolean;
+    invisible?: boolean;
+    responsiveContainerProps?: Omit<Props, "children">;
+    className?: string;
+};
+declare const CombinedVolumeChart: React.FC<CombinedVolumeChartProps>;
+
+type CombinedFeesChartDataItem = {
+    date: string;
+    fees: number;
+};
+type CombinedFeesChartProps = {
+    data: ReadonlyArray<CombinedFeesChartDataItem> | CombinedFeesChartDataItem[];
+    aggregationWindow?: "15m" | "1h" | "1d";
+    colors?: {
+        fill: string;
+    };
+    isMobile?: boolean;
+    invisible?: boolean;
+    responsiveContainerProps?: Omit<Props, "children">;
+    className?: string;
+};
+declare const CombinedFeesChart: React.FC<CombinedFeesChartProps>;
+
 type AssetChartDataItem$1 = {
     date: string;
     account_value: number;
@@ -91,4 +143,4 @@ declare const VolBarChart: React.FC<VolChartProps>;
 
 declare const chartPlugin: PluginCreator;
 
-export { AssetAreaChart, type AssetChartDataItem$1 as AssetChartDataItem, AssetLineChart, PnLBarChart, PnlAreaChart, type PnlAreaChartProps, PnlLineChart, type PnlLineChartProps, VolBarChart, type VolChartDataItem, chartPlugin };
+export { AssetAreaChart, type AssetChartDataItem$1 as AssetChartDataItem, AssetLineChart, CombinedFeesChart, type CombinedFeesChartDataItem, type CombinedFeesChartProps, CombinedPnLChart, type CombinedPnLChartDataItem, type CombinedPnLChartProps, CombinedVolumeChart, type CombinedVolumeChartDataItem, type CombinedVolumeChartProps, PnLBarChart, PnlAreaChart, type PnlAreaChartProps, PnlLineChart, type PnlLineChartProps, VolBarChart, type VolChartDataItem, chartPlugin };

package/dist/index.js

@@ -1,2 +1,2 @@
-'use strict';var react=require('react'),recharts=require('recharts'),orderlyI18n=require('@kodiak-finance/orderly-i18n'),orderlyUi=require('@kodiak-finance/orderly-ui'),orderlyUtils=require('@kodiak-finance/orderly-utils'),jsxRuntime=require('react/jsx-runtime');var E=Object.create;var A=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var F=(t,r)=>()=>(r||t((r={exports:{}}).exports,r),r.exports);var U=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of H(r))!Q.call(t,a)&&a!==e&&A(t,a,{get:()=>r[a],enumerable:!(o=Y(r,a))||o.enumerable});return t};var J=(t,r,e)=>(e=t!=null?E(q(t)):{},U(!t||!t.__esModule?A(e,"default",{value:t,enumerable:true}):e,t));var z=F(k=>{Object.defineProperty(k,"__esModule",{value:true});Object.defineProperty(k,"default",{enumerable:true,get:function(){return Xe}});function V(t,r){return {handler:t,config:r}}V.withOptions=function(t,r=()=>({})){let e=function(o){return {__options:o,handler:t(o),config:r(o)}};return e.__isOptionsFunction=true,e.__pluginFunction=t,e.__configFunction=r,e};var Xe=V;});var N=F(P=>{Object.defineProperty(P,"__esModule",{value:true});Object.defineProperty(P,"default",{enumerable:true,get:function(){return Ye}});var We=Ee(z());function Ee(t){return t&&t.__esModule?t:{default:t}}var Ye=We.default;});var $=F((ho,M)=>{var R=N();M.exports=(R.__esModule?R:{default:R}).default;});var d=t=>{let r=Math.abs(t),e=r===0?0:r<=10?2:r<=100?1:0,o=orderlyUtils.numberToHumanStyle(r,e);return t<0?`-${o}`:o};var p=t=>{let{label:r,value:e,prefix:o,unit:a="USDC",coloring:i=false,dp:n,rm:g}=t;return jsxRuntime.jsxs(orderlyUi.Box,{intensity:600,p:3,r:"md",children:[jsxRuntime.jsxs(orderlyUi.Flex,{direction:"row",className:t.titleClassName,children:[o,jsxRuntime.jsx(orderlyUi.Text.numeral,{unit:a,as:"div",size:"sm",coloring:i,showIdentifier:i,unitClassName:"oui-text-base-contrast-54 oui-ml-1",weight:"semibold",rm:g,dp:n,children:e})]}),jsxRuntime.jsx(orderlyUi.Text,{size:"2xs",intensity:54,weight:"semibold",children:r})]})};var S=()=>{let t=document.documentElement,r=getComputedStyle(t);return {primary:y(r.getPropertyValue("--oui-color-primary")),primaryLight:y(r.getPropertyValue("--oui-color-primary-light")),secondary:y(r.getPropertyValue("--oui-color-secondary")),success:y(r.getPropertyValue("--oui-color-success")),warning:y(r.getPropertyValue("--oui-color-warning")),danger:y(r.getPropertyValue("--oui-color-danger")),info:y(r.getPropertyValue("--oui-color-info")),loss:y(r.getPropertyValue("--oui-color-trading-loss")),profit:y(r.getPropertyValue("--oui-color-trading-profit"))}},y=t=>`rgb(${t.split(" ").join(",")})`;var m=t=>react.useMemo(()=>{let e=S();return {profit:t?.profit||e.profit,loss:t?.loss||e.loss,primary:e.primary,primaryLight:e.primaryLight}},[t]);var ft=t=>{let{fill:r,x:e,y:o,width:a,height:i}=t,n=Math.abs(i);return jsxRuntime.jsx("rect",{rx:2,x:e,y:i>0?o:o+i,width:a,height:n,stroke:"none",fill:r})},dt=t=>{let{x:r,y:e,stroke:o,payload:a,index:i,width:n,containerWidth:g}=t,{t:X}=orderlyI18n.useTranslation(),W=i===0?48:g>0?g-10:n+a.offset;return jsxRuntime.jsx("g",{transform:`translate(${W},${e-6})`,children:jsxRuntime.jsx("text",{x:0,y:0,dy:16,textAnchor:i===0?"start":"end",fontSize:10,fill:"rgba(255,255,255,0.54)",children:i===0?a.value:X("chart.now")})})},yt=t=>{let{width:r,height:e,stroke:o,fill:a}=t;return jsxRuntime.jsx(recharts.Cross,{x:t.x+t.width/2,top:t.top,height:e,width:1,stroke:"rgba(255,255,255,0.16)",strokeDasharray:"3 2",fill:"none"})},ht=t=>{let{active:r,payload:e,label:o}=t,a=react.useRef(new Date().toISOString().split("T")[0]),{t:i}=orderlyI18n.useTranslation();return r&&e&&e.length?jsxRuntime.jsx(p,{label:o===a.current?i("chart.now"):o,value:e[0].value,coloring:true}):null},Ct=t=>{let{invisible:r,data:e,responsiveContainerProps:o}=t,a=m(t.colors),i=react.useRef(0);return jsxRuntime.jsx(recharts.ResponsiveContainer,{className:orderlyUi.cn(r&&"chart-invisible"),onResize:n=>{i.current=n;},...o,children:jsxRuntime.jsxs(recharts.BarChart,{data:e,margin:{left:-10,top:10,right:10,bottom:30},children:[!r&&jsxRuntime.jsx(recharts.Tooltip,{cursor:jsxRuntime.jsx(yt,{}),content:jsxRuntime.jsx(ht,{})}),jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.ReferenceLine,{y:0,stroke:"rgba(0,0,0,0.04)"}),!r&&jsxRuntime.jsx(recharts.Bar,{dataKey:"pnl",shape:jsxRuntime.jsx(ft,{}),children:e.map((n,g)=>jsxRuntime.jsx(recharts.Cell,{fill:n.pnl>0?a.profit:a.loss},`cell-${g}`))}),jsxRuntime.jsx(recharts.YAxis,{tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickFormatter:n=>d(n),tickLine:false,axisLine:false,dataKey:"pnl"}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",tickLine:false,interval:e.length-2,height:1,tick:jsxRuntime.jsx(dt,{containerWidth:i.current}),stroke:"#FFFFFF",strokeOpacity:.04})]})})};var h=t=>{let{x:r,y:e,stroke:o,payload:a,index:i}=t,{t:n}=orderlyI18n.useTranslation();return jsxRuntime.jsx("g",{transform:`translate(${r},${e-6})`,children:jsxRuntime.jsx("text",{x:0,y:0,dy:16,textAnchor:"end",fontSize:10,fill:"rgba(255,255,255,0.54)",children:i===0?a.value:n("chart.now")})})};var wt=t=>{let{active:r,payload:e,label:o}=t,a=react.useRef(new Date().toISOString().split("T")[0]),{t:i}=orderlyI18n.useTranslation();return r&&e&&e.length?jsxRuntime.jsx(p,{label:o===a.current?i("chart.now"):o,value:e[0].value,coloring:true}):null},_t=t=>{let r=[];return t?.reduce((e,o)=>(e+=o.pnl,r.push({...o,pnl:e,_pnl:o.pnl}),e),0),r},Bt=t=>{let{responsiveContainerProps:r}=t,e=m(t.colors),{isMobile:o}=orderlyUi.useScreen(),a=react.useMemo(()=>_t(t.data),[t.data]),i=jsxRuntime.jsxs(recharts.LineChart,{data:a,margin:{top:20,right:10,left:-10,bottom:0},children:[jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",interval:t.data.length-2,tick:jsxRuntime.jsx(h,{}),stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.YAxis,{dataKey:"pnl",tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:d}),!t.invisible&&jsxRuntime.jsx(recharts.Tooltip,{cursor:{strokeDasharray:"3 2",strokeOpacity:.16},content:jsxRuntime.jsx(wt,{})}),!t.invisible&&jsxRuntime.jsx(recharts.Line,{type:"natural",dataKey:"pnl",stroke:e.primary,strokeWidth:o?1.5:2,dot:false,isAnimationActive:false})]});return jsxRuntime.jsx(recharts.ResponsiveContainer,{className:t.invisible?"chart-invisible":void 0,...r,children:i})};var Ht=t=>{let{active:r,payload:e,label:o}=t,a=react.useRef(new Date().toISOString().split("T")[0]),{t:i}=orderlyI18n.useTranslation();return r&&e&&e.length?jsxRuntime.jsx(p,{label:o===a.current?i("chart.now"):o,value:e[0].value,coloring:true}):null},qt=t=>{let r=[];return t?.reduce((e,o)=>(e+=o.pnl,r.push({...o,pnl:e,_pnl:o.pnl}),e),0),r},Qt=t=>{let{responsiveContainerProps:r}=t,e=m(t.colors),{isMobile:o}=orderlyUi.useScreen(),a=react.useId(),i=react.useMemo(()=>qt(t.data),[t.data]),n=jsxRuntime.jsxs(recharts.AreaChart,{data:i,margin:{top:20,right:10,left:-10,bottom:0},children:[jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",interval:t.data.length-2,tick:jsxRuntime.jsx(h,{}),stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.YAxis,{dataKey:"pnl",tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:d}),!t.invisible&&jsxRuntime.jsx(recharts.Tooltip,{cursor:{strokeDasharray:"3 2",strokeOpacity:.16},content:jsxRuntime.jsx(Ht,{})}),!t.invisible&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:a,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{stopColor:"#608CFF",offset:"0%",stopOpacity:.5}),jsxRuntime.jsx("stop",{stopColor:"#608CFF",offset:"100%",stopOpacity:0})]})}),jsxRuntime.jsx(recharts.Area,{type:"natural",dataKey:"pnl",stroke:e.primary,strokeWidth:o?1.5:2,dot:false,isAnimationActive:false,fill:`url(#${a})`})]})]});return jsxRuntime.jsx(recharts.ResponsiveContainer,{className:t.invisible?"chart-invisible":void 0,...r,children:n})};var se=t=>{let{active:r,payload:e,label:o}=t,a=react.useRef(new Date().toISOString().split("T")[0]),{t:i}=orderlyI18n.useTranslation();return r&&e&&e.length?jsxRuntime.jsx(p,{label:o===a.current?i("chart.now"):o,value:e[0].value}):null},le=t=>{let{responsiveContainerProps:r}=t,e=m(t.colors),o=react.useId(),{isMobile:a}=orderlyUi.useScreen(),i=a?jsxRuntime.jsxs(recharts.AreaChart,{width:530,height:180,data:t.data,margin:{top:20,right:10,left:-20,bottom:-10},children:[jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",interval:t.data.length-2,tick:jsxRuntime.jsx(h,{}),stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.YAxis,{dataKey:"account_value",tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:n=>d(n)}),!t.invisible&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:o,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{stopColor:"#00B49E",offset:"0%",stopOpacity:.5}),jsxRuntime.jsx("stop",{stopColor:"#00B49E",offset:"100%",stopOpacity:0})]})}),jsxRuntime.jsx(recharts.Area,{type:"natural",dataKey:"account_value",stroke:e.profit,strokeWidth:a?1.5:2,dot:false,isAnimationActive:false,fill:`url(#${o})`})]})]}):jsxRuntime.jsxs(recharts.LineChart,{width:530,height:180,data:t.data,margin:{top:20,right:10,left:-20,bottom:-10},children:[jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",interval:t.data.length-2,tick:jsxRuntime.jsx(h,{}),stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.YAxis,{dataKey:"account_value",tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:d}),!t.invisible&&jsxRuntime.jsx(recharts.Tooltip,{cursor:{strokeDasharray:"3 2",strokeOpacity:.16},content:jsxRuntime.jsx(se,{})}),!t.invisible&&jsxRuntime.jsx(recharts.Line,{type:"natural",dataKey:"account_value",stroke:e.profit,strokeWidth:a?1.5:2,dot:false,isAnimationActive:false})]});return jsxRuntime.jsx(recharts.ResponsiveContainer,{className:t.invisible?"chart-invisible":void 0,...r,children:i})};var be=t=>{let{active:r,payload:e,label:o}=t,a=react.useRef(new Date().toISOString().split("T")[0]),{t:i}=orderlyI18n.useTranslation();return r&&e&&e.length?jsxRuntime.jsx(p,{label:o===a.current?i("chart.now"):o,value:e[0].value}):null},xe=t=>{let{responsiveContainerProps:r}=t,e=m(t.colors),o=react.useId(),{isMobile:a}=orderlyUi.useScreen(),i=jsxRuntime.jsxs(recharts.AreaChart,{width:530,height:180,data:t.data,margin:{top:20,right:10,left:-20,bottom:-10},children:[jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",interval:t.data.length-2,tick:jsxRuntime.jsx(h,{}),stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.YAxis,{dataKey:"account_value",tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:d}),!t.invisible&&jsxRuntime.jsx(recharts.Tooltip,{cursor:{strokeDasharray:"3 2",strokeOpacity:.16},content:jsxRuntime.jsx(be,{})}),!t.invisible&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:o,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{stopColor:"#00B49E",offset:"0%",stopOpacity:.5}),jsxRuntime.jsx("stop",{stopColor:"#00B49E",offset:"100%",stopOpacity:0})]})}),jsxRuntime.jsx(recharts.Area,{type:"natural",dataKey:"account_value",stroke:e.profit,strokeWidth:a?1.5:2,dot:false,isAnimationActive:false,fill:`url(#${o})`})]})]});return jsxRuntime.jsx(recharts.ResponsiveContainer,{className:t.invisible?"chart-invisible":void 0,...r,children:i})};var Ke=t=>{let{fill:r,x:e,y:o,width:a,height:i,opacity:n}=t,g=Math.abs(i);return jsxRuntime.jsx("rect",{rx:2,x:e,y:i>0?o:o+i,width:a,height:g,stroke:"none",fill:r,opacity:n})},Ve=t=>{let{width:r,height:e,payload:o,stroke:a,fill:i}=t;return o?.[0]?.value===0?null:jsxRuntime.jsx(recharts.Cross,{x:t.x+t.width/2,top:t.top,height:e,width:1,stroke:"rgba(255,255,255,0.16)",strokeDasharray:"3 2",fill:"none"})},ze=t=>{let{active:r,payload:e,label:o,tooltip:a}=t;return e?.[0]?.value===0?null:r&&e&&e.length?jsxRuntime.jsx(p,{label:o,value:e[0].value,titleClassName:"oui-gap-4",rm:a?.rm,dp:a?.dp}):null},Ne=t=>{let r=m(t.colors?.fill?{profit:t.colors?.fill,loss:t.colors?.fill}:void 0),e=t.data?.reduce((i,n)=>i+n.volume,0)===0,o=t.data?.reduce((i,n)=>i>n.volume?i:n.volume,0),a=o<=10?2:o<=100?1:0;return jsxRuntime.jsx(orderlyUi.Box,{className:orderlyUi.cn(t.className),children:jsxRuntime.jsx(recharts.ResponsiveContainer,{children:jsxRuntime.jsxs(recharts.BarChart,{data:t.data,margin:{left:-0,top:6,right:0,bottom:20},children:[jsxRuntime.jsx(recharts.Tooltip,{cursor:jsxRuntime.jsx(Ve,{}),content:jsxRuntime.jsx(ze,{tooltip:t.tooltip})}),jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.08,repeatCount:6}),jsxRuntime.jsx(recharts.ReferenceLine,{y:0,stroke:"#000"}),jsxRuntime.jsx(recharts.Bar,{dataKey:"volume",shape:jsxRuntime.jsx(Ke,{}),minPointSize:1,children:t.data.map((i,n)=>jsxRuntime.jsx(recharts.Cell,{fill:i.volume>0?r.profit:r.loss,opacity:i.opacity},`cell-${n}`))}),jsxRuntime.jsx(recharts.YAxis,{tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,dataKey:"volume",tickFormatter:(i,n)=>e?`${n*100}`:Me(i,a),width:45}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",tickLine:false,interval:t.data.length-2,height:1,tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},stroke:"rgb(229, 231, 235)",strokeOpacity:.2})]})})})};function Me(t,r=0){let e=["","K","M","B","T"],o=0;for(;t>=1e3&&o<e.length-1;)t/=1e3,o++;return `${$e(t,r)}${e[o]}`}function $e(t,r){let e=t.toString(),o=e.indexOf(".");if(o===-1||r===0)return e.split(".")[0];let a=o+r+1;return e.slice(0,a)}var G=J($()),He=()=>(0, G.default)(function({addComponents:t,addBase:r}){t({".xAxis":{".recharts-cartesian-axis-tick:first-child text":{"text-anchor":"start"},".recharts-cartesian-axis-tick:last-child text":{"text-anchor":"end"}}},{respectPrefix:false});});Object.defineProperty(exports,"Area",{enumerable:true,get:function(){return recharts.Area}});Object.defineProperty(exports,"AreaChart",{enumerable:true,get:function(){return recharts.AreaChart}});Object.defineProperty(exports,"Bar",{enumerable:true,get:function(){return recharts.Bar}});Object.defineProperty(exports,"BarChart",{enumerable:true,get:function(){return recharts.BarChart}});Object.defineProperty(exports,"Cell",{enumerable:true,get:function(){return recharts.Cell}});Object.defineProperty(exports,"Line",{enumerable:true,get:function(){return recharts.Line}});Object.defineProperty(exports,"LineChart",{enumerable:true,get:function(){return recharts.LineChart}});exports.AssetAreaChart=xe;exports.AssetLineChart=le;exports.PnLBarChart=Ct;exports.PnlAreaChart=Qt;exports.PnlLineChart=Bt;exports.VolBarChart=Ne;exports.chartPlugin=He;//# sourceMappingURL=index.js.map
+'use strict';var react=require('react'),recharts=require('recharts'),orderlyI18n=require('@kodiak-finance/orderly-i18n'),orderlyUi=require('@kodiak-finance/orderly-ui'),orderlyUtils=require('@kodiak-finance/orderly-utils'),jsxRuntime=require('react/jsx-runtime');var yt=Object.create;var E=Object.defineProperty;var Ct=Object.getOwnPropertyDescriptor;var bt=Object.getOwnPropertyNames;var vt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var B=(t,r)=>()=>(r||t((r={exports:{}}).exports,r),r.exports);var xt=(t,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of bt(r))!gt.call(t,a)&&a!==e&&E(t,a,{get:()=>r[a],enumerable:!(o=Ct(r,a))||o.enumerable});return t};var Ft=(t,r,e)=>(e=t!=null?yt(vt(t)):{},xt(!t||!t.__esModule?E(e,"default",{value:t,enumerable:true}):e,t));var ut=B($=>{Object.defineProperty($,"__esModule",{value:true});Object.defineProperty($,"default",{enumerable:true,get:function(){return br}});function mt(t,r){return {handler:t,config:r}}mt.withOptions=function(t,r=()=>({})){let e=function(o){return {__options:o,handler:t(o),config:r(o)}};return e.__isOptionsFunction=true,e.__pluginFunction=t,e.__configFunction=r,e};var br=mt;});var pt=B(X=>{Object.defineProperty(X,"__esModule",{value:true});Object.defineProperty(X,"default",{enumerable:true,get:function(){return xr}});var vr=gr(ut());function gr(t){return t&&t.__esModule?t:{default:t}}var xr=vr.default;});var dt=B((di,ft)=>{var W=pt();ft.exports=(W.__esModule?W:{default:W}).default;});var F=t=>{let r=Math.abs(t),e=r===0?0:r<=10?2:r<=100?1:0,o=orderlyUtils.numberToHumanStyle(r,e);return t<0?`-${o}`:o};var f=t=>{let{label:r,value:e,prefix:o,unit:a="USDC",coloring:i=false,dp:n,rm:l}=t;return jsxRuntime.jsxs(orderlyUi.Box,{intensity:600,p:3,r:"md",children:[jsxRuntime.jsxs(orderlyUi.Flex,{direction:"row",className:t.titleClassName,children:[o,jsxRuntime.jsx(orderlyUi.Text.numeral,{unit:a,as:"div",size:"sm",coloring:i,showIdentifier:i,unitClassName:"oui-text-base-contrast-54 oui-ml-1",weight:"semibold",rm:l,dp:n,children:e})]}),jsxRuntime.jsx(orderlyUi.Text,{size:"2xs",intensity:54,weight:"semibold",children:r})]})};var Q=()=>{let t=document.documentElement,r=getComputedStyle(t);return {primary:k(r.getPropertyValue("--oui-color-primary")),primaryLight:k(r.getPropertyValue("--oui-color-primary-light")),secondary:k(r.getPropertyValue("--oui-color-secondary")),success:k(r.getPropertyValue("--oui-color-success")),warning:k(r.getPropertyValue("--oui-color-warning")),danger:k(r.getPropertyValue("--oui-color-danger")),info:k(r.getPropertyValue("--oui-color-info")),loss:k(r.getPropertyValue("--oui-color-trading-loss")),profit:k(r.getPropertyValue("--oui-color-trading-profit"))}},k=t=>`rgb(${t.split(" ").join(",")})`;var d=t=>react.useMemo(()=>{let e=Q();return {profit:t?.profit||e.profit,loss:t?.loss||e.loss,primary:e.primary,primaryLight:e.primaryLight}},[t]);var Nt=t=>{let{fill:r,x:e,y:o,width:a,height:i}=t,n=Math.abs(i);return jsxRuntime.jsx("rect",{rx:2,x:e,y:i>0?o:o+i,width:a,height:n,stroke:"none",fill:r})},_t=t=>{let{x:r,y:e,stroke:o,payload:a,index:i,width:n,containerWidth:l}=t,{t:s}=orderlyI18n.useTranslation(),w=i===0?48:l>0?l-10:n+a.offset;return jsxRuntime.jsx("g",{transform:`translate(${w},${e-6})`,children:jsxRuntime.jsx("text",{x:0,y:0,dy:16,textAnchor:i===0?"start":"end",fontSize:10,fill:"rgba(255,255,255,0.54)",children:i===0?a.value:s("chart.now")})})},zt=t=>{let{width:r,height:e,stroke:o,fill:a}=t;return jsxRuntime.jsx(recharts.Cross,{x:t.x+t.width/2,top:t.top,height:e,width:1,stroke:"rgba(255,255,255,0.16)",strokeDasharray:"3 2",fill:"none"})},Gt=t=>{let{active:r,payload:e,label:o}=t,a=react.useRef(new Date().toISOString().split("T")[0]),{t:i}=orderlyI18n.useTranslation();return r&&e&&e.length?jsxRuntime.jsx(f,{label:o===a.current?i("chart.now"):o,value:e[0].value,coloring:true}):null},$t=t=>{let{invisible:r,data:e,responsiveContainerProps:o}=t,a=d(t.colors),i=react.useRef(0);return jsxRuntime.jsx(recharts.ResponsiveContainer,{className:orderlyUi.cn(r&&"chart-invisible"),onResize:n=>{i.current=n;},...o,children:jsxRuntime.jsxs(recharts.BarChart,{data:e,margin:{left:-10,top:10,right:10,bottom:30},children:[!r&&jsxRuntime.jsx(recharts.Tooltip,{cursor:jsxRuntime.jsx(zt,{}),content:jsxRuntime.jsx(Gt,{})}),jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.ReferenceLine,{y:0,stroke:"rgba(0,0,0,0.04)"}),!r&&jsxRuntime.jsx(recharts.Bar,{dataKey:"pnl",shape:jsxRuntime.jsx(Nt,{}),children:e.map((n,l)=>jsxRuntime.jsx(recharts.Cell,{fill:n.pnl>0?a.profit:a.loss},`cell-${l}`))}),jsxRuntime.jsx(recharts.YAxis,{tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickFormatter:n=>F(n),tickLine:false,axisLine:false,dataKey:"pnl"}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",tickLine:false,interval:e.length-2,height:1,tick:jsxRuntime.jsx(_t,{containerWidth:i.current}),stroke:"#FFFFFF",strokeOpacity:.04})]})})};var P=t=>{let{x:r,y:e,stroke:o,payload:a,index:i}=t,{t:n}=orderlyI18n.useTranslation();return jsxRuntime.jsx("g",{transform:`translate(${r},${e-6})`,children:jsxRuntime.jsx("text",{x:0,y:0,dy:16,textAnchor:"end",fontSize:10,fill:"rgba(255,255,255,0.54)",children:i===0?a.value:n("chart.now")})})};var oe=t=>{let{active:r,payload:e,label:o}=t,a=react.useRef(new Date().toISOString().split("T")[0]),{t:i}=orderlyI18n.useTranslation();return r&&e&&e.length?jsxRuntime.jsx(f,{label:o===a.current?i("chart.now"):o,value:e[0].value,coloring:true}):null},re=t=>{let r=[];return t?.reduce((e,o)=>(e+=o.pnl,r.push({...o,pnl:e,_pnl:o.pnl}),e),0),r},ae=t=>{let{responsiveContainerProps:r}=t,e=d(t.colors),{isMobile:o}=orderlyUi.useScreen(),a=react.useMemo(()=>re(t.data),[t.data]),i=jsxRuntime.jsxs(recharts.LineChart,{data:a,margin:{top:20,right:10,left:-10,bottom:0},children:[jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",interval:t.data.length-2,tick:jsxRuntime.jsx(P,{}),stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.YAxis,{dataKey:"pnl",tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:F}),!t.invisible&&jsxRuntime.jsx(recharts.Tooltip,{cursor:{strokeDasharray:"3 2",strokeOpacity:.16},content:jsxRuntime.jsx(oe,{})}),!t.invisible&&jsxRuntime.jsx(recharts.Line,{type:"natural",dataKey:"pnl",stroke:e.primary,strokeWidth:o?1.5:2,dot:false,isAnimationActive:false})]});return jsxRuntime.jsx(recharts.ResponsiveContainer,{className:t.invisible?"chart-invisible":void 0,...r,children:i})};var be=t=>{let{active:r,payload:e,label:o}=t,a=react.useRef(new Date().toISOString().split("T")[0]),{t:i}=orderlyI18n.useTranslation();return r&&e&&e.length?jsxRuntime.jsx(f,{label:o===a.current?i("chart.now"):o,value:e[0].value,coloring:true}):null},ve=t=>{let r=[];return t?.reduce((e,o)=>(e+=o.pnl,r.push({...o,pnl:e,_pnl:o.pnl}),e),0),r},ge=t=>{let{responsiveContainerProps:r}=t,e=d(t.colors),{isMobile:o}=orderlyUi.useScreen(),a=react.useId(),i=react.useMemo(()=>ve(t.data),[t.data]),n=jsxRuntime.jsxs(recharts.AreaChart,{data:i,margin:{top:20,right:10,left:-10,bottom:0},children:[jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",interval:t.data.length-2,tick:jsxRuntime.jsx(P,{}),stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.YAxis,{dataKey:"pnl",tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:F}),!t.invisible&&jsxRuntime.jsx(recharts.Tooltip,{cursor:{strokeDasharray:"3 2",strokeOpacity:.16},content:jsxRuntime.jsx(be,{})}),!t.invisible&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:a,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{stopColor:"#608CFF",offset:"0%",stopOpacity:.5}),jsxRuntime.jsx("stop",{stopColor:"#608CFF",offset:"100%",stopOpacity:0})]})}),jsxRuntime.jsx(recharts.Area,{type:"natural",dataKey:"pnl",stroke:e.primary,strokeWidth:o?1.5:2,dot:false,isAnimationActive:false,fill:`url(#${a})`})]})]});return jsxRuntime.jsx(recharts.ResponsiveContainer,{className:t.invisible?"chart-invisible":void 0,...r,children:n})};var Ie=t=>{let{fill:r,x:e,y:o,width:a,height:i}=t,n=Math.abs(i);return jsxRuntime.jsx("rect",{rx:2,x:e,y:i>0?o:o+i,width:a,height:n,stroke:"none",fill:r})},Se=t=>{let{width:r,height:e}=t;return jsxRuntime.jsx(recharts.Cross,{x:t.x+t.width/2,top:t.top,height:e,width:1,stroke:"rgba(255,255,255,0.16)",strokeDasharray:"3 2",fill:"none"})},Be=t=>{let{active:r,payload:e,label:o}=t;if(r&&e&&e.length>=1){let i=e.find(s=>s.dataKey==="pnl")?.value??0,l=e.find(s=>s.dataKey==="cumulativePnL")?.value??0;return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-gap-3 oui-min-w-max",children:[jsxRuntime.jsx(f,{label:o,value:i,coloring:true,titleClassName:"oui-text-xs oui-font-semibold"}),jsxRuntime.jsxs("div",{className:"oui-text-xs oui-text-base-contrast-54 oui-flex oui-justify-between oui-gap-2",children:[jsxRuntime.jsx("span",{children:"Cumulative:"}),jsxRuntime.jsxs("span",{className:"oui-text-base-contrast-100 oui-font-semibold",children:[typeof l=="number"?l.toFixed(2):"--"," USDC"]})]})]})}return null},Ke=(t,r,e=false)=>{if(t<=12&&!e)return 0;let o;t>500||t>200?o=6:t>100?o=7:t>50?o=8:o=12,e&&(o=Math.ceil(o/2));let a=Math.ceil(t/o);if(r==="15m")return a>=96?Math.ceil(a/56)*56:a>=48?Math.ceil(a/28)*28:a>=24?Math.ceil(a/16)*16:Math.max(8,Math.ceil(a/4)*4);if(r==="1h")return a>=48?Math.ceil(a/28)*28:a>=24?Math.ceil(a/12)*12:Math.max(4,Math.ceil(a/4)*4);if(r==="1d"){if(a>=14)return Math.ceil(a/14)*14;if(a>=3)return Math.ceil(a/7)*7}return a},Ne=t=>{let r=0;return t.map(e=>(r+=e.pnl,{...e,cumulativePnL:r}))},_e=t=>{let{data:r,aggregationWindow:e="1d",isMobile:o=false,invisible:a,responsiveContainerProps:i,className:n}=t,l=d(t.colors),s=react.useMemo(()=>Ne(r),[r]),w=react.useMemo(()=>Ke(s.length,e,o),[s.length,e,o]),O=react.useMemo(()=>{if(s.length===0)return [0,1];let p=s.map(x=>x.pnl),b=s.map(x=>x.cumulativePnL),R=Math.min(...p,...b,0),M=Math.max(...p,...b,0),T=M-R,L=T===0?1:T*.1;return [Math.floor((R-L)*100)/100,Math.ceil((M+L)*100)/100]},[s]);return a||s.length===0?jsxRuntime.jsx(orderlyUi.Box,{className:orderlyUi.cn("oui-h-[300px]",n)}):jsxRuntime.jsx(orderlyUi.Box,{className:orderlyUi.cn("oui-w-full oui-h-full",n),children:jsxRuntime.jsx(recharts.ResponsiveContainer,{width:"100%",height:"100%",...i,children:jsxRuntime.jsxs(recharts.ComposedChart,{data:s,margin:{left:0,top:10,right:10,bottom:20},children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"cumulativeGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"5%",stopColor:"#608CFF",stopOpacity:.4}),jsxRuntime.jsx("stop",{offset:"95%",stopColor:"#608CFF",stopOpacity:0})]})}),jsxRuntime.jsx(recharts.Tooltip,{cursor:jsxRuntime.jsx(Se,{}),content:jsxRuntime.jsx(Be,{})}),jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.ReferenceLine,{y:0,stroke:"rgba(0,0,0,0.04)"}),jsxRuntime.jsx(recharts.YAxis,{domain:O,tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:p=>ze(p),width:45}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",tickLine:false,interval:w,minTickGap:50,tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.Bar,{dataKey:"pnl",shape:jsxRuntime.jsx(Ie,{}),minPointSize:1,isAnimationActive:false,children:s.map((p,b)=>jsxRuntime.jsx(recharts.Cell,{fill:p.pnl>0?l.profit:l.loss},`cell-${b}`))}),jsxRuntime.jsx(recharts.Area,{type:"natural",dataKey:"cumulativePnL",fill:"url(#cumulativeGradient)",stroke:"none",isAnimationActive:false}),jsxRuntime.jsx(recharts.Line,{type:"natural",dataKey:"cumulativePnL",stroke:l.primary,strokeWidth:2,dot:false,isAnimationActive:false,strokeLinecap:"round",strokeLinejoin:"round"})]})})})};function ze(t){let r=["","K","M","B","T"],e=0,o=Math.abs(t);for(;o>=1e3&&e<r.length-1;)o/=1e3,e++;let a=t<0?"-":"",i=o<=10?1:0,n=o.toFixed(i);return `${a}${n}${r[e]}`}var je=t=>{let{fill:r,x:e,y:o,width:a,height:i}=t,n=Math.abs(i);return jsxRuntime.jsx("rect",{rx:2,x:e,y:i>0?o:o+i,width:a,height:n,stroke:"none",fill:r})},to=t=>{let{width:r,height:e}=t;return jsxRuntime.jsx(recharts.Cross,{x:t.x+t.width/2,top:t.top,height:e,width:1,stroke:"rgba(255,255,255,0.16)",strokeDasharray:"3 2",fill:"none"})},eo=t=>{let{active:r,payload:e,label:o}=t;if(r&&e&&e.length>=1){let i=e.find(s=>s.dataKey==="volume")?.value??0,l=e.find(s=>s.dataKey==="cumulativeVolume")?.value??0;return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-gap-3 oui-min-w-max",children:[jsxRuntime.jsx(f,{label:o,value:rt(i),titleClassName:"oui-text-xs oui-font-semibold"}),jsxRuntime.jsxs("div",{className:"oui-text-xs oui-text-base-contrast-54 oui-flex oui-justify-between oui-gap-2",children:[jsxRuntime.jsx("span",{children:"Cumulative:"}),jsxRuntime.jsx("span",{className:"oui-text-base-contrast-100 oui-font-semibold",children:rt(l)})]})]})}return null},oo=(t,r,e=false)=>{if(t<=12&&!e)return 0;let o;t>500||t>200?o=6:t>100?o=7:t>50?o=8:o=12,e&&(o=Math.ceil(o/2));let a=Math.ceil(t/o);if(r==="15m")return a>=96?Math.ceil(a/56)*56:a>=48?Math.ceil(a/28)*28:a>=24?Math.ceil(a/16)*16:Math.max(8,Math.ceil(a/4)*4);if(r==="1h")return a>=48?Math.ceil(a/28)*28:a>=24?Math.ceil(a/12)*12:Math.max(4,Math.ceil(a/4)*4);if(r==="1d"){if(a>=14)return Math.ceil(a/14)*14;if(a>=3)return Math.ceil(a/7)*7}return a},ro=t=>{let r=0;return t.map(e=>(r+=e.volume,{...e,cumulativeVolume:r}))},ao=t=>{let{data:r,aggregationWindow:e="1d",isMobile:o=false,invisible:a,responsiveContainerProps:i,className:n}=t,l=d(t.colors?{profit:t.colors.fill,loss:t.colors.fill}:void 0),s=react.useMemo(()=>ro(r),[r]),w=react.useMemo(()=>oo(s.length,e,o),[s.length,e,o]),O=react.useMemo(()=>{if(s.length===0)return [0,1];let p=s.map(x=>x.volume),b=s.map(x=>x.cumulativeVolume),R=Math.min(...p,...b,0),M=Math.max(...p,...b,0),T=M-R,L=T===0?1:T*.1;return [Math.floor((R-L)*100)/100,Math.ceil((M+L)*100)/100]},[s]);return a||s.length===0?jsxRuntime.jsx(orderlyUi.Box,{className:orderlyUi.cn("oui-h-[300px]",n)}):jsxRuntime.jsx(orderlyUi.Box,{className:orderlyUi.cn("oui-w-full oui-h-full",n),children:jsxRuntime.jsx(recharts.ResponsiveContainer,{width:"100%",height:"100%",...i,children:jsxRuntime.jsxs(recharts.ComposedChart,{data:s,margin:{left:0,top:10,right:10,bottom:20},children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"volumeGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"5%",stopColor:"#00B49E",stopOpacity:.4}),jsxRuntime.jsx("stop",{offset:"95%",stopColor:"#00B49E",stopOpacity:0})]})}),jsxRuntime.jsx(recharts.Tooltip,{cursor:jsxRuntime.jsx(to,{}),content:jsxRuntime.jsx(eo,{})}),jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.ReferenceLine,{y:0,stroke:"rgba(0,0,0,0.04)"}),jsxRuntime.jsx(recharts.YAxis,{domain:O,tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:p=>io(p),width:45}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",tickLine:false,interval:w,minTickGap:50,tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.Bar,{dataKey:"volume",shape:jsxRuntime.jsx(je,{}),minPointSize:1,isAnimationActive:false,children:s.map((p,b)=>jsxRuntime.jsx(recharts.Cell,{fill:l.profit,opacity:.8},`cell-${b}`))}),jsxRuntime.jsx(recharts.Area,{type:"natural",dataKey:"cumulativeVolume",fill:"url(#volumeGradient)",stroke:"none",isAnimationActive:false}),jsxRuntime.jsx(recharts.Line,{type:"natural",dataKey:"cumulativeVolume",stroke:l.primary,strokeWidth:2,dot:false,isAnimationActive:false,strokeLinecap:"round",strokeLinejoin:"round"})]})})})};function io(t){let r=["","K","M","B","T"],e=0,o=Math.abs(t);for(;o>=1e3&&e<r.length-1;)o/=1e3,e++;let a=t<0?"-":"",i=o<=10?1:0,n=o.toFixed(i);return `${a}${n}${r[e]}`}function rt(t){let r=["","K","M","B","T"],e=0,o=t;for(;o>=1e3&&e<r.length-1;)o/=1e3,e++;let a=o<=10?2:o<=100?1:0;return `${parseFloat(o.toFixed(a))}${r[e]}`}var vo=t=>{let{fill:r,x:e,y:o,width:a,height:i}=t,n=Math.abs(i);return jsxRuntime.jsx("rect",{rx:2,x:e,y:i>0?o:o+i,width:a,height:n,stroke:"none",fill:r})},go=t=>{let{width:r,height:e}=t;return jsxRuntime.jsx(recharts.Cross,{x:t.x+t.width/2,top:t.top,height:e,width:1,stroke:"rgba(255,255,255,0.16)",strokeDasharray:"3 2",fill:"none"})},xo=t=>{let{active:r,payload:e,label:o}=t;if(r&&e&&e.length>=1){let i=e.find(s=>s.dataKey==="fees")?.value??0,l=e.find(s=>s.dataKey==="cumulativeFees")?.value??0;return jsxRuntime.jsxs("div",{className:"oui-flex oui-flex-col oui-gap-3 oui-min-w-max",children:[jsxRuntime.jsx(f,{label:o,value:nt(i),titleClassName:"oui-text-xs oui-font-semibold"}),jsxRuntime.jsxs("div",{className:"oui-text-xs oui-text-base-contrast-54 oui-flex oui-justify-between oui-gap-2",children:[jsxRuntime.jsx("span",{children:"Cumulative:"}),jsxRuntime.jsx("span",{className:"oui-text-base-contrast-100 oui-font-semibold",children:nt(l)})]})]})}return null},Fo=(t,r,e=false)=>{if(t<=12&&!e)return 0;let o;t>500||t>200?o=6:t>100?o=7:t>50?o=8:o=12,e&&(o=Math.ceil(o/2));let a=Math.ceil(t/o);if(r==="15m")return a>=96?Math.ceil(a/56)*56:a>=48?Math.ceil(a/28)*28:a>=24?Math.ceil(a/16)*16:Math.max(8,Math.ceil(a/4)*4);if(r==="1h")return a>=48?Math.ceil(a/28)*28:a>=24?Math.ceil(a/12)*12:Math.max(4,Math.ceil(a/4)*4);if(r==="1d"){if(a>=14)return Math.ceil(a/14)*14;if(a>=3)return Math.ceil(a/7)*7}return a},ko=t=>{let r=0;return t.map(e=>(r+=e.fees,{...e,cumulativeFees:r}))},Po=t=>{let{data:r,aggregationWindow:e="1d",isMobile:o=false,invisible:a,responsiveContainerProps:i,className:n}=t,l=d(t.colors?{profit:t.colors.fill,loss:t.colors.fill}:void 0),s=react.useMemo(()=>ko(r),[r]),w=react.useMemo(()=>Fo(s.length,e,o),[s.length,e,o]),O=react.useMemo(()=>{if(s.length===0)return [0,1];let p=s.map(x=>x.fees),b=s.map(x=>x.cumulativeFees),R=Math.min(...p,...b,0),M=Math.max(...p,...b,0),T=M-R,L=T===0?1:T*.1;return [Math.floor((R-L)*100)/100,Math.ceil((M+L)*100)/100]},[s]);return a||s.length===0?jsxRuntime.jsx(orderlyUi.Box,{className:orderlyUi.cn("oui-h-[300px]",n)}):jsxRuntime.jsx(orderlyUi.Box,{className:orderlyUi.cn("oui-w-full oui-h-full",n),children:jsxRuntime.jsx(recharts.ResponsiveContainer,{width:"100%",height:"100%",...i,children:jsxRuntime.jsxs(recharts.ComposedChart,{data:s,margin:{left:0,top:10,right:10,bottom:20},children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"feesGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"5%",stopColor:"#00B49E",stopOpacity:.4}),jsxRuntime.jsx("stop",{offset:"95%",stopColor:"#00B49E",stopOpacity:0})]})}),jsxRuntime.jsx(recharts.Tooltip,{cursor:jsxRuntime.jsx(go,{}),content:jsxRuntime.jsx(xo,{})}),jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.ReferenceLine,{y:0,stroke:"rgba(0,0,0,0.04)"}),jsxRuntime.jsx(recharts.YAxis,{domain:O,tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:p=>Ao(p),width:45}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",tickLine:false,interval:w,minTickGap:50,tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.Bar,{dataKey:"fees",shape:jsxRuntime.jsx(vo,{}),minPointSize:1,isAnimationActive:false,children:s.map((p,b)=>jsxRuntime.jsx(recharts.Cell,{fill:l.profit,opacity:.8},`cell-${b}`))}),jsxRuntime.jsx(recharts.Area,{type:"natural",dataKey:"cumulativeFees",fill:"url(#feesGradient)",stroke:"none",isAnimationActive:false}),jsxRuntime.jsx(recharts.Line,{type:"natural",dataKey:"cumulativeFees",stroke:l.primary,strokeWidth:2,dot:false,isAnimationActive:false,strokeLinecap:"round",strokeLinejoin:"round"})]})})})};function Ao(t){let r=["","K","M","B","T"],e=0,o=Math.abs(t);for(;o>=1e3&&e<r.length-1;)o/=1e3,e++;let a=t<0?"-":"",i=o<=10?1:0,n=o.toFixed(i);return `${a}${n}${r[e]}`}function nt(t){let r=["","K","M","B","T"],e=0,o=t;for(;o>=1e3&&e<r.length-1;)o/=1e3,e++;let a=o<=10?2:o<=100?1:0;return `${parseFloat(o.toFixed(a))}${r[e]}`}var Bo=t=>{let{active:r,payload:e,label:o}=t,a=react.useRef(new Date().toISOString().split("T")[0]),{t:i}=orderlyI18n.useTranslation();return r&&e&&e.length?jsxRuntime.jsx(f,{label:o===a.current?i("chart.now"):o,value:e[0].value}):null},Ko=t=>{let{responsiveContainerProps:r}=t,e=d(t.colors),o=react.useId(),{isMobile:a}=orderlyUi.useScreen(),i=a?jsxRuntime.jsxs(recharts.AreaChart,{width:530,height:180,data:t.data,margin:{top:20,right:10,left:-20,bottom:-10},children:[jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",interval:t.data.length-2,tick:jsxRuntime.jsx(P,{}),stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.YAxis,{dataKey:"account_value",tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:n=>F(n)}),!t.invisible&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:o,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{stopColor:"#00B49E",offset:"0%",stopOpacity:.5}),jsxRuntime.jsx("stop",{stopColor:"#00B49E",offset:"100%",stopOpacity:0})]})}),jsxRuntime.jsx(recharts.Area,{type:"natural",dataKey:"account_value",stroke:e.profit,strokeWidth:a?1.5:2,dot:false,isAnimationActive:false,fill:`url(#${o})`})]})]}):jsxRuntime.jsxs(recharts.LineChart,{width:530,height:180,data:t.data,margin:{top:20,right:10,left:-20,bottom:-10},children:[jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",interval:t.data.length-2,tick:jsxRuntime.jsx(P,{}),stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.YAxis,{dataKey:"account_value",tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:F}),!t.invisible&&jsxRuntime.jsx(recharts.Tooltip,{cursor:{strokeDasharray:"3 2",strokeOpacity:.16},content:jsxRuntime.jsx(Bo,{})}),!t.invisible&&jsxRuntime.jsx(recharts.Line,{type:"natural",dataKey:"account_value",stroke:e.profit,strokeWidth:a?1.5:2,dot:false,isAnimationActive:false})]});return jsxRuntime.jsx(recharts.ResponsiveContainer,{className:t.invisible?"chart-invisible":void 0,...r,children:i})};var Uo=t=>{let{active:r,payload:e,label:o}=t,a=react.useRef(new Date().toISOString().split("T")[0]),{t:i}=orderlyI18n.useTranslation();return r&&e&&e.length?jsxRuntime.jsx(f,{label:o===a.current?i("chart.now"):o,value:e[0].value}):null},Jo=t=>{let{responsiveContainerProps:r}=t,e=d(t.colors),o=react.useId(),{isMobile:a}=orderlyUi.useScreen(),i=jsxRuntime.jsxs(recharts.AreaChart,{width:530,height:180,data:t.data,margin:{top:20,right:10,left:-20,bottom:-10},children:[jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",interval:t.data.length-2,tick:jsxRuntime.jsx(P,{}),stroke:"#FFFFFF",strokeOpacity:.04}),jsxRuntime.jsx(recharts.YAxis,{dataKey:"account_value",tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,tickFormatter:F}),!t.invisible&&jsxRuntime.jsx(recharts.Tooltip,{cursor:{strokeDasharray:"3 2",strokeOpacity:.16},content:jsxRuntime.jsx(Uo,{})}),!t.invisible&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:o,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{stopColor:"#00B49E",offset:"0%",stopOpacity:.5}),jsxRuntime.jsx("stop",{stopColor:"#00B49E",offset:"100%",stopOpacity:0})]})}),jsxRuntime.jsx(recharts.Area,{type:"natural",dataKey:"account_value",stroke:e.profit,strokeWidth:a?1.5:2,dot:false,isAnimationActive:false,fill:`url(#${o})`})]})]});return jsxRuntime.jsx(recharts.ResponsiveContainer,{className:t.invisible?"chart-invisible":void 0,...r,children:i})};var ur=t=>{let{fill:r,x:e,y:o,width:a,height:i,opacity:n}=t,l=Math.abs(i);return jsxRuntime.jsx("rect",{rx:2,x:e,y:i>0?o:o+i,width:a,height:l,stroke:"none",fill:r,opacity:n})},pr=t=>{let{width:r,height:e,payload:o,stroke:a,fill:i}=t;return o?.[0]?.value===0?null:jsxRuntime.jsx(recharts.Cross,{x:t.x+t.width/2,top:t.top,height:e,width:1,stroke:"rgba(255,255,255,0.16)",strokeDasharray:"3 2",fill:"none"})},fr=t=>{let{active:r,payload:e,label:o,tooltip:a}=t;return e?.[0]?.value===0?null:r&&e&&e.length?jsxRuntime.jsx(f,{label:o,value:e[0].value,titleClassName:"oui-gap-4",rm:a?.rm,dp:a?.dp}):null},dr=t=>{let r=d(t.colors?.fill?{profit:t.colors?.fill,loss:t.colors?.fill}:void 0),e=t.data?.reduce((i,n)=>i+n.volume,0)===0,o=t.data?.reduce((i,n)=>i>n.volume?i:n.volume,0),a=o<=10?2:o<=100?1:0;return jsxRuntime.jsx(orderlyUi.Box,{className:orderlyUi.cn(t.className),children:jsxRuntime.jsx(recharts.ResponsiveContainer,{children:jsxRuntime.jsxs(recharts.BarChart,{data:t.data,margin:{left:-0,top:6,right:0,bottom:20},children:[jsxRuntime.jsx(recharts.Tooltip,{cursor:jsxRuntime.jsx(pr,{}),content:jsxRuntime.jsx(fr,{tooltip:t.tooltip})}),jsxRuntime.jsx(recharts.CartesianGrid,{vertical:false,stroke:"#FFFFFF",strokeOpacity:.08,repeatCount:6}),jsxRuntime.jsx(recharts.ReferenceLine,{y:0,stroke:"#000"}),jsxRuntime.jsx(recharts.Bar,{dataKey:"volume",shape:jsxRuntime.jsx(ur,{}),minPointSize:1,children:t.data.map((i,n)=>jsxRuntime.jsx(recharts.Cell,{fill:i.volume>0?r.profit:r.loss,opacity:i.opacity},`cell-${n}`))}),jsxRuntime.jsx(recharts.YAxis,{tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},tickLine:false,axisLine:false,dataKey:"volume",tickFormatter:(i,n)=>e?`${n*100}`:hr(i,a),width:45}),jsxRuntime.jsx(recharts.XAxis,{dataKey:"date",tickLine:false,interval:t.data.length-2,height:1,tick:{fontSize:10,fill:"rgba(255,255,255,0.54)"},stroke:"rgb(229, 231, 235)",strokeOpacity:.2})]})})})};function hr(t,r=0){let e=["","K","M","B","T"],o=0;for(;t>=1e3&&o<e.length-1;)t/=1e3,o++;return `${yr(t,r)}${e[o]}`}function yr(t,r){let e=t.toString(),o=e.indexOf(".");if(o===-1||r===0)return e.split(".")[0];let a=o+r+1;return e.slice(0,a)}var ht=Ft(dt()),Fr=()=>(0, ht.default)(function({addComponents:t,addBase:r}){t({".xAxis":{".recharts-cartesian-axis-tick:first-child text":{"text-anchor":"start"},".recharts-cartesian-axis-tick:last-child text":{"text-anchor":"end"}}},{respectPrefix:false});});Object.defineProperty(exports,"Area",{enumerable:true,get:function(){return recharts.Area}});Object.defineProperty(exports,"AreaChart",{enumerable:true,get:function(){return recharts.AreaChart}});Object.defineProperty(exports,"Bar",{enumerable:true,get:function(){return recharts.Bar}});Object.defineProperty(exports,"BarChart",{enumerable:true,get:function(){return recharts.BarChart}});Object.defineProperty(exports,"Cell",{enumerable:true,get:function(){return recharts.Cell}});Object.defineProperty(exports,"Line",{enumerable:true,get:function(){return recharts.Line}});Object.defineProperty(exports,"LineChart",{enumerable:true,get:function(){return recharts.LineChart}});exports.AssetAreaChart=Jo;exports.AssetLineChart=Ko;exports.CombinedFeesChart=Po;exports.CombinedPnLChart=_e;exports.CombinedVolumeChart=ao;exports.PnLBarChart=$t;exports.PnlAreaChart=ge;exports.PnlLineChart=ae;exports.VolBarChart=dr;exports.chartPlugin=Fr;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map