@orderly.network/portfolio 2.7.1-alpha.0 → 2.7.2-alpha.0

package/dist/index.d.mts

@@ -4,11 +4,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _orderly_network_types from '@orderly.network/types';
 import { API, AssetHistorySideEnum } from '@orderly.network/types';
 import * as _orderly_network_hooks from '@orderly.network/hooks';
-import { TWType } from '@orderly.network/hooks';
+import { TWType, useAccount } from '@orderly.network/hooks';
 import * as _orderly_network_ui from '@orderly.network/ui';
-import { Column } from '@orderly.network/ui';
+import { Column, TanstackColumn } from '@orderly.network/ui';
 import { PositionsProps } from '@orderly.network/ui-positions';
 import { SharePnLConfig } from '@orderly.network/ui-share';
+import { Decimal } from '@orderly.network/utils';
 
 type PortfolioLayoutProps = ScaffoldProps & {
     hideSideBar?: boolean;
@@ -332,18 +333,24 @@ type FeeTierPageProps = FeeTierWidgetProps;
 declare const FeeTierPage: React$1.FC<FeeTierPageProps>;
 
 type UseFeeTierScriptOptions = {
-    dataAdapter?: (columns: Column[], dataSource: any[]) => {
-        columns: Column[];
+    dataAdapter?: (columns: Column<any>[], dataSource: any[], context?: {
+        tier?: number;
+    }) => {
+        columns: Column<any>[];
         dataSource: any[];
     };
     headerDataAdapter?: (original: any[]) => any[];
     onRow?: (record: any, index: number) => {
-        normal: any;
-        active: any;
+        normal?: any;
+        active?: any;
+    };
+    onCell?: (column: TanstackColumn<any>, record: any, index: number) => {
+        normal?: any;
+        active?: any;
     };
 };
 interface FeeDataType {
-    tier: number;
+    tier: number | null;
     volume_min?: number | null;
     volume_max?: number | null;
     volume_node?: React$1.ReactNode;
@@ -352,14 +359,18 @@ interface FeeDataType {
     taker_fee: string;
 }
 declare const useFeeTierScript: (options?: UseFeeTierScriptOptions) => {
-    columns: Column[] | Column<FeeDataType>[];
+    columns: Column<any>[] | Column<FeeDataType>[];
     dataSource: any[] | FeeDataType[];
     onRow: ((record: any, index: number) => {
-        normal: any;
-        active: any;
+        normal?: any;
+        active?: any;
+    }) | undefined;
+    onCell: ((column: TanstackColumn<any>, record: any, index: number) => {
+        normal?: any;
+        active?: any;
     }) | undefined;
     headerDataAdapter: ((original: any[]) => any[]) | undefined;
-    tier?: number | undefined;
+    tier?: number | null | undefined;
     vol?: number | undefined;
 };
 
@@ -419,11 +430,65 @@ declare namespace index$2 {
   export { index$2_SettingPage as SettingPage, index$2_SettingWidget as SettingWidget };
 }
 
+declare const useAssetsScript: () => {
+    columns: _orderly_network_ui.Column[];
+    dataSource: {
+        children: {
+            indexPrice: number;
+            assetValue: number;
+            collateralRatio: Decimal;
+            collateralContribution: number;
+            token: string;
+            holding: number;
+            frozen: number;
+            pending_short: number;
+            updated_time: number;
+            account_id: string;
+        }[];
+        account_id: string;
+        id?: string;
+        description?: string;
+    }[];
+    visible: boolean;
+    onToggleVisibility: () => void;
+    selectedAccount: string;
+    selectedAsset: string;
+    onFilter: (filter: {
+        name: string;
+        value: string;
+    }) => void;
+    totalValue: number;
+    hasSubAccount: boolean;
+    onDeposit: () => void;
+    onWithdraw: () => void;
+    holding: _orderly_network_types.API.Holding[];
+    assetsOptions: {
+        label: string;
+        value: string;
+    }[];
+};
+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 AssetsPage: React$1.FC;
 
+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 AssetsTableMobile: React$1.FC<useAssetsScriptReturn>;
+
+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 namespace index$1 {
-  export { index$1_AssetsPage as AssetsPage };
+  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 };
 }
 
 declare const HistoryWidget: React$1.FC;

package/dist/index.d.ts

@@ -4,11 +4,12 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _orderly_network_types from '@orderly.network/types';
 import { API, AssetHistorySideEnum } from '@orderly.network/types';
 import * as _orderly_network_hooks from '@orderly.network/hooks';
-import { TWType } from '@orderly.network/hooks';
+import { TWType, useAccount } from '@orderly.network/hooks';
 import * as _orderly_network_ui from '@orderly.network/ui';
-import { Column } from '@orderly.network/ui';
+import { Column, TanstackColumn } from '@orderly.network/ui';
 import { PositionsProps } from '@orderly.network/ui-positions';
 import { SharePnLConfig } from '@orderly.network/ui-share';
+import { Decimal } from '@orderly.network/utils';
 
 type PortfolioLayoutProps = ScaffoldProps & {
     hideSideBar?: boolean;
@@ -332,18 +333,24 @@ type FeeTierPageProps = FeeTierWidgetProps;
 declare const FeeTierPage: React$1.FC<FeeTierPageProps>;
 
 type UseFeeTierScriptOptions = {
-    dataAdapter?: (columns: Column[], dataSource: any[]) => {
-        columns: Column[];
+    dataAdapter?: (columns: Column<any>[], dataSource: any[], context?: {
+        tier?: number;
+    }) => {
+        columns: Column<any>[];
         dataSource: any[];
     };
     headerDataAdapter?: (original: any[]) => any[];
     onRow?: (record: any, index: number) => {
-        normal: any;
-        active: any;
+        normal?: any;
+        active?: any;
+    };
+    onCell?: (column: TanstackColumn<any>, record: any, index: number) => {
+        normal?: any;
+        active?: any;
     };
 };
 interface FeeDataType {
-    tier: number;
+    tier: number | null;
     volume_min?: number | null;
     volume_max?: number | null;
     volume_node?: React$1.ReactNode;
@@ -352,14 +359,18 @@ interface FeeDataType {
     taker_fee: string;
 }
 declare const useFeeTierScript: (options?: UseFeeTierScriptOptions) => {
-    columns: Column[] | Column<FeeDataType>[];
+    columns: Column<any>[] | Column<FeeDataType>[];
     dataSource: any[] | FeeDataType[];
     onRow: ((record: any, index: number) => {
-        normal: any;
-        active: any;
+        normal?: any;
+        active?: any;
+    }) | undefined;
+    onCell: ((column: TanstackColumn<any>, record: any, index: number) => {
+        normal?: any;
+        active?: any;
     }) | undefined;
     headerDataAdapter: ((original: any[]) => any[]) | undefined;
-    tier?: number | undefined;
+    tier?: number | null | undefined;
     vol?: number | undefined;
 };
 
@@ -419,11 +430,65 @@ declare namespace index$2 {
   export { index$2_SettingPage as SettingPage, index$2_SettingWidget as SettingWidget };
 }
 
+declare const useAssetsScript: () => {
+    columns: _orderly_network_ui.Column[];
+    dataSource: {
+        children: {
+            indexPrice: number;
+            assetValue: number;
+            collateralRatio: Decimal;
+            collateralContribution: number;
+            token: string;
+            holding: number;
+            frozen: number;
+            pending_short: number;
+            updated_time: number;
+            account_id: string;
+        }[];
+        account_id: string;
+        id?: string;
+        description?: string;
+    }[];
+    visible: boolean;
+    onToggleVisibility: () => void;
+    selectedAccount: string;
+    selectedAsset: string;
+    onFilter: (filter: {
+        name: string;
+        value: string;
+    }) => void;
+    totalValue: number;
+    hasSubAccount: boolean;
+    onDeposit: () => void;
+    onWithdraw: () => void;
+    holding: _orderly_network_types.API.Holding[];
+    assetsOptions: {
+        label: string;
+        value: string;
+    }[];
+};
+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 AssetsPage: React$1.FC;
 
+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 AssetsTableMobile: React$1.FC<useAssetsScriptReturn>;
+
+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 namespace index$1 {
-  export { index$1_AssetsPage as AssetsPage };
+  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 };
 }
 
 declare const HistoryWidget: React$1.FC;