@0xsquid/ui 0.19.4 → 0.20.0

package/dist/index.d.ts

@@ -130,69 +130,6 @@ interface ArrowButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
 }
 declare function ArrowButton({ label, disabled, ...props }: ArrowButtonProps): react_jsx_runtime.JSX.Element;
 
-interface AssetsButtonProps {
-    token?: {
-        iconUrl: string;
-        symbol: string;
-        bgColor: string;
-        textColor: string;
-    };
-    chain?: {
-        iconUrl: string;
-        bgColor: string;
-    };
-    onClick?: () => void;
-    variant?: AssetsButtonVariant;
-    isLoading?: boolean;
-}
-declare function AssetsButton({ chain, token, onClick, variant, isLoading, }: AssetsButtonProps): react_jsx_runtime.JSX.Element;
-
-interface BoostButtonProps {
-    boostMode: BoostMode;
-    canToggleBoostMode?: boolean;
-    boostDisabledMessage?: string;
-    tooltipDisplayDelayMs?: number;
-    boostIndicatorRef: React.RefObject<HTMLDivElement>;
-}
-declare function BoostButton({ boostMode, canToggleBoostMode, boostDisabledMessage, tooltipDisplayDelayMs, boostIndicatorRef, }: BoostButtonProps): react_jsx_runtime.JSX.Element;
-
-interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    label?: string;
-    icon?: React.ReactNode;
-    variant: ButtonVariant;
-    size: ButtonSize;
-    disabled?: boolean;
-    link?: string;
-    isLoading?: boolean;
-}
-declare function Button({ label, disabled, size, variant, icon, link, isLoading, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
-    label?: string;
-    icon?: React.ReactNode;
-}
-declare function Chip({ label, icon, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
-
-interface FeeButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    feeInUsd?: string;
-    chipLabel?: string;
-}
-declare function FeeButton({ feeInUsd, chipLabel, className, ...props }: FeeButtonProps): react_jsx_runtime.JSX.Element;
-
-interface FilterButtonProps {
-    selected: boolean;
-    numApplied?: number;
-    onClick?: () => void;
-}
-declare function FilterButton({ selected, numApplied, onClick, }: FilterButtonProps): react_jsx_runtime.JSX.Element;
-
-interface SettingsButtonProps {
-    label: string;
-    isSelected?: boolean;
-    onClick?: () => void;
-}
-declare function SettingsButton({ label, isSelected, onClick, }: SettingsButtonProps): react_jsx_runtime.JSX.Element;
-
 interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     placeholder?: string;
     showIcon?: boolean;
@@ -209,6 +146,21 @@ type InputActionButtonProps = {
     label?: string;
 };
 
+type TooltipWidth = 'max' | 'container';
+type TooltipThreshold = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+interface TooltipProps {
+    children: react__default.ReactNode;
+    tooltipContent?: react__default.ReactNode;
+    threshold?: TooltipThreshold;
+    tooltipWidth?: TooltipWidth;
+    containerClassName?: string;
+    childrenClassName?: string;
+    tooltipClassName?: string;
+    displayDelayMs?: number;
+    containerRef?: react__default.RefObject<HTMLElement>;
+}
+declare function Tooltip({ children, tooltipContent, tooltipWidth, threshold, containerClassName, childrenClassName, tooltipClassName, displayDelayMs, containerRef: containerRefProp, }: TooltipProps): react_jsx_runtime.JSX.Element;
+
 interface Token$1 {
     price: number;
     symbol: string;
@@ -231,11 +183,18 @@ interface NumericInputProps {
     priceImpactPercentage?: string;
     criticalPriceImpactPercentage?: number;
     direction?: SwapDirection;
-    amountUsd?: string;
+    inputModeButton?: {
+        usdModeTooltip?: Omit<TooltipProps, 'children'>;
+        tokenModeTooltip?: Omit<TooltipProps, 'children'>;
+        amountUsd?: string;
+    };
     maxUsdDecimals?: number;
     isInteractive?: boolean;
+    balanceButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+    };
 }
-declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, amountUsd, isInteractive, }: NumericInputProps): react_jsx_runtime.JSX.Element;
+declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, }: NumericInputProps): react_jsx_runtime.JSX.Element;
 
 interface SettingsSliderProps {
     value: number | undefined;
@@ -256,20 +215,68 @@ interface SwitchProps {
 }
 declare function Switch({ checked, onChange, size, disabled, }: SwitchProps): react_jsx_runtime.JSX.Element;
 
-type TooltipWidth = 'max' | 'container';
-type TooltipThreshold = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
-interface TooltipProps {
-    children: react__default.ReactNode;
-    tooltipContent: react__default.ReactNode;
-    threshold?: TooltipThreshold;
-    tooltipWidth?: TooltipWidth;
-    containerClassName?: string;
-    childrenClassName?: string;
-    tooltipClassName?: string;
-    displayDelayMs?: number;
-    containerRef?: react__default.RefObject<HTMLElement>;
+interface AssetsButtonProps {
+    token?: {
+        iconUrl: string;
+        symbol: string;
+        bgColor: string;
+        textColor: string;
+    };
+    chain?: {
+        iconUrl: string;
+        bgColor: string;
+    };
+    onClick?: () => void;
+    variant?: AssetsButtonVariant;
+    isLoading?: boolean;
+    tooltip?: Omit<TooltipProps, 'children'>;
 }
-declare function Tooltip({ children, tooltipContent, tooltipWidth, threshold, containerClassName, childrenClassName, tooltipClassName, displayDelayMs, containerRef: containerRefProp, }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function AssetsButton({ chain, token, onClick, variant, isLoading, tooltip, }: AssetsButtonProps): react_jsx_runtime.JSX.Element;
+
+interface BoostButtonProps {
+    boostMode: BoostMode;
+    canToggleBoostMode?: boolean;
+    boostIndicatorRef: React.RefObject<HTMLDivElement>;
+}
+declare function BoostButton({ boostMode, canToggleBoostMode, boostIndicatorRef, }: BoostButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    label?: string;
+    icon?: React.ReactNode;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled?: boolean;
+    link?: string;
+    isLoading?: boolean;
+}
+declare function Button({ label, disabled, size, variant, icon, link, isLoading, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    icon?: React.ReactNode;
+}
+declare function Chip({ label, icon, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
+
+interface FeeButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    feeInUsd?: string;
+    chipLabel?: string;
+    tooltip?: Omit<TooltipProps, 'children'>;
+}
+declare function FeeButton({ feeInUsd, chipLabel, className, tooltip, ...props }: FeeButtonProps): react_jsx_runtime.JSX.Element;
+
+interface FilterButtonProps {
+    selected: boolean;
+    numApplied?: number;
+    onClick?: () => void;
+}
+declare function FilterButton({ selected, numApplied, onClick, }: FilterButtonProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsButtonProps {
+    label: string;
+    isSelected?: boolean;
+    onClick?: () => void;
+}
+declare function SettingsButton({ label, isSelected, onClick, }: SettingsButtonProps): react_jsx_runtime.JSX.Element;
 
 interface Props {
     lottieJsonFile: object;
@@ -813,11 +820,10 @@ interface BoostProps {
         boostMode: BoostMode;
     }) => void;
     estimatedTime: string;
-    boostDisabledMessage?: string;
     canToggleBoostMode?: boolean;
-    boostTooltipDisplayDelayMs?: number;
+    tooltip?: Omit<TooltipProps, 'children'>;
 }
-declare function Boost({ boostMode, onToggleBoostMode, estimatedTime, boostDisabledMessage, canToggleBoostMode, boostTooltipDisplayDelayMs, }: BoostProps): react_jsx_runtime.JSX.Element;
+declare function Boost({ boostMode, onToggleBoostMode, estimatedTime, canToggleBoostMode, tooltip, }: BoostProps): react_jsx_runtime.JSX.Element;
 
 declare function Breadcrumb({ children, className, }: {
     children: ReactNode;
@@ -842,30 +848,33 @@ declare function Inline({ className, children, ...props }: ComponentProps<'div'>
 
 interface DetailsToolbarProps {
     errorMessage?: string;
-    boostMode?: BoostMode;
-    onToggleBoostMode?: ({ boostMode }: {
-        boostMode: BoostMode;
-    }) => void;
-    onInvertSwapButtonClick?: () => void;
-    onFeeButtonClick?: () => void;
     flipButton?: {
-        disabledMessage: string;
-        isDisabled: boolean;
-        tooltipDisplayDelayMs: number;
+        onClick?: () => void;
+        tooltip?: Omit<TooltipProps, 'children'>;
+        isDisabled?: boolean;
+    };
+    feeButton?: {
+        feeInUsd: string;
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick: () => void;
     };
-    feeInUsd?: string;
     estimatedTime?: string;
-    canToggleBoostMode?: boolean;
-    boostDisabledMessage?: string;
     isLoading?: boolean;
     isEmpty?: boolean;
     helpButton?: {
         label: string;
         onClick: () => void;
     };
-    boostTooltipDisplayDelayMs?: number;
+    boostButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick?: ({ boostMode }: {
+            boostMode: BoostMode;
+        }) => void;
+        canToggleBoostMode?: boolean;
+        boostMode?: BoostMode;
+    };
 }
-declare function DetailsToolbar({ errorMessage, boostMode, onToggleBoostMode, onInvertSwapButtonClick, onFeeButtonClick, feeInUsd, estimatedTime, canToggleBoostMode, boostDisabledMessage, helpButton, isLoading, isEmpty, boostTooltipDisplayDelayMs, flipButton, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
+declare function DetailsToolbar({ errorMessage, estimatedTime, helpButton, isLoading, isEmpty, flipButton, feeButton, boostButton, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
 
 interface DropdownMenuItemProps {
     label: string;
@@ -1364,6 +1373,7 @@ type ActionButton = {
     labelOrIcon: string | React.ReactNode;
     onClick?: () => void;
     id: React.Key;
+    tooltip?: Omit<TooltipProps, 'children'>;
 };
 interface NavigationBarProps {
     title?: string;
@@ -1392,7 +1402,6 @@ interface SwapConfigurationProps {
     priceImpactPercentage?: string;
     amount?: string;
     forcedAmount?: string;
-    amountUsd?: string;
     tokenPrice?: number;
     balance?: string;
     isFetching?: boolean;
@@ -1407,21 +1416,35 @@ interface SwapConfigurationProps {
         textColor: string;
         decimals: number;
     };
-    address?: string;
     onAmountChange?: (amount: string) => void;
-    onWalletButtonClick?: () => void;
-    onAssetsButtonClick?: () => void;
     error?: {
         message: string;
     };
     criticalPriceImpactPercentage?: number;
-    emptyAddressLabel?: string;
-    assetsButtonVariant?: AssetsButtonVariant;
     maxUsdDecimals?: number;
     isInputInteractive?: boolean;
     isLoading?: boolean;
+    inputModeButton?: {
+        usdModeTooltip?: Omit<TooltipProps, 'children'>;
+        tokenModeTooltip?: Omit<TooltipProps, 'children'>;
+        amountUsd?: string;
+    };
+    balanceButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+    };
+    assetsButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick?: () => void;
+        variant?: AssetsButtonVariant;
+    };
+    walletButton?: {
+        tooltip?: Omit<TooltipProps, 'children'>;
+        onClick?: () => void;
+        address?: string;
+        emptyAddressLabel?: string;
+    };
 }
-declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, address, emptyAddressLabel, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, amountUsd, assetsButtonVariant, maxUsdDecimals, isInputInteractive, isLoading, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
+declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, maxUsdDecimals, isInputInteractive, isLoading, inputModeButton, balanceButton, assetsButton, walletButton, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
 
 interface SwapProgressViewHeaderProps {
     title: string;

package/package.json

@@ -5,7 +5,7 @@
     "url": "git+https://github.com/0xsquid/squid-ui.git"
   },
   "description": "Squid's UI components",
-  "version": "0.19.4",
+  "version": "0.20.0",
   "author": "",
   "license": "MIT",
   "resolutions": {