@dodoex/widgets 3.0.2-bartio.4 → 3.0.2-bartio.6

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var e=require("./index-SMWYxt72.cjs");require("@lingui/react"),require("@lingui/core"),require("bignumber.js"),require("lodash"),require("@dodoex/components"),require("@ethersproject/bignumber"),require("@dodoex/api"),require("@dodoex/dodo-contract-request"),require("@dodoex/contract-request"),require("react"),require("react-redux"),require("identicon.js"),require("@web3-react/core"),require("@web3-react/eip1193"),require("@web3-react/walletconnect-v2"),require("@web3-react/metamask"),require("@web3-react/types"),require("@reduxjs/toolkit"),require("redux"),require("@tanstack/react-query"),require("react-dom"),require("react-window"),require("dayjs"),require("react-transition-group"),require("zustand"),require("axios"),require("recharts"),require("jsbi"),require("tiny-invariant"),require("@uniswap/sdk-core"),require("@uniswap/v2-sdk"),require("react-infinite-scroller"),require("d3"),require("rmc-date-picker"),exports.AMMV2Create=e.AMMV2Create,exports.AMMV3PositionManage=e.AMMV3PositionManage,exports.AMMV3PositionsView=e.AMMV3PositionsView,exports.AddLiquidityV3=e.AddLiquidityV3,exports.AlgebraAddLiquidity=e.AddLiquidity,exports.AlgebraPositionManage=e.AlgebraPositionManage,exports.EmptyList=e.EmptyList,exports.FailedList=e.FailedList,exports.InitSwapWidget=e.InitSwapWidget,exports.Message=e.Message,Object.defineProperty(exports,"MetadataFlag",{enumerable:!0,get:function(){return e.MetadataFlag}}),exports.MiningCreate=e.MiningCreate,exports.MiningDetail=e.MiningDetail,exports.MiningList=e.MiningList,Object.defineProperty(exports,"PageType",{enumerable:!0,get:function(){return e.PageType}}),exports.Pool=e.Pool,exports.PoolCreate=e.PoolCreate,exports.PoolDetail=e.PoolDetail,exports.PoolList=e.PoolList,exports.PoolModify=e.PoolModify,exports.PoolOperate=e.PoolOperate,exports.PoolOperateDialog=e.PoolOperateDialog,exports.PoolWidget=e.PoolWidget,exports.Swap=e.Swap,exports.SwapOrderHistory=e.SwapOrderHistory,exports.SwapWidget=e.SwapWidget,exports.TokenCard=e.TokenCard,exports.TokenLogo=e.TokenLogo,exports.UnstyleWidget=e.UnstyleWidget,exports.WIDGET_CLASS_NAME=e.WIDGET_CLASS_NAME,exports.WIDGET_MODULE_CLASS_NAME=e.WIDGET_MODULE_CLASS_NAME,exports.Widget=e.Widget,exports.chainListMap=e.chainListMap,exports.formatPercentageNumber=e.formatPercentageNumber,exports.formatReadableNumber=e.formatReadableNumber,exports.formatShortNumber=e.formatShortNumber,exports.formatTokenAmountNumber=e.formatTokenAmountNumber,exports.getEtherscanPage=e.getEtherscanPage,exports.rpcServerMap=e.rpcServerMap,exports.scanUrlDomainMap=e.scanUrlDomainMap,exports.useMessageState=e.useMessageState,exports.usePoolBalanceInfo=e.usePoolBalanceInfo,exports.useRouterStore=e.useRouterStore,exports.useTradeSwapOrderList=e.useTradeSwapOrderList;
+"use strict";var e=require("./index-AlIdbUUk.cjs");require("@lingui/react"),require("@lingui/core"),require("bignumber.js"),require("lodash"),require("@dodoex/components"),require("@ethersproject/bignumber"),require("@dodoex/api"),require("@dodoex/dodo-contract-request"),require("@dodoex/contract-request"),require("react"),require("react-redux"),require("identicon.js"),require("@web3-react/core"),require("@web3-react/eip1193"),require("@web3-react/walletconnect-v2"),require("@web3-react/metamask"),require("@web3-react/types"),require("@reduxjs/toolkit"),require("redux"),require("@tanstack/react-query"),require("react-dom"),require("react-window"),require("dayjs"),require("react-transition-group"),require("zustand"),require("axios"),require("recharts"),require("jsbi"),require("tiny-invariant"),require("@uniswap/sdk-core"),require("@uniswap/v2-sdk"),require("react-infinite-scroller"),require("d3"),require("rmc-date-picker"),exports.AMMV2Create=e.AMMV2Create,exports.AMMV3PositionManage=e.AMMV3PositionManage,exports.AMMV3PositionsView=e.AMMV3PositionsView,exports.AddLiquidityV3=e.AddLiquidityV3,exports.AlgebraAddLiquidity=e.AddLiquidity,exports.AlgebraPositionManage=e.AlgebraPositionManage,exports.EmptyList=e.EmptyList,exports.FailedList=e.FailedList,exports.InitSwapWidget=e.InitSwapWidget,exports.Message=e.Message,Object.defineProperty(exports,"MetadataFlag",{enumerable:!0,get:function(){return e.MetadataFlag}}),exports.MiningCreate=e.MiningCreate,exports.MiningDetail=e.MiningDetail,exports.MiningList=e.MiningList,Object.defineProperty(exports,"PageType",{enumerable:!0,get:function(){return e.PageType}}),exports.Pool=e.Pool,exports.PoolCreate=e.PoolCreate,exports.PoolDetail=e.PoolDetail,exports.PoolList=e.PoolList,exports.PoolModify=e.PoolModify,exports.PoolOperate=e.PoolOperate,exports.PoolOperateDialog=e.PoolOperateDialog,exports.PoolWidget=e.PoolWidget,exports.Swap=e.Swap,exports.SwapOrderHistory=e.SwapOrderHistory,exports.SwapWidget=e.SwapWidget,exports.TokenCard=e.TokenCard,exports.TokenLogo=e.TokenLogo,exports.UnstyleWidget=e.UnstyleWidget,exports.WIDGET_CLASS_NAME=e.WIDGET_CLASS_NAME,exports.WIDGET_MODULE_CLASS_NAME=e.WIDGET_MODULE_CLASS_NAME,exports.Widget=e.Widget,exports.chainListMap=e.chainListMap,exports.formatPercentageNumber=e.formatPercentageNumber,exports.formatReadableNumber=e.formatReadableNumber,exports.formatShortNumber=e.formatShortNumber,exports.formatTokenAmountNumber=e.formatTokenAmountNumber,exports.getEtherscanPage=e.getEtherscanPage,exports.rpcServerMap=e.rpcServerMap,exports.scanUrlDomainMap=e.scanUrlDomainMap,exports.useMessageState=e.useMessageState,exports.usePoolBalanceInfo=e.usePoolBalanceInfo,exports.useRouterStore=e.useRouterStore,exports.useTradeSwapOrderList=e.useTradeSwapOrderList;

