@funnest/charts-ui 0.5.2 → 0.6.1

package/dist/components/context-menu.d.ts

@@ -0,0 +1,8 @@
+import type { WidgetContext } from '../context';
+/**
+ * Right-click menu on the chart (mouse only): undo/redo, the host's own items
+ * (`contextMenuItems`), a horizontal line at the clicked price, reset and settings.
+ */
+export declare function ContextMenu({ ctx }: {
+    ctx: WidgetContext;
+}): import("preact").JSX.Element | null;

package/dist/context.d.ts

@@ -1,4 +1,4 @@
-import type { Chart, ChartLayout, ChartType, Datafeed, Drawing, DrawingType, IndicatorConfig, Locale, Resolution, SymbolInfo } from '@funnest/charts';
+import type { Chart, ChartContextMenu, ChartLayout, ChartType, CompareInfo, Datafeed, Drawing, DrawingType, IndicatorConfig, Locale, ReplayStatus, Resolution, SymbolInfo } from '@funnest/charts';
 import type { LayoutId } from './layouts';
 import type { WidgetStorage } from './storage';
 import type { Store } from './store';
@@ -11,6 +11,8 @@ export interface UiState {
     atRealtime: boolean;
     fullscreen: boolean;
     searchOpen: boolean;
+    /** What a pick in the symbol search does: switch the symbol, or add it as a comparison. */
+    searchTarget: 'symbol' | 'compare';
     chartType: ChartType;
     drawingTool: DrawingType | null;
     selection: Drawing | null;
@@ -32,7 +34,22 @@ export interface UiState {
     favoriteIntervals: Resolution[];
     /** Desktop: the left drawing bar folded away (a small tab brings it back). */
     drawbarCollapsed: boolean;
+    canUndo: boolean;
+    canRedo: boolean;
+    compares: CompareInfo[];
+    replay: ReplayStatus;
 }
+/** A row in the chart's right-click menu, or a divider. */
+export type ContextMenuItem = {
+    label: string;
+    shortcut?: string;
+    disabled?: boolean;
+    onSelect(): void;
+} | 'separator';
+/** Extra right-click items for a click on `chart` (e.g. "create an alert at this price"). */
+export type ContextMenuItems = (target: ChartContextMenu & {
+    chart: Chart;
+}) => ContextMenuItem[];
 export interface IntervalGroup {
     id: 'minutes' | 'hours' | 'days';
     intervals: Resolution[];
@@ -59,6 +76,7 @@ export interface WidgetContext {
     drawingToolbar: boolean;
     /** Show the Funnest logo badge on the chart. */
     attribution: boolean;
+    contextMenuItems: ContextMenuItems | undefined;
     slots: {
         toolbar: HTMLElement;
         toolbarEnd: HTMLElement;
@@ -69,7 +87,7 @@ export interface WidgetContext {
     selectSymbol(symbol: string): void;
     selectResolution(resolution: Resolution): void;
     toggleFavoriteInterval(resolution: Resolution): void;
-    setSearchOpen(open: boolean): void;
+    setSearchOpen(open: boolean, target?: 'symbol' | 'compare'): void;
     screenshot(): void;
     toggleFullscreen(): void;
     /** Present in the multi-chart widget: split layout and sync controls for the toolbar. */

package/dist/i18n.d.ts

@@ -41,6 +41,30 @@ export declare const STRINGS: {
         settingLastPrice: string;
         settingVolume: string;
         settingNavButtons: string;
+        settingCountdown: string;
+        settingsScale: string;
+        scaleNormal: string;
+        scaleLog: string;
+        scalePercent: string;
+        undo: string;
+        horizontalAt: string;
+        resetChart: string;
+        chartSettingsMore: string;
+        redo: string;
+        compare: string;
+        compareSymbol: string;
+        removeCompare: string;
+        replay: string;
+        replayPick: string;
+        replayPlay: string;
+        replayPause: string;
+        replayStep: string;
+        replayExit: string;
+        replaySpeed: string;
+        replayRestart: string;
+        replayDone: string;
+        searchIndicators: string;
+        moreTools: string;
         settingGridH: string;
         settingGridV: string;
         resetDefaults: string;
@@ -146,6 +170,30 @@ export declare const STRINGS: {
         settingLastPrice: string;
         settingVolume: string;
         settingNavButtons: string;
+        settingCountdown: string;
+        settingsScale: string;
+        scaleNormal: string;
+        scaleLog: string;
+        scalePercent: string;
+        undo: string;
+        horizontalAt: string;
+        resetChart: string;
+        chartSettingsMore: string;
+        redo: string;
+        compare: string;
+        compareSymbol: string;
+        removeCompare: string;
+        replay: string;
+        replayPick: string;
+        replayPlay: string;
+        replayPause: string;
+        replayStep: string;
+        replayExit: string;
+        replaySpeed: string;
+        replayRestart: string;
+        replayDone: string;
+        searchIndicators: string;
+        moreTools: string;
         settingGridH: string;
         settingGridV: string;
         resetDefaults: string;

package/dist/icons.d.ts

@@ -40,3 +40,15 @@ export declare const FunnestMark: () => import("preact").JSX.Element;
 export declare const LinkIcon: () => import("preact").JSX.Element;
 export declare const MaximizeIcon: () => import("preact").JSX.Element;
 export declare const RestoreIcon: () => import("preact").JSX.Element;
+/** Two price lines diverging (compare symbols). */
+export declare const CompareIcon: () => import("preact").JSX.Element;
+export declare const ReplayIcon: () => import("preact").JSX.Element;
+export declare const PlayIcon: () => import("preact").JSX.Element;
+export declare const PauseIcon: () => import("preact").JSX.Element;
+export declare const StepIcon: () => import("preact").JSX.Element;
+/** Plugin tool icon: SVG markup from DrawingDefinition.icon (whole <svg> or just its children). */
+export declare const SvgIcon: ({ markup }: {
+    markup: string;
+}) => import("preact").JSX.Element;
+/** Tiny corner triangle on drawing-bar buttons that hold more tools. */
+export declare const CornerIcon: () => import("preact").JSX.Element;

package/dist/index.d.ts

@@ -8,6 +8,6 @@ export { createMultiChart } from './multi-chart';
 export type { MultiChart, MultiChartEvents, MultiChartOptions, MultiChartState, PaneSpec } from './multi-chart';
 export { LAYOUT_GROUPS, LAYOUTS, MAX_PANES, paneCount } from './layouts';
 export type { LayoutId, SplitNode, SplitSizes } from './layouts';
-export type { IntervalGroup, LayoutSync, SearchCategory } from './context';
+export type { ContextMenuItem, ContextMenuItems, IntervalGroup, LayoutSync, SearchCategory } from './context';
 export type { ColorScheme, TradingChart, TradingChartOptions, TradingChartSlots } from './trading-chart';
 export { resolutionLabel } from './i18n';