@0xsquid/ui 0.14.0 → 0.15.1

package/dist/cjs/types/components/controls/NumericInput.d.ts

@@ -1,11 +1,31 @@
-import type { InputHTMLAttributes } from 'react';
-interface Props extends InputHTMLAttributes<HTMLInputElement> {
-    onParsedValueChanged: (value: string) => void;
-    initialValue?: string;
-    forcedUpdateValue?: string;
-    maxDecimals?: number;
+import { SwapDirection } from '../../types/components';
+interface Token {
+    price: number;
+    symbol: string;
+    decimals: number;
+}
+interface NumericInputProps {
+    token: Token;
+    onAmountChange: (tokenAmount: string) => void;
+    forcedAmount?: string;
+    maxDecimals?: {
+        token: number;
+        usd: number;
+    };
+    formatIfVerySmall?: {
+        token: string;
+        usd: string;
+    };
+    showDetails?: boolean;
+    isLoading?: boolean;
+    error?: {
+        message: string;
+    };
     balance?: string;
-    tokenPrice?: number;
+    priceImpactPercentage?: string;
+    criticalPriceImpactPercentage?: number;
+    direction?: SwapDirection;
+    amountUsd?: string;
 }
-export declare const NumericInput: ({ onParsedValueChanged, initialValue, forcedUpdateValue, maxDecimals, balance, tokenPrice, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxDecimals, formatIfVerySmall, showDetails, isLoading, direction, amountUsd, }: NumericInputProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/layout/SwapConfiguration.d.ts

@@ -4,7 +4,7 @@ interface SwapConfigurationProps {
     priceImpactPercentage?: string;
     amount?: string;
     forcedAmount?: string;
-    swapAmountUsd?: string;
+    amountUsd?: string;
     tokenPrice?: number;
     balance?: string;
     isFetching?: boolean;
@@ -23,13 +23,11 @@ interface SwapConfigurationProps {
     onAmountChange?: (amount: string) => void;
     onWalletButtonClick?: () => void;
     onAssetsButtonClick?: () => void;
-    onBalanceButtonClick?: () => void;
     error?: {
         message: string;
     };
     criticalPriceImpactPercentage?: number;
     emptyAddressLabel?: string;
-    onSwapAmountButtonClick?: () => void;
 }
-export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, tokenPrice, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, onSwapAmountButtonClick, address, error, criticalPriceImpactPercentage, emptyAddressLabel, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwapConfiguration({ amount, tokenPrice, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, address, emptyAddressLabel, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, amountUsd, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/core/numbers.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Convert token amount to USD
+ * @param {string|number} tokenAmount - The amount of tokens
+ * @param {string|number} tokenPrice - The price of one token in USD
+ * @returns {BigNumber} - The equivalent amount in USD
+ */
+export declare function convertTokenAmountToUSD(tokenAmount: string | number, tokenPrice: string | number, maxDecimals?: number): string;
+/**
+ * Convert USD to token amount
+ * @param {string|number} usdAmount - The amount in USD
+ * @param {string|number} tokenPrice - The price of one token in USD
+ * @param {number} maxDecimals - The maximum number of decimals
+ * @returns {BigNumber} - The equivalent amount of tokens
+ */
+export declare function convertUSDToTokenAmount(usdAmount: string | number, tokenPrice: string | number, maxDecimals: number): string;
+/**
+ * Formats a number to the en-US number format
+ *
+ * @param amount - The number to format
+ * @returns The formatted string
+ */
+export declare function formatAmount(amount: number | bigint | string): string;
+export declare function trimExtraDecimals(value: string, maxDecimals?: number): string;

package/dist/cjs/types/types/components.d.ts

@@ -26,3 +26,4 @@ export declare enum SwapState {
 export type DetailsToolbarState = 'full' | 'loading' | 'empty' | 'error';
 export type ThemeType = 'light' | 'dark';
 export type SwapStepItemStatus = 'pending' | 'waiting' | 'ongoing' | 'executed' | 'success' | 'error' | 'warning';
+export type InputMode = 'token' | 'price';