@dodoex/widgets 3.0.0-taiko.4 → 3.0.0-taiko.40

package/dist/types/widgets/PoolWidget/hooks/contract/getModifyDPPPoolParams.d.ts

@@ -0,0 +1,86 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../../hooks/Token';
+interface ModifyPool {
+    address: string;
+    baseReserve: string | BigNumber;
+    quoteReserve: string | BigNumber;
+    feeRate: string;
+    i: number;
+    k: number;
+}
+export declare function useDiffer({ srcPool, newPool, }: {
+    srcPool?: ModifyPool;
+    newPool: {
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        baseAmount: string;
+        quoteAmount: string;
+        feeRate: string;
+        initPrice: string;
+        slippageCoefficient: string;
+    };
+}): {
+    baseAmount: {
+        now: BigNumber;
+        target: BigNumber;
+        isChange: boolean;
+        change: BigNumber;
+        changeText: string;
+        isAdd: boolean;
+        isRemove: boolean;
+    };
+    quoteAmount: {
+        now: BigNumber;
+        target: BigNumber;
+        isChange: boolean;
+        change: BigNumber;
+        changeText: string;
+        isAdd: boolean;
+        isRemove: boolean;
+    };
+    feeRate: {
+        now: BigNumber;
+        target: BigNumber;
+        isChange: boolean;
+        change: BigNumber;
+        changeText: string;
+        isAdd: boolean;
+        isRemove: boolean;
+    };
+    initPrice: {
+        now: BigNumber;
+        target: BigNumber;
+        isChange: boolean;
+        change: BigNumber;
+        changeText: string;
+        isAdd: boolean;
+        isRemove: boolean;
+    };
+    slippageCoefficient: {
+        now: BigNumber;
+        target: BigNumber;
+        isChange: boolean;
+        change: BigNumber;
+        changeText: string;
+        isAdd: boolean;
+        isRemove: boolean;
+    };
+} | null;
+export declare const getModifyDPPPoolParams: ({ chainId, account, srcPool, baseToken, quoteToken, baseAmount, quoteAmount, feeRate, initPrice, slippageCoefficient, SLIPPAGE_PROTECTION, }: {
+    chainId?: number;
+    account?: string;
+    srcPool?: ModifyPool;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    baseAmount: string;
+    quoteAmount: string;
+    feeRate: string;
+    initPrice: string;
+    slippageCoefficient: string;
+    SLIPPAGE_PROTECTION: number;
+}) => Promise<{
+    data: string;
+    to: string;
+    value?: number | string;
+} | null>;
+export {};

package/dist/types/widgets/PoolWidget/hooks/contract/useModifyDppPool.d.ts

@@ -0,0 +1,22 @@
+import { PoolType } from '@dodoex/api';
+import { TokenInfo } from '../../../../hooks/Token';
+export declare function useModifyDppPool({ pool, }: {
+    pool?: {
+        chainId: number;
+        address: string;
+        type: PoolType;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+    };
+}): {
+    modifyDPPMutation: import("@tanstack/react-query").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult, Error, {
+        baseAmount: string;
+        quoteAmount: string;
+        isRemove?: boolean;
+        feeRate?: string;
+        initPrice?: string;
+        slippageCoefficient?: string;
+        txTitle: string;
+        submittedBack?: () => void;
+    }, unknown>;
+};

package/dist/types/widgets/PoolWidget/hooks/contract/useOperateLiquidity.d.ts

@@ -0,0 +1,36 @@
+import { PoolType } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../../hooks/Token';
+import { usePoolBalanceInfo } from '../usePoolBalanceInfo';
+export interface SubmitLiquidityParams {
+    balanceInfo?: ReturnType<typeof usePoolBalanceInfo>;
+    baseAmount: string;
+    quoteAmount: string;
+    slippageProtection: number;
+    SLIPPAGE_PROTECTION: number;
+    txTitle: string;
+    isRemove?: boolean;
+    submittedBack?: () => void;
+    successBack?: () => void;
+    withdrawInfo?: {
+        withdrawFee: string;
+        receiveBaseAmount: string;
+        receiveQuoteAmount: string;
+        receiveAmountBg: BigNumber | undefined;
+    };
+}
+export declare const useOperateLiquidity: (pool?: {
+    chainId: number;
+    address: string;
+    type: PoolType;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    baseLpToken?: {
+        id: string;
+    };
+    quoteLpToken?: {
+        id: string;
+    };
+}) => {
+    operateLiquidityMutation: import("@tanstack/react-query").UseMutationResult<void, Error, SubmitLiquidityParams, unknown>;
+};

