@kodiak-finance/orderly-portfolio 2.8.20 → 2.8.21-rc.1

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.
Files changed (6) hide show
  1. package/dist/index.js +86 -44
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +86 -44
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +18 -18
package/dist/index.js CHANGED
@@ -7403,6 +7403,12 @@ var PortfolioHandleMobile = (props) => {
7403
7403
  name: t("trading.history")
7404
7404
  });
7405
7405
  };
7406
+ const onGotoSymbolPerformance = () => {
7407
+ props.routerAdapter?.onRouteChange({
7408
+ href: "/portfolio/symbol-performance" /* SymbolPerformance */,
7409
+ name: t("portfolio.symbolPerformance")
7410
+ });
7411
+ };
7406
7412
  return /* @__PURE__ */ jsxRuntime.jsxs(
7407
7413
  orderlyUi.Flex,
7408
7414
  {
@@ -7481,6 +7487,37 @@ var PortfolioHandleMobile = (props) => {
7481
7487
  /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { className: "oui-text-base-80 oui-text-2xs", children: t("trading.history") })
7482
7488
  ]
7483
7489
  }
7490
+ ),
7491
+ /* @__PURE__ */ jsxRuntime.jsxs(
7492
+ orderlyUi.Flex,
7493
+ {
7494
+ direction: "column",
7495
+ gapY: 2,
7496
+ itemAlign: "center",
7497
+ className: "oui-flex-1 oui-cursor-pointer",
7498
+ onClick: onGotoSymbolPerformance,
7499
+ children: [
7500
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-size-[48px] oui-items-center oui-justify-center oui-rounded-xl oui-bg-base-9", children: /* @__PURE__ */ jsxRuntime.jsx(
7501
+ "svg",
7502
+ {
7503
+ width: "28",
7504
+ height: "28",
7505
+ viewBox: "0 0 18 18",
7506
+ fill: "none",
7507
+ xmlns: "http://www.w3.org/2000/svg",
7508
+ className: "oui-text-white",
7509
+ children: /* @__PURE__ */ jsxRuntime.jsx(
7510
+ "path",
7511
+ {
7512
+ d: "M13.5 3.75C12.8096 3.75 12.375 4.18467 12.375 4.875V12.375C12.375 13.0654 12.8096 13.5 13.5 13.5H14.625C15.3154 13.5 15.75 13.0654 15.75 12.375V4.875C15.75 4.18467 15.3154 3.75 14.625 3.75H13.5ZM13.5 5.25H14.625V12.375H13.5V5.25ZM8.25 6.75C7.55964 6.75 7.125 7.18467 7.125 7.875V12.375C7.125 13.0654 7.55964 13.5 8.25 13.5H9.375C10.0654 13.5 10.5 13.0654 10.5 12.375V7.875C10.5 7.18467 10.0654 6.75 9.375 6.75H8.25ZM8.25 8.25H9.375V12.375H8.25V8.25ZM3 9.75C2.30964 9.75 1.875 10.1847 1.875 10.875V12.375C1.875 13.0654 2.30964 13.5 3 13.5H4.125C4.81536 13.5 5.25 13.0654 5.25 12.375V10.875C5.25 10.1847 4.81536 9.75 4.125 9.75H3ZM3 11.25H4.125V12.375H3V11.25Z",
7513
+ fill: "currentColor"
7514
+ }
7515
+ )
7516
+ }
7517
+ ) }),
7518
+ /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { className: "oui-text-base-80 oui-text-2xs", children: t("portfolio.symbolPerformance") })
7519
+ ]
7520
+ }
7484
7521
  )
7485
7522
  ]
7486
7523
  }
@@ -10611,13 +10648,13 @@ var PnLRankingChartMobile = ({
10611
10648
  }
10612
10649
  )
10613
10650
  ] }),
10614
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-justify-between oui-gap-2 oui-border-t oui-border-line-4 oui-pt-2", children: [
10615
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
10616
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "2xs", intensity: 54, className: "oui-mb-0.5", children: t("portfolio.symbolPerformance.pnlRanking.volume") }),
10651
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-justify-between oui-gap-4 oui-border-t oui-border-line-4 oui-pt-3", children: [
10652
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-col oui-gap-1", children: [
10653
+ /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "2xs", intensity: 54, children: t("portfolio.symbolPerformance.pnlRanking.volume") }),
10617
10654
  /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "xs", weight: "semibold", children: formatCurrency2(item.volume) })
10618
10655
  ] }),
10619
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-text-right", children: [
10620
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "2xs", intensity: 54, className: "oui-mb-0.5", children: t("portfolio.symbolPerformance.pnlRanking.fees") }),
10656
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-text-right oui-flex oui-flex-col oui-gap-1", children: [
10657
+ /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "2xs", intensity: 54, children: t("portfolio.symbolPerformance.pnlRanking.fees") }),
10621
10658
  /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "xs", weight: "semibold", intensity: 80, children: formatCurrency2(item.fees) })
10622
10659
  ] })
10623
10660
  ] })
