@orderly.network/markets 3.0.4-alpha.3 → 3.0.4-alpha.4
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.
- package/dist/index.js +42 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +42 -19
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +8 -8
package/dist/index.mjs
CHANGED
|
@@ -66,16 +66,28 @@ var init_rwaDotTooltip = __esm({
|
|
|
66
66
|
return /* @__PURE__ */ jsx(
|
|
67
67
|
Tooltip,
|
|
68
68
|
{
|
|
69
|
+
className: "oui-pointer-events-none",
|
|
70
|
+
disableHoverableContent: true,
|
|
69
71
|
content: /* @__PURE__ */ jsx(Text, { color: isInTradingHours ? "success" : "danger", children: isInTradingHours ? t("trading.rwa.marketHours") : t("trading.rwa.outsideMarketHours") }),
|
|
70
|
-
children: /* @__PURE__ */ jsx(
|
|
72
|
+
children: /* @__PURE__ */ jsx(
|
|
71
73
|
Box,
|
|
72
74
|
{
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
className:
|
|
75
|
+
as: "span",
|
|
76
|
+
py: 2,
|
|
77
|
+
px: 1,
|
|
78
|
+
className: "oui-inline-flex oui-shrink-0 oui-items-center",
|
|
79
|
+
children: /* @__PURE__ */ jsx(
|
|
80
|
+
Box,
|
|
81
|
+
{
|
|
82
|
+
as: "span",
|
|
83
|
+
width: 4,
|
|
84
|
+
height: 4,
|
|
85
|
+
r: "full",
|
|
86
|
+
className: isInTradingHours ? "oui-bg-success" : "oui-bg-danger"
|
|
87
|
+
}
|
|
88
|
+
)
|
|
77
89
|
}
|
|
78
|
-
)
|
|
90
|
+
)
|
|
79
91
|
}
|
|
80
92
|
);
|
|
81
93
|
};
|
|
@@ -104,7 +116,7 @@ var init_symbolDisplay = __esm({
|
|
|
104
116
|
const symbol = children;
|
|
105
117
|
const symbolsInfo = useSymbolsInfo();
|
|
106
118
|
const displayName = symbolsInfo[symbol]("displayName");
|
|
107
|
-
const suffix = record?.isRwa || showBadge ? /* @__PURE__ */ jsxs(Flex, { gapX: 0, itemAlign: "center", children: [
|
|
119
|
+
const suffix = record?.isRwa || showBadge ? /* @__PURE__ */ jsxs(Flex, { as: "span", display: "inlineFlex", gapX: 0, itemAlign: "center", children: [
|
|
108
120
|
record?.isRwa && /* @__PURE__ */ jsx(RwaDotTooltip, { record }),
|
|
109
121
|
showBadge && /* @__PURE__ */ jsx(SymbolBadge, { symbol })
|
|
110
122
|
] }) : null;
|
|
@@ -638,29 +650,33 @@ var init_marketsHeader_ui = __esm({
|
|
|
638
650
|
ListItem = (props) => {
|
|
639
651
|
const { item } = props;
|
|
640
652
|
return /* @__PURE__ */ jsxs(
|
|
641
|
-
|
|
653
|
+
Box,
|
|
642
654
|
{
|
|
643
655
|
width: "100%",
|
|
644
|
-
gapX: 3,
|
|
645
656
|
py: 2,
|
|
646
657
|
px: 4,
|
|
647
|
-
className: cn(
|
|
658
|
+
className: cn(
|
|
659
|
+
"oui-grid oui-grid-cols-[minmax(0,1fr)_96px_72px] oui-items-center oui-gap-x-3",
|
|
660
|
+
"oui-cursor-pointer hover:oui-bg-base-8",
|
|
661
|
+
props.className
|
|
662
|
+
),
|
|
648
663
|
onClick: () => {
|
|
649
664
|
props.onSymbol(item);
|
|
650
665
|
},
|
|
651
666
|
children: [
|
|
652
|
-
/* @__PURE__ */ jsx(SymbolDisplay, { formatString: "base", showIcon: true, className: "oui-w-
|
|
653
|
-
/* @__PURE__ */ jsx(Flex, {
|
|
667
|
+
/* @__PURE__ */ jsx(SymbolDisplay, { formatString: "base", showIcon: true, className: "oui-min-w-0", children: item.symbol }),
|
|
668
|
+
/* @__PURE__ */ jsx(Flex, { justify: "end", children: /* @__PURE__ */ jsx(
|
|
654
669
|
Text.numeral,
|
|
655
670
|
{
|
|
656
671
|
currency: "$",
|
|
657
672
|
size: "xs",
|
|
658
673
|
weight: "semibold",
|
|
659
674
|
dp: item.quote_dp,
|
|
675
|
+
className: "oui-tabular-nums oui-text-right",
|
|
660
676
|
children: item["24h_close"]
|
|
661
677
|
}
|
|
662
678
|
) }),
|
|
663
|
-
/* @__PURE__ */ jsx(Flex, {
|
|
679
|
+
/* @__PURE__ */ jsx(Flex, { justify: "end", children: /* @__PURE__ */ jsx(
|
|
664
680
|
Text.numeral,
|
|
665
681
|
{
|
|
666
682
|
rule: "percentages",
|
|
@@ -668,6 +684,7 @@ var init_marketsHeader_ui = __esm({
|
|
|
668
684
|
size: "xs",
|
|
669
685
|
weight: "semibold",
|
|
670
686
|
showIdentifier: true,
|
|
687
|
+
className: "oui-tabular-nums oui-text-right",
|
|
671
688
|
children: item.change
|
|
672
689
|
}
|
|
673
690
|
) })
|
|
@@ -1062,29 +1079,33 @@ var init_marketsHeader_mobile_ui = __esm({
|
|
|
1062
1079
|
ListItem2 = (props) => {
|
|
1063
1080
|
const { item } = props;
|
|
1064
1081
|
return /* @__PURE__ */ jsxs(
|
|
1065
|
-
|
|
1082
|
+
Box,
|
|
1066
1083
|
{
|
|
1067
1084
|
width: "100%",
|
|
1068
|
-
gapX: 3,
|
|
1069
1085
|
py: 2,
|
|
1070
1086
|
px: 4,
|
|
1071
|
-
className: cn(
|
|
1087
|
+
className: cn(
|
|
1088
|
+
"oui-grid oui-grid-cols-[minmax(0,1fr)_96px_72px] oui-items-center oui-gap-x-3",
|
|
1089
|
+
"oui-cursor-pointer hover:oui-bg-base-8",
|
|
1090
|
+
props.className
|
|
1091
|
+
),
|
|
1072
1092
|
onClick: () => {
|
|
1073
1093
|
props.onSymbol(item);
|
|
1074
1094
|
},
|
|
1075
1095
|
children: [
|
|
1076
|
-
/* @__PURE__ */ jsx(SymbolDisplay, { formatString: "base", showIcon: true, className: "oui-w-
|
|
1077
|
-
/* @__PURE__ */ jsx(Flex, {
|
|
1096
|
+
/* @__PURE__ */ jsx(SymbolDisplay, { formatString: "base", showIcon: true, className: "oui-min-w-0", children: item.symbol }),
|
|
1097
|
+
/* @__PURE__ */ jsx(Flex, { justify: "end", children: /* @__PURE__ */ jsx(
|
|
1078
1098
|
Text.numeral,
|
|
1079
1099
|
{
|
|
1080
1100
|
currency: "$",
|
|
1081
1101
|
size: "xs",
|
|
1082
1102
|
weight: "semibold",
|
|
1083
1103
|
dp: item.quote_dp,
|
|
1104
|
+
className: "oui-tabular-nums oui-text-right",
|
|
1084
1105
|
children: item["24h_close"]
|
|
1085
1106
|
}
|
|
1086
1107
|
) }),
|
|
1087
|
-
/* @__PURE__ */ jsx(Flex, {
|
|
1108
|
+
/* @__PURE__ */ jsx(Flex, { justify: "end", children: /* @__PURE__ */ jsx(
|
|
1088
1109
|
Text.numeral,
|
|
1089
1110
|
{
|
|
1090
1111
|
rule: "percentages",
|
|
@@ -1092,6 +1113,7 @@ var init_marketsHeader_mobile_ui = __esm({
|
|
|
1092
1113
|
size: "xs",
|
|
1093
1114
|
weight: "semibold",
|
|
1094
1115
|
showIdentifier: true,
|
|
1116
|
+
className: "oui-tabular-nums oui-text-right",
|
|
1095
1117
|
children: item.change
|
|
1096
1118
|
}
|
|
1097
1119
|
) })
|
|
@@ -1647,6 +1669,7 @@ function getSymbolColumn(favorite, isFavoriteList = false, options) {
|
|
|
1647
1669
|
title: i18n.t("common.symbol"),
|
|
1648
1670
|
dataIndex: "symbol",
|
|
1649
1671
|
width: 150,
|
|
1672
|
+
className: "oui-z-10",
|
|
1650
1673
|
onSort: true,
|
|
1651
1674
|
render: (value, record) => {
|
|
1652
1675
|
let favoritesIcon;
|