package/dist/index.js

@@ -1 +1 @@
-export{A as AMMV2Create,G as AMMV3PositionManage,F as AMMV3PositionsView,E as AddLiquidityV3,C as AlgebraAddLiquidity,D as AlgebraPositionManage,K as EmptyList,J as FailedList,I as InitSwapWidget,g as Message,M as MetadataFlag,B as MiningCreate,z as MiningDetail,y as MiningList,c as PageType,n as Pool,p as PoolCreate,t as PoolDetail,o as PoolList,q as PoolModify,w as PoolOperate,v as PoolOperateDialog,P as PoolWidget,k as Swap,l as SwapOrderHistory,S as SwapWidget,T as TokenCard,H as TokenLogo,U as UnstyleWidget,W as WIDGET_CLASS_NAME,h as WIDGET_MODULE_CLASS_NAME,e as Widget,d as chainListMap,a as formatPercentageNumber,N as formatReadableNumber,f as formatShortNumber,O as formatTokenAmountNumber,L as getEtherscanPage,r as rpcServerMap,s as scanUrlDomainMap,i as useMessageState,x as usePoolBalanceInfo,u as useRouterStore,m as useTradeSwapOrderList}from"./index-BpF0aaPv.js";import"@lingui/react";import"@lingui/core";import"bignumber.js";import"lodash";import"@dodoex/components";import"@ethersproject/bignumber";import"@dodoex/api";import"@dodoex/dodo-contract-request";import"@dodoex/contract-request";import"react";import"react-redux";import"identicon.js";import"@web3-react/core";import"@web3-react/eip1193";import"@web3-react/walletconnect-v2";import"@web3-react/metamask";import"@web3-react/types";import"@reduxjs/toolkit";import"redux";import"@tanstack/react-query";import"react-dom";import"react-window";import"dayjs";import"react-transition-group";import"zustand";import"axios";import"recharts";import"jsbi";import"tiny-invariant";import"@uniswap/sdk-core";import"@uniswap/v2-sdk";import"react-infinite-scroller";import"d3";import"rmc-date-picker";
+export{A as AMMV2Create,G as AMMV3PositionManage,F as AMMV3PositionsView,E as AddLiquidityV3,C as AlgebraAddLiquidity,D as AlgebraPositionManage,K as EmptyList,J as FailedList,I as InitSwapWidget,g as Message,M as MetadataFlag,B as MiningCreate,z as MiningDetail,y as MiningList,c as PageType,n as Pool,p as PoolCreate,t as PoolDetail,o as PoolList,q as PoolModify,w as PoolOperate,v as PoolOperateDialog,P as PoolWidget,k as Swap,l as SwapOrderHistory,S as SwapWidget,T as TokenCard,H as TokenLogo,U as UnstyleWidget,W as WIDGET_CLASS_NAME,h as WIDGET_MODULE_CLASS_NAME,e as Widget,d as chainListMap,a as formatPercentageNumber,N as formatReadableNumber,f as formatShortNumber,O as formatTokenAmountNumber,L as getEtherscanPage,r as rpcServerMap,s as scanUrlDomainMap,i as useMessageState,x as usePoolBalanceInfo,u as useRouterStore,m as useTradeSwapOrderList}from"./index-GgKDEa1v.js";import"@lingui/react";import"@lingui/core";import"bignumber.js";import"lodash";import"@dodoex/components";import"@ethersproject/bignumber";import"@dodoex/api";import"@dodoex/dodo-contract-request";import"@dodoex/contract-request";import"react";import"react-redux";import"identicon.js";import"@web3-react/core";import"@web3-react/eip1193";import"@web3-react/walletconnect-v2";import"@web3-react/metamask";import"@web3-react/types";import"@reduxjs/toolkit";import"redux";import"@tanstack/react-query";import"react-dom";import"react-window";import"dayjs";import"react-transition-group";import"zustand";import"axios";import"recharts";import"jsbi";import"tiny-invariant";import"@uniswap/sdk-core";import"@uniswap/v2-sdk";import"react-infinite-scroller";import"d3";import"rmc-date-picker";

