@dodoex/widgets 3.0.0-taiko.2 → 3.0.0-taiko.20

package/dist/components/Swap/components/Dialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const transitionTime = 300;
 export interface DialogProps {
     open: boolean;
@@ -13,4 +12,6 @@ export interface DialogProps {
     height?: number | string;
     testId?: string;
 }
-export default function Dialog({ scope, ...props }: DialogProps): JSX.Element;
+export default function Dialog({ scope, modal, ...props }: DialogProps & {
+    modal?: boolean;
+}): JSX.Element;

package/dist/components/Swap/components/ReviewDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { TokenInfo } from '../../../hooks/Token';
 export interface ReviewDialogProps {
@@ -18,5 +17,6 @@ export interface ReviewDialogProps {
     curFromFiatPrice: BigNumber | null;
     pricePerFromToken: number | null;
     loading: boolean;
+    slippage: string | number | null;
 }
-export declare function ReviewDialog({ open, execute, onClose, toToken, fromToken, fromAmount, toAmount, priceImpact, clearFromAmt, clearToAmt, baseFeeAmount, curToFiatPrice, curFromFiatPrice, pricePerFromToken, additionalFeeAmount, loading, }: ReviewDialogProps): JSX.Element;
+export declare function ReviewDialog({ open, execute, onClose, toToken, fromToken, fromAmount, toAmount, priceImpact, clearFromAmt, clearToAmt, baseFeeAmount, curToFiatPrice, curFromFiatPrice, pricePerFromToken, additionalFeeAmount, loading, slippage, }: ReviewDialogProps): JSX.Element;

package/dist/components/Swap/components/SettingsDialog/NumberInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from '@dodoex/components';
 export interface NumberInputProps extends InputProps {
     maxVal?: string | number;

package/dist/components/Swap/components/SettingsDialog/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SettingsDialogProps {
     open: boolean;
     onClose: () => void;

package/dist/components/Swap/components/SwapSettingsDialog/MoreTradeSetting.d.ts

@@ -0,0 +1,4 @@
+export default function MoreTradeSetting({ show, onClick, }: {
+    show: boolean;
+    onClick: () => void;
+}): JSX.Element;

package/dist/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/CurveChart.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ForecastSlippageListItem } from '../../../../../hooks/Swap/useForecastSlippageList';
+export declare const dotClassName = "position-y-dot";
+declare function CurveChart({ data, loading, }: {
+    data: ForecastSlippageListItem[];
+    loading?: boolean;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof CurveChart>;
+export default _default;

package/dist/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/SlippageSlider.d.ts

@@ -0,0 +1,9 @@
+import { SliderProps } from '@dodoex/components';
+import React from 'react';
+interface Props {
+    formatValue: (value?: number) => string | React.ReactNode;
+    hoverValue: number | null;
+    getSliderYPosition: (value?: number) => number;
+}
+export default function SlippageSlider({ hoverValue, formatValue, getSliderYPosition, ...props }: SliderProps & Props): JSX.Element;
+export {};

package/dist/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/index.d.ts

@@ -0,0 +1,12 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+import { ForecastSlippageListItem } from '../../../../../hooks/Swap/useForecastSlippageList';
+declare function SlippageCurveChart({ data, activeSlippage, loading, sx, handleChangeCustomSlippage, }: {
+    data?: ForecastSlippageListItem[];
+    activeSlippage?: number;
+    loading?: boolean;
+    sx?: BoxProps['sx'];
+    handleChangeCustomSlippage: (slippage: number) => void;
+}): JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof SlippageCurveChart>;
+export default _default;

package/dist/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/useHoverSlider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { useSlippageSlider } from './useSlippageSlider';
+export declare function useHoverSlider(ref: React.RefObject<HTMLDivElement>, { slippageSlider, }: {
+    slippageSlider: ReturnType<typeof useSlippageSlider>;
+}): {
+    hoverValue: number | null;
+    setHoverValue: React.Dispatch<React.SetStateAction<number | null>>;
+};

package/dist/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/useSlippageSlider.d.ts

@@ -0,0 +1,14 @@
+import { ForecastSlippageListItem } from '../../../../../hooks/Swap/useForecastSlippageList';
+export declare const useSlippageSlider: ({ activeSlippage, data, yPositions, }: {
+    activeSlippage?: number;
+    data?: ForecastSlippageListItem[];
+    yPositions: number[];
+}) => {
+    min: number;
+    max: number;
+    value: number;
+    decimalConversion: number;
+    formatValue: (value?: number) => string;
+    getSliderYPosition: (value?: number) => number;
+    handleChangeValue: (newValue: number) => number;
+};

package/dist/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/useSuccessRate.d.ts

@@ -0,0 +1,10 @@
+import { ForecastSlippageListItem } from '../../../../../hooks/Swap/useForecastSlippageList';
+export declare function useSuccessRate({ data, activeSlippage, hoverValue, decimalConversion, }: {
+    data?: ForecastSlippageListItem[] | undefined;
+    activeSlippage: number | undefined;
+    hoverValue: number | null;
+    decimalConversion: number | undefined;
+}): {
+    successRate: string;
+    hoverSuccessRate: string;
+};

package/dist/components/Swap/components/SwapSettingsDialog/SlippageSetting.d.ts

@@ -0,0 +1,5 @@
+import { TokenInfo } from '../../../../hooks/Token';
+export default function SlippageSetting({ fromToken, toToken, }: {
+    fromToken?: TokenInfo | null;
+    toToken?: TokenInfo | null;
+}): JSX.Element;

package/dist/components/Swap/components/SwapSettingsDialog/SlippageWarning.d.ts

@@ -0,0 +1,6 @@
+export declare function SlippageWarning({ title, desc, doNotChecked, onChangeDoNotChecked, }: {
+    title: string;
+    desc: string;
+    doNotChecked: boolean;
+    onChangeDoNotChecked?: (value: boolean) => void;
+}): JSX.Element | null;

package/dist/components/Swap/components/SwapSettingsDialog/index.d.ts

@@ -0,0 +1,8 @@
+import { TokenInfo } from '../../../../hooks/Token';
+export interface SwapSettingsDialogProps {
+    open: boolean;
+    onClose: () => void;
+    fromToken?: TokenInfo | null;
+    toToken?: TokenInfo | null;
+}
+export declare function SwapSettingsDialog({ open, onClose, fromToken, toToken, }: SwapSettingsDialogProps): JSX.Element;

package/dist/components/Swap/components/SwitchBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function SwitchBox({ onClick, disabled, }: {
     onClick: () => void;
     disabled?: boolean;

package/dist/components/Swap/components/TokenCard/NumberInput.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare const NumberInput: import("react").ForwardRefExoticComponent<{
-    readOnly?: boolean | undefined;
-    sx?: BoxProps['sx'];
-    value?: string | undefined;
-    decimals?: number | undefined;
-    onFocus?: (() => void) | undefined;
-    onChange?: ((v: string) => void) | undefined;
+    readOnly?: boolean;
+    sx?: BoxProps["sx"];
+    value?: string;
+    decimals?: number;
+    onFocus?: () => void;
+    onChange?: (v: string) => void;
     suffix?: React.ReactNode | string;
-    suffixGap?: number | undefined;
-    withClear?: boolean | undefined;
-    placeholder?: string | undefined;
-    readonlyShowSuffix?: boolean | undefined;
-    typography?: string | undefined;
+    suffixGap?: number;
+    withClear?: boolean;
+    placeholder?: string;
+    readonlyShowSuffix?: boolean;
+    typography?: string;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Swap/components/TokenCard/PercentageSelectButtonGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function PercentageSelectButtonGroup({ value, onChange, sx, }: {
     value: number;

package/dist/components/Swap/components/TokenCard/TokenLogoCollapse.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TokenInfo } from '../../../../hooks/Token';
 export declare function TokenLogoCollapse({ token, onClick, showChainLogo, readonly, showChainName: showChainNameProps, }: {
     token?: TokenInfo | null;

package/dist/components/Swap/components/TokenCard/TokenPickerDialog.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import { TokenPickerProps } from '../../../TokenPicker';
 import { DialogProps } from '../Dialog';
-export declare function TokenPickerDialog({ open, title, value, onClose, occupiedAddrs, occupiedChainId, onTokenChange, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, chainId, }: {
+export declare function TokenPickerDialog({ open, title, value, onClose, occupiedAddrs, hiddenAddrs, occupiedChainId, onTokenChange, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, chainId, modal, }: {
     open: boolean;
     title?: React.ReactNode | string;
     occupiedAddrs?: string[];
+    hiddenAddrs?: string[];
     occupiedChainId?: TokenPickerProps['occupiedChainId'];
     onClose: DialogProps['onClose'];
     value?: TokenPickerProps['value'];
@@ -15,4 +15,5 @@ export declare function TokenPickerDialog({ open, title, value, onClose, occupie
     searchPlaceholder?: TokenPickerProps['searchPlaceholder'];
     searchOtherAddress?: TokenPickerProps['searchOtherAddress'];
     chainId?: TokenPickerProps['chainId'];
+    modal?: boolean;
 }): JSX.Element;

package/dist/components/Swap/components/TokenCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 import { TokenInfo } from '../../../../hooks/Token';
 import { TokenPickerProps } from '../../../TokenPicker';
@@ -9,6 +8,7 @@ export interface TokenCardProps {
     amt: string;
     fiatPriceTxt?: string | React.ReactNode;
     sx?: BoxProps['sx'];
+    inputSx?: BoxProps['sx'];
     readOnly?: boolean;
     showMaxBtn?: boolean;
     canClickBalance?: boolean;
@@ -33,7 +33,8 @@ export interface TokenCardProps {
     chainId?: ChainId;
     hideToken?: boolean;
     checkLogBalance?: BalanceData;
+    notTokenPickerModal?: boolean;
 }
 export declare function CardPlus(): JSX.Element;
 export declare function CardPlusConnected(): JSX.Element;
-export declare function TokenCard({ sx, amt, token, readOnly, showMaxBtn, canClickBalance, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, showChainName, defaultLoadBalance, overrideBalance, overrideBalanceLoading, balanceText, showPercentage, inputReadonlyTooltip, inputTypography, chainId, hideToken, checkLogBalance, }: TokenCardProps): JSX.Element;
+export declare function TokenCard({ sx, inputSx, amt, token, readOnly, showMaxBtn, canClickBalance, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, showChainName, defaultLoadBalance, overrideBalance, overrideBalanceLoading, balanceText, showPercentage, inputReadonlyTooltip, inputTypography, chainId, hideToken, checkLogBalance, notTokenPickerModal, }: TokenCardProps): JSX.Element;

package/dist/components/Swap/components/TokenPairPriceWithToggle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TokenInfo } from '../../../hooks/Token';
 import { RoutePriceStatus } from '../../../hooks/Swap';
 export declare function TokenPairPriceWithToggle({ toToken, fromToken, priceStatus, pricePerToToken, pricePerFromToken, }: {

package/dist/components/Swap/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TokenInfo } from '../../hooks/Token/type';
 import { GetAutoSlippage } from '../../hooks/setting/useSetAutoSlippage';
 export interface SwapProps {

package/dist/components/SwitchChainDialog/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChainId } from '@dodoex/api';
 export default function SwitchChainDialog({ chainId, open, onClose, }: {
     chainId?: ChainId;

package/dist/components/Table.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '@dodoex/components';
+export default function Table({ sx, children, hasMore, loadMore, loadMoreLoading, ...props }: BoxProps & {
+    hasMore?: boolean;
+    loadMore?: () => void;
+    loadMoreLoading?: boolean;
+}): JSX.Element;

package/dist/components/TextSwitch.d.ts

@@ -0,0 +1,12 @@
+import { BoxProps } from '@dodoex/components';
+/**
+ * Text type Switch button: supports On and Off states
+ * @param param0
+ * @returns
+ */
+export declare function TextSwitch({ checked, onChange, sx, disabled, }: {
+    sx?: BoxProps['sx'];
+    checked: boolean;
+    onChange: (v: boolean) => void;
+    disabled?: boolean;
+}): JSX.Element;

package/dist/components/TokenLogoPair.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export interface TokenLogoPairProps {
     tokens: Array<{

package/dist/components/TokenLogoSimple.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export default function TokenLogoSimple({ address, url, symbol, width, height, marginRight, zIndex, sx, onLoadedLogoUrl, }: {
     address: string | undefined;

package/dist/components/TokenPicker/PopularToken.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TokenInfo } from '../../hooks/Token';
 export default function PopularToken({ token, disabled, onClick, }: {
     token: TokenInfo;

package/dist/components/TokenPicker/SelectChainItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChainListItem } from '../../constants/chainList';
 export default function SelectChainItem({ chain, active, onClick, }: {
     chain: ChainListItem;

package/dist/components/TokenPicker/TokenSearchLoadingSkelton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function TokenSearchLoadingSkelton(): JSX.Element;

package/dist/components/TokenPicker/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
 import type { TokenInfo } from '../../hooks/Token';
 import { ChainId } from '@dodoex/api';
 export interface TokenPickerProps {
@@ -20,5 +20,6 @@ export interface TokenPickerProps {
     searchPlaceholder?: string;
     /** like search pool address */
     searchOtherAddress?: (address: string) => Promise<JSX.Element | null>;
+    sx?: BoxProps['sx'];
 }
-export default function TokenPicker({ chainId, value, onChange, occupiedAddrs, occupiedChainId, hiddenAddrs, showAddrs, visible, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, }: TokenPickerProps): JSX.Element;
+export default function TokenPicker({ chainId, value, onChange, occupiedAddrs, occupiedChainId, hiddenAddrs, showAddrs, visible, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, sx, }: TokenPickerProps): JSX.Element;

package/dist/components/TokenStatusButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '@dodoex/components';
 import { useTokenStatus } from '../hooks/Token/useTokenStatus';
 export default function TokenStatusButton({ status, children, buttonProps, }: React.PropsWithChildren<{

package/dist/components/Tooltip/QuestionTooltip.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { QuestionTooltipProps } from '@dodoex/components';
 export default function QuestionTooltip(props: QuestionTooltipProps): JSX.Element;

package/dist/components/UserOptionsProvider.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { WidgetProps } from './Widget';
 export declare const UserOptionsContext: React.Context<WidgetProps | null>;
-declare type UserOptionsProviderProps = React.PropsWithChildren<WidgetProps>;
+type UserOptionsProviderProps = React.PropsWithChildren<WidgetProps>;
 export declare function UserOptionsProvider({ children, ...props }: UserOptionsProviderProps): JSX.Element;
 export declare function useUserOptions<T = WidgetProps>(selector?: (state: WidgetProps) => T): T;
 export {};

package/dist/components/Widget/index.d.ts

@@ -1,16 +1,17 @@
-import { PropsWithChildren } from 'react';
-import { ContractRequests } from '@dodoex/api';
+import { ChainId, ContractRequests, GraphQLRequests } from '@dodoex/api';
 import { PaletteMode, ThemeOptions } from '@dodoex/components';
+import { PropsWithChildren } from 'react';
+import { APIServices } from '../../constants/api';
 import { SupportedLang } from '../../constants/locales';
 import { Web3ConnectorsProps } from '../../hooks/ConnectWallet';
-import { InitTokenListProps } from '../../hooks/Token/useInitTokenList';
 import { ExecutionProps } from '../../hooks/Submission';
-import { ChainId } from '@dodoex/api';
-import { DefaultTokenInfo } from '../../hooks/Token/type';
-import { APIServices } from '../../constants/api';
-import { GlobalFunctionConfig } from '../../providers/GlobalConfigContext';
+import { DefaultTokenInfo, TokenInfo } from '../../hooks/Token/type';
+import { InitTokenListProps } from '../../hooks/Token/useInitTokenList';
+import { ConfirmProps } from '../Confirm';
+import { DialogProps } from '../Swap/components/Dialog';
+import { Page } from '../../router';
 export declare const WIDGET_CLASS_NAME = "dodo-widget-container";
-export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, ExecutionProps, GlobalFunctionConfig {
+export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, ExecutionProps {
     apikey?: string;
     theme?: PartialDeep<ThemeOptions>;
     colorMode?: PaletteMode;
@@ -29,10 +30,34 @@ export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, Ex
     noPowerBy?: boolean;
     noDocumentLink?: boolean;
     onlyChainId?: ChainId;
+    noUI?: boolean;
+    noLangProvider?: boolean;
+    routerPage?: Page;
     /** When the winding status changes, no pop-up window will be displayed. */
     noSubmissionDialog?: boolean;
     onProviderChanged?: (provider?: any) => void;
-    gotoBuyToken?: GlobalFunctionConfig['gotoBuyToken'];
     getStaticJsonRpcProviderByChainId?: Exclude<ConstructorParameters<typeof ContractRequests>[0], undefined>['getProvider'];
+    widgetRef?: React.RefObject<HTMLDivElement>;
+    /** If true is returned, the default wallet connection logic will not be executed */
+    onConnectWalletClick?: () => boolean | Promise<boolean>;
+    /** When the token balance is insufficient, users can purchase or swap callbacks */
+    gotoBuyToken?: (params: {
+        token: TokenInfo;
+        account: string;
+    }) => void;
+    getTokenLogoUrl?: (params: {
+        address?: string;
+        width?: number;
+        height?: number;
+        url?: string;
+        chainId?: number;
+    }) => string;
+    graphQLRequests?: GraphQLRequests;
+    ConfirmComponent?: React.FunctionComponent<ConfirmProps>;
+    DialogComponent?: React.FunctionComponent<DialogProps>;
 }
+export { LangProvider } from '../../providers/i18n';
+export { default as Message } from '../Message';
+/** Widgets that do not directly import themes and queryClient libraries */
+export declare function UnstyleWidget(props: PropsWithChildren<WidgetProps>): JSX.Element;
 export declare function Widget(props: PropsWithChildren<WidgetProps>): JSX.Element;

package/dist/components/WidgetContainer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare const WIDGET_MODULE_CLASS_NAME = "widget-module-container";
 export default function WidgetContainer({ sx, ...props }: BoxProps): JSX.Element;

package/dist/components/WidgetDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface WidgetDialogProps {
     open: boolean;
     onClose?: () => void;

package/dist/components/chart/components/BaseButton.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const BaseButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/components/chart/components/Display.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-declare type Props = {
+type Props = {
     display?: CSSProperties['display'];
     hidden?: boolean;
     children?: JSX.Element | Array<JSX.Element | undefined> | string | undefined;

package/dist/components/chart/components/Input.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const Input: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    error?: boolean | undefined;
+    error?: boolean;
 }, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

package/dist/components/chart/components/NumberInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function NumberInput({ value, onChange, onBlur, }: {
     value: string;
     onChange?: (v: string) => void;

package/dist/components/chart/components/TogglePriceIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ISwtichBtn extends React.HTMLProps<HTMLInputElement> {
     shouldSwitch?: boolean;
     variant?: 'dark' | 'light';

package/dist/components/chart/components/TokenLogo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function TokenLogo({ src, width }: {
     src: string;
     width: number;

package/dist/components/chart/depth-chart/DepthChartKonva.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PMMModel, PmmModelParams } from '@dodoex/api';
 import BigNumber from 'bignumber.js';
 import { BaseMinAndZoomMultiples } from './helper';
@@ -15,7 +14,7 @@ export interface ColorMap {
     tooltipBg?: string;
     tooltipColor?: string;
 }
-export declare type Props = {
+export type Props = {
     width: number;
     height: number;
     params: PmmModelParams;

package/dist/components/chart/depth-chart/helper.d.ts

@@ -2,13 +2,13 @@ import BigNumber from 'bignumber.js';
 import Konva from 'konva';
 import { PMMModel } from '@dodoex/api';
 export declare function colorRgb(str: string): string;
-export declare type EvaluatedPoint = {
+export type EvaluatedPoint = {
     side: 'bid' | 'ask' | 'no-one';
     vert: BigNumber;
     base: BigNumber;
     quote: BigNumber;
 };
-export declare type BaseMinAndZoomMultiples = {
+export type BaseMinAndZoomMultiples = {
     baseMin: BigNumber;
     zoomMultiples: number;
     /** Price impact point active display hover */

package/dist/components/chart/depth-chart/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { ColorMap } from './DepthChartKonva';
 import { PMMModel, PmmModelParams } from '@dodoex/api';
-declare type Props = {
+type Props = {
     chartId: string;
     width?: number;
     baseTokenSymbol: string;

package/dist/components/chart/depth-chart/index.styled.d.ts

@@ -1,29 +1,28 @@
-/// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AmountInputContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InputSectionWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    borderColor?: string | undefined;
+    borderColor?: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const PriceImpactWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const OptButtonGroup: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const OptButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/dist/components/chart/depth-chart-v2/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare function DepthChartV2({ title, titleColor, description, descriptionColor, buttonColor, placeholder, }: {
     title: string;
     titleColor: string;

package/dist/components/chart/depth-chart-v2/index.styled.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 export declare const Title: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Description: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const OptButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/dist/components/chart/hooks/usePreventWheel.d.ts

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     id: string;
 };
 /**

package/dist/components/chart/liquidity-chart/LiquidityChartKonva.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PMMModel, PmmModelParams } from '@dodoex/api';
 import BigNumber from 'bignumber.js';
 export declare const bgColor = "rgba(38, 39, 41, 0.3)";
@@ -15,7 +14,7 @@ export interface ColorMap {
     tooltipColor?: string;
     textColor?: string;
 }
-export declare type Props = {
+export type Props = {
     width: number;
     height: number;
     params: PmmModelParams;

package/dist/components/chart/liquidity-chart/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { PMMModel, PmmModelParams } from '@dodoex/api';
 import BigNumber from 'bignumber.js';
 import { ColorMap } from './LiquidityChartKonva';
-declare type Props = {
+type Props = {
     width?: number;
     height?: number;
     baseTokenSymbol: string;