@orderly.network/portfolio 2.0.0-alpha.1

package/dist/index.d.mts

@@ -0,0 +1,274 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _orderly_network_types from '@orderly.network/types';
+import { API } from '@orderly.network/types';
+import { Column } from '@orderly.network/ui';
+import * as react from 'react';
+import { FC, PropsWithChildren } from 'react';
+import { LayoutProps } from '@orderly.network/ui-scaffold';
+
+type Props = {
+    connected?: boolean;
+    onConnectWallet?: () => void;
+    onWithdraw?: () => void;
+    onDeposit?: () => void;
+    onLeverageEdit?: () => void;
+    portfolioValue: number;
+    visible: boolean;
+    toggleVisible: () => void;
+    wrongNetwork: boolean;
+} & StatisticProps;
+type StatisticProps = {
+    currentLeverage: number;
+    unrealPnL: number;
+    unrealROI: number;
+    freeCollateral: number;
+};
+declare const AssetsUI: (props: Props) => react_jsx_runtime.JSX.Element;
+
+declare const AssetWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const AssetsChartWidget: () => react_jsx_runtime.JSX.Element;
+
+declare enum PeriodType {
+    WEEK = "7D",
+    MONTH = "30D",
+    QUARTER = "90D"
+}
+
+declare const useAssetsLineChartScript: () => {
+    readonly wrongNetwork: boolean;
+    readonly data: {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[] | null;
+    readonly invisible: boolean;
+    readonly periodTypes: PeriodType[];
+    readonly period: any;
+    readonly onPeriodChange: (value: PeriodType) => void;
+    readonly aggregateValue: {
+        vol: number;
+        pnl: number;
+        roi: number;
+    };
+    readonly createFakeData: (start: Partial<_orderly_network_types.API.DailyRow>, end: Partial<_orderly_network_types.API.DailyRow>) => {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[];
+    readonly volumeUpdateDate: string;
+};
+
+declare const HistoryDataGroupWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const useAssetHistoryColumns: () => Column[];
+
+declare const useAssetHistoryHook: () => {
+    dataSource: _orderly_network_types.API.AssetHistoryRow[];
+    meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+        pageTotal: number;
+    };
+    total: number | undefined;
+    isLoading: boolean;
+    queryParameter: {
+        side: string;
+        dateRange: Date[];
+    };
+    onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    setPage: react.Dispatch<react.SetStateAction<number>>;
+    setPageSize: (pageSize: number) => void;
+};
+
+type UseAssetHistoryReturn = ReturnType<typeof useAssetHistoryHook>;
+
+type AssetHistoryProps = {} & UseAssetHistoryReturn;
+declare const AssetHistory: FC<AssetHistoryProps>;
+
+declare const AssetHistoryWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const usePerformanceScript: () => {
+    data: {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[] | null;
+    invisible: boolean;
+    visible: any;
+    periodTypes: PeriodType[];
+    period: any;
+    onPeriodChange: (value: PeriodType) => void;
+    aggregateValue: {
+        vol: number;
+        pnl: number;
+        roi: number;
+    };
+    createFakeData: (start: Partial<_orderly_network_types.API.DailyRow>, end: Partial<_orderly_network_types.API.DailyRow>) => {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[];
+    volumeUpdateDate: string;
+};
+type UsePerformanceScriptReturn = ReturnType<typeof usePerformanceScript>;
+
+type PerformanceUIProps = {} & UsePerformanceScriptReturn;
+declare const PerformanceUI: (props: PerformanceUIProps) => react_jsx_runtime.JSX.Element;
+
+declare const PerformanceWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const FundingHistoryWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const useFundingHistoryHook: () => {
+    readonly dataSource: (_orderly_network_types.API.FundingFeeRow & {
+        annual_rate: number;
+    })[] | null;
+    readonly meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+        pageTotal: number;
+    };
+    readonly isLoading: boolean;
+    readonly isValidating: boolean;
+    readonly queryParameter: {
+        readonly symbol: string;
+        readonly dateRange: Date[];
+    };
+    readonly onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    readonly setPage: react.Dispatch<react.SetStateAction<number>>;
+    readonly setPageSize: (pageSize: number) => void;
+};
+
+declare const useFundingHistoryColumns: () => Column<API.FundingFeeRow & {
+    annual_rate: number;
+}>[];
+
+declare const DistributionHistoryWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const useDistributionHistoryHook: () => {
+    readonly dataSource: (_orderly_network_types.API.FundingFeeRow & {
+        annual_rate: number;
+    })[];
+    readonly meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+        pageTotal: number;
+    };
+    readonly isLoading: boolean;
+    readonly isValidating: boolean;
+    readonly queryParameter: {
+        readonly type: string;
+        readonly dateRange: Date[];
+    };
+    readonly onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    readonly setPage: react.Dispatch<react.SetStateAction<number>>;
+    readonly setPageSize: (pageSize: number) => void;
+};
+type useDistributionHistoryHookReturn = ReturnType<typeof useDistributionHistoryHook>;
+
+type FundingHistoryProps = {} & useDistributionHistoryHookReturn;
+declare const DistributionHistoryUI: FC<FundingHistoryProps>;
+
+declare const OverviewPage: () => react_jsx_runtime.JSX.Element;
+
+declare const index$3_AssetHistory: typeof AssetHistory;
+declare const index$3_AssetHistoryWidget: typeof AssetHistoryWidget;
+declare const index$3_AssetWidget: typeof AssetWidget;
+declare const index$3_AssetsChartWidget: typeof AssetsChartWidget;
+declare const index$3_AssetsUI: typeof AssetsUI;
+declare const index$3_DistributionHistoryUI: typeof DistributionHistoryUI;
+declare const index$3_DistributionHistoryWidget: typeof DistributionHistoryWidget;
+declare const index$3_FundingHistoryWidget: typeof FundingHistoryWidget;
+declare const index$3_HistoryDataGroupWidget: typeof HistoryDataGroupWidget;
+declare const index$3_OverviewPage: typeof OverviewPage;
+declare const index$3_PerformanceUI: typeof PerformanceUI;
+declare const index$3_PerformanceWidget: typeof PerformanceWidget;
+declare const index$3_useAssetHistoryColumns: typeof useAssetHistoryColumns;
+declare const index$3_useAssetHistoryHook: typeof useAssetHistoryHook;
+declare const index$3_useAssetsLineChartScript: typeof useAssetsLineChartScript;
+declare const index$3_useFundingHistoryColumns: typeof useFundingHistoryColumns;
+declare const index$3_useFundingHistoryHook: typeof useFundingHistoryHook;
+declare const index$3_usePerformanceScript: typeof usePerformanceScript;
+declare namespace index$3 {
+  export { index$3_AssetHistory as AssetHistory, index$3_AssetHistoryWidget as AssetHistoryWidget, index$3_AssetWidget as AssetWidget, index$3_AssetsChartWidget as AssetsChartWidget, index$3_AssetsUI as AssetsUI, index$3_DistributionHistoryUI as DistributionHistoryUI, index$3_DistributionHistoryWidget as DistributionHistoryWidget, index$3_FundingHistoryWidget as FundingHistoryWidget, index$3_HistoryDataGroupWidget as HistoryDataGroupWidget, index$3_OverviewPage as OverviewPage, index$3_PerformanceUI as PerformanceUI, index$3_PerformanceWidget as PerformanceWidget, index$3_useAssetHistoryColumns as useAssetHistoryColumns, index$3_useAssetHistoryHook as useAssetHistoryHook, index$3_useAssetsLineChartScript as useAssetsLineChartScript, index$3_useFundingHistoryColumns as useFundingHistoryColumns, index$3_useFundingHistoryHook as useFundingHistoryHook, index$3_usePerformanceScript as usePerformanceScript };
+}
+
+declare const PortfolioLayoutWidget: (props: PropsWithChildren<LayoutProps>) => react_jsx_runtime.JSX.Element;
+
+type UseFeeTierScriptOptions = {
+    dataAdapter?: (columns: Column[], dataSource: any[]) => {
+        columns: Column[];
+        dataSource: any[];
+    };
+};
+
+type FeeTierWidgetProps = UseFeeTierScriptOptions;
+
+type FeeTierPageProps = FeeTierWidgetProps;
+declare const FeeTierPage: FC<FeeTierPageProps>;
+
+declare const index$2_FeeTierPage: typeof FeeTierPage;
+declare namespace index$2 {
+  export { index$2_FeeTierPage as FeeTierPage };
+}
+
+declare const PositionsPage: () => react_jsx_runtime.JSX.Element;
+
+declare const page$1_PositionsPage: typeof PositionsPage;
+declare namespace page$1 {
+  export { page$1_PositionsPage as PositionsPage };
+}
+
+declare const OrdersPage: () => react_jsx_runtime.JSX.Element;
+
+declare const page_OrdersPage: typeof OrdersPage;
+declare namespace page {
+  export { page_OrdersPage as OrdersPage };
+}
+
+declare const APIManagerWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const ApiManagerPage: () => react_jsx_runtime.JSX.Element;
+
+declare const index$1_APIManagerWidget: typeof APIManagerWidget;
+declare const index$1_ApiManagerPage: typeof ApiManagerPage;
+declare namespace index$1 {
+  export { index$1_APIManagerWidget as APIManagerWidget, index$1_ApiManagerPage as ApiManagerPage };
+}
+
+declare const SettingWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const SettingPage: () => react_jsx_runtime.JSX.Element;
+
+declare const index_SettingPage: typeof SettingPage;
+declare const index_SettingWidget: typeof SettingWidget;
+declare namespace index {
+  export { index_SettingPage as SettingPage, index_SettingWidget as SettingWidget };
+}
+
+export { index$1 as APIManagerModule, index$2 as FeeTierModule, page as OrdersModule, index$3 as OverviewModule, PortfolioLayoutWidget, page$1 as PositionsModule, index as SettingModule };

package/dist/index.d.ts

@@ -0,0 +1,274 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _orderly_network_types from '@orderly.network/types';
+import { API } from '@orderly.network/types';
+import { Column } from '@orderly.network/ui';
+import * as react from 'react';
+import { FC, PropsWithChildren } from 'react';
+import { LayoutProps } from '@orderly.network/ui-scaffold';
+
+type Props = {
+    connected?: boolean;
+    onConnectWallet?: () => void;
+    onWithdraw?: () => void;
+    onDeposit?: () => void;
+    onLeverageEdit?: () => void;
+    portfolioValue: number;
+    visible: boolean;
+    toggleVisible: () => void;
+    wrongNetwork: boolean;
+} & StatisticProps;
+type StatisticProps = {
+    currentLeverage: number;
+    unrealPnL: number;
+    unrealROI: number;
+    freeCollateral: number;
+};
+declare const AssetsUI: (props: Props) => react_jsx_runtime.JSX.Element;
+
+declare const AssetWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const AssetsChartWidget: () => react_jsx_runtime.JSX.Element;
+
+declare enum PeriodType {
+    WEEK = "7D",
+    MONTH = "30D",
+    QUARTER = "90D"
+}
+
+declare const useAssetsLineChartScript: () => {
+    readonly wrongNetwork: boolean;
+    readonly data: {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[] | null;
+    readonly invisible: boolean;
+    readonly periodTypes: PeriodType[];
+    readonly period: any;
+    readonly onPeriodChange: (value: PeriodType) => void;
+    readonly aggregateValue: {
+        vol: number;
+        pnl: number;
+        roi: number;
+    };
+    readonly createFakeData: (start: Partial<_orderly_network_types.API.DailyRow>, end: Partial<_orderly_network_types.API.DailyRow>) => {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[];
+    readonly volumeUpdateDate: string;
+};
+
+declare const HistoryDataGroupWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const useAssetHistoryColumns: () => Column[];
+
+declare const useAssetHistoryHook: () => {
+    dataSource: _orderly_network_types.API.AssetHistoryRow[];
+    meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+        pageTotal: number;
+    };
+    total: number | undefined;
+    isLoading: boolean;
+    queryParameter: {
+        side: string;
+        dateRange: Date[];
+    };
+    onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    setPage: react.Dispatch<react.SetStateAction<number>>;
+    setPageSize: (pageSize: number) => void;
+};
+
+type UseAssetHistoryReturn = ReturnType<typeof useAssetHistoryHook>;
+
+type AssetHistoryProps = {} & UseAssetHistoryReturn;
+declare const AssetHistory: FC<AssetHistoryProps>;
+
+declare const AssetHistoryWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const usePerformanceScript: () => {
+    data: {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[] | null;
+    invisible: boolean;
+    visible: any;
+    periodTypes: PeriodType[];
+    period: any;
+    onPeriodChange: (value: PeriodType) => void;
+    aggregateValue: {
+        vol: number;
+        pnl: number;
+        roi: number;
+    };
+    createFakeData: (start: Partial<_orderly_network_types.API.DailyRow>, end: Partial<_orderly_network_types.API.DailyRow>) => {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[];
+    volumeUpdateDate: string;
+};
+type UsePerformanceScriptReturn = ReturnType<typeof usePerformanceScript>;
+
+type PerformanceUIProps = {} & UsePerformanceScriptReturn;
+declare const PerformanceUI: (props: PerformanceUIProps) => react_jsx_runtime.JSX.Element;
+
+declare const PerformanceWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const FundingHistoryWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const useFundingHistoryHook: () => {
+    readonly dataSource: (_orderly_network_types.API.FundingFeeRow & {
+        annual_rate: number;
+    })[] | null;
+    readonly meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+        pageTotal: number;
+    };
+    readonly isLoading: boolean;
+    readonly isValidating: boolean;
+    readonly queryParameter: {
+        readonly symbol: string;
+        readonly dateRange: Date[];
+    };
+    readonly onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    readonly setPage: react.Dispatch<react.SetStateAction<number>>;
+    readonly setPageSize: (pageSize: number) => void;
+};
+
+declare const useFundingHistoryColumns: () => Column<API.FundingFeeRow & {
+    annual_rate: number;
+}>[];
+
+declare const DistributionHistoryWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const useDistributionHistoryHook: () => {
+    readonly dataSource: (_orderly_network_types.API.FundingFeeRow & {
+        annual_rate: number;
+    })[];
+    readonly meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+        pageTotal: number;
+    };
+    readonly isLoading: boolean;
+    readonly isValidating: boolean;
+    readonly queryParameter: {
+        readonly type: string;
+        readonly dateRange: Date[];
+    };
+    readonly onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    readonly setPage: react.Dispatch<react.SetStateAction<number>>;
+    readonly setPageSize: (pageSize: number) => void;
+};
+type useDistributionHistoryHookReturn = ReturnType<typeof useDistributionHistoryHook>;
+
+type FundingHistoryProps = {} & useDistributionHistoryHookReturn;
+declare const DistributionHistoryUI: FC<FundingHistoryProps>;
+
+declare const OverviewPage: () => react_jsx_runtime.JSX.Element;
+
+declare const index$3_AssetHistory: typeof AssetHistory;
+declare const index$3_AssetHistoryWidget: typeof AssetHistoryWidget;
+declare const index$3_AssetWidget: typeof AssetWidget;
+declare const index$3_AssetsChartWidget: typeof AssetsChartWidget;
+declare const index$3_AssetsUI: typeof AssetsUI;
+declare const index$3_DistributionHistoryUI: typeof DistributionHistoryUI;
+declare const index$3_DistributionHistoryWidget: typeof DistributionHistoryWidget;
+declare const index$3_FundingHistoryWidget: typeof FundingHistoryWidget;
+declare const index$3_HistoryDataGroupWidget: typeof HistoryDataGroupWidget;
+declare const index$3_OverviewPage: typeof OverviewPage;
+declare const index$3_PerformanceUI: typeof PerformanceUI;
+declare const index$3_PerformanceWidget: typeof PerformanceWidget;
+declare const index$3_useAssetHistoryColumns: typeof useAssetHistoryColumns;
+declare const index$3_useAssetHistoryHook: typeof useAssetHistoryHook;
+declare const index$3_useAssetsLineChartScript: typeof useAssetsLineChartScript;
+declare const index$3_useFundingHistoryColumns: typeof useFundingHistoryColumns;
+declare const index$3_useFundingHistoryHook: typeof useFundingHistoryHook;
+declare const index$3_usePerformanceScript: typeof usePerformanceScript;
+declare namespace index$3 {
+  export { index$3_AssetHistory as AssetHistory, index$3_AssetHistoryWidget as AssetHistoryWidget, index$3_AssetWidget as AssetWidget, index$3_AssetsChartWidget as AssetsChartWidget, index$3_AssetsUI as AssetsUI, index$3_DistributionHistoryUI as DistributionHistoryUI, index$3_DistributionHistoryWidget as DistributionHistoryWidget, index$3_FundingHistoryWidget as FundingHistoryWidget, index$3_HistoryDataGroupWidget as HistoryDataGroupWidget, index$3_OverviewPage as OverviewPage, index$3_PerformanceUI as PerformanceUI, index$3_PerformanceWidget as PerformanceWidget, index$3_useAssetHistoryColumns as useAssetHistoryColumns, index$3_useAssetHistoryHook as useAssetHistoryHook, index$3_useAssetsLineChartScript as useAssetsLineChartScript, index$3_useFundingHistoryColumns as useFundingHistoryColumns, index$3_useFundingHistoryHook as useFundingHistoryHook, index$3_usePerformanceScript as usePerformanceScript };
+}
+
+declare const PortfolioLayoutWidget: (props: PropsWithChildren<LayoutProps>) => react_jsx_runtime.JSX.Element;
+
+type UseFeeTierScriptOptions = {
+    dataAdapter?: (columns: Column[], dataSource: any[]) => {
+        columns: Column[];
+        dataSource: any[];
+    };
+};
+
+type FeeTierWidgetProps = UseFeeTierScriptOptions;
+
+type FeeTierPageProps = FeeTierWidgetProps;
+declare const FeeTierPage: FC<FeeTierPageProps>;
+
+declare const index$2_FeeTierPage: typeof FeeTierPage;
+declare namespace index$2 {
+  export { index$2_FeeTierPage as FeeTierPage };
+}
+
+declare const PositionsPage: () => react_jsx_runtime.JSX.Element;
+
+declare const page$1_PositionsPage: typeof PositionsPage;
+declare namespace page$1 {
+  export { page$1_PositionsPage as PositionsPage };
+}
+
+declare const OrdersPage: () => react_jsx_runtime.JSX.Element;
+
+declare const page_OrdersPage: typeof OrdersPage;
+declare namespace page {
+  export { page_OrdersPage as OrdersPage };
+}
+
+declare const APIManagerWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const ApiManagerPage: () => react_jsx_runtime.JSX.Element;
+
+declare const index$1_APIManagerWidget: typeof APIManagerWidget;
+declare const index$1_ApiManagerPage: typeof ApiManagerPage;
+declare namespace index$1 {
+  export { index$1_APIManagerWidget as APIManagerWidget, index$1_ApiManagerPage as ApiManagerPage };
+}
+
+declare const SettingWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const SettingPage: () => react_jsx_runtime.JSX.Element;
+
+declare const index_SettingPage: typeof SettingPage;
+declare const index_SettingWidget: typeof SettingWidget;
+declare namespace index {
+  export { index_SettingPage as SettingPage, index_SettingWidget as SettingWidget };
+}
+
+export { index$1 as APIManagerModule, index$2 as FeeTierModule, page as OrdersModule, index$3 as OverviewModule, PortfolioLayoutWidget, page$1 as PositionsModule, index as SettingModule };