package/dist/types/widgets/PoolWidget/hooks/contract/useWithdrawInfo.d.ts

@@ -0,0 +1,33 @@
+import { PoolType } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+export declare const useWithdrawInfo: ({ pool, isBase, baseAmount, quoteAmount, }: {
+    pool?: {
+        chainId: number;
+        address: string;
+        type: PoolType;
+        baseToken: {
+            symbol: string;
+            decimals: number;
+        };
+        quoteToken: {
+            symbol: string;
+            decimals: number;
+        };
+    };
+    isBase?: boolean;
+    baseAmount: string;
+    quoteAmount: string;
+}) => {
+    withdrawFee: string;
+    baseWithdrawFee: string;
+    quoteWithdrawFee: string;
+    receiveBaseAmount: string;
+    receiveQuoteAmount: string;
+    receiveAmountBg: BigNumber | undefined;
+    receiveList: {
+        amount: string;
+        symbol: string;
+    }[];
+    loading: boolean;
+    error: Error | null;
+};

package/dist/types/widgets/PoolWidget/hooks/usePoolBalanceInfo.d.ts

@@ -0,0 +1,48 @@
+import { PoolType } from '@dodoex/api';
+import { BigNumber } from 'bignumber.js';
+import { TokenInfo } from '../../../hooks/Token';
+type Balance = BigNumber | null | undefined;
+export declare function getLpToTokenBalance(userLpBalance: Balance, totalLpBalance: Balance, reserve: Balance, target: Balance, address: string | undefined, type: PoolType | undefined, decimals: number | undefined): undefined[] | BigNumber[];
+export declare function usePoolBalanceInfo({ account, pool, }: {
+    account?: string;
+    pool?: {
+        address: string;
+        chainId: number;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        type: PoolType;
+    };
+}): {
+    /** existing base lp balance */
+    totalBaseLpBalance: BigNumber | null | undefined;
+    /** existing quote lp balance */
+    totalQuoteLpBalance: BigNumber | null | undefined;
+    /** the total deposited base lp balance */
+    baseReserve: BigNumber | undefined;
+    /** the total deposited quote lp balance */
+    quoteReserve: BigNumber | undefined;
+    /** classical base equilibrium target */
+    classicalBaseTarget: BigNumber | undefined;
+    /** classical quote equilibrium target */
+    classicalQuoteTarget: BigNumber | undefined;
+    /** the user's existing base lp balance */
+    userBaseLpBalance: Balance;
+    /** the user's existing quote lp balance */
+    userQuoteLpBalance: Balance;
+    /** The number of base that can be obtained when a user withdraws from the pool */
+    userBaseLpToTokenBalance: BigNumber | undefined;
+    /** The number of quote that can be obtained when a user withdraws from the pool */
+    userQuoteLpToTokenBalance: BigNumber | null | undefined;
+    baseLpToTokenProportion: BigNumber | undefined;
+    quoteLpToTokenProportion: BigNumber | undefined;
+    isSinglePool: boolean;
+    userLpBalanceLoading: boolean;
+    userLpToTokenBalanceLoading: boolean;
+    userLpBalanceError: boolean;
+    userLpToTokenBalanceError: boolean;
+    userLpToTokenBalanceRefetch: () => void;
+    error: boolean;
+    loading: boolean;
+    refetch: () => void;
+};
+export {};

package/dist/types/widgets/PoolWidget/hooks/usePoolDetail.d.ts

@@ -0,0 +1,341 @@
+import { ChainId, PoolType } from '@dodoex/api';
+import { TokenInfo } from '../../../hooks/Token';
+export declare function usePoolDetail({ id, chainId, }: {
+    id: string | undefined;
+    chainId: ChainId | undefined;
+}): {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any | null;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any | null;
+        k?: any | null;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null;
+    } | null;
+    data: import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any | null;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any | null;
+        k?: any | null;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null;
+    } | null;
+    data: import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any | null;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any | null;
+        k?: any | null;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null;
+    } | null;
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any | null;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any | null;
+        k?: any | null;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null;
+    } | null;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any | null;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any | null;
+        k?: any | null;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null;
+    } | null;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+};

package/dist/types/widgets/PoolWidget/index.d.ts

@@ -0,0 +1 @@
+export declare function Pool(): JSX.Element;

package/dist/types/widgets/PoolWidget/utils.d.ts

