@christtrade/depth 0.12.21

package/types/components/chart/status-bar.d.ts

@@ -0,0 +1,9 @@
+import type { TypedEventBus } from '../../core/TypedEventBus';
+import type { ChartType } from '../../lib/types';
+import type { ChartSettings } from '../../lib/types/chart-settings';
+export declare function StatusBar({ cellId, eventBus, chartType, chartSettings, }: {
+    cellId: number;
+    eventBus: TypedEventBus;
+    chartType: ChartType;
+    chartSettings: ChartSettings;
+}): import("react").JSX.Element;

package/types/components/chart/symbol-icon.d.ts

@@ -0,0 +1,9 @@
+import type { SymbolIcon as SymbolIconSpec } from '../../interfaces/IDataAdapter';
+interface SymbolIconProps {
+    icon?: SymbolIconSpec;
+    size?: number;
+    className?: string;
+    fallback?: string;
+}
+export declare function SymbolIcon({ icon, size, className, fallback }: SymbolIconProps): import("react").JSX.Element;
+export {};

package/types/components/chart/tz.d.ts

@@ -0,0 +1,10 @@
+interface TimezoneSelectProps {
+    value: string;
+    onChange: (tz: string) => void;
+    use24Hour?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    compact?: boolean;
+    horizon: bigint;
+}
+export declare function TimezoneSelect({ value, onChange, use24Hour, onOpenChange, compact, horizon, }: TimezoneSelectProps): import("react").JSX.Element;
+export {};

package/types/components/drawings/drawing-icons.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DrawIcons: Record<string, React.ReactNode>;

package/types/components/drawings/drawing-settings-bar.d.ts

@@ -0,0 +1,15 @@
+import type { Drawing } from '../../lib/types/drawing-types';
+interface DrawingSettingsBarProps {
+    drawing: Drawing;
+    containerRef: React.RefObject<HTMLElement>;
+    onUpdate: (patch: Partial<Drawing>) => void;
+    onDelete: () => void;
+    onDuplicate: () => void;
+    onClose: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    onRequestOrderTicket?: (drawingId: string) => void;
+    openDialog?: boolean;
+}
+export declare function DrawingSettingsBar({ drawing, containerRef, onUpdate, onDelete, onDuplicate, onClose, onMouseEnter, onMouseLeave, onRequestOrderTicket, openDialog: openDialogProp, }: DrawingSettingsBarProps): import("react").JSX.Element;
+export {};

package/types/components/drawings/drawing-settings-dialog.d.ts

