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

package/dist/index.js

@@ -596,7 +596,7 @@ var init_confirmContent = __esm({
         /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.CloseIcon, { size: 16, color: "white", opacity: 1 })
           }
@@ -743,7 +743,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__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 1, children: [
@@ -1287,7 +1287,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__ */ jsxRuntime.jsx("button", { onClick, children: /* @__PURE__ */ jsxRuntime.jsx(
             ui.CheckIcon,
@@ -2312,7 +2312,7 @@ var init_tpslTriggerPrice = __esm({
                   uiTpsl.CloseToLiqPriceIcon,
                   {
                     slPriceError: props.slPriceError,
-                    className: "oui-ml-1"
+                    className: "oui-ms-1"
                   }
                 )
               },
@@ -2374,7 +2374,7 @@ var init_tpslTriggerPrice = __esm({
       const type = orderType === types.AlgoOrderType.TAKE_PROFIT ? "TP" : "SL";
       const label = type === "TP" ? `${t("tpsl.tpPnl")}:` : `${t("tpsl.slPnl")}:`;
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oui-text-base-contrast-54 oui-mr-1", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oui-text-base-contrast-54 oui-me-1", children: label }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Text.numeral,
           {
@@ -2386,7 +2386,7 @@ var init_tpslTriggerPrice = __esm({
               // @ts-ignore
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: pnl === 0 ? "" : pnl > 0 ? "+" : "-" })
             ),
-            suffix: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oui-text-base-contrast-36 oui-ml-1", children: "USDC" }),
+            suffix: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oui-text-base-contrast-36 oui-ms-1", children: "USDC" }),
             children: `${Math.abs(pnl)}`
           }
         )
@@ -2398,7 +2398,7 @@ function instrument(option) {
   return {
     title: i18n.i18n.t("common.symbol"),
     dataIndex: "symbol",
-    fixed: "left",
+    fixed: "start",
     // className: "oui-h-[48px]",
     width: option?.width,
     onSort: option?.enableSort ? (r1, r2) => {
@@ -2866,7 +2866,7 @@ function cancelBtn(option) {
     width: option?.width,
     className: option?.className,
     align: "right",
-    fixed: "right",
+    fixed: "end",
     render: (_, record) => {
       if (record.status === types.OrderStatus.CANCELLED) {
         return /* @__PURE__ */ jsxRuntime.jsx(Renew, { record });
@@ -2886,7 +2886,7 @@ function pendingTabCancelBtn(option) {
     width: option?.width,
     className: option?.className,
     align: "right",
-    fixed: "right",
+    fixed: "end",
     render: (_, record) => {
       return /* @__PURE__ */ jsxRuntime.jsx(CancelButton, { order: record });
     }
@@ -2900,7 +2900,7 @@ function tpslAction(option) {
     width: option?.width,
     className: option?.className,
     align: "right",
-    fixed: "right",
+    fixed: "end",
     render: (_, record) => {
       return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, children: [
         /* @__PURE__ */ jsxRuntime.jsx(TP_SLEditButton, { order: record }),
@@ -2985,7 +2985,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({
@@ -3022,12 +3022,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 }),
@@ -3064,7 +3064,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,
@@ -3099,7 +3099,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 }),
@@ -3122,7 +3122,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 }),
@@ -3145,7 +3145,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,
@@ -3216,6 +3216,7 @@ var init_items = __esm({
     };
     OrderTypeView = (props) => {
       const { item } = props;
+      i18n.useTranslation();
       React2.useCallback(() => {
         const type = typeof item.type === "string" ? item.type.replace("_ORDER", "").toLowerCase() : item.type;
         const isAlgoOrder = item.algo_order_id && item.algo_type !== types.AlgoOrderRootType.BRACKET;
@@ -3485,7 +3486,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__ */ jsxRuntime.jsx(
@@ -3538,7 +3539,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__ */ jsxRuntime.jsx(
@@ -3582,7 +3583,7 @@ var init_items = __esm({
             children: tp_order_price
           }
         );
-      }, [tp_order_price]);
+      }, [props.quote_dp, t, tp_order_price]);
       return /* @__PURE__ */ jsxRuntime.jsx(
         ui.Statistic,
         {
@@ -3615,7 +3616,7 @@ var init_items = __esm({
             children: sl_order_price
           }
         );
-      }, [sl_order_price]);
+      }, [props.quote_dp, sl_order_price, t]);
       return /* @__PURE__ */ jsxRuntime.jsx(
         ui.Statistic,
         {
@@ -3840,7 +3841,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__ */ jsxRuntime.jsxs(ui.Flex, { direction: "column", itemAlign: "start", gap: 1, children: [
@@ -5075,7 +5076,7 @@ var init_editBtn_script = __esm({
           }).catch((error) => {
           });
         }
-      }, [state]);
+      }, [editAlgoOrder, editOrder, position, state, symbolInfo, t]);
       return {
         ...state,
         onShowEditSheet