@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.
Files changed (6) hide show
  1. package/dist/index.js +42 -19
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +42 -19
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +8 -8
package/dist/index.js CHANGED
@@ -72,16 +72,28 @@ var init_rwaDotTooltip = __esm({
72
72
  return /* @__PURE__ */ jsxRuntime.jsx(
73
73
  ui.Tooltip,
74
74
  {
75
+ className: "oui-pointer-events-none",
76
+ disableHoverableContent: true,
75
77
  content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { color: isInTradingHours ? "success" : "danger", children: isInTradingHours ? t("trading.rwa.marketHours") : t("trading.rwa.outsideMarketHours") }),
76
- children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { py: 2, px: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
78
+ children: /* @__PURE__ */ jsxRuntime.jsx(
77
79
  ui.Box,
78
80
  {
79
- width: 4,
80
- height: 4,
81
- r: "full",
82
- className: isInTradingHours ? "oui-bg-success" : "oui-bg-danger"
81
+ as: "span",
82
+ py: 2,
83
+ px: 1,
84
+ className: "oui-inline-flex oui-shrink-0 oui-items-center",
85
+ children: /* @__PURE__ */ jsxRuntime.jsx(
86
+ ui.Box,
87
+ {
88
+ as: "span",
89
+ width: 4,
90
+ height: 4,
91
+ r: "full",
92
+ className: isInTradingHours ? "oui-bg-success" : "oui-bg-danger"
93
+ }
94
+ )
83
95
  }
84
- ) })
96
+ )
85
97
  }
86
98
  );
87
99
  };
@@ -110,7 +122,7 @@ var init_symbolDisplay = __esm({
110
122
  const symbol = children;
111
123
  const symbolsInfo = hooks.useSymbolsInfo();
112
124
  const displayName = symbolsInfo[symbol]("displayName");
113
- const suffix = record?.isRwa || showBadge ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 0, itemAlign: "center", children: [
125
+ const suffix = record?.isRwa || showBadge ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { as: "span", display: "inlineFlex", gapX: 0, itemAlign: "center", children: [
114
126
  record?.isRwa && /* @__PURE__ */ jsxRuntime.jsx(RwaDotTooltip, { record }),
115
127
  showBadge && /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol })
116
128
  ] }) : null;
@@ -644,29 +656,33 @@ var init_marketsHeader_ui = __esm({
644
656
  ListItem = (props) => {
645
657
  const { item } = props;
646
658
  return /* @__PURE__ */ jsxRuntime.jsxs(
647
- ui.Flex,
659
+ ui.Box,
648
660
  {
649
661
  width: "100%",
650
- gapX: 3,
651
662
  py: 2,
652
663
  px: 4,
653
- className: ui.cn("oui-cursor-pointer hover:oui-bg-base-8", props.className),
664
+ className: ui.cn(
665
+ "oui-grid oui-grid-cols-[minmax(0,1fr)_96px_72px] oui-items-center oui-gap-x-3",
666
+ "oui-cursor-pointer hover:oui-bg-base-8",
667
+ props.className
668
+ ),
654
669
  onClick: () => {
655
670
  props.onSymbol(item);
656
671
  },
657
672
  children: [
658
- /* @__PURE__ */ jsxRuntime.jsx(exports.SymbolDisplay, { formatString: "base", showIcon: true, className: "oui-w-full", children: item.symbol }),
659
- /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { width: "100%", justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
673
+ /* @__PURE__ */ jsxRuntime.jsx(exports.SymbolDisplay, { formatString: "base", showIcon: true, className: "oui-min-w-0", children: item.symbol }),
674
+ /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
660
675
  ui.Text.numeral,
661
676
  {
662
677
  currency: "$",
663
678
  size: "xs",
664
679
  weight: "semibold",
665
680
  dp: item.quote_dp,
681
+ className: "oui-tabular-nums oui-text-right",
666
682
  children: item["24h_close"]
667
683
  }
668
684
  ) }),
669
- /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { width: "100%", justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
685
+ /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
670
686
  ui.Text.numeral,
671
687
  {
672
688
  rule: "percentages",
@@ -674,6 +690,7 @@ var init_marketsHeader_ui = __esm({
674
690
  size: "xs",
675
691
  weight: "semibold",
676
692
  showIdentifier: true,
693
+ className: "oui-tabular-nums oui-text-right",
677
694
  children: item.change
678
695
  }
679
696
  ) })
@@ -1068,29 +1085,33 @@ var init_marketsHeader_mobile_ui = __esm({
1068
1085
  ListItem2 = (props) => {
1069
1086
  const { item } = props;
1070
1087
  return /* @__PURE__ */ jsxRuntime.jsxs(
1071
- ui.Flex,
1088
+ ui.Box,
1072
1089
  {
1073
1090
  width: "100%",
1074
- gapX: 3,
1075
1091
  py: 2,
1076
1092
  px: 4,
1077
- className: ui.cn("oui-cursor-pointer hover:oui-bg-base-8", props.className),
1093
+ className: ui.cn(
1094
+ "oui-grid oui-grid-cols-[minmax(0,1fr)_96px_72px] oui-items-center oui-gap-x-3",
1095
+ "oui-cursor-pointer hover:oui-bg-base-8",
1096
+ props.className
1097
+ ),
1078
1098
  onClick: () => {
1079
1099
  props.onSymbol(item);
1080
1100
  },
1081
1101
  children: [
1082
- /* @__PURE__ */ jsxRuntime.jsx(exports.SymbolDisplay, { formatString: "base", showIcon: true, className: "oui-w-full", children: item.symbol }),
1083
- /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { width: "100%", justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
1102
+ /* @__PURE__ */ jsxRuntime.jsx(exports.SymbolDisplay, { formatString: "base", showIcon: true, className: "oui-min-w-0", children: item.symbol }),
1103
+ /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
1084
1104
  ui.Text.numeral,
1085
1105
  {
1086
1106
  currency: "$",
1087
1107
  size: "xs",
1088
1108
  weight: "semibold",
1089
1109
  dp: item.quote_dp,
1110
+ className: "oui-tabular-nums oui-text-right",
1090
1111
  children: item["24h_close"]
1091
1112
  }
1092
1113
  ) }),
1093
- /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { width: "100%", justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
1114
+ /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
1094
1115
  ui.Text.numeral,
1095
1116
  {
1096
1117
  rule: "percentages",
@@ -1098,6 +1119,7 @@ var init_marketsHeader_mobile_ui = __esm({
1098
1119
  size: "xs",
1099
1120
  weight: "semibold",
1100
1121
  showIdentifier: true,
1122
+ className: "oui-tabular-nums oui-text-right",
1101
1123
  children: item.change
1102
1124
  }
1103
1125
  ) })
@@ -1653,6 +1675,7 @@ function getSymbolColumn(favorite, isFavoriteList = false, options) {
1653
1675
  title: i18n.i18n.t("common.symbol"),
1654
1676
  dataIndex: "symbol",
1655
1677
  width: 150,
1678
+ className: "oui-z-10",
1656
1679
  onSort: true,
1657
1680
  render: (value, record) => {
1658
1681
  let favoritesIcon;