@agg-market/ui 6.0.0 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -2
- package/dist/{chunk-G6YKGVQR.mjs → chunk-JE4MV5RL.mjs} +18 -60
- package/dist/{chunk-2ICOSP7N.mjs → chunk-KRCRD4AJ.mjs} +11 -14
- package/dist/{chunk-5ZKPBMRK.mjs → chunk-SBLIHCN2.mjs} +21 -24
- package/dist/{chunk-LMOJKJOY.mjs → chunk-TLFRGJ5B.mjs} +334 -217
- package/dist/chunk-WKY3IN52.mjs +4907 -0
- package/dist/events.js +3364 -2660
- package/dist/events.mjs +2 -5
- package/dist/index.js +2693 -1764
- package/dist/index.mjs +610 -38
- package/dist/modals.js +1356 -815
- package/dist/modals.mjs +2 -4
- package/dist/pages.js +3023 -2248
- package/dist/pages.mjs +4 -7
- package/dist/primitives.js +1072 -355
- package/dist/primitives.mjs +38 -30
- package/dist/styles.css +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/trading.js +1153 -558
- package/dist/trading.mjs +2 -4
- package/dist/types/auth/connect-button-view/connect-button-view.constants.d.mts +31 -0
- package/dist/types/auth/connect-button-view/connect-button-view.constants.d.ts +31 -0
- package/dist/types/auth/connect-button-view/connect-button-view.types.d.mts +83 -0
- package/dist/types/auth/connect-button-view/connect-button-view.types.d.ts +83 -0
- package/dist/types/auth/connect-button-view/index.d.mts +7 -0
- package/dist/types/auth/connect-button-view/index.d.ts +7 -0
- package/dist/types/auth/index.d.mts +1 -1
- package/dist/types/auth/index.d.ts +1 -1
- package/dist/types/index.d.mts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/primitives/chart/chart-type-switch.d.mts +10 -0
- package/dist/types/primitives/chart/chart-type-switch.d.ts +10 -0
- package/dist/types/primitives/chart/index.d.mts +7 -1
- package/dist/types/primitives/chart/index.d.ts +7 -1
- package/dist/types/primitives/icon/index.d.mts +9 -1
- package/dist/types/primitives/icon/index.d.ts +9 -1
- package/dist/types/primitives/icon/registry.d.mts +32 -0
- package/dist/types/primitives/icon/registry.d.ts +32 -0
- package/dist/types/primitives/icon/svg/apple.d.mts +5 -0
- package/dist/types/primitives/icon/svg/apple.d.ts +5 -0
- package/dist/types/primitives/icon/svg/chart-candlestick.d.mts +5 -0
- package/dist/types/primitives/icon/svg/chart-candlestick.d.ts +5 -0
- package/dist/types/primitives/icon/svg/chart-line.d.mts +5 -0
- package/dist/types/primitives/icon/svg/chart-line.d.ts +5 -0
- package/dist/types/primitives/icon/svg/error-filled.d.mts +5 -0
- package/dist/types/primitives/icon/svg/error-filled.d.ts +5 -0
- package/dist/types/primitives/icon/svg/ethereum.d.mts +5 -0
- package/dist/types/primitives/icon/svg/ethereum.d.ts +5 -0
- package/dist/types/primitives/icon/svg/google.d.mts +5 -0
- package/dist/types/primitives/icon/svg/google.d.ts +5 -0
- package/dist/types/primitives/icon/svg/image.d.mts +5 -0
- package/dist/types/primitives/icon/svg/image.d.ts +5 -0
- package/dist/types/primitives/icon/svg/solana.d.mts +5 -0
- package/dist/types/primitives/icon/svg/solana.d.ts +5 -0
- package/dist/types/primitives/index.d.mts +2 -0
- package/dist/types/primitives/index.d.ts +2 -0
- package/dist/types/primitives/inline-alert/index.d.mts +16 -0
- package/dist/types/primitives/inline-alert/index.d.ts +16 -0
- package/dist/types/primitives/remote-image/index.d.mts +6 -0
- package/dist/types/primitives/remote-image/index.d.ts +6 -0
- package/dist/types/primitives/remote-image/remote-image.constants.d.mts +4 -0
- package/dist/types/primitives/remote-image/remote-image.constants.d.ts +4 -0
- package/dist/types/primitives/remote-image/remote-image.types.d.mts +16 -0
- package/dist/types/primitives/remote-image/remote-image.types.d.ts +16 -0
- package/dist/types/primitives/venue-logo/svg/logo-limitless.d.mts +5 -0
- package/dist/types/primitives/venue-logo/svg/logo-limitless.d.ts +5 -0
- package/dist/types/primitives/venue-logo/venue-logo.types.d.mts +1 -1
- package/dist/types/primitives/venue-logo/venue-logo.types.d.ts +1 -1
- package/dist/types/trading/types.d.mts +26 -26
- package/dist/types/trading/types.d.ts +26 -26
- package/package.json +3 -15
- package/dist/auth.d.mts +0 -1
- package/dist/auth.d.ts +0 -1
- package/dist/auth.js +0 -2290
- package/dist/auth.mjs +0 -8
- package/dist/chunk-ADGL6RFX.mjs +0 -214
- package/dist/chunk-CN7GI2RJ.mjs +0 -585
- package/dist/chunk-HI4EEDN5.mjs +0 -1880
- package/dist/chunk-INRG3D4M.mjs +0 -450
- package/dist/chunk-JE3Z52FD.mjs +0 -345
- package/dist/chunk-MHCHR65A.mjs +0 -165
- package/dist/chunk-PASXFYKQ.mjs +0 -81
- package/dist/chunk-UBBOLLOS.mjs +0 -999
- package/dist/types/auth/connect-button/connect-button.constants.d.mts +0 -10
- package/dist/types/auth/connect-button/connect-button.constants.d.ts +0 -10
- package/dist/types/auth/connect-button/connect-button.types.d.mts +0 -33
- package/dist/types/auth/connect-button/connect-button.types.d.ts +0 -33
- package/dist/types/auth/connect-button/index.d.mts +0 -7
- package/dist/types/auth/connect-button/index.d.ts +0 -7
package/dist/trading.mjs
CHANGED
|
@@ -29,10 +29,8 @@ import {
|
|
|
29
29
|
getTradingSlippageLabel,
|
|
30
30
|
getTradingValueLabel,
|
|
31
31
|
getTradingVenueLabel
|
|
32
|
-
} from "./chunk-
|
|
33
|
-
import "./chunk-
|
|
34
|
-
import "./chunk-MHCHR65A.mjs";
|
|
35
|
-
import "./chunk-HI4EEDN5.mjs";
|
|
32
|
+
} from "./chunk-JE4MV5RL.mjs";
|
|
33
|
+
import "./chunk-WKY3IN52.mjs";
|
|
36
34
|
export {
|
|
37
35
|
PlaceOrder,
|
|
38
36
|
Settlement,
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export declare const connectButtonContainerClassName: string;
|
|
2
|
+
export declare const authNoticeClassName: string;
|
|
3
|
+
export declare const authErrorClassName: string;
|
|
4
|
+
export declare const authModalContainerClassName: string;
|
|
5
|
+
export declare const authModalBodyClassName: string;
|
|
6
|
+
export declare const authSectionClassName: string;
|
|
7
|
+
export declare const authSectionHeadingClassName: string;
|
|
8
|
+
export declare const authMethodsListClassName: string;
|
|
9
|
+
export declare const authInputFormClassName: string;
|
|
10
|
+
export declare const authInputFieldClassName: string;
|
|
11
|
+
export declare const authPrimaryActionClassName: string;
|
|
12
|
+
export declare const authMethodGridClassName: string;
|
|
13
|
+
export declare const authWalletMethodGridClassName: string;
|
|
14
|
+
export declare const authSocialButtonClassName: string;
|
|
15
|
+
export declare const authWalletButtonClassName: string;
|
|
16
|
+
export declare const authWalletIconGroupClassName: string;
|
|
17
|
+
export declare const authHelperTextClassName: string;
|
|
18
|
+
export declare const authHelperLinkClassName: string;
|
|
19
|
+
export declare const authDividerClassName: string;
|
|
20
|
+
export declare const authDividerLineClassName: string;
|
|
21
|
+
export declare const authDividerLabelClassName: string;
|
|
22
|
+
export declare const authLegalTextClassName: string;
|
|
23
|
+
export declare const connectedButtonsRowClassName: string;
|
|
24
|
+
export declare const connectedBalanceChipClassName: string;
|
|
25
|
+
export declare const connectedProfileChipClassName: string;
|
|
26
|
+
export declare const profileMenuContentClassName: string;
|
|
27
|
+
export declare const profileMenuSectionClassName: string;
|
|
28
|
+
export declare const profileMenuSeparatorClassName: string;
|
|
29
|
+
export declare const profileMenuActionItemClassName: string;
|
|
30
|
+
export declare const avatarRootClassName: string;
|
|
31
|
+
export declare const avatarIconClassName: string;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export declare const connectButtonContainerClassName: string;
|
|
2
|
+
export declare const authNoticeClassName: string;
|
|
3
|
+
export declare const authErrorClassName: string;
|
|
4
|
+
export declare const authModalContainerClassName: string;
|
|
5
|
+
export declare const authModalBodyClassName: string;
|
|
6
|
+
export declare const authSectionClassName: string;
|
|
7
|
+
export declare const authSectionHeadingClassName: string;
|
|
8
|
+
export declare const authMethodsListClassName: string;
|
|
9
|
+
export declare const authInputFormClassName: string;
|
|
10
|
+
export declare const authInputFieldClassName: string;
|
|
11
|
+
export declare const authPrimaryActionClassName: string;
|
|
12
|
+
export declare const authMethodGridClassName: string;
|
|
13
|
+
export declare const authWalletMethodGridClassName: string;
|
|
14
|
+
export declare const authSocialButtonClassName: string;
|
|
15
|
+
export declare const authWalletButtonClassName: string;
|
|
16
|
+
export declare const authWalletIconGroupClassName: string;
|
|
17
|
+
export declare const authHelperTextClassName: string;
|
|
18
|
+
export declare const authHelperLinkClassName: string;
|
|
19
|
+
export declare const authDividerClassName: string;
|
|
20
|
+
export declare const authDividerLineClassName: string;
|
|
21
|
+
export declare const authDividerLabelClassName: string;
|
|
22
|
+
export declare const authLegalTextClassName: string;
|
|
23
|
+
export declare const connectedButtonsRowClassName: string;
|
|
24
|
+
export declare const connectedBalanceChipClassName: string;
|
|
25
|
+
export declare const connectedProfileChipClassName: string;
|
|
26
|
+
export declare const profileMenuContentClassName: string;
|
|
27
|
+
export declare const profileMenuSectionClassName: string;
|
|
28
|
+
export declare const profileMenuSeparatorClassName: string;
|
|
29
|
+
export declare const profileMenuActionItemClassName: string;
|
|
30
|
+
export declare const avatarRootClassName: string;
|
|
31
|
+
export declare const avatarIconClassName: string;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes } from "react";
|
|
2
|
+
import type { IconName } from "../../primitives/icon";
|
|
3
|
+
export type AuthConnectButtonViewMethodKind = "email" | "social" | "wallet";
|
|
4
|
+
export type AuthConnectButtonViewMethodChain = "ethereum" | "solana";
|
|
5
|
+
export type AuthConnectButtonViewClassNames = {
|
|
6
|
+
authError?: string;
|
|
7
|
+
authFormField?: string;
|
|
8
|
+
authHelperLink?: string;
|
|
9
|
+
authMethodButton?: string;
|
|
10
|
+
authMethodDescription?: string;
|
|
11
|
+
authMethodGrid?: string;
|
|
12
|
+
authModalContent?: string;
|
|
13
|
+
authNotice?: string;
|
|
14
|
+
authSectionHeading?: string;
|
|
15
|
+
balanceChip?: string;
|
|
16
|
+
balanceText?: string;
|
|
17
|
+
connectButton?: string;
|
|
18
|
+
connectedRow?: string;
|
|
19
|
+
depositButton?: string;
|
|
20
|
+
profileMenuActionItem?: string;
|
|
21
|
+
profileMenuContent?: string;
|
|
22
|
+
profileMenuSection?: string;
|
|
23
|
+
profileMenuSeparator?: string;
|
|
24
|
+
profileTrigger?: string;
|
|
25
|
+
profileTriggerLabel?: string;
|
|
26
|
+
root?: string;
|
|
27
|
+
};
|
|
28
|
+
export type AuthConnectButtonViewButtonProps = Pick<ButtonHTMLAttributes<HTMLButtonElement>, "id" | "name" | "tabIndex" | "autoFocus" | "aria-describedby"> & {
|
|
29
|
+
"data-testid"?: string;
|
|
30
|
+
};
|
|
31
|
+
export type AuthConnectButtonViewMethodInput = {
|
|
32
|
+
type: "email";
|
|
33
|
+
helperText?: string;
|
|
34
|
+
placeholder?: string;
|
|
35
|
+
submitLabel?: string;
|
|
36
|
+
} | undefined;
|
|
37
|
+
export type AuthConnectButtonViewMethod = {
|
|
38
|
+
chain?: AuthConnectButtonViewMethodChain;
|
|
39
|
+
description: string;
|
|
40
|
+
iconName?: IconName;
|
|
41
|
+
id: string;
|
|
42
|
+
input?: AuthConnectButtonViewMethodInput;
|
|
43
|
+
isAvailable: boolean;
|
|
44
|
+
kind: AuthConnectButtonViewMethodKind;
|
|
45
|
+
label: string;
|
|
46
|
+
};
|
|
47
|
+
export type AuthConnectButtonViewBalanceRow = {
|
|
48
|
+
balance: number;
|
|
49
|
+
key: string;
|
|
50
|
+
venueKey: string;
|
|
51
|
+
};
|
|
52
|
+
export type AuthConnectButtonViewProps = {
|
|
53
|
+
activeMethodId: string | null;
|
|
54
|
+
addressLabel?: string;
|
|
55
|
+
balanceRows: readonly AuthConnectButtonViewBalanceRow[];
|
|
56
|
+
buttonProps?: AuthConnectButtonViewButtonProps;
|
|
57
|
+
classNames?: AuthConnectButtonViewClassNames;
|
|
58
|
+
disabled?: boolean;
|
|
59
|
+
emailMethod: AuthConnectButtonViewMethod | null;
|
|
60
|
+
emailError?: string | null;
|
|
61
|
+
emailValue: string;
|
|
62
|
+
errorMessage?: string | null;
|
|
63
|
+
isAuthenticated: boolean;
|
|
64
|
+
isBalanceLoading: boolean;
|
|
65
|
+
isBusy: boolean;
|
|
66
|
+
isChooserOpen: boolean;
|
|
67
|
+
isProfileMenuOpen: boolean;
|
|
68
|
+
notice?: string | null;
|
|
69
|
+
onChooserOpenChange: (open: boolean) => void;
|
|
70
|
+
onDepositClick: () => void;
|
|
71
|
+
onDisconnectClick: () => void;
|
|
72
|
+
onEmailChange: (value: string) => void;
|
|
73
|
+
onEmailSubmit: () => void;
|
|
74
|
+
onMethodSelect: (methodId: string) => void;
|
|
75
|
+
onProfileClick: () => void;
|
|
76
|
+
onProfileMenuOpenChange: (open: boolean) => void;
|
|
77
|
+
socialMethods: readonly AuthConnectButtonViewMethod[];
|
|
78
|
+
onViewAllBalancesClick: () => void;
|
|
79
|
+
onWithdrawClick: () => void;
|
|
80
|
+
profileLabel?: string;
|
|
81
|
+
totalBalance: number;
|
|
82
|
+
walletMethods: readonly AuthConnectButtonViewMethod[];
|
|
83
|
+
};
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes } from "react";
|
|
2
|
+
import type { IconName } from "../../primitives/icon";
|
|
3
|
+
export type AuthConnectButtonViewMethodKind = "email" | "social" | "wallet";
|
|
4
|
+
export type AuthConnectButtonViewMethodChain = "ethereum" | "solana";
|
|
5
|
+
export type AuthConnectButtonViewClassNames = {
|
|
6
|
+
authError?: string;
|
|
7
|
+
authFormField?: string;
|
|
8
|
+
authHelperLink?: string;
|
|
9
|
+
authMethodButton?: string;
|
|
10
|
+
authMethodDescription?: string;
|
|
11
|
+
authMethodGrid?: string;
|
|
12
|
+
authModalContent?: string;
|
|
13
|
+
authNotice?: string;
|
|
14
|
+
authSectionHeading?: string;
|
|
15
|
+
balanceChip?: string;
|
|
16
|
+
balanceText?: string;
|
|
17
|
+
connectButton?: string;
|
|
18
|
+
connectedRow?: string;
|
|
19
|
+
depositButton?: string;
|
|
20
|
+
profileMenuActionItem?: string;
|
|
21
|
+
profileMenuContent?: string;
|
|
22
|
+
profileMenuSection?: string;
|
|
23
|
+
profileMenuSeparator?: string;
|
|
24
|
+
profileTrigger?: string;
|
|
25
|
+
profileTriggerLabel?: string;
|
|
26
|
+
root?: string;
|
|
27
|
+
};
|
|
28
|
+
export type AuthConnectButtonViewButtonProps = Pick<ButtonHTMLAttributes<HTMLButtonElement>, "id" | "name" | "tabIndex" | "autoFocus" | "aria-describedby"> & {
|
|
29
|
+
"data-testid"?: string;
|
|
30
|
+
};
|
|
31
|
+
export type AuthConnectButtonViewMethodInput = {
|
|
32
|
+
type: "email";
|
|
33
|
+
helperText?: string;
|
|
34
|
+
placeholder?: string;
|
|
35
|
+
submitLabel?: string;
|
|
36
|
+
} | undefined;
|
|
37
|
+
export type AuthConnectButtonViewMethod = {
|
|
38
|
+
chain?: AuthConnectButtonViewMethodChain;
|
|
39
|
+
description: string;
|
|
40
|
+
iconName?: IconName;
|
|
41
|
+
id: string;
|
|
42
|
+
input?: AuthConnectButtonViewMethodInput;
|
|
43
|
+
isAvailable: boolean;
|
|
44
|
+
kind: AuthConnectButtonViewMethodKind;
|
|
45
|
+
label: string;
|
|
46
|
+
};
|
|
47
|
+
export type AuthConnectButtonViewBalanceRow = {
|
|
48
|
+
balance: number;
|
|
49
|
+
key: string;
|
|
50
|
+
venueKey: string;
|
|
51
|
+
};
|
|
52
|
+
export type AuthConnectButtonViewProps = {
|
|
53
|
+
activeMethodId: string | null;
|
|
54
|
+
addressLabel?: string;
|
|
55
|
+
balanceRows: readonly AuthConnectButtonViewBalanceRow[];
|
|
56
|
+
buttonProps?: AuthConnectButtonViewButtonProps;
|
|
57
|
+
classNames?: AuthConnectButtonViewClassNames;
|
|
58
|
+
disabled?: boolean;
|
|
59
|
+
emailMethod: AuthConnectButtonViewMethod | null;
|
|
60
|
+
emailError?: string | null;
|
|
61
|
+
emailValue: string;
|
|
62
|
+
errorMessage?: string | null;
|
|
63
|
+
isAuthenticated: boolean;
|
|
64
|
+
isBalanceLoading: boolean;
|
|
65
|
+
isBusy: boolean;
|
|
66
|
+
isChooserOpen: boolean;
|
|
67
|
+
isProfileMenuOpen: boolean;
|
|
68
|
+
notice?: string | null;
|
|
69
|
+
onChooserOpenChange: (open: boolean) => void;
|
|
70
|
+
onDepositClick: () => void;
|
|
71
|
+
onDisconnectClick: () => void;
|
|
72
|
+
onEmailChange: (value: string) => void;
|
|
73
|
+
onEmailSubmit: () => void;
|
|
74
|
+
onMethodSelect: (methodId: string) => void;
|
|
75
|
+
onProfileClick: () => void;
|
|
76
|
+
onProfileMenuOpenChange: (open: boolean) => void;
|
|
77
|
+
socialMethods: readonly AuthConnectButtonViewMethod[];
|
|
78
|
+
onViewAllBalancesClick: () => void;
|
|
79
|
+
onWithdrawClick: () => void;
|
|
80
|
+
profileLabel?: string;
|
|
81
|
+
totalBalance: number;
|
|
82
|
+
walletMethods: readonly AuthConnectButtonViewMethod[];
|
|
83
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { JSX } from "react";
|
|
2
|
+
import type { AuthConnectButtonViewProps } from "./connect-button-view.types";
|
|
3
|
+
export type { AuthConnectButtonViewBalanceRow, AuthConnectButtonViewButtonProps, AuthConnectButtonViewClassNames, AuthConnectButtonViewMethod, AuthConnectButtonViewMethodInput, AuthConnectButtonViewProps, } from "./connect-button-view.types";
|
|
4
|
+
export declare const AuthConnectButtonView: {
|
|
5
|
+
({ activeMethodId, addressLabel, balanceRows, buttonProps, classNames, disabled, emailMethod, emailError, emailValue, errorMessage, isAuthenticated, isBalanceLoading, isBusy, isChooserOpen, isProfileMenuOpen, notice, onChooserOpenChange, onDepositClick, onDisconnectClick, onEmailChange, onEmailSubmit, onMethodSelect, onProfileClick, onProfileMenuOpenChange, socialMethods, onViewAllBalancesClick, onWithdrawClick, profileLabel, totalBalance, walletMethods, }: AuthConnectButtonViewProps): JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { JSX } from "react";
|
|
2
|
+
import type { AuthConnectButtonViewProps } from "./connect-button-view.types";
|
|
3
|
+
export type { AuthConnectButtonViewBalanceRow, AuthConnectButtonViewButtonProps, AuthConnectButtonViewClassNames, AuthConnectButtonViewMethod, AuthConnectButtonViewMethodInput, AuthConnectButtonViewProps, } from "./connect-button-view.types";
|
|
4
|
+
export declare const AuthConnectButtonView: {
|
|
5
|
+
({ activeMethodId, addressLabel, balanceRows, buttonProps, classNames, disabled, emailMethod, emailError, emailValue, errorMessage, isAuthenticated, isBalanceLoading, isBusy, isChooserOpen, isProfileMenuOpen, notice, onChooserOpenChange, onDepositClick, onDisconnectClick, onEmailChange, onEmailSubmit, onMethodSelect, onProfileClick, onProfileMenuOpenChange, socialMethods, onViewAllBalancesClick, onWithdrawClick, profileLabel, totalBalance, walletMethods, }: AuthConnectButtonViewProps): JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./connect-button";
|
|
1
|
+
export * from "./connect-button-view";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./connect-button";
|
|
1
|
+
export * from "./connect-button-view";
|
package/dist/types/index.d.mts
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { LineChartType } from "./index";
|
|
2
|
+
export type ChartTypeSwitchProps = {
|
|
3
|
+
value: LineChartType;
|
|
4
|
+
onValueChange: (value: LineChartType) => void;
|
|
5
|
+
className?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const ChartTypeSwitch: {
|
|
8
|
+
({ value, onValueChange, className, }: ChartTypeSwitchProps): JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { LineChartType } from "./index";
|
|
2
|
+
export type ChartTypeSwitchProps = {
|
|
3
|
+
value: LineChartType;
|
|
4
|
+
onValueChange: (value: LineChartType) => void;
|
|
5
|
+
className?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const ChartTypeSwitch: {
|
|
8
|
+
({ value, onValueChange, className, }: ChartTypeSwitchProps): JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
@@ -2,7 +2,12 @@ import { type ReactNode } from "react";
|
|
|
2
2
|
export type LineChartPoint = {
|
|
3
3
|
time: number;
|
|
4
4
|
value: number;
|
|
5
|
+
open?: number;
|
|
6
|
+
high?: number;
|
|
7
|
+
low?: number;
|
|
8
|
+
close?: number;
|
|
5
9
|
};
|
|
10
|
+
export type LineChartType = "line" | "candlestick";
|
|
6
11
|
export type LineChartSeries = {
|
|
7
12
|
id: string;
|
|
8
13
|
color: string;
|
|
@@ -21,6 +26,7 @@ export type LineChartProps = {
|
|
|
21
26
|
width?: number | string;
|
|
22
27
|
classNames?: LineChartClassNames;
|
|
23
28
|
isLoading?: boolean;
|
|
29
|
+
chartType?: LineChartType;
|
|
24
30
|
showSeriesControls?: boolean;
|
|
25
31
|
renderSeriesControls?: (props: LineChartSeriesControlsRenderProps) => ReactNode;
|
|
26
32
|
};
|
|
@@ -32,6 +38,6 @@ export type LineChartClassNames = {
|
|
|
32
38
|
liveline?: string;
|
|
33
39
|
};
|
|
34
40
|
export declare const LineChart: {
|
|
35
|
-
({ series, height, width, classNames, isLoading, showSeriesControls, renderSeriesControls, }: LineChartProps): JSX.Element;
|
|
41
|
+
({ series, height, width, classNames, isLoading, chartType, showSeriesControls, renderSeriesControls, }: LineChartProps): JSX.Element;
|
|
36
42
|
displayName: string;
|
|
37
43
|
};
|
|
@@ -2,7 +2,12 @@ import { type ReactNode } from "react";
|
|
|
2
2
|
export type LineChartPoint = {
|
|
3
3
|
time: number;
|
|
4
4
|
value: number;
|
|
5
|
+
open?: number;
|
|
6
|
+
high?: number;
|
|
7
|
+
low?: number;
|
|
8
|
+
close?: number;
|
|
5
9
|
};
|
|
10
|
+
export type LineChartType = "line" | "candlestick";
|
|
6
11
|
export type LineChartSeries = {
|
|
7
12
|
id: string;
|
|
8
13
|
color: string;
|
|
@@ -21,6 +26,7 @@ export type LineChartProps = {
|
|
|
21
26
|
width?: number | string;
|
|
22
27
|
classNames?: LineChartClassNames;
|
|
23
28
|
isLoading?: boolean;
|
|
29
|
+
chartType?: LineChartType;
|
|
24
30
|
showSeriesControls?: boolean;
|
|
25
31
|
renderSeriesControls?: (props: LineChartSeriesControlsRenderProps) => ReactNode;
|
|
26
32
|
};
|
|
@@ -32,6 +38,6 @@ export type LineChartClassNames = {
|
|
|
32
38
|
liveline?: string;
|
|
33
39
|
};
|
|
34
40
|
export declare const LineChart: {
|
|
35
|
-
({ series, height, width, classNames, isLoading, showSeriesControls, renderSeriesControls, }: LineChartProps): JSX.Element;
|
|
41
|
+
({ series, height, width, classNames, isLoading, chartType, showSeriesControls, renderSeriesControls, }: LineChartProps): JSX.Element;
|
|
36
42
|
displayName: string;
|
|
37
43
|
};
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import { AppleIcon } from "./svg/apple";
|
|
1
2
|
import { ArrowTrendUpIcon } from "./svg/arrow-trend-up";
|
|
2
3
|
import { ArrowsToDotIcon } from "./svg/arrows-to-dot";
|
|
3
4
|
import { BankIcon } from "./svg/bank";
|
|
4
5
|
import { BestPricesIcon } from "./svg/best-prices";
|
|
5
6
|
import { BoltIcon } from "./svg/bolt";
|
|
6
7
|
import { CheckCircleIcon } from "./svg/check-circle";
|
|
8
|
+
import { ChartCandlestickIcon } from "./svg/chart-candlestick";
|
|
9
|
+
import { ChartLineIcon } from "./svg/chart-line";
|
|
7
10
|
import { ChevronDownIcon } from "./svg/chevron-down";
|
|
8
11
|
import { ChevronLeftIcon } from "./svg/chevron-left";
|
|
9
12
|
import { ChevronRightIcon } from "./svg/chevron-right";
|
|
@@ -16,7 +19,11 @@ import { DisconnectIcon } from "./svg/disconnect";
|
|
|
16
19
|
import { DotsHorizontalIcon } from "./svg/dots-horizontal";
|
|
17
20
|
import { DocumentIcon } from "./svg/document";
|
|
18
21
|
import { DownloadIcon } from "./svg/download";
|
|
22
|
+
import { ErrorFilledIcon } from "./svg/error-filled";
|
|
19
23
|
import { ExternalLinkIcon } from "./svg/external-link";
|
|
24
|
+
import { EthereumIcon } from "./svg/ethereum";
|
|
25
|
+
import { GoogleIcon } from "./svg/google";
|
|
26
|
+
import { ImageIcon } from "./svg/image";
|
|
20
27
|
import { InfoIcon } from "./svg/info";
|
|
21
28
|
import { iconNames } from "./registry";
|
|
22
29
|
import { LinkAccountsIcon } from "./svg/link-accounts";
|
|
@@ -26,6 +33,7 @@ import { ProfileIcon } from "./svg/profile";
|
|
|
26
33
|
import { RevenueAltIcon } from "./svg/revenue-alt";
|
|
27
34
|
import { SearchIcon } from "./svg/search";
|
|
28
35
|
import { ShieldTrustIcon } from "./svg/shield-trust";
|
|
36
|
+
import { SolanaIcon } from "./svg/solana";
|
|
29
37
|
import { StayInControlIcon } from "./svg/stay-in-control";
|
|
30
38
|
import { TriangleDownIcon } from "./svg/triangle-down";
|
|
31
39
|
import { TriangleUpFilledIcon } from "./svg/triangle-up-filled";
|
|
@@ -43,4 +51,4 @@ export declare const Icon: {
|
|
|
43
51
|
({ name, color, size, className, style, ...props }: IconProps): JSX.Element;
|
|
44
52
|
displayName: string;
|
|
45
53
|
};
|
|
46
|
-
export { ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BestPricesIcon, BoltIcon, CheckCircleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ExternalLinkIcon, iconNames, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, StayInControlIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, WalletAvatarIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
|
|
54
|
+
export { AppleIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BestPricesIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, StayInControlIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, WalletAvatarIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import { AppleIcon } from "./svg/apple";
|
|
1
2
|
import { ArrowTrendUpIcon } from "./svg/arrow-trend-up";
|
|
2
3
|
import { ArrowsToDotIcon } from "./svg/arrows-to-dot";
|
|
3
4
|
import { BankIcon } from "./svg/bank";
|
|
4
5
|
import { BestPricesIcon } from "./svg/best-prices";
|
|
5
6
|
import { BoltIcon } from "./svg/bolt";
|
|
6
7
|
import { CheckCircleIcon } from "./svg/check-circle";
|
|
8
|
+
import { ChartCandlestickIcon } from "./svg/chart-candlestick";
|
|
9
|
+
import { ChartLineIcon } from "./svg/chart-line";
|
|
7
10
|
import { ChevronDownIcon } from "./svg/chevron-down";
|
|
8
11
|
import { ChevronLeftIcon } from "./svg/chevron-left";
|
|
9
12
|
import { ChevronRightIcon } from "./svg/chevron-right";
|
|
@@ -16,7 +19,11 @@ import { DisconnectIcon } from "./svg/disconnect";
|
|
|
16
19
|
import { DotsHorizontalIcon } from "./svg/dots-horizontal";
|
|
17
20
|
import { DocumentIcon } from "./svg/document";
|
|
18
21
|
import { DownloadIcon } from "./svg/download";
|
|
22
|
+
import { ErrorFilledIcon } from "./svg/error-filled";
|
|
19
23
|
import { ExternalLinkIcon } from "./svg/external-link";
|
|
24
|
+
import { EthereumIcon } from "./svg/ethereum";
|
|
25
|
+
import { GoogleIcon } from "./svg/google";
|
|
26
|
+
import { ImageIcon } from "./svg/image";
|
|
20
27
|
import { InfoIcon } from "./svg/info";
|
|
21
28
|
import { iconNames } from "./registry";
|
|
22
29
|
import { LinkAccountsIcon } from "./svg/link-accounts";
|
|
@@ -26,6 +33,7 @@ import { ProfileIcon } from "./svg/profile";
|
|
|
26
33
|
import { RevenueAltIcon } from "./svg/revenue-alt";
|
|
27
34
|
import { SearchIcon } from "./svg/search";
|
|
28
35
|
import { ShieldTrustIcon } from "./svg/shield-trust";
|
|
36
|
+
import { SolanaIcon } from "./svg/solana";
|
|
29
37
|
import { StayInControlIcon } from "./svg/stay-in-control";
|
|
30
38
|
import { TriangleDownIcon } from "./svg/triangle-down";
|
|
31
39
|
import { TriangleUpFilledIcon } from "./svg/triangle-up-filled";
|
|
@@ -43,4 +51,4 @@ export declare const Icon: {
|
|
|
43
51
|
({ name, color, size, className, style, ...props }: IconProps): JSX.Element;
|
|
44
52
|
displayName: string;
|
|
45
53
|
};
|
|
46
|
-
export { ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BestPricesIcon, BoltIcon, CheckCircleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ExternalLinkIcon, iconNames, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, StayInControlIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, WalletAvatarIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
|
|
54
|
+
export { AppleIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BestPricesIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, PencilIcon, PlaySquareIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, StayInControlIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, WalletAvatarIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { WalletAvatarIcon } from "./svg/wallet-avatar";
|
|
2
2
|
export declare const iconRegistry: {
|
|
3
|
+
readonly apple: {
|
|
4
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
3
7
|
readonly "arrow-trend-up": {
|
|
4
8
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
5
9
|
displayName: string;
|
|
@@ -28,6 +32,14 @@ export declare const iconRegistry: {
|
|
|
28
32
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
29
33
|
displayName: string;
|
|
30
34
|
};
|
|
35
|
+
readonly "chart-candlestick": {
|
|
36
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
37
|
+
displayName: string;
|
|
38
|
+
};
|
|
39
|
+
readonly "chart-line": {
|
|
40
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
41
|
+
displayName: string;
|
|
42
|
+
};
|
|
31
43
|
readonly "chevron-down": {
|
|
32
44
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
33
45
|
displayName: string;
|
|
@@ -84,10 +96,26 @@ export declare const iconRegistry: {
|
|
|
84
96
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
85
97
|
displayName: string;
|
|
86
98
|
};
|
|
99
|
+
readonly "error-filled": {
|
|
100
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
101
|
+
displayName: string;
|
|
102
|
+
};
|
|
103
|
+
readonly ethereum: {
|
|
104
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
105
|
+
displayName: string;
|
|
106
|
+
};
|
|
87
107
|
readonly "external-link": {
|
|
88
108
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
89
109
|
displayName: string;
|
|
90
110
|
};
|
|
111
|
+
readonly google: {
|
|
112
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
113
|
+
displayName: string;
|
|
114
|
+
};
|
|
115
|
+
readonly image: {
|
|
116
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
117
|
+
displayName: string;
|
|
118
|
+
};
|
|
91
119
|
readonly info: {
|
|
92
120
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
93
121
|
displayName: string;
|
|
@@ -120,6 +148,10 @@ export declare const iconRegistry: {
|
|
|
120
148
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
121
149
|
displayName: string;
|
|
122
150
|
};
|
|
151
|
+
readonly solana: {
|
|
152
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
153
|
+
displayName: string;
|
|
154
|
+
};
|
|
123
155
|
readonly "stay-in-control": {
|
|
124
156
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
125
157
|
displayName: string;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { WalletAvatarIcon } from "./svg/wallet-avatar";
|
|
2
2
|
export declare const iconRegistry: {
|
|
3
|
+
readonly apple: {
|
|
4
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
3
7
|
readonly "arrow-trend-up": {
|
|
4
8
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
5
9
|
displayName: string;
|
|
@@ -28,6 +32,14 @@ export declare const iconRegistry: {
|
|
|
28
32
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
29
33
|
displayName: string;
|
|
30
34
|
};
|
|
35
|
+
readonly "chart-candlestick": {
|
|
36
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
37
|
+
displayName: string;
|
|
38
|
+
};
|
|
39
|
+
readonly "chart-line": {
|
|
40
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
41
|
+
displayName: string;
|
|
42
|
+
};
|
|
31
43
|
readonly "chevron-down": {
|
|
32
44
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
33
45
|
displayName: string;
|
|
@@ -84,10 +96,26 @@ export declare const iconRegistry: {
|
|
|
84
96
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
85
97
|
displayName: string;
|
|
86
98
|
};
|
|
99
|
+
readonly "error-filled": {
|
|
100
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
101
|
+
displayName: string;
|
|
102
|
+
};
|
|
103
|
+
readonly ethereum: {
|
|
104
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
105
|
+
displayName: string;
|
|
106
|
+
};
|
|
87
107
|
readonly "external-link": {
|
|
88
108
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
89
109
|
displayName: string;
|
|
90
110
|
};
|
|
111
|
+
readonly google: {
|
|
112
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
113
|
+
displayName: string;
|
|
114
|
+
};
|
|
115
|
+
readonly image: {
|
|
116
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
117
|
+
displayName: string;
|
|
118
|
+
};
|
|
91
119
|
readonly info: {
|
|
92
120
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
93
121
|
displayName: string;
|
|
@@ -120,6 +148,10 @@ export declare const iconRegistry: {
|
|
|
120
148
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
121
149
|
displayName: string;
|
|
122
150
|
};
|
|
151
|
+
readonly solana: {
|
|
152
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
153
|
+
displayName: string;
|
|
154
|
+
};
|
|
123
155
|
readonly "stay-in-control": {
|
|
124
156
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
125
157
|
displayName: string;
|