@kodiak-finance/orderly-portfolio 2.8.15 → 2.8.16-rc.1

package/dist/index.d.mts

@@ -1,4 +1,5 @@
-import React$1, { FC, PropsWithChildren } from 'react';
+import * as React$1 from 'react';
+import React__default, { FC, PropsWithChildren } from 'react';
 import { ScaffoldProps, SideBarProps, SideMenuItem } from '@kodiak-finance/orderly-ui-scaffold';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _kodiak_finance_orderly_types from '@kodiak-finance/orderly-types';
@@ -28,7 +29,8 @@ declare enum PortfolioLeftSidebarPath {
     FeeTier = "/portfolio/feeTier",
     ApiKey = "/portfolio/apiKey",
     Setting = "/portfolio/setting",
-    History = "/portfolio/history"
+    History = "/portfolio/history",
+    SymbolPerformance = "/portfolio/symbol-performance"
 }
 type UseLayoutBuilderOptions = {
     current?: string;
@@ -71,17 +73,17 @@ declare const useAssetScript: () => {
 };
 type AssetScriptReturn = ReturnType<typeof useAssetScript>;
 
-declare const AssetsUI: React$1.FC<AssetScriptReturn & {
+declare const AssetsUI: React__default.FC<AssetScriptReturn & {
     onConnectWallet?: () => void;
 }>;
 
-declare const AssetWidget: React$1.FC;
+declare const AssetWidget: React__default.FC;
 
 declare const HistoryDataGroupWidget: React.FC;
 
-declare const AssetsChartWidget: React$1.FC;
+declare const AssetsChartWidget: React__default.FC;
 
-declare enum PeriodType {
+declare enum PeriodType$1 {
     DAY = "1D",
     WEEK = "7D",
     MONTH = "30D",
@@ -90,10 +92,10 @@ declare enum PeriodType {
 declare const useAssetsHistoryData: (localKey: string, options?: {
     isRealtime?: boolean;
 }) => {
-    readonly periodTypes: PeriodType[];
-    readonly period: PeriodType | null;
-    readonly onPeriodChange: (value: PeriodType) => void;
-    readonly periodLabel: Record<PeriodType, string>;
+    readonly periodTypes: PeriodType$1[];
+    readonly period: PeriodType$1 | null;
+    readonly onPeriodChange: (value: PeriodType$1) => void;
+    readonly periodLabel: Record<PeriodType$1, string>;
     readonly curPeriod: string;
     readonly data: API.DailyRow[];
     readonly aggregateValue: {
@@ -137,10 +139,10 @@ declare const useAssetsChartScript: () => {
     }[];
     readonly invisible: boolean;
     readonly type?: _kodiak_finance_orderly_hooks.TWType;
-    readonly periodTypes: PeriodType[];
-    readonly period: PeriodType | null;
-    readonly onPeriodChange: (value: PeriodType) => void;
-    readonly periodLabel: Record<PeriodType, string>;
+    readonly periodTypes: PeriodType$1[];
+    readonly period: PeriodType$1 | null;
+    readonly onPeriodChange: (value: PeriodType$1) => void;
+    readonly periodLabel: Record<PeriodType$1, string>;
     readonly curPeriod: string;
     readonly aggregateValue: {
         vol: number;
@@ -180,7 +182,7 @@ declare const useAssetsChartScript: () => {
 type useAssetsChartScriptReturn = ReturnType<typeof useAssetsChartScript>;
 
 type AssetsLineChartProps = {} & useAssetsChartScriptReturn;
-declare const AssetsChart: React$1.FC<AssetsLineChartProps>;
+declare const AssetsChart: React__default.FC<AssetsLineChartProps>;
 
 type Options = {
     chainsInfo: any[];
@@ -222,7 +224,7 @@ declare const AssetHistory: FC<AssetHistoryProps>;
 type AssetHistoryWidgetProps = {
     side: AssetHistorySideEnum;
 };
-declare const AssetHistoryWidget: React$1.FC<AssetHistoryWidgetProps>;
+declare const AssetHistoryWidget: React__default.FC<AssetHistoryWidgetProps>;
 
 declare const usePerformanceScript: () => {
     data: ReadonlyArray<any>;
@@ -230,10 +232,10 @@ declare const usePerformanceScript: () => {
     visible: boolean;
     setVisible: (value: boolean) => void;
     type?: _kodiak_finance_orderly_hooks.TWType;
-    periodTypes: PeriodType[];
-    period: PeriodType | null;
-    onPeriodChange: (value: PeriodType) => void;
-    periodLabel: Record<PeriodType, string>;
+    periodTypes: PeriodType$1[];
+    period: PeriodType$1 | null;
+    onPeriodChange: (value: PeriodType$1) => void;
+    periodLabel: Record<PeriodType$1, string>;
     curPeriod: string;
     aggregateValue: {
         vol: number;
@@ -273,17 +275,17 @@ declare const usePerformanceScript: () => {
 type UsePerformanceScriptReturn = ReturnType<typeof usePerformanceScript>;
 
 type PerformanceUIProps = {} & UsePerformanceScriptReturn;
-declare const PerformanceUI: React$1.FC<PerformanceUIProps>;
+declare const PerformanceUI: React__default.FC<PerformanceUIProps>;
 
-declare const PerformanceWidget: React$1.FC;
+declare const PerformanceWidget: React__default.FC;
 
-declare const PerformanceMobileUI: React$1.FC<Pick<useAssetsHistoryDataReturn & UsePerformanceScriptReturn, "data" | "curPeriod" | "aggregateValue" | "onPeriodChange" | "invisible" | "visible" | "createFakeData" | "period" | "filterItems" | "onFilter">>;
+declare const PerformanceMobileUI: React__default.FC<Pick<useAssetsHistoryDataReturn & UsePerformanceScriptReturn, "data" | "curPeriod" | "aggregateValue" | "onPeriodChange" | "invisible" | "visible" | "createFakeData" | "period" | "filterItems" | "onFilter">>;
 
-declare const PerformanceMobileWidget: React$1.FC;
+declare const PerformanceMobileWidget: React__default.FC;
 declare const PerformanceMobileSheetId = "PerformanceMobileSheetId";
 declare const PerformanceMobileDialogId = "PerformanceMobileDialogId";
 
-declare const FundingHistoryWidget: React$1.FC;
+declare const FundingHistoryWidget: React__default.FC;
 
 declare const useFundingHistoryHook: () => {
     readonly dataSource: (_kodiak_finance_orderly_types.API.FundingFeeRow & {
@@ -306,7 +308,7 @@ declare const useFundingHistoryColumns: () => Column<API.FundingFeeRow & {
     annual_rate: number;
 }>[];
 
-declare const DistributionHistoryWidget: React$1.FC;
+declare const DistributionHistoryWidget: React__default.FC;
 
 declare const useDistributionHistoryHook: () => {
     readonly dataSource: (_kodiak_finance_orderly_types.API.FundingFeeRow & {
@@ -332,45 +334,45 @@ declare const DistributionHistoryMobile: FC<FundingHistoryProps$1>;
 type FundingHistoryProps = {} & useDistributionHistoryHookReturn;
 declare const DistributionHistoryDesktop: FC<FundingHistoryProps>;
 
-declare const OverviewPage: React$1.FC;
+declare const OverviewPage: React__default.FC;
 
 declare const OverviewProvider: FC<PropsWithChildren<{
     type?: TWType;
 }>>;
 
-declare const index$5_AssetHistory: typeof AssetHistory;
-declare const index$5_AssetHistoryWidget: typeof AssetHistoryWidget;
-declare const index$5_AssetWidget: typeof AssetWidget;
-declare const index$5_AssetsChart: typeof AssetsChart;
-declare const index$5_AssetsChartWidget: typeof AssetsChartWidget;
-declare const index$5_AssetsUI: typeof AssetsUI;
-declare const index$5_DistributionHistoryDesktop: typeof DistributionHistoryDesktop;
-declare const index$5_DistributionHistoryMobile: typeof DistributionHistoryMobile;
-declare const index$5_DistributionHistoryWidget: typeof DistributionHistoryWidget;
-declare const index$5_FundingHistoryWidget: typeof FundingHistoryWidget;
-declare const index$5_HistoryDataGroupWidget: typeof HistoryDataGroupWidget;
-declare const index$5_OverviewPage: typeof OverviewPage;
-declare const index$5_OverviewProvider: typeof OverviewProvider;
-declare const index$5_PerformanceMobileDialogId: typeof PerformanceMobileDialogId;
-declare const index$5_PerformanceMobileSheetId: typeof PerformanceMobileSheetId;
-declare const index$5_PerformanceMobileUI: typeof PerformanceMobileUI;
-declare const index$5_PerformanceMobileWidget: typeof PerformanceMobileWidget;
-declare const index$5_PerformanceUI: typeof PerformanceUI;
-declare const index$5_PerformanceWidget: typeof PerformanceWidget;
-declare const index$5_useAssetHistoryColumns: typeof useAssetHistoryColumns;
-declare const index$5_useAssetHistoryScript: typeof useAssetHistoryScript;
-declare const index$5_useAssetsChartScript: typeof useAssetsChartScript;
-declare const index$5_useFundingHistoryColumns: typeof useFundingHistoryColumns;
-declare const index$5_useFundingHistoryHook: typeof useFundingHistoryHook;
-declare const index$5_usePerformanceScript: typeof usePerformanceScript;
-declare namespace index$5 {
-  export { index$5_AssetHistory as AssetHistory, index$5_AssetHistoryWidget as AssetHistoryWidget, index$5_AssetWidget as AssetWidget, index$5_AssetsChart as AssetsChart, index$5_AssetsChartWidget as AssetsChartWidget, index$5_AssetsUI as AssetsUI, index$5_DistributionHistoryDesktop as DistributionHistoryDesktop, index$5_DistributionHistoryMobile as DistributionHistoryMobile, index$5_DistributionHistoryWidget as DistributionHistoryWidget, index$5_FundingHistoryWidget as FundingHistoryWidget, index$5_HistoryDataGroupWidget as HistoryDataGroupWidget, index$5_OverviewPage as OverviewPage, index$5_OverviewProvider as OverviewProvider, index$5_PerformanceMobileDialogId as PerformanceMobileDialogId, index$5_PerformanceMobileSheetId as PerformanceMobileSheetId, index$5_PerformanceMobileUI as PerformanceMobileUI, index$5_PerformanceMobileWidget as PerformanceMobileWidget, index$5_PerformanceUI as PerformanceUI, index$5_PerformanceWidget as PerformanceWidget, index$5_useAssetHistoryColumns as useAssetHistoryColumns, index$5_useAssetHistoryScript as useAssetHistoryScript, index$5_useAssetsChartScript as useAssetsChartScript, index$5_useFundingHistoryColumns as useFundingHistoryColumns, index$5_useFundingHistoryHook as useFundingHistoryHook, index$5_usePerformanceScript as usePerformanceScript };
+declare const index$6_AssetHistory: typeof AssetHistory;
+declare const index$6_AssetHistoryWidget: typeof AssetHistoryWidget;
+declare const index$6_AssetWidget: typeof AssetWidget;
+declare const index$6_AssetsChart: typeof AssetsChart;
+declare const index$6_AssetsChartWidget: typeof AssetsChartWidget;
+declare const index$6_AssetsUI: typeof AssetsUI;
+declare const index$6_DistributionHistoryDesktop: typeof DistributionHistoryDesktop;
+declare const index$6_DistributionHistoryMobile: typeof DistributionHistoryMobile;
+declare const index$6_DistributionHistoryWidget: typeof DistributionHistoryWidget;
+declare const index$6_FundingHistoryWidget: typeof FundingHistoryWidget;
+declare const index$6_HistoryDataGroupWidget: typeof HistoryDataGroupWidget;
+declare const index$6_OverviewPage: typeof OverviewPage;
+declare const index$6_OverviewProvider: typeof OverviewProvider;
+declare const index$6_PerformanceMobileDialogId: typeof PerformanceMobileDialogId;
+declare const index$6_PerformanceMobileSheetId: typeof PerformanceMobileSheetId;
+declare const index$6_PerformanceMobileUI: typeof PerformanceMobileUI;
+declare const index$6_PerformanceMobileWidget: typeof PerformanceMobileWidget;
+declare const index$6_PerformanceUI: typeof PerformanceUI;
+declare const index$6_PerformanceWidget: typeof PerformanceWidget;
+declare const index$6_useAssetHistoryColumns: typeof useAssetHistoryColumns;
+declare const index$6_useAssetHistoryScript: typeof useAssetHistoryScript;
+declare const index$6_useAssetsChartScript: typeof useAssetsChartScript;
+declare const index$6_useFundingHistoryColumns: typeof useFundingHistoryColumns;
+declare const index$6_useFundingHistoryHook: typeof useFundingHistoryHook;
+declare const index$6_usePerformanceScript: typeof usePerformanceScript;
+declare namespace index$6 {
+  export { index$6_AssetHistory as AssetHistory, index$6_AssetHistoryWidget as AssetHistoryWidget, index$6_AssetWidget as AssetWidget, index$6_AssetsChart as AssetsChart, index$6_AssetsChartWidget as AssetsChartWidget, index$6_AssetsUI as AssetsUI, index$6_DistributionHistoryDesktop as DistributionHistoryDesktop, index$6_DistributionHistoryMobile as DistributionHistoryMobile, index$6_DistributionHistoryWidget as DistributionHistoryWidget, index$6_FundingHistoryWidget as FundingHistoryWidget, index$6_HistoryDataGroupWidget as HistoryDataGroupWidget, index$6_OverviewPage as OverviewPage, index$6_OverviewProvider as OverviewProvider, index$6_PerformanceMobileDialogId as PerformanceMobileDialogId, index$6_PerformanceMobileSheetId as PerformanceMobileSheetId, index$6_PerformanceMobileUI as PerformanceMobileUI, index$6_PerformanceMobileWidget as PerformanceMobileWidget, index$6_PerformanceUI as PerformanceUI, index$6_PerformanceWidget as PerformanceWidget, index$6_useAssetHistoryColumns as useAssetHistoryColumns, index$6_useAssetHistoryScript as useAssetHistoryScript, index$6_useAssetsChartScript as useAssetsChartScript, index$6_useFundingHistoryColumns as useFundingHistoryColumns, index$6_useFundingHistoryHook as useFundingHistoryHook, index$6_usePerformanceScript as usePerformanceScript };
 }
 
 type FeeTierWidgetProps = UseFeeTierScriptOptions;
 
 type FeeTierPageProps = FeeTierWidgetProps;
-declare const FeeTierPage: React$1.FC<FeeTierPageProps>;
+declare const FeeTierPage: React__default.FC<FeeTierPageProps>;
 
 type UseFeeTierScriptOptions = {
     dataAdapter?: (columns: Column<any>[], dataSource: any[], context?: {
@@ -393,7 +395,7 @@ interface FeeDataType {
     tier: number | null;
     volume_min?: number | null;
     volume_max?: number | null;
-    volume_node?: React$1.ReactNode;
+    volume_node?: React__default.ReactNode;
     or?: string | null;
     maker_fee: string;
     taker_fee: string;
@@ -414,22 +416,22 @@ declare const useFeeTierScript: (options?: UseFeeTierScriptOptions) => {
     vol?: number | undefined;
 };
 
-type index$4_FeeDataType = FeeDataType;
-declare const index$4_FeeTierPage: typeof FeeTierPage;
-type index$4_UseFeeTierScriptOptions = UseFeeTierScriptOptions;
-declare const index$4_useFeeTierScript: typeof useFeeTierScript;
-declare namespace index$4 {
-  export { type index$4_FeeDataType as FeeDataType, index$4_FeeTierPage as FeeTierPage, type index$4_UseFeeTierScriptOptions as UseFeeTierScriptOptions, index$4_useFeeTierScript as useFeeTierScript };
+type index$5_FeeDataType = FeeDataType;
+declare const index$5_FeeTierPage: typeof FeeTierPage;
+type index$5_UseFeeTierScriptOptions = UseFeeTierScriptOptions;
+declare const index$5_useFeeTierScript: typeof useFeeTierScript;
+declare namespace index$5 {
+  export { type index$5_FeeDataType as FeeDataType, index$5_FeeTierPage as FeeTierPage, type index$5_UseFeeTierScriptOptions as UseFeeTierScriptOptions, index$5_useFeeTierScript as useFeeTierScript };
 }
 
-declare const PositionsPage: React$1.FC<PositionsProps>;
+declare const PositionsPage: React__default.FC<PositionsProps>;
 
 declare const page$1_PositionsPage: typeof PositionsPage;
 declare namespace page$1 {
   export { page$1_PositionsPage as PositionsPage };
 }
 
-declare const OrdersPage: React$1.FC<{
+declare const OrdersPage: React__default.FC<{
     sharePnLConfig?: SharePnLConfig;
 }>;
 
@@ -454,20 +456,20 @@ declare const APIManagerPage: (props: {
     keyStatus?: string;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const index$3_APIManagerPage: typeof APIManagerPage;
-declare const index$3_APIManagerWidget: typeof APIManagerWidget;
-declare namespace index$3 {
-  export { index$3_APIManagerPage as APIManagerPage, index$3_APIManagerWidget as APIManagerWidget };
+declare const index$4_APIManagerPage: typeof APIManagerPage;
+declare const index$4_APIManagerWidget: typeof APIManagerWidget;
+declare namespace index$4 {
+  export { index$4_APIManagerPage as APIManagerPage, index$4_APIManagerWidget as APIManagerWidget };
 }
 
-declare const SettingWidget: React$1.FC;
+declare const SettingWidget: React__default.FC;
 
-declare const SettingPage: React$1.FC;
+declare const SettingPage: React__default.FC;
 
-declare const index$2_SettingPage: typeof SettingPage;
-declare const index$2_SettingWidget: typeof SettingWidget;
-declare namespace index$2 {
-  export { index$2_SettingPage as SettingPage, index$2_SettingWidget as SettingWidget };
+declare const index$3_SettingPage: typeof SettingPage;
+declare const index$3_SettingWidget: typeof SettingWidget;
+declare namespace index$3 {
+  export { index$3_SettingPage as SettingPage, index$3_SettingWidget as SettingWidget };
 }
 
 declare const useAssetsScript: () => {
@@ -510,34 +512,196 @@ declare const useAssetsScript: () => {
 type useAssetsScriptReturn = ReturnType<typeof useAssetsScript> & ReturnType<typeof useAccount>;
 
 type AssetsWidgetProps = useAssetsScriptReturn;
-declare const AssetsDataTableWidget: React$1.FC;
-declare const AssetsWidget: React$1.FC;
+declare const AssetsDataTableWidget: React__default.FC;
+declare const AssetsWidget: React__default.FC;
+
+declare const AssetsPage: React__default.FC;
+
+declare const AssetsDataTable: React__default.FC<Pick<AssetsWidgetProps, "columns" | "dataSource" | "isMainAccount" | "onFilter" | "selectedAccount" | "selectedAsset" | "assetsOptions" | "state">>;
+declare const AssetsTable: React__default.FC<AssetsWidgetProps>;
 
-declare const AssetsPage: React$1.FC;
+declare const AssetsTableMobile: React__default.FC<useAssetsScriptReturn>;
 
-declare const AssetsDataTable: React$1.FC<Pick<AssetsWidgetProps, "columns" | "dataSource" | "isMainAccount" | "onFilter" | "selectedAccount" | "selectedAsset" | "assetsOptions" | "state">>;
-declare const AssetsTable: React$1.FC<AssetsWidgetProps>;
+declare const index$2_AssetsDataTable: typeof AssetsDataTable;
+declare const index$2_AssetsDataTableWidget: typeof AssetsDataTableWidget;
+declare const index$2_AssetsPage: typeof AssetsPage;
+declare const index$2_AssetsTable: typeof AssetsTable;
+declare const index$2_AssetsTableMobile: typeof AssetsTableMobile;
+declare const index$2_AssetsWidget: typeof AssetsWidget;
+type index$2_AssetsWidgetProps = AssetsWidgetProps;
+declare namespace index$2 {
+  export { index$2_AssetsDataTable as AssetsDataTable, index$2_AssetsDataTableWidget as AssetsDataTableWidget, index$2_AssetsPage as AssetsPage, index$2_AssetsTable as AssetsTable, index$2_AssetsTableMobile as AssetsTableMobile, index$2_AssetsWidget as AssetsWidget, type index$2_AssetsWidgetProps as AssetsWidgetProps };
+}
 
-declare const AssetsTableMobile: React$1.FC<useAssetsScriptReturn>;
+declare const HistoryWidget: React__default.FC;
+declare const HistoryPage: React__default.FC;
 
-declare const index$1_AssetsDataTable: typeof AssetsDataTable;
-declare const index$1_AssetsDataTableWidget: typeof AssetsDataTableWidget;
-declare const index$1_AssetsPage: typeof AssetsPage;
-declare const index$1_AssetsTable: typeof AssetsTable;
-declare const index$1_AssetsTableMobile: typeof AssetsTableMobile;
-declare const index$1_AssetsWidget: typeof AssetsWidget;
-type index$1_AssetsWidgetProps = AssetsWidgetProps;
+declare const index$1_HistoryPage: typeof HistoryPage;
+declare const index$1_HistoryWidget: typeof HistoryWidget;
 declare namespace index$1 {
-  export { index$1_AssetsDataTable as AssetsDataTable, index$1_AssetsDataTableWidget as AssetsDataTableWidget, index$1_AssetsPage as AssetsPage, index$1_AssetsTable as AssetsTable, index$1_AssetsTableMobile as AssetsTableMobile, index$1_AssetsWidget as AssetsWidget, type index$1_AssetsWidgetProps as AssetsWidgetProps };
+  export { index$1_HistoryPage as HistoryPage, index$1_HistoryWidget as HistoryWidget };
 }
 
-declare const HistoryWidget: React$1.FC;
-declare const HistoryPage: React$1.FC;
+declare const SymbolPerformancePage: React__default.FC;
+
+declare const SymbolPerformanceWidget: React__default.FC<{
+    symbol?: string;
+}>;
+
+interface TradeData {
+    id: number;
+    symbol: string;
+    fee: number;
+    fee_asset: string;
+    side: "BUY" | "SELL";
+    order_id: number;
+    executed_price: number;
+    executed_quantity: number;
+    executed_timestamp: number;
+    is_maker: number;
+    realized_pnl: number;
+    match_id: string;
+}
+
+interface SymbolPerformanceMetrics {
+    totalPnL: number;
+    totalVolume: number;
+    totalFees: number;
+    totalTrades: number;
+    makerShare: number;
+    dailyData: Array<{
+        date: string;
+        pnl: number;
+        volume: number;
+        fees: number;
+    }>;
+    cumulativeDailyPnL: Array<{
+        date: string;
+        cumulativePnl: number;
+    }>;
+    cumulativeDailyFees: Array<{
+        date: string;
+        cumulativeFees: number;
+    }>;
+    cumulativeDailyVolume: Array<{
+        date: string;
+        cumulativeVolume: number;
+    }>;
+    hourlyData: Array<{
+        date: string;
+        pnl: number;
+        fees: number;
+        volume: number;
+    }>;
+    cumulativeHourlyPnL: Array<{
+        date: string;
+        cumulativePnl: number;
+    }>;
+    cumulativeHourlyFees: Array<{
+        date: string;
+        cumulativeFees: number;
+    }>;
+    cumulativeHourlyVolume: Array<{
+        date: string;
+        cumulativeVolume: number;
+    }>;
+    fifteenMinuteData: Array<{
+        date: string;
+        pnl: number;
+        fees: number;
+        volume: number;
+    }>;
+    cumulativeFifteenMinutePnL: Array<{
+        date: string;
+        cumulativePnl: number;
+    }>;
+    cumulativeFifteenMinuteFees: Array<{
+        date: string;
+        cumulativeFees: number;
+    }>;
+    cumulativeFifteenMinuteVolume: Array<{
+        date: string;
+        cumulativeVolume: number;
+    }>;
+}
+
+declare enum PeriodType {
+    DAY = "1D",
+    WEEK = "7D",
+    MONTH = "30D",
+    QUARTER = "90D"
+}
+declare enum AggregationWindow {
+    FIFTEEN_MIN = "15m",
+    HOURLY = "1h",
+    DAILY = "1d"
+}
+type Timeframe = "1D" | "7D" | "30D" | "90D" | "ALL";
+declare const useSymbolPerformanceScript: (symbol?: string) => {
+    selectedSymbol: string;
+    setSelectedSymbol: React$1.Dispatch<React$1.SetStateAction<string>>;
+    period: PeriodType | null;
+    onPeriodChange: (value: PeriodType) => void;
+    periodTypes: PeriodType[];
+    aggregationWindow: AggregationWindow;
+    setAggregationWindow: React$1.Dispatch<React$1.SetStateAction<AggregationWindow>>;
+    aggregationWindowTypes: AggregationWindow[];
+    dateRange: {
+        from: Date;
+        to: Date;
+    };
+    filterItems: {
+        type: "range";
+        name: string;
+        value: {
+            from: Date;
+            to: Date;
+        };
+        max: number;
+    }[];
+    onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    trades: TradeData[];
+    isLoading: boolean;
+    error: any;
+    performanceData: SymbolPerformanceMetrics | null;
+    aggregatedData: {
+        periodData: {
+            date: string;
+            pnl: number;
+            fees: number;
+            volume: number;
+        }[];
+        cumulativePnL: {
+            date: string;
+            cumulativePnl: number;
+        }[];
+        cumulativeFees: {
+            date: string;
+            cumulativeFees: number;
+        }[];
+        cumulativeVolume: {
+            date: string;
+            cumulativeVolume: number;
+        }[];
+    } | null;
+    invisible: boolean;
+};
+type UseSymbolPerformanceScriptReturn = ReturnType<typeof useSymbolPerformanceScript>;
+
+type SymbolPerformanceUIProps = UseSymbolPerformanceScriptReturn;
+declare const SymbolPerformanceUI: React__default.FC<SymbolPerformanceUIProps>;
 
-declare const index_HistoryPage: typeof HistoryPage;
-declare const index_HistoryWidget: typeof HistoryWidget;
+declare const index_SymbolPerformancePage: typeof SymbolPerformancePage;
+declare const index_SymbolPerformanceUI: typeof SymbolPerformanceUI;
+declare const index_SymbolPerformanceWidget: typeof SymbolPerformanceWidget;
+type index_Timeframe = Timeframe;
+type index_UseSymbolPerformanceScriptReturn = UseSymbolPerformanceScriptReturn;
+declare const index_useSymbolPerformanceScript: typeof useSymbolPerformanceScript;
 declare namespace index {
-  export { index_HistoryPage as HistoryPage, index_HistoryWidget as HistoryWidget };
+  export { index_SymbolPerformancePage as SymbolPerformancePage, index_SymbolPerformanceUI as SymbolPerformanceUI, index_SymbolPerformanceWidget as SymbolPerformanceWidget, type index_Timeframe as Timeframe, type index_UseSymbolPerformanceScriptReturn as UseSymbolPerformanceScriptReturn, index_useSymbolPerformanceScript as useSymbolPerformanceScript };
 }
 
-export { index$3 as APIManagerModule, index$1 as AssetsModule, index$4 as FeeTierModule, index as HistoryModule, page as OrdersModule, index$5 as OverviewModule, PortfolioLayout, type PortfolioLayoutProps, PortfolioLayoutWidget, type PortfolioLayoutWidgetProps, PortfolioLeftSidebarPath, page$1 as PositionsModule, index$2 as SettingModule, usePortfolioLayoutScript };
+export { index$4 as APIManagerModule, index$2 as AssetsModule, index$5 as FeeTierModule, index$1 as HistoryModule, page as OrdersModule, index$6 as OverviewModule, PortfolioLayout, type PortfolioLayoutProps, PortfolioLayoutWidget, type PortfolioLayoutWidgetProps, PortfolioLeftSidebarPath, page$1 as PositionsModule, index$3 as SettingModule, index as SymbolPerformanceModule, usePortfolioLayoutScript };