@funnest/charts-ui 0.5.1 → 0.6.0

package/dist/components/keep-in-view.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Nudges an open dropdown horizontally so it stays inside the widget and the viewport (its CSS
+ * anchor may push it off-screen on phones; hosts often clip the widget with overflow: hidden).
+ * Attach the returned ref to the menu element.
+ */
+export declare function useKeepInView<T extends HTMLElement>(open: boolean): import("preact").RefObject<T | 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, 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,6 +34,10 @@ 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;
 }
 export interface IntervalGroup {
     id: 'minutes' | 'hours' | 'days';
@@ -69,7 +75,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,27 @@ export declare const STRINGS: {
         settingLastPrice: string;
         settingVolume: string;
         settingNavButtons: string;
+        settingCountdown: string;
+        settingsScale: string;
+        scaleNormal: string;
+        scaleLog: string;
+        scalePercent: string;
+        undo: 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 +167,27 @@ export declare const STRINGS: {
         settingLastPrice: string;
         settingVolume: string;
         settingNavButtons: string;
+        settingCountdown: string;
+        settingsScale: string;
+        scaleNormal: string;
+        scaleLog: string;
+        scalePercent: string;
+        undo: 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,17 @@ 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;
+export declare const UndoIcon: () => import("preact").JSX.Element;
+export declare const RedoIcon: () => 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;