@@ -0,0 +1,18 @@
+import { PoolApi, ExcludeNone } from '@dodoex/api';
+import { ChainId } from '@dodoex/api';
+import { TokenInfo } from '../../hooks/Token';
+import { OperatePool } from './PoolOperate/types';
+export declare const poolApi: PoolApi;
+export type FetchLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
+export type FetchMyLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchMyLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
+export type FetchMyCreateListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchDashboardPairList['__apiType'], undefined>>['dashboard_pairs_list']>['list'];
+export type FetchPoolList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchPoolList['__apiType'], undefined>>['pairs']>;
+export declare function convertLiquidityTokenToTokenInfo(token: {
+    id: string;
+    symbol: string;
+    name: string;
+    decimals: number;
+    logoImg?: string | null;
+} | undefined, chainId: ChainId | number): TokenInfo | undefined;
+export declare function convertFetchLiquidityToOperateData(lqData: ExcludeNone<FetchLiquidityListLqList>[0]): OperatePool;
+export declare function convertFetchPoolToOperateData(pool: FetchPoolList[0], chainId: number): OperatePool;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.0.0-taiko.4",
+  "version": "3.0.0-taiko.40",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
-  "types": "dist/index.d.ts",
-  "main": "dist/cjs/index.cjs",
+  "types": "dist/types/index.d.ts",
+  "main": "dist/index.cjs",
   "module": "dist/index.js",
   "license": "GPL-3.0-or-later",
   "homepage": "https://github.com/DODOEX/widgets#readme",
@@ -23,6 +23,7 @@
     "release": "semantic-release",
     "release:local": "np --any-branch --no-cleanup --no-tests",
     "release.npm-publish": "npm publish --access public",
+    "release.npm-publish-beta": "npm publish --tag beta",
     "test": "jest src",
     "test:e2e": "jest e2e"
   },
@@ -33,9 +34,9 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/cjs/index.cjs"
+      "require": "./dist/index.cjs"
     }
   },
   "keywords": [
@@ -57,8 +58,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",
-    "@dodoex/api": ">=3.0.0-taiko.1",
-    "@dodoex/components": ">=3.0.0-taiko.1",
+    "@dodoex/api": ">=3.0.0-taiko.14",
+    "@dodoex/components": ">=3.0.0-taiko.6",
     "@dodoex/icons": "^2.0.1",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
@@ -83,11 +84,15 @@
     "konva": "^9.3.6",
     "lodash": "^4.17.21",
     "make-plural": "^7.0.0",
+    "moment": "^2.29.4",
+    "react-datetime": "^3.1.1",
     "react-icons": "^5.0.1",
     "react-infinite-scroller": "^1.2.6",
     "react-konva": "^18.2.10",
+    "react-transition-group": "^4.4.5",
     "react-window": "^1.8.8",
     "recharts": "^2.12.7",
+    "rmc-date-picker": "^6.0.10",
     "semantic-release": "^19.0.2",
     "zustand": "^4.5.5"
   },
@@ -112,6 +117,7 @@
     "@rollup/plugin-multi-entry": "^6.0.1",
     "@rollup/plugin-replace": "^5.0.7",
     "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.1",
     "@rollup/plugin-url": "^8.0.2",
     "@svgr/rollup": "^6.2.1",
     "@testing-library/jest-dom": "^5.16.5",
@@ -121,22 +127,24 @@
     "@types/jest": "^29.0.3",
     "@types/lodash": "^4.14.184",
     "@types/react-infinite-scroller": "^1.2.5",
+    "@types/react-transition-group": "^4.4.11",
     "@types/react-window": "^1.8.5",
     "@uniswap/sdk-core": "^3.0.2",
     "babel-plugin-macros": "^3.1.0",
     "babel-runtime": "^6.26.0",
     "dotenv": "^16.0.2",
     "ethers": "^5.7.1",
-    "hardhat": "^2.11.2",
+    "hardhat": "^2.22.13",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.0.3",
     "jest-environment-hardhat": "^1.1.9",
     "jest-environment-jsdom": "^29.0.3",
     "np": "^7.6.1",
     "rollup": "^4.18.0",
-    "rollup-plugin-typescript2": "^0.36.0",
+    "rollup-plugin-clear": "^2.0.7",
+    "rollup-plugin-import-css": "^3.5.5",
     "svg-jest": "^1.0.1",
     "ts-jest": "^29.0.1",
-    "typescript": "^4.7.3"
+    "typescript": "^5.6.3"
   }
 }