@dodoex/widgets 3.11.0 → 3.13.0

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

@@ -2,6 +2,6 @@ interface ISwtichBtn extends React.HTMLProps<HTMLInputElement> {
     shouldSwitch?: boolean;
     variant?: 'dark' | 'light';
 }
-export declare const TogglePriceIcon: ({ shouldSwitch, variant }: ISwtichBtn) => JSX.Element;
-export declare const ToggleIconWithoutBg: () => JSX.Element;
+export declare const TogglePriceIcon: ({ shouldSwitch, variant }: ISwtichBtn) => import("react").JSX.Element;
+export declare const ToggleIconWithoutBg: () => import("react").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
 export declare function TokenLogo({ src, width }: {
     src: string;
     width: number;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -26,4 +26,4 @@ export type Props = {
     colorMap?: ColorMap;
     setBaseMinAndZoomMultiples: React.Dispatch<React.SetStateAction<BaseMinAndZoomMultiples>>;
 };
-export declare function DepthChartKonva({ width, height, midPrice, pmmModel, params, baseTokenSymbol, quoteTokenSymbol, baseMinAndZoomMultiples, colorMap, setBaseMinAndZoomMultiples, }: Props): JSX.Element;
+export declare function DepthChartKonva({ width, height, midPrice, pmmModel, params, baseTokenSymbol, quoteTokenSymbol, baseMinAndZoomMultiples, colorMap, setBaseMinAndZoomMultiples, }: Props): import("react").JSX.Element;

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

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

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

@@ -5,5 +5,5 @@ declare function DepthChartV2({ title, titleColor, description, descriptionColor
     descriptionColor: string;
     buttonColor: string;
     placeholder: React.ReactElement;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export default DepthChartV2;

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

@@ -1,14 +1,9 @@
 export declare const Title: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const Description: import("@emotion/styled").StyledComponent<{
     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;
-    as?: React.ElementType;
-} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
+}, JSX.IntrinsicElements, {}>;
+export declare const OptButton: import("@emotion/styled").StyledComponent<any, {}, {}>;

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

@@ -24,4 +24,4 @@ export type Props = {
     quoteTokenSymbol: string;
     colorMap?: ColorMap;
 };
-export declare function LiquidityChartKonva({ width, height, params, baseTokenSymbol, quoteTokenSymbol, colorMap, }: Props): JSX.Element;
+export declare function LiquidityChartKonva({ width, height, params, baseTokenSymbol, quoteTokenSymbol, colorMap, }: Props): import("react").JSX.Element;

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

@@ -1,8 +1,8 @@
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const TipWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;

package/dist/types/components/chart/liquidity-chart/useGridLine.d.ts

@@ -4,4 +4,4 @@ export declare function useGridLine({ gridAreaHeight, gridAreaWidth, horizontalL
     horizontalLineCount: number;
     verticalLineCount: number;
     color?: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/chart/liquidity-chart/useHorizontalLabel.d.ts

@@ -6,4 +6,4 @@ export declare function useHorizontalLabel({ minXLN10, maxXLN10, labelCount, gri
     gridAreaHeight: number;
     gridAreaWidth: number;
     color?: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/components/chart/liquidity-chart/useLiquidityLine.d.ts

@@ -12,6 +12,6 @@ export declare function useLiquidityLine({ leftStatAreaPoints, rightStatAreaPoin
     gridAreaHeight: number;
     colorMap: ColorMap;
 }): {
-    leftLine: JSX.Element;
-    rightLine: JSX.Element;
+    leftLine: import("react").JSX.Element;
+    rightLine: import("react").JSX.Element;
 };

package/dist/types/components/chart/liquidity-chart/useMiddleLine.d.ts

@@ -2,4 +2,4 @@ export declare function useMiddleLine({ gridAreaHeight, gridAreaWidth, color, }:
     gridAreaHeight: number;
     gridAreaWidth: number;
     color?: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/index.d.ts

@@ -39,6 +39,6 @@ export { FailedList } from './components/List/FailedList';
 export { EmptyList } from './components/List/EmptyList';
 export { getEtherscanPage } from './utils/address';
 export { formatReadableNumber, formatTokenAmountNumber, formatShortNumber, formatPercentageNumber, } from './utils/formatter';
-export declare function SwapWidget(props: SwapWidgetProps): JSX.Element;
-export declare function PoolWidget(props: SwapWidgetProps): JSX.Element;
+export declare function SwapWidget(props: SwapWidgetProps): import("react").JSX.Element;
+export declare function PoolWidget(props: SwapWidgetProps): import("react").JSX.Element;
 export declare function InitSwapWidget(props: SwapWidgetProps): void;

package/dist/types/providers/i18n.d.ts

@@ -5,5 +5,5 @@ interface LangProviderProps {
     children: ReactNode;
 }
 export declare function loadI18(locale?: SupportedLang): Promise<void>;
-export declare function LangProvider({ locale, children }: LangProviderProps): JSX.Element;
+export declare function LangProvider({ locale, children }: LangProviderProps): import("react").JSX.Element;
 export {};

package/dist/types/widgets/MiningWidget/LpTokenMiningOperate/index.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 export default function LpTokenMiningOperate({ chainId, account, poolAddress, goLpLink, }: {
     chainId: number;
     account: string | undefined;
     poolAddress: string;
     goLpLink?: () => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/PoolCard.d.ts

@@ -15,4 +15,4 @@ export default function PoolCard({ id: address, activePlatform, baseToken, quote
     onClick: () => void;
     children?: React.ReactNode;
     loading?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/PoolPicker.d.ts

@@ -18,5 +18,5 @@ interface Props {
     platform?: DexKey;
     handleGotoCreatePool?: () => void;
 }
-export default function PoolPicker({ on, onClose, onConfirm, platform, handleGotoCreatePool, }: Props): JSX.Element;
+export default function PoolPicker({ on, onClose, onConfirm, platform, handleGotoCreatePool, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/widgets/MiningWidget/MiningCreate/components/RewardDetailList.d.ts

@@ -4,4 +4,4 @@ export declare function RewardDetailList({ rewards, status, dispatch, }: {
     rewards: StateProps['rewards'];
     status: SectionStatusT;
     dispatch: React.Dispatch<Actions>;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/RewardTokenSelect.d.ts

@@ -6,4 +6,4 @@ export declare function RewardTokenSelect({ token, onClick, rewardStatus, submit
     onClick: () => void;
     rewardStatus: RewardStatus | undefined;
     submitApprove: ReturnType<typeof useGetTokenStatus>['submitApprove'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/SectionTitle.d.ts

@@ -3,4 +3,4 @@ export declare function SectionTitle({ index, title, status, }: {
     index: number;
     title: string;
     status: SectionStatusT;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/StakingRules.d.ts

@@ -5,4 +5,4 @@ export declare function StakingRules({ status, tokenType, saveAToken, pool, }: {
     tokenType: StateProps['tokenType'];
     saveAToken: StateProps['saveAToken'];
     pool: StateProps['pool'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/components/StepTitle.d.ts

@@ -1,4 +1,4 @@
 import { StateProps } from '../hooks/reducers';
 export declare function StepTitle({ currentStep, }: {
     currentStep: StateProps['currentStep'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/hooks/useCreateMining.d.ts

@@ -5,7 +5,7 @@ export declare const useCreateMining: ({ submittedBack, handleGotoMiningList, }?
     handleGotoMiningList?: () => void;
 }) => {
     state: import("./reducers").StateProps;
-    dispatch: import("react").Dispatch<import("./reducers").Actions>;
+    dispatch: import("react").ActionDispatch<[action: import("./reducers").Actions]>;
     createMutation: import("@tanstack/react-query").UseMutationResult<void, Error, LpTokenPlatformID | undefined, unknown>;
     blockNumber: BigNumber;
     blockTime: number;

package/dist/types/widgets/MiningWidget/MiningCreate/hooks/useDexList.d.ts

@@ -1,5 +1,6 @@
 import { DexConfigI } from '../../types';
 import { ChainId } from '@dodoex/api';
+import React from 'react';
 export type DexKey = 'dodo' | 'pancakeV2';
 export declare function useDexList(): {
     dexListObj: Record<DexKey, DexConfigI>;
@@ -11,6 +12,6 @@ export declare function useDexList(): {
     }[];
     getChainDexList: (chainId: ChainId, filterCreateMiningEnable?: boolean) => {
         key: DexKey;
-        value: JSX.Element;
+        value: React.JSX.Element;
     }[];
 };

package/dist/types/widgets/MiningWidget/MiningCreate/index.d.ts

@@ -2,4 +2,4 @@ export declare function MiningCreate({ handleGotoMiningList, handleGotoCreatePoo
     handleGotoMiningList?: () => void;
     handleGotoCreatePool?: () => void;
     handleGoBack: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/operate-widgets/BottomButtonGroup.d.ts

@@ -10,4 +10,4 @@ export declare function BottomButtonGroup({ state, dispatch, rewardsStatus, subm
     createLoading: boolean;
     handleCreate: () => void;
     handleGoBack: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/operate-widgets/CreateMiningTypeSelect.d.ts

@@ -3,4 +3,4 @@ import { Actions, StateProps } from '../hooks/reducers';
 export default function CreateMiningTypeSelect({ tokenType, dispatch, }: {
     tokenType: StateProps['tokenType'];
     dispatch: Dispatch<Actions>;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/operate-widgets/RewardForm.d.ts

@@ -11,4 +11,4 @@ export default function RewardForm({ state, dispatch, dataTestIdPrefix, rewardsS
     blockTime: number;
     submitApprove: ReturnType<typeof useGetTokenStatus>['submitApprove'];
     getMaxBalance: ReturnType<typeof useGetTokenStatus>['getMaxBalance'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/operate-widgets/SingleTokenSelect.d.ts

@@ -2,4 +2,4 @@ import { Actions, StateProps } from '../hooks/reducers';
 export declare function SingleTokenSelect({ state, dispatch, }: {
     state: StateProps;
     dispatch: React.Dispatch<Actions>;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningCreate/operate-widgets/TokenPairSelect.d.ts

@@ -8,4 +8,4 @@ export declare function TokenPairSelect({ state, dispatch, platform, setPlatform
     setPlatform: React.Dispatch<React.SetStateAction<DexKey>>;
     activePlatform: DexConfigI | null;
     handleGotoCreatePool?: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningDetail/MiningInfo.d.ts

@@ -11,4 +11,4 @@ export declare function MiningInfo({ status, stakedTokenList, onClose, onClick,
     totalAprList: (BigNumber | undefined)[];
     miningItem: TabMiningI;
     rewardTokenWithAprListArray: MiningRewardTokenWithAprI[][];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningDetail/RewardCard.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { MiningRewardTokenWithAprI, RewardUpdateHistoryItemI, TabMiningI } from '../types';
 export interface RewardCardProps {
     index: number;
@@ -7,4 +8,4 @@ export interface RewardCardProps {
     version: TabMiningI['version'];
     rewardUpdateHistoryList: RewardUpdateHistoryItemI[];
 }
-export declare const RewardCard: ({ index, rewardToken, miningContractAddress, chainId, version, rewardUpdateHistoryList, }: RewardCardProps) => JSX.Element;
+export declare const RewardCard: ({ index, rewardToken, miningContractAddress, chainId, version, rewardUpdateHistoryList, }: RewardCardProps) => React.JSX.Element;

package/dist/types/widgets/MiningWidget/MiningDetail/index.d.ts

@@ -20,4 +20,4 @@ export declare function MiningDetail({ query, handleGotoMiningList, handleGotoPo
         pool: string;
         chainId: number;
     }) => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningDetail/widgets.d.ts

@@ -2,22 +2,22 @@ import { BoxProps } from '@dodoex/components';
 export declare const CardWrapper: ({ sx, children, }: {
     sx?: BoxProps["sx"];
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => import("react").JSX.Element;
 export declare function InnerCardWrapper({ children, sx, innerSx, }: {
     children: React.ReactNode;
     sx?: BoxProps['sx'];
     innerSx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare const OperateButton: ({ disabled, sx, children, onClick, }: {
     disabled?: boolean;
     sx?: BoxProps["sx"];
     children?: React.ReactNode;
     onClick?: () => void;
-}) => JSX.Element;
+}) => import("react").JSX.Element;
 export declare function Item({ title, children, wrapperSx, sx, }: {
     title: string;
     children: React.ReactNode;
     component?: BoxProps['component'];
     wrapperSx?: BoxProps['sx'];
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/APRSection.d.ts

@@ -1,8 +1,8 @@
 import BigNumber from 'bignumber.js';
 export declare function APRWrapper({ children }: {
     children: React.ReactNode;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function APRSection({ apr, size, }: {
     apr?: BigNumber;
     size: 'small' | 'medium' | 'large';
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/CloseButton.d.ts

@@ -1,3 +1,3 @@
 export declare function CloseButton({ onClick }: {
     onClick?: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/GoBack.d.ts

@@ -2,4 +2,4 @@ import { BoxProps } from '@dodoex/components';
 export default function GoBack({ sx, onClick, }: {
     sx?: BoxProps['sx'];
     onClick?: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/ManageButtonList.d.ts

@@ -4,4 +4,4 @@ export declare function ManageButtonList({ chainId, operating, stakeTokenAddress
     stakeTokenAddress: string | undefined;
     miningContractAddress: string | undefined;
     onClick: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/MiningCardLayout.d.ts

@@ -5,4 +5,4 @@ export declare function MiningCardLayout({ headerLeft, headerRight, children, ce
     center?: React.ReactNode;
     footer: React.ReactNode;
     onClick?: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/MiningListEmpty.d.ts

@@ -1,4 +1,4 @@
 export declare function MiningListEmpty({ notFoundText, hasSearch, }: {
     notFoundText: string;
     hasSearch?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/MiningListLoading.d.ts

@@ -1 +1 @@
-export declare function MiningListLoading(): JSX.Element;
+export declare function MiningListLoading(): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/MiningStatusTabSelect.d.ts

@@ -2,4 +2,4 @@ import { MiningTabType } from '../../types';
 export declare function MiningStatusTabSelect({ value, onChange, }: {
     value: MiningTabType;
     onChange: (value: MiningTabType) => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/MiningTags.d.ts

@@ -3,4 +3,4 @@ import { BoxProps } from '@dodoex/components';
 export declare function MiningTags({ type, sx, }: {
     type: MiningStatusE;
     sx?: BoxProps['sx'];
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/types/widgets/MiningWidget/MiningList/components/MiningTitle.d.ts

@@ -27,4 +27,4 @@ export declare function MiningTitle({ chainId, size, tokenPairs, title, titleTyp
     showChainLogo?: boolean;
     stakeTokenAddress: string | undefined;
     miningContractAddress: string | undefined;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/MyStakedSection.d.ts

@@ -7,4 +7,4 @@ export declare function MyStakedSection({ chainId, miningMinings, contractData,
     isDataLoading: boolean;
     contractData: CompositeMiningContractDataI | undefined;
     lpTokenAccountStakedBalanceLoading: boolean;
-} & Pick<TabMiningI, 'chainId' | 'miningMinings'>): JSX.Element | null;
+} & Pick<TabMiningI, 'chainId' | 'miningMinings'>): import("react").JSX.Element | null;

package/dist/types/widgets/MiningWidget/MiningList/components/OperateButtonList.d.ts

@@ -5,4 +5,4 @@ export declare function OperateButtonList({ operateType, onClick, status, migrat
     onClick: (type: OperateType) => void;
     status: MiningStatusE;
     migrationItem: LiquidityMigrationInfo | undefined;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/RewardsSection.d.ts

@@ -11,4 +11,4 @@ export declare function RewardsSection({ chainId, totalRewardUSD, rewardTokenLis
         symbol: string | undefined;
         logoImg: string | undefined;
     }[];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/SearchComponents.d.ts

@@ -12,4 +12,4 @@ export interface SearchComponentsProps {
     debouncedUpdateSearchText: DebouncedFunc<(v: string) => void>;
     setOperateId: Dispatch<SetStateAction<string | null>>;
 }
-export declare const SearchComponents: ({ activeTopTab, activeTab, activeChainId, searchText, debouncedUpdateSearchText, setActiveTab, setActiveChainId, setSearchText, setOperateId, }: SearchComponentsProps) => JSX.Element;
+export declare const SearchComponents: ({ activeTopTab, activeTab, activeChainId, searchText, debouncedUpdateSearchText, setActiveTab, setActiveChainId, setSearchText, setOperateId, }: SearchComponentsProps) => import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/ShareModeSelect.d.ts

@@ -3,4 +3,4 @@ export interface ShareModeSelectProps {
     shareUrl: string | undefined;
     sx?: BoxProps['sx'];
 }
-export declare const ShareModeSelect: ({ shareUrl, sx }: ShareModeSelectProps) => JSX.Element;
+export declare const ShareModeSelect: ({ shareUrl, sx }: ShareModeSelectProps) => import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/TVLSection.d.ts

@@ -2,4 +2,4 @@ import { TabMiningI } from '../../types';
 export interface TVLSectionProps {
     miningTotalDollar?: TabMiningI['miningTotalDollar'];
 }
-export declare const TVLSection: ({ miningTotalDollar }: TVLSectionProps) => JSX.Element;
+export declare const TVLSection: ({ miningTotalDollar }: TVLSectionProps) => import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/TokenAmountPopover.d.ts

@@ -9,4 +9,4 @@ export declare function TokenAmountPopover({ trigger, tokenList, minWidth, sx, }
     }[];
     minWidth?: string;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/UnknownUSDPopover.d.ts

@@ -3,5 +3,5 @@ type Props = {
     disableMobileClick?: boolean;
     iconWidth?: number;
 };
-export declare function UnknownUSDPopover({ disableMobileClick, tokenSymbolList, iconWidth, }: Props): JSX.Element;
+export declare function UnknownUSDPopover({ disableMobileClick, tokenSymbolList, iconWidth, }: Props): import("react").JSX.Element;
 export {};

package/dist/types/widgets/MiningWidget/MiningList/components/UsersIcon.d.ts

@@ -1 +1 @@
-export declare function UsersIcon(): JSX.Element;
+export declare function UsersIcon(): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/components/widgets.d.ts

@@ -4,23 +4,23 @@ export declare function TextAndDesc({ text, children, sx, }: {
     text: React.ReactNode;
     children: React.ReactNode;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): React.JSX.Element;
 export declare const OperateButton: ({ operating, onClick, sx, disabled, children, }: {
     operating?: boolean;
     onClick: () => void;
     sx?: BoxProps["sx"];
     disabled?: boolean;
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const DailyRewardsLabel: ({ titleTitle, }: {
     titleTitle?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const HowItWorksWrapper: ({ id, sx, children, }: {
     id?: string;
     sx?: BoxProps["sx"];
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const OperateButtonWrapper: ({ sx, children, }: {
     sx?: BoxProps["sx"];
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/dom.d.ts

@@ -1,2 +1,2 @@
 export declare const SlideDurationTime = 300;
-export declare function createPortalOrDialog(children: React.ReactNode, container: Element | DocumentFragment | null, isMobile: boolean, visible: boolean, openOther: boolean): JSX.Element | null;
+export declare function createPortalOrDialog(children: React.ReactNode, container: Element | DocumentFragment | null, isMobile: boolean, visible: boolean, openOther: boolean): import("react").JSX.Element | null;

package/dist/types/widgets/MiningWidget/MiningList/hooks/useRewardTokenTrigger.d.ts

@@ -2,4 +2,4 @@ export declare function useRewardTokenTrigger({ rewardTokenList, }: {
     rewardTokenList: {
         symbol?: string;
     }[];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare function MiningList({ query, handleGotoCreate, handleGotoDetail, handleGotoPoolDetail, }: {
     query?: {
         mining?: string;
@@ -13,4 +14,4 @@ export declare function MiningList({ query, handleGotoCreate, handleGotoDetail,
         pool: string;
         chainId: number;
     }) => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/my-created/MyCreatedMining.d.ts

@@ -3,4 +3,4 @@ import { MyCreatedMiningI } from '../../types';
 export declare function MyCreatedMining({ miningItem, refetch, }: {
     miningItem: MyCreatedMiningI;
     refetch: ReturnType<typeof useMyCreatedMiningList>['refetch'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/my-created/OperateArea.d.ts

@@ -7,4 +7,4 @@ export declare function OperateArea({ miningItem, tokenPairs, onClose, setShareM
     onClose: () => void;
     setShareModalVisible: Dispatch<SetStateAction<boolean>>;
     refetch: ReturnType<typeof useMyCreatedMiningList>['refetch'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/my-created/RewardCard.d.ts

@@ -7,4 +7,4 @@ export declare function RewardCard({ chainId, index, rewardToken, miningContract
     miningContractAddress: string;
     isNewERCMineV3: MyCreatedMiningI['isNewERCMineV3'];
     refetch: ReturnType<typeof useMyCreatedMiningList>['refetch'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/my-created/index.d.ts

@@ -5,4 +5,4 @@ export declare function MyCreated({ miningList, loading, refetch, error, hasSear
     refetch: ReturnType<typeof useMyCreatedMiningList>['refetch'];
     error: ReturnType<typeof useMyCreatedMiningList>['error'];
     hasSearch?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/AssociatedMine.d.ts

@@ -6,4 +6,4 @@ export declare function AssociatedMine({ chainId, miningContractAddress, totalRe
     miningTitle: string | undefined;
     lpTokenStatus: MiningStatusE;
     associatedMineSectionShort?: boolean;
-} & Pick<OperateDataProps, 'totalRewardUSD' | 'stakedTokenUSD' | 'rewardTokenList' | 'stakedTokenWithAmountList'>): JSX.Element;
+} & Pick<OperateDataProps, 'totalRewardUSD' | 'stakedTokenUSD' | 'rewardTokenList' | 'stakedTokenWithAmountList'>): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/ClaimButton.d.ts

@@ -6,4 +6,4 @@ export declare function ClaimButton({ hasUnclaimedReward, depositOrWithdrawOrCla
     id: TabMiningI['id'];
     chainId: number;
     currentChainId: number | undefined;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/ClaimTips.d.ts

@@ -1 +1 @@
-export declare function ClaimTips(): JSX.Element;
+export declare function ClaimTips(): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/GetLpLink.d.ts

@@ -1,4 +1,4 @@
 export declare function GetLpLink({ tokenSymbol, goLpLink, }: {
     tokenSymbol: string | undefined;
     goLpLink: () => Promise<void>;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/InputArea.d.ts

@@ -11,4 +11,4 @@ export declare function InputArea({ operateType, type, lpToken, lpTokenBalance,
     needApprove: boolean;
     readOnly: boolean;
     lpTokenBalanceLoading: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/MiningWidget/MiningList/operate-area/PercentageSelectButtonGroup.d.ts

@@ -4,4 +4,4 @@ export declare function PercentageSelectButtonGroup({ currentValue, onClick, sx,
     currentValue: string | number | BigNumber | null;
     onClick: (v: number) => void;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;