@orderly.network/markets 3.0.4-alpha.2 → 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 (8) hide show
  1. package/dist/index.d.mts +1 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.js +104 -50
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +104 -50
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +8 -8
package/dist/index.d.mts CHANGED
@@ -487,6 +487,7 @@ type SideMarketsProps = SideMarketsScriptReturn & {
487
487
  declare const SideMarkets: react__default.FC<SideMarketsProps>;
488
488
 
489
489
  type SideMarketsWidgetProps = MarketsProviderProps & Partial<Pick<SideMarketsProps, "className">> & {
490
+ panelSize?: "small" | "middle" | "large";
490
491
  collapsed?: boolean;
491
492
  };
492
493
  declare const SideMarketsWidget: react__default.FC<SideMarketsWidgetProps>;
package/dist/index.d.ts CHANGED
@@ -487,6 +487,7 @@ type SideMarketsProps = SideMarketsScriptReturn & {
487
487
  declare const SideMarkets: react__default.FC<SideMarketsProps>;
488
488
 
489
489
  type SideMarketsWidgetProps = MarketsProviderProps & Partial<Pick<SideMarketsProps, "className">> & {
490
+ panelSize?: "small" | "middle" | "large";
490
491
  collapsed?: boolean;
491
492
  };
492
493
  declare const SideMarketsWidget: react__default.FC<SideMarketsWidgetProps>;
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;
@@ -500,7 +512,7 @@ var init_marketsHeader_ui = __esm({
500
512
  } = props;
501
513
  const { onSymbolChange } = useMarketsContext();
502
514
  const { t } = i18n.useTranslation();
503
- const cls3 = ui.cn(
515
+ const cls2 = ui.cn(
504
516
  "oui-min-w-0 oui-flex-[0_0_calc((100%_-_32px)_/_3)] 3xl:oui-flex-[0_0_calc((100%_-_48px)_/_4)]",
505
517
  enableScroll && "oui-cursor-pointer oui-select-none"
506
518
  );
@@ -522,7 +534,7 @@ var init_marketsHeader_ui = __esm({
522
534
  total24Amount,
523
535
  totalOpenInterest,
524
536
  tvl,
525
- className: cls3
537
+ className: cls2
526
538
  }
527
539
  ),
528
540
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -530,7 +542,7 @@ var init_marketsHeader_ui = __esm({
530
542
  {
531
543
  data: news,
532
544
  title: /* @__PURE__ */ jsxRuntime.jsx(ui.Text.gradient, { color: "brand", children: t("markets.newListings") }),
533
- className: cls3,
545
+ className: cls2,
534
546
  onSymbol
535
547
  }
536
548
  ),
@@ -539,7 +551,7 @@ var init_marketsHeader_ui = __esm({
539
551
  {
540
552
  data: gainers,
541
553
  title: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-success-light", children: t("markets.topGainers") }),
542
- className: cls3,
554
+ className: cls2,
543
555
  onSymbol
544
556
  }
545
557
  ),
@@ -548,7 +560,7 @@ var init_marketsHeader_ui = __esm({
548
560
  {
549
561
  data: losers,
550
562
  title: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-danger-light", children: t("markets.topLosers") }),
551
- className: cls3,
563
+ className: cls2,
552
564
  onSymbol
553
565
  }
554
566
  )
@@ -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;
@@ -3589,7 +3612,7 @@ var init_marketsDataList = __esm({
3589
3612
  init_marketsDataList_ui();
3590
3613
  }
3591
3614
  });
3592
- var LazySearchInput2, LazyMarketsListWidget, cls; exports.ExpandMarkets = void 0;
3615
+ var LazySearchInput2, LazyMarketsListWidget, expandListTableClassNames, ExpandMarketsListPanel; exports.ExpandMarkets = void 0;
3593
3616
  var init_expandMarkets_ui = __esm({
3594
3617
  "src/components/expandMarkets/expandMarkets.ui.tsx"() {
3595
3618
  init_useCommunityTabs();
@@ -3609,7 +3632,17 @@ var init_expandMarkets_ui = __esm({
3609
3632
  return { default: mod.MarketsListWidget };
3610
3633
  })
3611
3634
  );
3612
- cls = "oui-h-full";
3635
+ expandListTableClassNames = {
3636
+ root: ui.cn(
3637
+ "oui-expandMarkets-list",
3638
+ /** min-w-0: flex/grid descendants may shrink so table-fixed + w-full respect parent width. */
3639
+ "oui-flex oui-min-h-0 oui-w-full oui-min-w-0 oui-max-w-full oui-flex-1 oui-flex-col"
3640
+ ),
3641
+ scroll: ui.cn("oui-min-h-0 oui-w-full oui-min-w-0 oui-max-w-full oui-flex-1")
3642
+ };
3643
+ ExpandMarketsListPanel = ({
3644
+ children
3645
+ }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-size-full oui-min-h-0 oui-min-w-0 oui-flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-min-h-0 oui-w-full oui-min-w-0 oui-flex-1 oui-flex-col oui-overflow-hidden", children }) });
3613
3646
  exports.ExpandMarkets = (props) => {
3614
3647
  const { activeTab, onTabChange, tabSort, onTabSort } = props;
3615
3648
  const { getFavoritesProps, renderEmptyView } = useFavoritesProps();
@@ -3618,15 +3651,16 @@ var init_expandMarkets_ui = __esm({
3618
3651
  const tabDataFilters = useCustomTabDataFilters(tabs);
3619
3652
  const renderBuiltInContent = (type) => {
3620
3653
  const tabType = type;
3621
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
3654
+ return /* @__PURE__ */ jsxRuntime.jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
3622
3655
  LazyMarketsListWidget,
3623
3656
  {
3624
3657
  type: tabType,
3625
3658
  initialSort: tabSort[type],
3626
3659
  onSort: onTabSort(tabType),
3627
3660
  tableClassNames: {
3628
- root: "oui-expandMarkets-list",
3661
+ root: expandListTableClassNames.root,
3629
3662
  scroll: ui.cn(
3663
+ expandListTableClassNames.scroll,
3630
3664
  "oui-px-1",
3631
3665
  tabType === "favorites" /* Favorites */ ? "oui-pb-9" : "oui-pb-2"
3632
3666
  )
@@ -3648,19 +3682,27 @@ var init_expandMarkets_ui = __esm({
3648
3682
  storageKey: "orderly_expand_markets_community_sel_sub_tab",
3649
3683
  classNames: {
3650
3684
  tabsList: "oui-px-3 oui-pt-1 oui-pb-2",
3651
- tabsContent: "oui-h-full"
3685
+ tabsListContainer: "oui-shrink-0",
3686
+ tabsContent: "oui-min-h-0 oui-min-w-0 oui-w-full oui-flex-1 oui-overflow-hidden"
3652
3687
  },
3653
- className: ui.cn("oui-expandMarkets-community-tabs", cls),
3688
+ className: ui.cn(
3689
+ "oui-expandMarkets-community-tabs",
3690
+ "oui-flex oui-size-full oui-min-h-0 oui-min-w-0 oui-flex-col"
3691
+ ),
3654
3692
  showScrollIndicator: true,
3655
- renderPanel: (selected) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
3693
+ renderPanel: (selected) => /* @__PURE__ */ jsxRuntime.jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
3656
3694
  LazyMarketsListWidget,
3657
3695
  {
3658
3696
  type: "all" /* All */,
3659
3697
  initialSort: tabSort["community" /* Community */],
3660
3698
  onSort: onTabSort("community" /* Community */),
3661
3699
  tableClassNames: {
3662
- root: "oui-expandMarkets-list",
3663
- scroll: ui.cn("oui-px-1", "oui-pb-2")
3700
+ root: expandListTableClassNames.root,
3701
+ scroll: ui.cn(
3702
+ expandListTableClassNames.scroll,
3703
+ "oui-px-1",
3704
+ "oui-pb-2"
3705
+ )
3664
3706
  },
3665
3707
  dataFilter: createCommunityBrokerFilter(selected)
3666
3708
  }
@@ -3669,7 +3711,7 @@ var init_expandMarkets_ui = __esm({
3669
3711
  );
3670
3712
  };
3671
3713
  const renderCustomContent = (key) => {
3672
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
3714
+ return /* @__PURE__ */ jsxRuntime.jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
3673
3715
  LazyMarketsListWidget,
3674
3716
  {
3675
3717
  type: "all" /* All */,
@@ -3677,8 +3719,12 @@ var init_expandMarkets_ui = __esm({
3677
3719
  initialSort: tabSort[key],
3678
3720
  onSort: onTabSort(key),
3679
3721
  tableClassNames: {
3680
- root: "oui-expandMarkets-list",
3681
- scroll: ui.cn("oui-px-1", "oui-pb-2")
3722
+ root: expandListTableClassNames.root,
3723
+ scroll: ui.cn(
3724
+ expandListTableClassNames.scroll,
3725
+ "oui-px-1",
3726
+ "oui-pb-2"
3727
+ )
3682
3728
  }
3683
3729
  }
3684
3730
  ) }) });
@@ -3688,7 +3734,8 @@ var init_expandMarkets_ui = __esm({
3688
3734
  {
3689
3735
  className: ui.cn(
3690
3736
  "oui-markets-expandMarkets",
3691
- "oui-overflow-hidden oui-font-semibold"
3737
+ /** Search row + tabs/list: second row minmax(0,1fr) passes a bounded height into Tabs. */
3738
+ "oui-grid oui-size-full oui-min-h-0 oui-min-w-0 oui-grid-rows-[auto_minmax(0,1fr)] oui-overflow-hidden oui-font-semibold"
3692
3739
  ),
3693
3740
  height: "100%",
3694
3741
  children: [
@@ -3706,11 +3753,17 @@ var init_expandMarkets_ui = __esm({
3706
3753
  value: activeTab,
3707
3754
  onValueChange: onTabChange,
3708
3755
  classNames: {
3756
+ /** Keep tab row from shrinking when Tabs root is a column flex container. */
3757
+ tabsListContainer: "oui-shrink-0",
3709
3758
  tabsList: ui.cn("oui-my-[6px]"),
3710
- tabsContent: "oui-h-full",
3759
+ /** Occupy remaining height under triggers; inner ExpandMarketsListPanel supplies flex column. */
3760
+ tabsContent: "oui-min-h-0 oui-min-w-0 oui-w-full oui-flex-1 oui-overflow-hidden",
3711
3761
  scrollIndicator: "oui-mx-3"
3712
3762
  },
3713
- className: ui.cn("oui-expandMarkets-tabs", cls),
3763
+ className: ui.cn(
3764
+ "oui-expandMarkets-tabs",
3765
+ "oui-flex oui-size-full oui-min-h-0 oui-min-w-0 oui-flex-col"
3766
+ ),
3714
3767
  showScrollIndicator: true,
3715
3768
  children: tabs?.map((tab, index) => {
3716
3769
  const key = tabKey(tab, index);
@@ -4613,6 +4666,7 @@ var init_sideMarkets_ui = __esm({
4613
4666
  {
4614
4667
  width: "100%",
4615
4668
  height: "100%",
4669
+ className: ui.cn(className, "oui-min-h-0 oui-min-w-0 oui-max-w-full"),
4616
4670
  children: renderContent()
4617
4671
  }
4618
4672
  );
@@ -4771,12 +4825,12 @@ var init_dropDownMarkets_ui = __esm({
4771
4825
  }
4772
4826
  )
4773
4827
  ] });
4774
- const cls3 = "oui-h-[calc(100%_-_36px)]";
4828
+ const cls2 = "oui-h-[calc(100%_-_36px)]";
4775
4829
  const { getFavoritesProps, renderEmptyView } = useFavoritesProps();
4776
4830
  const { tabs } = useMarketsContext();
4777
4831
  const tabDataFilters = useCustomTabDataFilters(tabs);
4778
4832
  const renderBuiltInContent = (tabType) => {
4779
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls3, children: /* @__PURE__ */ jsxRuntime.jsx(
4833
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls2, children: /* @__PURE__ */ jsxRuntime.jsx(
4780
4834
  exports.MarketsListWidget,
4781
4835
  {
4782
4836
  type: tabType,
@@ -4807,9 +4861,9 @@ var init_dropDownMarkets_ui = __esm({
4807
4861
  tabsList: "oui-px-3 oui-pt-1 oui-pb-2",
4808
4862
  tabsContent: "oui-h-full"
4809
4863
  },
4810
- className: ui.cn("oui-dropDownMarkets-community-tabs", cls3),
4864
+ className: ui.cn("oui-dropDownMarkets-community-tabs", cls2),
4811
4865
  showScrollIndicator: true,
4812
- renderPanel: (selected) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls3, children: /* @__PURE__ */ jsxRuntime.jsx(
4866
+ renderPanel: (selected) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls2, children: /* @__PURE__ */ jsxRuntime.jsx(
4813
4867
  exports.MarketsListWidget,
4814
4868
  {
4815
4869
  type: "all" /* All */,
@@ -4828,7 +4882,7 @@ var init_dropDownMarkets_ui = __esm({
4828
4882
  );
4829
4883
  };
4830
4884
  const renderCustomContent = (key) => {
4831
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls3, children: /* @__PURE__ */ jsxRuntime.jsx(
4885
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls2, children: /* @__PURE__ */ jsxRuntime.jsx(
4832
4886
  exports.MarketsListWidget,
4833
4887
  {
4834
4888
  type: "all" /* All */,
@@ -4868,7 +4922,7 @@ var init_dropDownMarkets_ui = __esm({
4868
4922
  tabsContent: "oui-h-full",
4869
4923
  scrollIndicator: "oui-mx-0"
4870
4924
  },
4871
- className: ui.cn("oui-dropDownMarkets-tabs", cls3),
4925
+ className: ui.cn("oui-dropDownMarkets-tabs", cls2),
4872
4926
  showScrollIndicator: true,
4873
4927
  children: tabs?.map((tab, index) => {
4874
4928
  const key = tabKey(tab, index);
@@ -5621,7 +5675,7 @@ var TABLE_CLASSNAMES = {
5621
5675
  var LazySearchInput3 = React6__default.default.lazy(
5622
5676
  () => Promise.resolve().then(() => (init_searchInput(), searchInput_exports)).then((mod) => ({ default: mod.SearchInput }))
5623
5677
  );
5624
- var cls2 = "oui-h-[calc(100%_-_36px)]";
5678
+ var cls = "oui-h-[calc(100%_-_36px)]";
5625
5679
  var MarketTabPanel = ({
5626
5680
  type,
5627
5681
  getColumns,
@@ -5631,7 +5685,7 @@ var MarketTabPanel = ({
5631
5685
  renderHeader,
5632
5686
  emptyView
5633
5687
  }) => {
5634
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls2, children: /* @__PURE__ */ jsxRuntime.jsx(
5688
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: /* @__PURE__ */ jsxRuntime.jsx(
5635
5689
  exports.MarketsListWidget,
5636
5690
  {
5637
5691
  type,
@@ -5707,7 +5761,7 @@ var SubMenuMarkets = (props) => {
5707
5761
  tabsContent: "oui-h-full",
5708
5762
  scrollIndicator: "oui-mx-1"
5709
5763
  },
5710
- className: ui.cn("oui-subMenuMarkets-community-tabs", cls2),
5764
+ className: ui.cn("oui-subMenuMarkets-community-tabs", cls),
5711
5765
  showScrollIndicator: true,
5712
5766
  renderPanel: (selected) => /* @__PURE__ */ jsxRuntime.jsx(
5713
5767
  MarketTabPanel,
@@ -5723,7 +5777,7 @@ var SubMenuMarkets = (props) => {
5723
5777
  );
5724
5778
  };
5725
5779
  const renderCustomContent = (key) => {
5726
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls2, children: /* @__PURE__ */ jsxRuntime.jsx(
5780
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: /* @__PURE__ */ jsxRuntime.jsx(
5727
5781
  exports.MarketsListWidget,
5728
5782
  {
5729
5783
  type: "all" /* All */,
@@ -5758,7 +5812,7 @@ var SubMenuMarkets = (props) => {
5758
5812
  tabsContent: "oui-h-full",
5759
5813
  scrollIndicator: "oui-mx-1"
5760
5814
  },
5761
- className: ui.cn(cls2, "oui-subMenuMarkets-tabs oui-my-1.5"),
5815
+ className: ui.cn(cls, "oui-subMenuMarkets-tabs oui-my-1.5"),
5762
5816
  showScrollIndicator: true,
5763
5817
  children: tabs?.map((tab, index) => {
5764
5818
  const key = tabKey(tab, index);