@dhedge/trading-widget 6.4.0 → 7.0.0

package/limit-orders/common/percentage-input.d.ts

@@ -9,7 +9,7 @@ export interface PercentageInputProps {
     postfix?: ReactNode;
 }
 export declare const usePercentageInput: ({ inputValue, onInputChange, autoFocus, }: PercentageInputProps) => {
-    inputRef: import("react").RefObject<HTMLInputElement>;
+    inputRef: import("react").RefObject<HTMLInputElement | null>;
     value: string;
     autoFocus: boolean;
     onContainerClick: () => void;

package/limit-orders/common/price-input.d.ts

@@ -11,7 +11,7 @@ export interface PriceInputProps {
 }
 export declare const formatNumber: (num: string) => string;
 export declare const usePriceInput: ({ inputValue, onInputChange, autoFocus, }: PriceInputProps) => {
-    inputRef: import("react").RefObject<HTMLInputElement>;
+    inputRef: import("react").RefObject<HTMLInputElement | null>;
     value: string;
     autoFocus: boolean;
     onContainerClick: () => void;

package/limit-orders/limit-buys/providers/translation-provider/index.d.ts

@@ -1,3 +1,3 @@
 export { useLimitBuyTranslationContext } from '../../../limit-buys/providers/translation-provider/translation-provider.hooks';
 export { LimitBuyTranslationProvider } from '../../../limit-buys/providers/translation-provider/translation-provider';
-export * from '../../../limit-buys/providers/translation-provider/translation-provider.types';
+export type * from '../../../limit-buys/providers/translation-provider/translation-provider.types';

package/limit-orders/providers/theme-provider/index.d.ts

@@ -1,2 +1,2 @@
 export { ThemeProvider } from '../../providers/theme-provider/theme-provider';
-export * from '../../providers/theme-provider/theme-provider.types';
+export type * from '../../providers/theme-provider/theme-provider.types';

package/limit-orders/providers/translation-provider/index.d.ts

@@ -1,3 +1,3 @@
 export { useTranslationContext } from '../../providers/translation-provider/translation-provider.hooks';
 export { TranslationProvider } from '../../providers/translation-provider/translation-provider';
-export * from '../../providers/translation-provider/translation-provider.types';
+export type * from '../../providers/translation-provider/translation-provider.types';

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@dhedge/trading-widget",
-  "version": "6.4.0",
+  "version": "7.0.0",
   "dependencies": {
+    "@dhedge/crypto-assets": "^0.6.0",
     "@headlessui/react": "^2.1.2",
     "@heroicons/react": "^2.1.5",
     "bignumber.js": "^9.1.2",
@@ -44,7 +45,7 @@
   "peerDependencies": {
     "@tanstack/react-query": "^5.81.2",
     "firebase": "^10.0.0 || ^11.0.0 || ^12.0.0",
-    "react": "^18.3.1",
+    "react": "^19.0.0",
     "viem": "^2.52.2",
     "wagmi": "^2.19.5"
   },

package/trading-widget/components/common/input/input-number.d.ts

@@ -1,7 +1,9 @@
-import type { InputHTMLAttributes } from 'react';
-export declare const InputNumber: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
+import type { ComponentProps } from 'react';
+type InputNumberProps = Omit<ComponentProps<'input'>, 'onChange' | 'value'> & {
     value: string;
-    onChange?: ((formatted: string, raw: string) => void) | undefined;
-    formatOnBlurOnly?: boolean | undefined;
-    allowNegative?: boolean | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;
+    onChange?: (formatted: string, raw: string) => void;
+    formatOnBlurOnly?: boolean;
+    allowNegative?: boolean;
+};
+export declare const InputNumber: ({ value, onChange, formatOnBlurOnly, allowNegative, ...rest }: InputNumberProps) => import("react").JSX.Element;
+export {};

package/trading-widget/components/common/meta/transaction-disclosure/transaction-disclosure-item/transaction-disclosure-item.d.ts

@@ -9,4 +9,4 @@ export interface TransactionDisclosureItemProps {
     className?: string;
     emphasised?: boolean;
 }
-export declare const TransactionDisclosureItem: ({ tooltipText, value, label, children, type, className, emphasised, }: TransactionDisclosureItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TransactionDisclosureItem: ({ tooltipText, value, label, children, type, className, emphasised, }: TransactionDisclosureItemProps) => import("react").JSX.Element;

package/trading-widget/components/common/switch/switch.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface SwitchProps {
     defaultEnabled?: boolean;
     onChange?: (enabled: boolean) => void;
@@ -8,5 +9,5 @@ interface SwitchProps {
     vertical?: boolean;
     size?: 'xs' | 'sm';
 }
-export declare const Switch: ({ defaultEnabled, onChange, disabled, label, labelClassName, className, vertical, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Switch: ({ defaultEnabled, onChange, disabled, label, labelClassName, className, vertical, }: SwitchProps) => import("react").JSX.Element;
 export {};

package/trading-widget/components/deposit/input-group/input-group.d.ts

@@ -1 +1,2 @@
-export declare const DepositInputGroup: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const DepositInputGroup: () => import("react").JSX.Element;

package/trading-widget/components/deposit/meta/transaction-disclosure/transaction-disclosure.d.ts

@@ -1 +1,2 @@
-export declare const DepositTransactionOverviewDisclosure: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const DepositTransactionOverviewDisclosure: () => import("react").JSX.Element;

package/trading-widget/components/widget/widget-buttons/switch-network-button/switch-network-button.d.ts

@@ -1 +1,2 @@
-export declare const SwitchNetworkButton: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const SwitchNetworkButton: () => import("react").JSX.Element;

package/trading-widget/components/widget/widget-input/all-assets-composition-table/all-assets-composition-table.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { AllAssetsCompositionTableProps } from '../../../../components/widget/widget-input/all-assets-composition-table/all-assets-composition-table.hooks';
-export declare const AllAssetsCompositionTable: ({ className, showFraction, iconSize, showAllAsset, }: AllAssetsCompositionTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AllAssetsCompositionTable: ({ className, showFraction, iconSize, showAllAsset, }: AllAssetsCompositionTableProps) => import("react").JSX.Element;

package/trading-widget/components/widget/widget-input/widget-input.hooks.d.ts

@@ -16,7 +16,7 @@ export interface WidgetInputProps {
     isLoading?: boolean;
 }
 export declare const useWidgetInput: ({ displayCalculatedValue, assetInput, assetPrice, tradingPriceDiff, type, onInputChange, maxBalance, autoFocus, disabled, }: WidgetInputProps) => {
-    inputRef: import("react").RefObject<HTMLInputElement>;
+    inputRef: import("react").RefObject<HTMLInputElement | null>;
     usdAmount: string;
     isEstimated: boolean;
     value: string;

package/trading-widget/components/widget/widget-overlay/token-select-overlay/multi-token-select-item/multi-token-select-item.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { MultiTokenSelectItemProps } from '../../../../../components/widget/widget-overlay/token-select-overlay/multi-token-select-item/multi-token-select-item.hooks';
-export declare const MultiTokenSelectItem: ({ token, onSelect, }: MultiTokenSelectItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiTokenSelectItem: ({ token, onSelect, }: MultiTokenSelectItemProps) => import("react").JSX.Element;

package/trading-widget/components/widget/widget-overlay/token-select-overlay/token-select-item/token-select-item.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { TokenSelectItemProps } from '../../../../../components/widget/widget-overlay/token-select-overlay/token-select-item/token-select-item.hooks';
-export declare const TokenSelectItem: ({ token, onSelect, onClose, isActive, }: TokenSelectItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TokenSelectItem: ({ token, onSelect, onClose, isActive, }: TokenSelectItemProps) => import("react").JSX.Element;

package/trading-widget/components/widget/widget-overlay/trading-overlay/limit-order/limit-order-processing-content.d.ts

@@ -1 +1,2 @@
-export declare const LimitOrderProcessingContent: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const LimitOrderProcessingContent: () => import("react").JSX.Element;

package/trading-widget/components/widget/widget-settings/token-allowance-switch/token-allowance-switch.d.ts

@@ -1 +1,2 @@
-export declare const TokenAllowanceSwitch: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const TokenAllowanceSwitch: () => import("react").JSX.Element;

package/trading-widget/components/withdraw/complete-step/meta/transaction-disclosure/transaction-disclosure.d.ts

@@ -1 +1,2 @@
-export declare const CompleteWithdrawTransactionOverviewDisclosure: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const CompleteWithdrawTransactionOverviewDisclosure: () => import("react").JSX.Element;

package/trading-widget/components/withdraw/init-step/init-step.d.ts

@@ -1 +1,2 @@
-export declare const InitStep: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const InitStep: () => import("react").JSX.Element;

package/trading-widget/components/withdraw/init-step/input-group/init-withdraw-input-group.d.ts

@@ -1 +1,2 @@
-export declare const InitWithdrawInputGroup: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const InitWithdrawInputGroup: () => import("react").JSX.Element;

package/trading-widget/components/withdraw/init-step/meta/transaction-disclosure/transaction-disclosure.d.ts

@@ -1 +1,2 @@
-export declare const InitWithdrawTransactionOverviewDisclosure: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const InitWithdrawTransactionOverviewDisclosure: () => import("react").JSX.Element;

package/trading-widget/providers/component-provider/index.d.ts

@@ -1,3 +1,3 @@
 export { useComponentContext } from '../../providers/component-provider/component-provider.hooks';
 export { ComponentProvider } from '../../providers/component-provider/component-provider';
-export * from '../../providers/component-provider/component-provider.types';
+export type * from '../../providers/component-provider/component-provider.types';

package/trading-widget/providers/config-provider/index.d.ts

@@ -3,4 +3,4 @@ export { useResolvedDefaultWithdrawSlippage } from '../../providers/config-provi
 export { useResolvedDefaultSwapTransactionSlippage } from '../../providers/config-provider/use-resolved-default-swap-transaction-slippage';
 export { DEFAULT_CONFIG_PARAMS } from '../../providers/config-provider/config-provider.defaults';
 export { ConfigProvider } from '../../providers/config-provider/config-provider';
-export * from '../../providers/config-provider/config-provider.types';
+export type * from '../../providers/config-provider/config-provider.types';

package/trading-widget/providers/overlay-provider/overlay-provider.hooks.d.ts

@@ -1,7 +1,7 @@
 import type { Dispatch } from 'react';
 import type { OverlayProviderAction, OverlayProviderState } from '../../providers/overlay-provider/overlay-provider.types';
 import type { OverlayProps } from '../../types';
-export declare const useOverlayProvider: () => [OverlayProviderState, Dispatch<OverlayProviderAction>];
+export declare const useOverlayProvider: () => [OverlayProviderState, import("react").ActionDispatch<[action: OverlayProviderAction]>];
 export declare const OverlayProviderStateContext: import("react").Context<OverlayProviderState>;
 export declare const OverlayProviderDispatchContext: import("react").Context<Dispatch<OverlayProviderAction>>;
 export declare const useOverlayStateContext: () => OverlayProviderState;

package/trading-widget/providers/theme-provider/index.d.ts

@@ -1,2 +1,2 @@
 export { ThemeProvider } from '../../providers/theme-provider/theme-provider';
-export * from '../../providers/theme-provider/theme-provider.types';
+export type * from '../../providers/theme-provider/theme-provider.types';

package/trading-widget/providers/translation-provider/index.d.ts

@@ -1,3 +1,3 @@
 export { useTranslationContext } from '../../providers/translation-provider/translation-provider.hooks';
 export { TranslationProvider } from '../../providers/translation-provider/translation-provider';
-export * from '../../providers/translation-provider/translation-provider.types';
+export type * from '../../providers/translation-provider/translation-provider.types';