@orderly.network/ui-orders 3.0.4 → 3.1.0-alpha.0

package/dist/index.mjs

@@ -590,7 +590,7 @@ var init_confirmContent = __esm({
         /* @__PURE__ */ jsx(
           "button",
           {
-            className: "oui-absolute oui-right-0 oui-top-0 oui-text-base-contrast-54",
+            className: "oui-absolute oui-end-0 oui-top-0 oui-text-base-contrast-54",
             onClick: cancelPopover,
             children: /* @__PURE__ */ jsx(CloseIcon, { size: 16, color: "white", opacity: 1 })
           }
@@ -737,7 +737,7 @@ var init_editableCellInput = __esm({
           ],
           classNames: {
             root: "oui-bg-base-700 oui-px-2 oui-py-1 oui-rounded",
-            input: "oui-pr-2"
+            input: "oui-pe-2"
           },
           readOnly: props.readonly,
           suffix: /* @__PURE__ */ jsxs(Flex, { gapX: 1, children: [
@@ -1281,7 +1281,7 @@ var init_innerInput = __esm({
           color: open ? "danger" : void 0,
           classNames: {
             root: "oui-bg-base-700 oui-px-2 oui-py-1 oui-rounded",
-            input: "oui-pr-2"
+            input: "oui-pe-2"
           },
           suffix: /* @__PURE__ */ jsx("button", { onClick, children: /* @__PURE__ */ jsx(
             CheckIcon,
@@ -2306,7 +2306,7 @@ var init_tpslTriggerPrice = __esm({
                   CloseToLiqPriceIcon,
                   {
                     slPriceError: props.slPriceError,
-                    className: "oui-ml-1"
+                    className: "oui-ms-1"
                   }
                 )
               },
@@ -2368,7 +2368,7 @@ var init_tpslTriggerPrice = __esm({
       const type = orderType === AlgoOrderType.TAKE_PROFIT ? "TP" : "SL";
       const label = type === "TP" ? `${t("tpsl.tpPnl")}:` : `${t("tpsl.slPnl")}:`;
       return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center", children: [
-        /* @__PURE__ */ jsx("span", { className: "oui-text-base-contrast-54 oui-mr-1", children: label }),
+        /* @__PURE__ */ jsx("span", { className: "oui-text-base-contrast-54 oui-me-1", children: label }),
         /* @__PURE__ */ jsx(
           Text.numeral,
           {
@@ -2380,7 +2380,7 @@ var init_tpslTriggerPrice = __esm({
               // @ts-ignore
               /* @__PURE__ */ jsx("span", { children: pnl === 0 ? "" : pnl > 0 ? "+" : "-" })
             ),
-            suffix: /* @__PURE__ */ jsx("span", { className: "oui-text-base-contrast-36 oui-ml-1", children: "USDC" }),
+            suffix: /* @__PURE__ */ jsx("span", { className: "oui-text-base-contrast-36 oui-ms-1", children: "USDC" }),
             children: `${Math.abs(pnl)}`
           }
         )
@@ -2392,7 +2392,7 @@ function instrument(option) {
   return {
     title: i18n.t("common.symbol"),
     dataIndex: "symbol",
-    fixed: "left",
+    fixed: "start",
     // className: "oui-h-[48px]",
     width: option?.width,
     onSort: option?.enableSort ? (r1, r2) => {
@@ -2860,7 +2860,7 @@ function cancelBtn(option) {
     width: option?.width,
     className: option?.className,
     align: "right",
-    fixed: "right",
+    fixed: "end",
     render: (_, record) => {
       if (record.status === OrderStatus.CANCELLED) {
         return /* @__PURE__ */ jsx(Renew, { record });
@@ -2880,7 +2880,7 @@ function pendingTabCancelBtn(option) {
     width: option?.width,
     className: option?.className,
     align: "right",
-    fixed: "right",
+    fixed: "end",
     render: (_, record) => {
       return /* @__PURE__ */ jsx(CancelButton, { order: record });
     }
@@ -2894,7 +2894,7 @@ function tpslAction(option) {
     width: option?.width,
     className: option?.className,
     align: "right",
-    fixed: "right",
+    fixed: "end",
     render: (_, record) => {
       return /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
         /* @__PURE__ */ jsx(TP_SLEditButton, { order: record }),
@@ -2979,7 +2979,7 @@ var init_useColumn = __esm({
               fillAndQuantity({
                 width: 130,
                 disableEdit: true,
-                className: "oui-pl-0 oui-pr-0",
+                className: "oui-ps-0 oui-pe-0",
                 enableSort: false
               }),
               price({
@@ -3016,12 +3016,12 @@ var init_useColumn = __esm({
               // side({ width: 162 }),
               fillAndQuantity({
                 width: 162,
-                className: "oui-pr-0",
+                className: "oui-pe-0",
                 enableSort: false
               }),
-              price({ width: 162, className: "oui-pr-0", enableSort: false }),
+              price({ width: 162, className: "oui-pe-0", enableSort: false }),
               trailingCallback({ width: 162 }),
-              triggerPrice({ width: 162, className: "oui-pr-0", isPending: true }),
+              triggerPrice({ width: 162, className: "oui-pe-0", isPending: true }),
               bracketOrderPrice({ width: 130 }),
               estTotal({ width: 162, isPending: true }),
               reduceOnly({ width: 162 }),
@@ -3058,7 +3058,7 @@ var init_useColumn = __esm({
               fillAndQuantity({
                 width: 124,
                 disableEdit: true,
-                className: "oui-pl-0 oui-pr-0"
+                className: "oui-ps-0 oui-pe-0"
               }),
               price({
                 width: 124,
@@ -3093,7 +3093,7 @@ var init_useColumn = __esm({
               fillAndQuantity({
                 width: 124,
                 disableEdit: true,
-                className: "oui-pl-0 oui-pr-0",
+                className: "oui-ps-0 oui-pe-0",
                 enableSort: false
               }),
               price({ width: 124, disableEdit: true, enableSort: false }),
@@ -3116,7 +3116,7 @@ var init_useColumn = __esm({
               fillAndQuantity({
                 width: 124,
                 disableEdit: true,
-                className: "oui-pl-0 oui-pr-0"
+                className: "oui-ps-0 oui-pe-0"
               }),
               price({ width: 124, disableEdit: true }),
               avgOpen({ width: 124 }),
@@ -3139,7 +3139,7 @@ var init_useColumn = __esm({
               fillAndQuantity({
                 width: 150,
                 disableEdit: true,
-                className: "oui-pl-6 oui-pr-0"
+                className: "oui-ps-6 oui-pe-0"
               }),
               price({
                 width: 124,
@@ -3210,6 +3210,7 @@ var init_items = __esm({
     };
     OrderTypeView = (props) => {
       const { item } = props;
+      useTranslation();
       useCallback(() => {
         const type = typeof item.type === "string" ? item.type.replace("_ORDER", "").toLowerCase() : item.type;
         const isAlgoOrder = item.algo_order_id && item.algo_type !== AlgoOrderRootType.BRACKET;
@@ -3479,7 +3480,7 @@ var init_items = __esm({
                 }
               ),
               classNames: {
-                content: "oui-bg-base-6 oui-ml-2",
+                content: "oui-bg-base-6 oui-ms-2",
                 arrow: "oui-fill-base-6"
               },
               children: /* @__PURE__ */ jsx(
@@ -3532,7 +3533,7 @@ var init_items = __esm({
                 }
               ),
               classNames: {
-                content: "oui-bg-base-6 oui-ml-2",
+                content: "oui-bg-base-6 oui-ms-2",
                 arrow: "oui-fill-base-6"
               },
               children: /* @__PURE__ */ jsx(
@@ -3576,7 +3577,7 @@ var init_items = __esm({
             children: tp_order_price
           }
         );
-      }, [tp_order_price]);
+      }, [props.quote_dp, t, tp_order_price]);
       return /* @__PURE__ */ jsx(
         Statistic,
         {
@@ -3609,7 +3610,7 @@ var init_items = __esm({
             children: sl_order_price
           }
         );
-      }, [sl_order_price]);
+      }, [props.quote_dp, sl_order_price, t]);
       return /* @__PURE__ */ jsx(
         Statistic,
         {
@@ -3834,7 +3835,7 @@ var init_bracketOrderPrice_ui = __esm({
           MobileTooltip,
           {
             classNames: {
-              content: "oui-bg-base-6 oui-ml-2",
+              content: "oui-bg-base-6 oui-ms-2",
               arrow: "oui-fill-base-6"
             },
             content: /* @__PURE__ */ jsxs(Flex, { direction: "column", itemAlign: "start", gap: 1, children: [
@@ -5069,7 +5070,7 @@ var init_editBtn_script = __esm({
           }).catch((error) => {
           });
         }
-      }, [state]);
+      }, [editAlgoOrder, editOrder, position, state, symbolInfo, t]);
       return {
         ...state,
         onShowEditSheet