@@ -10631,13 +10668,13 @@ var PnLRankingChartMobile = ({
10631
10668
  };
10632
10669
  var MakerTakerShare2 = ({ makerShare }) => {
10633
10670
  const takerShare = 100 - makerShare;
10634
- return /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { direction: "row", justify: "center", gap: 1, children: [
10635
- /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Text, { weight: "semibold", size: "2xs", children: [
10671
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-4", children: [
10672
+ /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Text, { weight: "semibold", children: [
10636
10673
  makerShare.toFixed(1),
10637
10674
  "%"
10638
10675
  ] }),
10639
10676
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oui-text-base-contrast-54", children: "/" }),
10640
- /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Text, { weight: "semibold", size: "2xs", children: [
10677
+ /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Text, { weight: "semibold", children: [
10641
10678
  takerShare.toFixed(1),
10642
10679
  "%"
10643
10680
  ] })
@@ -10884,46 +10921,51 @@ var SymbolPerformanceUIMobile = (props) => {
10884
10921
  ]
10885
10922
  }
10886
10923
  ) }),
10887
- /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { justify: "between", itemAlign: "center", gap: 2, mb: 4, children: [
10888
- /* @__PURE__ */ jsxRuntime.jsxs(
10889
- orderlyUi.Flex,
10924
+ /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Grid, { cols: 2, gap: 2, mb: 2, children: [
10925
+ /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Card, { className: "oui-bg-base-7 oui-border oui-border-line-4 oui-p-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(
10926
+ orderlyUi.Statistic,
10890
10927
  {
10891
- gap: 1,
10892
- direction: "column",
10893
- itemAlign: "start",
10894
- className: "oui-w-1/3 oui-rounded-lg oui-bg-base-7 oui-px-2 oui-py-1.5",
10895
- children: [
10896
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { className: "oui-truncate", intensity: 36, size: "2xs", children: t("portfolio.symbolPerformance.totalPnL") }),
10897
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text.numeral, { size: "sm", weight: "semibold", coloring: true, children: performanceData ? performanceData.totalPnL.toFixed(2) : "--" })
10898
- ]
10899
- }
10900
- ),
10901
- /* @__PURE__ */ jsxRuntime.jsxs(
10902
- orderlyUi.Flex,
10928
+ label: `${t("portfolio.symbolPerformance.totalPnL")} (Gross)`,
10929
+ valueProps: { coloring: true, showIdentifier: true, dp: 2 },
10930
+ classNames: { value: "oui-text-sm oui-font-semibold" },
10931
+ children: performanceData?.grossPnL ?? "-"
10932
+ }
10933
+ ) }),
10934
+ /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Card, { className: "oui-bg-base-7 oui-border oui-border-line-4 oui-p-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(
10935
+ orderlyUi.Statistic,
10903
10936
  {
10904
- gap: 1,
10905
- direction: "column",
10906
- itemAlign: "start",
10907
- className: "oui-w-1/3 oui-rounded-lg oui-bg-base-7 oui-px-2 oui-py-1.5",
10908
- children: [
10909
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { className: "oui-truncate", intensity: 36, size: "2xs", children: t("portfolio.symbolPerformance.totalVolume") }),
10910
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text.numeral, { size: "sm", coloring: false, children: performanceData ? performanceData.totalVolume.toFixed(2) : "--" })
10911
- ]
10912
- }
10913
- ),
10914
- /* @__PURE__ */ jsxRuntime.jsxs(
10915
- orderlyUi.Flex,
10937
+ label: t("portfolio.symbolPerformance.totalFees"),
10938
+ valueProps: { dp: 2 },
10939
+ classNames: { value: "oui-text-sm" },
10940
+ children: performanceData?.totalFees ?? "-"
10941
+ }
10942
+ ) }),
10943
+ /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Card, { className: "oui-bg-base-7 oui-border oui-border-line-4 oui-p-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(
10944
+ orderlyUi.Statistic,
10916
10945
  {
10917
- gap: 1,
10918
- direction: "column",
10919
- itemAlign: "start",
10920
- className: "oui-w-1/3 oui-rounded-lg oui-bg-base-7 oui-px-2 oui-py-1.5",
10921
- children: [
10922
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { className: "oui-truncate", intensity: 36, size: "2xs", children: "Maker / Taker" }),
10923
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-sm", children: performanceData ? /* @__PURE__ */ jsxRuntime.jsx(MakerTakerShare2, { makerShare: performanceData.makerShare }) : /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "sm", children: "--" }) })
10924
- ]
10946
+ label: `${t("portfolio.symbolPerformance.totalPnL")} (Net)`,
10947
+ valueProps: { coloring: true, showIdentifier: true, dp: 2 },
10948
+ classNames: { value: "oui-text-sm oui-font-semibold" },
10949
+ children: performanceData?.totalPnL ?? "-"
10950
+ }
10951
+ ) }),
10952
+ /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Card, { className: "oui-bg-base-7 oui-border oui-border-line-4 oui-p-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(
10953
+ orderlyUi.Statistic,
10954
+ {
10955
+ label: t("portfolio.symbolPerformance.totalVolume"),
10956
+ valueProps: { dp: 2 },
10957
+ classNames: { value: "oui-text-sm" },
10958
+ children: performanceData?.totalVolume ?? "-"
10959
+ }
10960
+ ) }),
10961
+ /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Card, { className: "oui-bg-base-7 oui-border oui-border-line-4 oui-p-1.5 oui-col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(
10962
+ orderlyUi.Statistic,
10963
+ {
10964
+ label: "Maker / Taker",
10965
+ classNames: { value: "oui-text-sm oui-font-semibold" },
10966
+ children: performanceData ? /* @__PURE__ */ jsxRuntime.jsx(MakerTakerShare2, { makerShare: performanceData.makerShare }) : "--"
10925
10967
  }
10926
- )
10968
+ ) })
10927
10969
  ] }),
10928
10970
  /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Grid, { cols: 1, gap: 4, mb: 4, children: [
10929
10971
  /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Box, { children: [