@@ -0,0 +1,268 @@
+import type { Drawing } from '../../lib/types/drawing-types';
+export type StyleField = {
+    type: 'color';
+    key: string;
+    label: string;
+    disabledWhenFalse?: string;
+} | {
+    type: 'lineWidth';
+    key: string;
+    label: string;
+} | {
+    type: 'dash';
+    key: string;
+    label: string;
+} | {
+    type: 'opacity';
+    key: string;
+    label: string;
+} | {
+    type: 'fontSize';
+    key: string;
+    label: string;
+} | {
+    type: 'slider';
+    key: string;
+    label: string;
+    max: number;
+    min: number;
+    step: number;
+    step1: string;
+    step2: string;
+    step3: string;
+    prefix?: string;
+    suffix?: string;
+} | {
+    type: 'extend';
+    leftKey: string;
+    rightKey: string;
+    label: string;
+} | {
+    type: 'toggle';
+    key: string;
+    label: string;
+} | {
+    type: 'customLevels';
+    label: string;
+} | {
+    type: 'channelLevels';
+    label: string;
+} | {
+    type: 'numberInput';
+    key: string;
+    label: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+} | {
+    type: 'textInput';
+    key: string;
+    label: string;
+    placeholder?: string;
+    maxLength?: number;
+} | {
+    type: 'select';
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+} | {
+    type: 'buttonGroup';
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+        icon?: React.ReactNode;
+    }[];
+} | {
+    type: 'stepperInt';
+    key: string;
+    label: string;
+    min?: number;
+    max?: number;
+    step?: number;
+} | {
+    type: 'rangeWithSteps';
+    key: string;
+    label: string;
+    min: number;
+    max: number;
+    steps: {
+        value: number;
+        label: string;
+    }[];
+} | {
+    type: 'dualColor';
+    keyA: string;
+    labelA: string;
+    keyB: string;
+    labelB: string;
+    label: string;
+} | {
+    type: 'dualOpacity';
+    keyA: string;
+    labelA: string;
+    keyB: string;
+    labelB: string;
+    label: string;
+} | {
+    type: 'colorGradient';
+    keyStart: string;
+    keyEnd: string;
+    label: string;
+} | {
+    type: 'marginInput';
+    keys: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    label: string;
+    unit?: string;
+} | {
+    type: 'anchorAlign';
+    key: string;
+    label: string;
+} | {
+    type: 'capStyle';
+    key: string;
+    label: string;
+} | {
+    type: 'joinStyle';
+    key: string;
+    label: string;
+} | {
+    type: 'arrowHead';
+    startKey: string;
+    endKey: string;
+    label: string;
+} | {
+    type: 'checkbox';
+    key: string;
+    label: string;
+    description?: string;
+} | {
+    type: 'toggledInput';
+    toggleKey: string;
+    toggleLabel: string;
+    inputKey: string;
+    inputLabel: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+} | {
+    type: 'colorWithOpacity';
+    colorKey: string;
+    opacityKey: string;
+    label: string;
+} | {
+    type: 'toggledColor';
+    toggleKey: string;
+    colorKey: string;
+    label: string;
+} | {
+    type: 'inlineFields';
+    label: string;
+    fields: Array | {
+        type: 'stepperInt';
+        key: string;
+        label: string;
+        min?: number;
+        max?: number;
+        step?: number;
+    } | {
+        type: 'buttonGroup';
+        key: string;
+        options: {
+            value: string;
+            label: string;
+            icon?: React.ReactNode;
+        }[];
+    } | {
+        type: 'checkbox';
+        key: string;
+        label: string;
+    };
+};
+export declare const color: (key: string, label?: string, disabledWhenFalse?: string) => StyleField;
+export declare const lineWidth: (key: string, label?: string) => StyleField;
+export declare const dash: (key: string, label?: string) => StyleField;
+export declare const opacity: (key: string, label: string) => StyleField;
+export declare const fontSize: (key: string, label: string) => StyleField;
+export declare const slider: (key: string, label: string, max: number, min: number, step: number, step1: string, step2: string, step3: string, prefix?: string, suffix?: string) => StyleField;
+export declare const extend: (leftKey: string, rightKey: string, label?: string) => StyleField;
+export declare const toggle: (key: string, label: string) => StyleField;
+export declare const numberInput: (key: string, label: string, opts?: {
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+}) => StyleField;
+export declare const textInput: (key: string, label: string, opts?: {
+    placeholder?: string;
+    maxLength?: number;
+}) => StyleField;
+export declare const select: (key: string, label: string, options: {
+    value: string;
+    label: string;
+}[]) => StyleField;
+export declare const buttonGroup: (key: string, label: string, options: {
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+}[]) => StyleField;
+export declare const stepperInt: (key: string, label: string, opts?: {
+    min?: number;
+    max?: number;
+    step?: number;
+}) => StyleField;
+export declare const rangeWithSteps: (key: string, label: string, min: number, max: number, steps: {
+    value: number;
+    label: string;
+}[]) => StyleField;
+export declare const dualColor: (keyA: string, labelA: string, keyB: string, labelB: string, label: string) => StyleField;
+export declare const dualOpacity: (keyA: string, labelA: string, keyB: string, labelB: string, label: string) => StyleField;
+export declare const colorGradient: (keyStart: string, keyEnd: string, label: string) => StyleField;
+export declare const marginInput: (keys: {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+}, label: string, unit?: string) => StyleField;
+export declare const anchorAlign: (key: string, label?: string) => StyleField;
+export declare const capStyle: (key: string, label?: string) => StyleField;
+export declare const joinStyle: (key: string, label?: string) => StyleField;
+export declare const arrowHead: (startKey: string, endKey: string, label?: string) => StyleField;
+export declare const checkbox: (key: string, label: string, description?: string) => StyleField;
+export declare const toggledInput: (toggleKey: string, toggleLabel: string, inputKey: string, inputLabel: string, opts?: {
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+}) => StyleField;
+export declare const colorWithOpacity: (colorKey: string, opacityKey: string, label: string) => StyleField;
+export declare const toggledColor: (toggleKey: string, colorKey: string, label: string) => StyleField;
+export declare const inlineFields: (label: string, fields: Extract<StyleField, {
+    type: "inlineFields";
+}>["fields"]) => StyleField;
+export declare function fieldKey(field: StyleField, i: number): string;
+interface DrawingSettingsDialogProps {
+    drawing: Drawing;
+    onUpdate: (patch: Partial<Drawing>) => void;
+    onClose: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export declare function DrawingSettingsDialog({ drawing, onUpdate, onClose, onMouseEnter, onMouseLeave, }: DrawingSettingsDialogProps): import("react").JSX.Element;
+export declare function StyleFieldControl({ field, drawing, onUpdate, }: {
+    field: StyleField;
+    drawing: any;
+    onUpdate: (patch: any) => void;
+}): import("react").JSX.Element;
+export {};

package/types/components/drawings/drawing-toolbar.d.ts

@@ -0,0 +1,14 @@
+import type { DrawingTool } from '../../lib/types/drawing-types';
+import React from 'react';
+import type { PluginIcon } from '../../core';
+export { TOOL_SHORTCUTS } from './drawing-tools';
+interface DrawingToolbarProps {
+    activeTool: DrawingTool;
+    onToolChange: (tool: DrawingTool) => void;
+    pluginDrawings: {
+        id: DrawingTool;
+        name: string;
+        icon?: PluginIcon;
+    }[];
+}
+export declare function DrawingToolbar({ activeTool, onToolChange, pluginDrawings }: DrawingToolbarProps): React.JSX.Element;

package/types/components/drawings/drawing-tools.d.ts

@@ -0,0 +1,23 @@
+import type { DrawingTool } from '../../lib/types/drawing-types';
+import React from 'react';
+export type DrawingItem = {
+    tool: DrawingTool;
+    label: string;
+    icon: React.ReactNode;
+    shortcut?: string;
+    implemented?: boolean;
+};
+export type DrawingGroup = {
+    label: string;
+    items: DrawingItem[];
+};
+export type DrawingCategory = {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    groups: DrawingGroup[];
+};
+export declare const DRAWING_CATEGORIES: DrawingCategory[];
+export declare const ALL_DRAWING_ITEMS: DrawingItem[];
+export declare function findDrawingItem(tool: string): DrawingItem | undefined;
+export declare const TOOL_SHORTCUTS: Record<string, DrawingTool>;

package/types/components/indicators/indicators-dialog.d.ts

@@ -0,0 +1,20 @@
+import type { ChartPane, Indicator } from '../../lib/types/indicator-types';
+import type { DataLevel } from '../../interfaces/IDataAdapter';
+export interface PluginIndicatorDef {
+    indicator: Indicator;
+    pane?: ChartPane;
+    activeByDefault?: boolean;
+}
+export type BuiltinCategory = 'volume' | 'orderflow' | 'momentum' | 'trend' | 'volatility' | 'experimental' | 'other';
+interface IndicatorsButtonProps {
+    indicators: Indicator[];
+    dataLevel: DataLevel;
+    onAdd: (defId: string) => void;
+    onToggle: (indicatorId: string) => void;
+    onRemove: (indicatorId: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    pluginIndicators?: PluginIndicatorDef[];
+    onActivatePlugin?: (def: PluginIndicatorDef) => void;
+}
+export declare function IndicatorsButton({ indicators, dataLevel, onAdd, onToggle, onRemove, onOpenChange, pluginIndicators, onActivatePlugin, }: IndicatorsButtonProps): import("react").JSX.Element;
+export {};

package/types/components/indicators/indicators-settings-dialog.d.ts

@@ -0,0 +1,164 @@
+import type { Indicator } from '../../lib/types/indicator-types';
+type FieldTab = 'params' | 'style';
+type BaseField = {
+    tab?: FieldTab;
+};
+export type IndicatorSettingField = BaseField & ({
+    type: 'color';
+    key: string;
+    label: string;
+} | {
+    type: 'toggle';
+    key: string;
+    label: string;
+    description?: string;
+} | {
+    type: 'opacity';
+    key: string;
+    label: string;
+} | {
+    type: 'fontSize';
+    key: string;
+    label: string;
+} | {
+    type: 'slider';
+    key: string;
+    label: string;
+    min: number;
+    max: number;
+    step: number;
+    suffix?: string;
+} | {
+    type: 'numberInput';
+    key: string;
+    label: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+} | {
+    type: 'textInput';
+    key: string;
+    label: string;
+    placeholder?: string;
+    maxLength?: number;
+} | {
+    type: 'select';
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+} | {
+    type: 'buttonGroup';
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+        icon?: React.ReactNode;
+    }[];
+} | {
+    type: 'stepperInt';
+    key: string;
+    label: string;
+    min?: number;
+    max?: number;
+    step?: number;
+} | {
+    type: 'rangeWithSteps';
+    key: string;
+    label: string;
+    min: number;
+    max: number;
+    steps: {
+        value: number;
+        label: string;
+    }[];
+} | {
+    type: 'dualColor';
+    keyA: string;
+    labelA: string;
+    keyB: string;
+    labelB: string;
+    label: string;
+} | {
+    type: 'dualOpacity';
+    keyA: string;
+    labelA: string;
+    keyB: string;
+    labelB: string;
+    label: string;
+} | {
+    type: 'colorGradient';
+    keyStart: string;
+    keyEnd: string;
+    label: string;
+} | {
+    type: 'checkbox';
+    key: string;
+    label: string;
+    description?: string;
+} | {
+    type: 'toggledInput';
+    toggleKey: string;
+    toggleLabel: string;
+    inputKey: string;
+    inputLabel: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+} | {
+    type: 'colorWithOpacity';
+    colorKey: string;
+    opacityKey: string;
+    label: string;
+} | {
+    type: 'toggledColor';
+    toggleKey: string;
+    colorKey: string;
+    label: string;
+} | {
+    type: 'inlineFields';
+    label: string;
+    fields: Array<{
+        type: 'stepperInt';
+        key: string;
+        label: string;
+        min?: number;
+        max?: number;
+        step?: number;
+    } | {
+        type: 'buttonGroup';
+        key: string;
+        options: {
+            value: string;
+            label: string;
+            icon?: React.ReactNode;
+        }[];
+    } | {
+        type: 'checkbox';
+        key: string;
+        label: string;
+    }>;
+} | {
+    type: 'section';
+    label: string;
+});
+declare module '../../lib/types/indicator-types' {
+    interface Indicator {
+        settingsSchema?: IndicatorSettingField[];
+    }
+}
+interface IndicatorSettingsDialogProps {
+    indicator: Indicator;
+    onUpdate: (patch: Record<string, unknown>) => void;
+    onClose: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    redrawDebounceMs?: number;
+}
+export declare function IndicatorSettingsDialog({ indicator, onUpdate, onClose, onMouseEnter, onMouseLeave, redrawDebounceMs, }: IndicatorSettingsDialogProps): import("react").JSX.Element;
+export {};

package/types/components/multi-chart/GridDividers.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare function resizeSizes(sizes: number[], i: number, deltaPx: number, totalPx: number): number[];
+export declare function resizeSizesAbsolute(sizes: number[], i: number, targetPx: number, totalPx: number): number[];
+export declare const toFr: (s: number[]) => string;
+export declare function Dividers({ dir, sizes, containerRef, onDrag, areas, colSizes: colSizesProp, }: {
+    dir: 'col' | 'row';
+    sizes: number[];
+    containerRef: React.RefObject<HTMLDivElement>;
+    onDrag: (i: number, targetPx: number) => void;
+    areas?: string;
+    colSizes?: number[];
+}): React.JSX.Element;

package/types/components/multi-chart/LayoutPicker.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { SyncInLayout } from '../../lib/types/layout-sync';
+export type Preset = {
+    id: string;
+    label: string;
+    count: number;
+    cols: number;
+    rows: number;
+    areas: string;
+};
+export type { SyncInLayout };
+export declare const PRESETS: Preset[];
+export declare const LETTERS: string[];
+export declare function LayoutPicker({ current, onChange, syncInLayout, setSyncInLayout, }: {
+    current: Preset;
+    onChange: (p: Preset) => void;
+    syncInLayout: SyncInLayout;
+    setSyncInLayout: (patch: SyncInLayout) => void;
+}): React.JSX.Element;

package/types/components/plugin-panels/BottomBarPluginHost.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TypedEventBus } from '../../core/TypedEventBus';
+import { DepthChart } from '../../core';
+export declare function BottomBarPluginHost({ eventBus, chart, }: {
+    eventBus: TypedEventBus;
+    chart: DepthChart;
+}): React.JSX.Element;

