@funnest/charts-ui 0.6.14 → 0.6.15

package/dist/context.d.ts

@@ -80,6 +80,8 @@ export interface WidgetContext {
     intervalGroups: readonly IntervalGroup[];
     searchCategories: readonly SearchCategory[];
     searchExchanges: readonly SearchExchange[];
+    /** Rows per exchange before a "모두 보기" (0: all). */
+    searchPreviewPerExchange: number;
     /** IANA zone used for the status-bar clock (KST for Korean users by default). */
     displayTimezone: string;
     showLogo: boolean;

package/dist/i18n.d.ts

@@ -124,6 +124,7 @@ export declare const STRINGS: {
         allSymbols: string;
         favorites: string;
         exchanges: string;
+        showAllIn: string;
         noFavorites: string;
         navigate: string;
         openAction: string;
@@ -268,6 +269,7 @@ export declare const STRINGS: {
         allSymbols: string;
         favorites: string;
         exchanges: string;
+        showAllIn: string;
         noFavorites: string;
         navigate: string;
         openAction: string;

package/dist/index.js

@@ -549,6 +549,7 @@ var STRINGS = {
     allSymbols: "\uC804\uCCB4",
     favorites: "\uC990\uACA8\uCC3E\uAE30",
     exchanges: "\uAC70\uB798\uC18C",
+    showAllIn: "{exchange} {n}\uAC1C \uBAA8\uB450 \uBCF4\uAE30 \u203A",
     noFavorites: "\uC990\uACA8\uCC3E\uAE30\uD55C \uC885\uBAA9\uC774 \uC5C6\uC5B4\uC694. \u2606\uB97C \uB20C\uB7EC \uCD94\uAC00\uD574 \uBCF4\uC138\uC694",
     navigate: "\uC774\uB3D9",
     openAction: "\uC5F4\uAE30",
@@ -693,6 +694,7 @@ var STRINGS = {
     allSymbols: "All",
     favorites: "Favorites",
     exchanges: "Exchanges",
+    showAllIn: "All {n} on {exchange} \u203A",
     noFavorites: "No favorites yet \u2014 tap \u2606 to add one",
     navigate: "navigate",
     openAction: "open",
@@ -1934,8 +1936,25 @@ function SymbolSearch({ ctx }) {
   const favoriteRows = filter(favorites).filter((f4) => !q2 || f4.name.toLowerCase().includes(q2) || f4.symbol.toLowerCase().includes(q2));
   const showRecent = view.kind === "all" && !q2 && recent.length > 0;
   const recentRows = showRecent ? filter(recent) : [];
-  const resultRows = view.kind === "favorites" ? favoriteRows : filter(results ?? []);
+  const allResults = view.kind === "favorites" ? favoriteRows : filter(results ?? []);
+  const preview = ctx.searchPreviewPerExchange;
+  const more = /* @__PURE__ */ new Map();
+  let resultRows = allResults;
+  if (preview > 0 && view.kind === "all" && !exchange) {
+    const seen = /* @__PURE__ */ new Map();
+    const total = /* @__PURE__ */ new Map();
+    for (const r3 of allResults) total.set(r3.exchange, (total.get(r3.exchange) ?? 0) + 1);
+    resultRows = [];
+    for (const r3 of allResults) {
+      const n2 = (seen.get(r3.exchange) ?? 0) + 1;
+      seen.set(r3.exchange, n2);
+      if (n2 > preview) continue;
+      resultRows.push(r3);
+      if (n2 === preview && (total.get(r3.exchange) ?? 0) > preview) more.set(resultRows.length - 1, { exchange: r3.exchange, count: total.get(r3.exchange) });
+    }
+  }
   const rows = [...recentRows, ...resultRows];
+  const exchangeLabel = (name) => ctx.searchExchanges.find((e3) => e3.name === name)?.label?.[locale] ?? name;
   A2(() => setActive(0), [query, category, exchange, view, results]);
   A2(() => {
     listRef.current?.querySelector(`[data-index="${active}"]`)?.scrollIntoView({ block: "nearest" });
@@ -2085,7 +2104,13 @@ function SymbolSearch({ ctx }) {
         ] }),
         recentRows.map((info, i3) => row2(info, i3, true)),
         (recentRows.length > 0 || view.kind === "favorites") && /* @__PURE__ */ a3("div", { class: "fnc-sr-section", children: view.kind === "favorites" ? t3.favorites : t3.symbols }),
-        loading && !results && view.kind === "all" ? Array.from({ length: 6 }, () => /* @__PURE__ */ a3("div", { class: "fnc-sr-skeleton", "aria-hidden": "true" })) : resultRows.map((info, i3) => row2(info, recentRows.length + i3, false)),
+        loading && !results && view.kind === "all" ? Array.from({ length: 6 }, () => /* @__PURE__ */ a3("div", { class: "fnc-sr-skeleton", "aria-hidden": "true" })) : resultRows.map((info, i3) => {
+          const m3 = more.get(i3);
+          return m3 ? /* @__PURE__ */ a3($, { children: [
+            row2(info, recentRows.length + i3, false),
+            /* @__PURE__ */ a3("button", { class: "fnc-sr-more", onClick: () => (setView({ kind: "all" }), setExchange(m3.exchange)), children: t3.showAllIn.replace("{exchange}", exchangeLabel(m3.exchange)).replace("{n}", m3.count.toLocaleString(locale === "ko" ? "ko-KR" : "en-US")) })
+          ] }) : row2(info, recentRows.length + i3, false);
+        }),
         !loading && rows.length === 0 && /* @__PURE__ */ a3("div", { class: "fnc-empty", children: view.kind === "favorites" && favorites.length === 0 ? t3.noFavorites : t3.noResults })
       ] })
     ] }),
