@orderly.network/ui-positions 2.8.10-alpha.0 → 2.8.11-alpha.0

package/dist/index.mjs

@@ -278,8 +278,7 @@ var FundingFeeHistoryUI = ({ total, symbol, start_t, end_t }) => {
     });
   }, [setSize]);
   const flattenData = useMemo(() => {
-    if (!Array.isArray(data))
-      return [];
+    if (!Array.isArray(data)) return [];
     return data.flat().map((item) => {
       return {
         ...item,
@@ -363,7 +362,7 @@ var FundingFeeLabelButton = ({ label, tooltip, size }) => {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-gap-1", children: [
     /* @__PURE__ */ jsx("span", { children: label }),
-    /* @__PURE__ */ jsx(
+    tooltip && /* @__PURE__ */ jsx(
       "button",
       {
         className: "oui-flex oui-items-center",
@@ -384,14 +383,10 @@ var FundingFeeLabelButton = ({ label, tooltip, size }) => {
     )
   ] });
 };
-var FundingFeeLabel = ({
-  label,
-  tooltip,
-  size
-}) => {
+var FundingFeeLabel = ({ label, tooltip, size }) => {
   return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-gap-1", children: [
     /* @__PURE__ */ jsx("span", { children: label }),
-    /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx("div", { className: "oui-w-64", children: tooltip }), children: /* @__PURE__ */ jsx(
+    tooltip && /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx("div", { className: "oui-w-64", children: tooltip }), children: /* @__PURE__ */ jsx(
       ExclamationFillIcon,
       {
         className: "oui-cursor-pointer oui-text-base-contrast-54",
@@ -413,14 +408,7 @@ var HistoryDataListView = ({ isLoading, data, loadMore }) => {
         }
       },
       {
-        title: /* @__PURE__ */ jsx(
-          FundingFeeLabel,
-          {
-            label: t("funding.fundingRate"),
-            tooltip: t("positions.fundingRate.tooltip"),
-            size: 12
-          }
-        ),
+        title: /* @__PURE__ */ jsx(FundingFeeLabel, { label: t("funding.fundingRate"), size: 12 }),
         dataIndex: "funding_rate",
         formatter: (value) => new Decimal(value).mul(100).toString(),
         render: (value) => {
@@ -436,7 +424,14 @@ var HistoryDataListView = ({ isLoading, data, loadMore }) => {
         render: (value) => /* @__PURE__ */ jsx("span", { children: value })
       },
       {
-        title: `${t("funding.fundingFee")} (USDC)`,
+        title: /* @__PURE__ */ jsx(
+          FundingFeeLabel,
+          {
+            label: t("common.amount"),
+            tooltip: t("positions.fundingRate.tooltip"),
+            size: 12
+          }
+        ),
         dataIndex: "funding_fee",
         render: (value) => {
           return /* @__PURE__ */ jsx(Text.numeral, { rule: "price", coloring: true, showIdentifier: true, ignoreDP: true, children: value });
@@ -482,29 +477,30 @@ var FundingFeeItem = ({ item }) => {
       /* @__PURE__ */ jsx(
         Statistic,
         {
-          label: /* @__PURE__ */ jsx(
-            FundingFeeLabelButton,
-            {
-              label: t("funding.fundingRate"),
-              tooltip: t("positions.fundingRate.tooltip"),
-              size: 12
-            }
-          ),
+          label: /* @__PURE__ */ jsx(FundingFeeLabelButton, { label: t("funding.fundingRate"), size: 12 }),
           classNames: {
             label: "oui-text-2xs"
           },
           valueProps: {
             ignoreDP: true,
-            rule: "percentages",
-            className: "oui-text-xs"
+            as: "div",
+            className: "oui-text-xs",
+            suffix: "%"
           },
-          children: item.funding_rate
+          children: new Decimal(item.funding_rate).mul(100).toNumber()
         }
       ),
       /* @__PURE__ */ jsx(
         Statistic,
         {
-          label: t("common.amount"),
+          label: /* @__PURE__ */ jsx(
+            FundingFeeLabelButton,
+            {
+              label: t("common.amount"),
+              tooltip: t("positions.fundingRate.tooltip"),
+              size: 12
+            }
+          ),
           className: "oui-items-end",
           classNames: {
             label: "oui-text-2xs"
@@ -897,12 +893,9 @@ var groupDataByAccount = (data, options) => {
 var TRADING_POSITIONS_SORT_STORAGE_KEY = "orderly_trading_positions_sort";
 var LIQ_DISTANCE_THRESHOLD = 10;
 var compareValues = (aValue, bValue) => {
-  if (aValue == null && bValue == null)
-    return 0;
-  if (aValue == null)
-    return 1;
-  if (bValue == null)
-    return -1;
+  if (aValue == null && bValue == null) return 0;
+  if (aValue == null) return 1;
+  if (bValue == null) return -1;
   const aStr = String(aValue).trim();
   const bStr = String(bValue).trim();
   const aNum = Number(aStr);
@@ -1225,42 +1218,35 @@ var useReversePositionScript = (options) => {
   });
   const rawPositionRows = useDataTap(positionData?.rows, { fallbackData: [] });
   const unrealizedPnL = useMemo(() => {
-    if (!rawPositionRows || !symbol)
-      return position?.unrealized_pnl;
+    if (!rawPositionRows || !symbol) return position?.unrealized_pnl;
     const currentPosition = rawPositionRows.find(
       (p) => p.symbol === symbol && p.position_qty !== 0
     );
     return currentPosition?.unrealized_pnl ?? position?.unrealized_pnl;
   }, [rawPositionRows, symbol]);
   const baseMin = useMemo(() => {
-    if (!symbolInfo)
-      return 0;
+    if (!symbolInfo) return 0;
     return symbolInfo("base_min") || 0;
   }, [symbolInfo]);
   const baseMax = useMemo(() => {
-    if (!symbolInfo)
-      return 0;
+    if (!symbolInfo) return 0;
     return symbolInfo("base_max") || 0;
   }, [symbolInfo]);
   const baseDp = useMemo(() => {
-    if (!symbolInfo)
-      return 6;
+    if (!symbolInfo) return 6;
     return symbolInfo("base_dp") || 6;
   }, [symbolInfo]);
   const positionQty = useMemo(() => {
-    if (!position)
-      return 0;
+    if (!position) return 0;
     return Math.abs(position.position_qty);
   }, [position]);
   const isLong = useMemo(() => {
-    if (!position)
-      return false;
+    if (!position) return false;
     return position.position_qty > 0;
   }, [position]);
   const reverseQty = positionQty;
   const validationError = useMemo(() => {
-    if (!position || !symbolInfo)
-      return null;
+    if (!position || !symbolInfo) return null;
     if (baseMin > 0 && reverseQty < baseMin) {
       return "belowMin";
     }
@@ -2336,8 +2322,7 @@ var PartialTPSL = (props) => {
   });
   const child = useMemo(() => {
     const children = [];
-    if (!order?.symbol)
-      return /* @__PURE__ */ jsx(AddIcon, { positionType: PositionType.PARTIAL });
+    if (!order?.symbol) return /* @__PURE__ */ jsx(AddIcon, { positionType: PositionType.PARTIAL });
     if (tpTriggerPrice) {
       children.push(
         /* @__PURE__ */ jsx(
@@ -2581,8 +2566,7 @@ var TPSLTriggerPrice = (props) => {
   const { t } = useTranslation();
   const pnl = useMemo(() => {
     const msgs = [];
-    if (!props.tooltip || !order || !position)
-      return;
+    if (!props.tooltip || !order || !position) return;
     let quantity = order.quantity;
     if (quantity === 0) {
       if (order.child_orders[0].type === "CLOSE_POSITION") {
@@ -2632,8 +2616,7 @@ var TPSLTriggerPrice = (props) => {
   ]);
   const child = useMemo(() => {
     const children = [];
-    if (!order?.symbol)
-      return /* @__PURE__ */ jsx(AddIcon, { positionType: PositionType.FULL });
+    if (!order?.symbol) return /* @__PURE__ */ jsx(AddIcon, { positionType: PositionType.FULL });
     if (props.takeProfitPrice) {
       children.push(
         /* @__PURE__ */ jsx(
@@ -2924,7 +2907,19 @@ var useColumn = (config) => {
           Tooltip,
           {
             className: "oui-max-w-[280px] oui-bg-base-8 oui-p-3 oui-text-2xs oui-text-base-contrast-54",
-            content: t("positions.column.liqPrice.tooltip"),
+            content: /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "oui-text-pretty", children: t("common.liquidationPrice.tooltip") }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: "https://orderly.network/docs/introduction/trade-on-orderly/perpetual-futures/liquidations",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "oui-text-primary oui-underline",
+                  children: t("common.liquidationPrice.tooltip.learnMore")
+                }
+              ) })
+            ] }),
             children: /* @__PURE__ */ jsx(Text, { children: t("positions.column.liqPrice") })
           }
         ),
@@ -3273,10 +3268,8 @@ var LiqPrice = (props) => {
   const liqPrice = useMemo(() => {
     const estLiqPrice = item.est_liq_price;
     const markPrice = item.mark_price;
-    if (!estLiqPrice || estLiqPrice <= 0)
-      return "-";
-    if (!markPrice || markPrice === 0)
-      return "-";
+    if (!estLiqPrice || estLiqPrice <= 0) return "-";
+    if (!markPrice || markPrice === 0) return "-";
     if (Math.abs(estLiqPrice - markPrice) / markPrice >= LIQ_DISTANCE_THRESHOLD) {
       return "-";
     }
@@ -3746,8 +3739,7 @@ var usePositionHistoryColumn = (props) => {
         dataIndex: "netPnL",
         width: 140,
         onSort: (a, b) => {
-          if (a.netPnL == null || b.netPnL == null)
-            return -1;
+          if (a.netPnL == null || b.netPnL == null) return -1;
           return (a.netPnL ?? 0) - (b.netPnL ?? 0);
         },
         render: (_, record) => /* @__PURE__ */ jsxs(Flex, { gapX: 1, children: [
@@ -3991,8 +3983,7 @@ var NetPnL = (props) => {
       children: netPnl ?? "--"
     }
   );
-  if (record.netPnL == null)
-    return text();
+  if (record.netPnL == null) return text();
   return /* @__PURE__ */ jsx(
     Tooltip,
     {
@@ -4050,15 +4041,13 @@ var LeverageDisplay2 = ({ symbol }) => {
   return /* @__PURE__ */ jsx(Text.numeral, { dp: 0, size: "2xs", unit: "X", children: leverage });
 };
 function offsetStartOfDay(date) {
-  if (date == null)
-    return date;
+  if (date == null) return date;
   const newDate = new Date(date);
   newDate.setHours(0, 0, 0, 0);
   return newDate;
 }
 function offsetEndOfDay(date) {
-  if (date == null)
-    return date;
+  if (date == null) return date;
   const newDate = new Date(date);
   newDate.setHours(23, 59, 59, 999);
   return newDate;
@@ -4123,8 +4112,7 @@ var usePositionHistoryScript = (props) => {
     setPage(1);
   }, [status, side, dateRange, filterDays, symbol]);
   const filterData = useMemo(() => {
-    if (data == null)
-      return data;
+    if (data == null) return data;
     return data.filter((item) => {
       const sideFilter = side === "all" /* all */ ? true : item.side.toLowerCase() === side.toLowerCase();
       const statusFilter = status === "all" /* all */ ? true : item.position_status.toLowerCase() === status.toLowerCase();
@@ -5025,12 +5013,10 @@ var Body2 = (props) => {
   const position = props.item.positions_by_perp?.[0];
   const { t } = useTranslation();
   const mr = useMemo(() => {
-    if (isNaN(props.item?.margin_ratio))
-      return "--";
+    if (isNaN(props.item?.margin_ratio)) return "--";
     return `${new Decimal(props.item.margin_ratio).mul(100).todp(2, Decimal.ROUND_DOWN).toNumber()}%`;
   }, [props.item?.margin_ratio]);
-  if (!position)
-    return null;
+  if (!position) return null;
   return /* @__PURE__ */ jsxs(Flex, { direction: "column", width: "100%", gap: 1, children: [
     /* @__PURE__ */ jsxs(Flex, { gap: 2, width: "100%", children: [
       /* @__PURE__ */ jsx(
@@ -5433,8 +5419,7 @@ var useFilter2 = () => {
   };
 };
 var generateKeyFun = (args) => (pageIndex, previousPageData) => {
-  if (previousPageData && !previousPageData.rows?.length)
-    return null;
+  if (previousPageData && !previousPageData.rows?.length) return null;
   const { symbol, size = 10, page, end_t, start_t } = args;
   const search = new URLSearchParams([
     ["size", size.toString()],
@@ -5490,8 +5475,7 @@ var useCloseAllPositionsScript = (options) => {
   const { tracking } = useTrack();
   const [positionsData] = usePositionStream(symbol);
   const openPositions = useMemo(() => {
-    if (!positionsData?.rows)
-      return [];
+    if (!positionsData?.rows) return [];
     return positionsData.rows.filter(
       (position) => position.position_qty !== 0 && position.position_qty !== void 0
     );
@@ -5504,8 +5488,7 @@ var useCloseAllPositionsScript = (options) => {
     "POST"
   );
   const closeAllPositions = useCallback(async () => {
-    if (!hasOpenPositions)
-      return;
+    if (!hasOpenPositions) return;
     try {
       const closePromises = openPositions.map(
         (position) => {
@@ -5572,5 +5555,5 @@ registerSimpleDialog(MarketCloseConfirmID, MarketCloseConfirm, {
 });
 
 export { CloseAllPositions, CloseAllPositionsWidget, CombinePositionsWidget, FundingFeeButton, FundingFeeHistoryUI, Liquidation, LiquidationWidget, MarketCloseConfirmID, MobileLiquidation, MobileLiquidationWidget, MobilePositionHistory, MobilePositionHistoryWidget, MobilePositionsWidget, OrderInfoCard, PositionHistory, PositionHistoryWidget, PositionsTabName, PositionsWidget, ReversePosition, ReversePositionDialogId, ReversePositionWidget, sortList, useCloseAllPositionsScript, useLiquidationScript, usePositionHistoryScript, usePositionsRowContext, useReversePositionEnabled, useReversePositionScript, useSort, useTabSort };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map