@kodiak-finance/orderly-portfolio 2.8.21-alpha.0 → 2.8.21-beta.3

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 +49 -44
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +49 -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
@@ -10648,13 +10648,13 @@ var PnLRankingChartMobile = ({
10648
10648
  }
10649
10649
  )
10650
10650
  ] }),
10651
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-justify-between oui-gap-2 oui-border-t oui-border-line-4 oui-pt-2", children: [
10652
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
10653
- /* @__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") }),
10654
10654
  /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "xs", weight: "semibold", children: formatCurrency2(item.volume) })
10655
10655
  ] }),
10656
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-text-right", children: [
10657
- /* @__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") }),
10658
10658
  /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "xs", weight: "semibold", intensity: 80, children: formatCurrency2(item.fees) })
10659
10659
  ] })
10660
10660
  ] })
@@ -10668,13 +10668,13 @@ var PnLRankingChartMobile = ({
10668
10668
  };
10669
10669
  var MakerTakerShare2 = ({ makerShare }) => {
10670
10670
  const takerShare = 100 - makerShare;
10671
- return /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { direction: "row", justify: "center", gap: 1, children: [
10672
- /* @__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: [
10673
10673
  makerShare.toFixed(1),
10674
10674
  "%"
10675
10675
  ] }),
10676
10676
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oui-text-base-contrast-54", children: "/" }),
10677
- /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Text, { weight: "semibold", size: "2xs", children: [
10677
+ /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Text, { weight: "semibold", children: [
10678
10678
  takerShare.toFixed(1),
10679
10679
  "%"
10680
10680
  ] })
@@ -10921,46 +10921,51 @@ var SymbolPerformanceUIMobile = (props) => {
10921
10921
  ]
10922
10922
  }
10923
10923
  ) }),
10924
- /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { justify: "between", itemAlign: "center", gap: 2, mb: 4, children: [
10925
- /* @__PURE__ */ jsxRuntime.jsxs(
10926
- 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,
10927
10927
  {
10928
- gap: 1,
10929
- direction: "column",
10930
- itemAlign: "start",
10931
- className: "oui-w-1/3 oui-rounded-lg oui-bg-base-7 oui-px-2 oui-py-1.5",
10932
- children: [
10933
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { className: "oui-truncate", intensity: 36, size: "2xs", children: t("portfolio.symbolPerformance.totalPnL") }),
10934
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text.numeral, { size: "sm", weight: "semibold", coloring: true, children: performanceData ? performanceData.totalPnL.toFixed(2) : "--" })
10935
- ]
10936
- }
10937
- ),
10938
- /* @__PURE__ */ jsxRuntime.jsxs(
10939
- 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,
10940
10936
  {
10941
- gap: 1,
10942
- direction: "column",
10943
- itemAlign: "start",
10944
- className: "oui-w-1/3 oui-rounded-lg oui-bg-base-7 oui-px-2 oui-py-1.5",
10945
- children: [
10946
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { className: "oui-truncate", intensity: 36, size: "2xs", children: t("portfolio.symbolPerformance.totalVolume") }),
10947
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text.numeral, { size: "sm", coloring: false, children: performanceData ? performanceData.totalVolume.toFixed(2) : "--" })
10948
- ]
10949
- }
10950
- ),
10951
- /* @__PURE__ */ jsxRuntime.jsxs(
10952
- 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,
10953
10945
  {
10954
- gap: 1,
10955
- direction: "column",
10956
- itemAlign: "start",
10957
- className: "oui-w-1/3 oui-rounded-lg oui-bg-base-7 oui-px-2 oui-py-1.5",
10958
- children: [
10959
- /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { className: "oui-truncate", intensity: 36, size: "2xs", children: "Maker / Taker" }),
10960
- /* @__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: "--" }) })
10961
- ]
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 }) : "--"
10962
10967
  }
10963
- )
10968
+ ) })
10964
10969
  ] }),
10965
10970
  /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Grid, { cols: 1, gap: 4, mb: 4, children: [
10966
10971
  /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Box, { children: [