package/types/components/plugin-panels/PluginFixedPanelHost.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TypedEventBus } from '../../core/TypedEventBus';
+import { DepthChart } from '../../core';
+export interface PanelEntry {
+    id: string;
+    title: string;
+    element: React.ReactNode;
+    visible: boolean;
+}
+export declare function DomPortal({ element }: {
+    element: React.ReactNode;
+}): React.JSX.Element;
+export declare function PluginFixedPanelHost({ eventBus, chart, onFixedPanelsChange, override, }: {
+    eventBus: TypedEventBus;
+    chart: DepthChart;
+    onFixedPanelsChange: (hasFixed: boolean) => void;
+    override: boolean;
+}): React.JSX.Element;

package/types/components/plugin-panels/PluginToolbarHost.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TypedEventBus } from '../../core/TypedEventBus';
+import { DepthChart } from '../../core';
+export declare function PluginToolbarHost({ eventBus, chart, }: {
+    eventBus: TypedEventBus;
+    chart: DepthChart;
+}): React.JSX.Element;

package/types/components/plugin-panels/PluginWindowsDropdown.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TypedEventBus } from '../../core/TypedEventBus';
+import { DepthChart } from '../../core';
+export declare function PluginWindowsDropdown({ eventBus, chart, }: {
+    eventBus: TypedEventBus;
+    chart: DepthChart;
+}): React.JSX.Element;