package/dist/types/widgets/PoolWidget/Algebra/AddLiquidity.d.ts

@@ -1,8 +1,14 @@
-export default function AddLiquidity({ params, border, }: {
+import { TokenInfo } from '../../../hooks/Token';
+import { FetchTicks } from './hooks/usePoolActiveLiquidityChartData';
+export default function AddLiquidity({ params, border, fetchTicks, onBaseTokenChange, onQuoteTokenChange, }: {
     params?: {
         from?: string;
         to?: string;
         fee?: string;
     };
     border?: boolean;
+    fetchTicks?: FetchTicks;
+    ticksErrorRefetch?: () => void;
+    onBaseTokenChange?: (token: TokenInfo | undefined) => void;
+    onQuoteTokenChange?: (token: TokenInfo | undefined) => void;
 }): JSX.Element;

package/dist/types/widgets/PoolWidget/Algebra/components/LiquidityChartRangeInput/index.d.ts

@@ -1,17 +1,19 @@
-import { Currency, Price } from '../../sdks/sdk-core';
-import { FeeAmount } from '../../sdks/v3-sdk';
 import { Bound } from '../../types';
-export default function LiquidityChartRangeInput({ currencyA, currencyB, feeAmount, ticksAtLimit, price, priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, interactive, }: {
-    currencyA?: Currency;
-    currencyB?: Currency;
-    feeAmount?: FeeAmount;
+import { TokenInfo } from '../../../../../hooks/Token';
+import { Price } from '../../../../../utils/fractions';
+import { usePoolActiveLiquidityChartData } from '../../hooks/usePoolActiveLiquidityChartData';
+export default function LiquidityChartRangeInput({ currencyA, currencyB, isSorted, ticksAtLimit, price, priceLower, priceUpper, onLeftRangeInput, onRightRangeInput, interactive, chartData, }: {
+    currencyA?: TokenInfo;
+    currencyB?: TokenInfo;
+    isSorted: boolean;
     ticksAtLimit: {
         [bound in Bound]?: boolean | undefined;
     };
     price?: number;
-    priceLower?: Price<Currency, Currency>;
-    priceUpper?: Price<Currency, Currency>;
+    priceLower?: Price;
+    priceUpper?: Price;
     onLeftRangeInput: (typedValue: string) => void;
     onRightRangeInput: (typedValue: string) => void;
     interactive: boolean;
-}): JSX.Element;
+    chartData: ReturnType<typeof usePoolActiveLiquidityChartData>;
+}): JSX.Element | null;

package/dist/types/widgets/PoolWidget/Algebra/hooks/usePoolActiveLiquidityChartData.d.ts

@@ -0,0 +1,37 @@
+import JSBI from 'jsbi';
+import { TokenInfo } from '../../../../hooks/Token';
+import { Price } from '../../../../utils/fractions';
+import { ChartEntry } from '../components/LiquidityChartRangeInput/types';
+export interface TickProcessed {
+    tick: number;
+    liquidityActive: JSBI;
+    liquidityNet: JSBI;
+    price0: string;
+    sdkPrice: Price;
+}
+export interface FetchTicks {
+    ticks: Array<{
+        id: string;
+        liquidityNet: string;
+        poolAddress?: string;
+        price0: string;
+        price1: string;
+        tickIdx: string;
+    }> | undefined | null;
+    isLoading: boolean;
+    isError: boolean;
+    refetch: () => void;
+}
+export declare function usePoolActiveLiquidityChartData({ tickCurrent, liquidity, fetchTicks, token0, token1, }: {
+    tickCurrent: number | undefined;
+    liquidity: number | undefined;
+    fetchTicks?: FetchTicks;
+    token0: TokenInfo | undefined;
+    token1: TokenInfo | undefined;
+}): {
+    hidden: boolean;
+    isLoading: boolean;
+    error: boolean;
+    data: TickProcessed[] | undefined;
+    formattedData: ChartEntry[] | undefined;
+};

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

@@ -1,4 +1,4 @@
 import { Ticks } from '@dodoex/api';
 import { TickProcessed } from '../hooks/usePoolTickData';
-import { Token } from '../sdks/sdk-core';
-export default function computeSurroundingTicks(token0: Token, token1: Token, activeTickProcessed: TickProcessed, sortedTickData: Ticks, pivot: number, ascending: boolean): TickProcessed[];
+import { TokenInfo } from '../../../../hooks/Token';
+export default function computeSurroundingTicks(token0: TokenInfo, token1: TokenInfo, activeTickProcessed: TickProcessed, sortedTickData: Ticks, pivot: number, ascending: boolean): TickProcessed[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.0.2-bartio.4",
+  "version": "3.0.2-bartio.6",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/types/index.d.ts",

package/dist/types/widgets/PoolWidget/Algebra/components/LiquidityChartRangeInput/hooks.d.ts

@@ -1,12 +0,0 @@
-import { Currency } from '../../sdks/sdk-core';
-import { FeeAmount } from '../../sdks/v3-sdk';
-import { ChartEntry } from './types';
-export declare function useDensityChartData({ currencyA, currencyB, feeAmount, }: {
-    currencyA?: Currency;
-    currencyB?: Currency;
-    feeAmount?: FeeAmount;
-}): {
-    isLoading: boolean;
-    error: any;
-    formattedData: ChartEntry[] | undefined;
-};

package/dist/types/widgets/PoolWidget/Algebra/hooks/usePoolTickData.d.ts

@@ -1,20 +0,0 @@
-import { ChainId } from '@dodoex/api';
-import JSBI from 'jsbi';
-import { Currency, Price, Token } from '../sdks/sdk-core';
-import { FeeAmount } from '../sdks/v3-sdk';
-export interface TickProcessed {
-    tick: number;
-    liquidityActive: JSBI;
-    liquidityNet: JSBI;
-    price0: string;
-    sdkPrice: Price<Token, Token>;
-}
-export declare function usePoolActiveLiquidity(currencyA: Currency | undefined, currencyB: Currency | undefined, feeAmount: FeeAmount | undefined, chainId?: ChainId): {
-    isLoading: boolean;
-    error: any;
-    currentTick?: number;
-    activeTick?: number;
-    liquidity?: JSBI;
-    sqrtPriceX96?: JSBI;
-    data?: TickProcessed[];
-};