@@ -3228,6 +3253,8 @@ var CSS = (
 .fnc-sr-side-item em { font-style: normal; font-size: 12px; color: var(--fnc-text-2); }
 .fnc-sr-side-logo { flex: none; width: 18px; height: 18px; border-radius: 5px; object-fit: cover; background: var(--fnc-surface); }
 .fnc-sr-spark-slot { display: inline-flex; flex: none; width: 72px; height: 24px; }
+.fnc-sr-more { display: block; width: calc(100% - 16px); margin: 2px 8px 8px; padding: 8px 12px; border-radius: var(--fnc-radius); background: var(--fnc-surface); color: var(--fnc-text-2); font-size: 13px; font-weight: 600; text-align: left; }
+.fnc-sr-more:hover { color: var(--fnc-text); }
 .fnc-sr-side-item:hover { background: var(--fnc-surface); }
 .fnc-sr-side-item[aria-pressed='true'] { background: var(--fnc-surface); font-weight: 700; }
 .fnc-chip-token {
@@ -4255,6 +4282,7 @@ function createPane(shell, config) {
     intervalGroups: config.intervalGroups,
     searchCategories: config.searchCategories,
     searchExchanges: config.searchExchanges ?? [],
+    searchPreviewPerExchange: config.searchPreviewPerExchange ?? 0,
     displayTimezone: config.displayTimezone,
     showLogo: config.symbolLogo,
     searchHotkey: config.searchHotkey,
@@ -4330,6 +4358,7 @@ function createTradingChart(container, options) {
     onFavoriteIntervalsChange,
     searchCategories = DEFAULT_SEARCH_CATEGORIES,
     searchExchanges = [],
+    searchPreviewPerExchange = 0,
     storageKey = "funnest-charts",
     searchHotkey = true,
     symbolLogo = true,
@@ -4360,6 +4389,7 @@ function createTradingChart(container, options) {
     intervalGroups,
     searchCategories,
     searchExchanges,
+    searchPreviewPerExchange,
     symbolLogo,
     searchHotkey,
     drawingToolbar,
@@ -4430,6 +4460,7 @@ function createMultiChart(container, options) {
     onFavoriteIntervalsChange,
     searchCategories = DEFAULT_SEARCH_CATEGORIES,
     searchExchanges = [],
+    searchPreviewPerExchange = 0,
     storageKey = "funnest-charts",
     searchHotkey = true,
     symbolLogo = true,
@@ -4501,6 +4532,7 @@ function createMultiChart(container, options) {
       intervalGroups,
       searchCategories,
       searchExchanges,
+      searchPreviewPerExchange,
       symbolLogo,
       searchHotkey,
       drawingToolbar,

package/dist/pane.d.ts

@@ -12,6 +12,7 @@ export interface PaneConfig {
     intervalGroups: readonly IntervalGroup[];
     searchCategories: readonly SearchCategory[];
     searchExchanges?: readonly SearchExchange[];
+    searchPreviewPerExchange?: number;
     symbolLogo: boolean;
     drawingToolbar: boolean;
     attribution: boolean;

package/dist/trading-chart.d.ts

@@ -24,6 +24,11 @@ export interface TradingChartOptions extends Omit<ChartOptions, 'datafeed'> {
     searchCategories?: readonly SearchCategory[];
     /** Exchanges listed in the symbol search sidebar from the start, with logos (counts fill in as results come). */
     searchExchanges?: readonly SearchExchange[];
+    /**
+     * Symbol search: rows per exchange shown at first, each followed by "N개 모두 보기" when there
+     * are more (picking the exchange lists them all). Default 0: everything at once.
+     */
+    searchPreviewPerExchange?: number;
     /**
      * localStorage key prefix for UI preferences (favorite intervals, recent searches).
      * Default 'funnest-charts'. Pass null to keep them in memory only.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnest/charts-ui",
-  "version": "0.6.14",
+  "version": "0.6.15",
   "description": "Pro trading UI (toolbar, drawing tools, sheets) for Funnest Charts. Framework-agnostic.",
   "keywords": [
     "chart",
@@ -42,7 +42,7 @@
     "NOTICE"
   ],
   "dependencies": {
-    "@funnest/charts": "0.6.14"
+    "@funnest/charts": "0.6.15"
   },
   "devDependencies": {
     "preact": "^11.2.0"