package/types/components/plugins/plugin-manager-dialog.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { TypedEventBus } from '../../core/TypedEventBus';
+import type { DepthChart } from '../../core';
+export declare function PluginManagerDialog({ chart, eventBus, open, onOpenChange, loaded }: {
+    chart: DepthChart;
+    eventBus: TypedEventBus;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    loaded: number;
+}): React.JSX.Element;
+export declare function PluginManagerButton({ chart, eventBus, }: {
+    chart: DepthChart;
+    eventBus: TypedEventBus;
+}): React.JSX.Element;

package/types/components/toolbar/SymbolSwitcher.d.ts

@@ -0,0 +1,8 @@
+import { TypedEventBus } from '../../core';
+interface SymbolSwitcherProps {
+    eventBus: TypedEventBus;
+    symbol: string;
+    onSymbolChange: (symbol: string) => void;
+}
+export default function SymbolSwitcher({ eventBus, symbol, onSymbolChange }: SymbolSwitcherProps): import("react").JSX.Element;
+export {};

package/types/components/toolbar/chart-icons.d.ts

@@ -0,0 +1,16 @@
+type IconProps = {
+    className?: string;
+};
+export declare function CandlesIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function HollowIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function HeikinAshiIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function BarsIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function BaselineIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function AreaIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function LineIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function StepIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function RenkoIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function KagiIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function LineBreakIcon({ className }: IconProps): import("react").JSX.Element;
+export declare function FootprintIcon({ className }: IconProps): import("react").JSX.Element;
+export {};

package/types/components/toolbar/chart-type-selector.d.ts

@@ -0,0 +1,11 @@
+import type { ChartType } from '../../lib/types';
+import { DataLevel } from '../../core';
+interface ChartTypeSelectorProps {
+    value: ChartType;
+    pluginChartTypes: any;
+    dataLevel: DataLevel;
+    onChange: (t: ChartType) => void;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function ChartTypeSelector({ value, pluginChartTypes, dataLevel, onChange, onOpenChange, }: ChartTypeSelectorProps): import("react").JSX.Element;
+export {};