@reef-chain/react-lib 2.6.4 → 3.0.0

package/dist/components/AccountSelector/AccountInlineInfo.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AccountInlineInfo {
     name: string;
     address: string;

package/dist/components/AccountSelector/AccountSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./AccountSelector.css";
 import { AccountCreationData, Extension } from "@reef-chain/ui-kit/dist/ui-kit/components/organisms/AccountSelector/AccountSelector";
 import { ReefSigner } from "../../state";

package/dist/components/AddLiquidity/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReefSigner, Token } from '../../state';
 import { AddLiquidityComponentActions, AddLiquidityState } from '../../store';
 interface AddLiquidityComponent {

package/dist/components/EvmBind/EvmBindComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReefSigner } from '../../state';
 import { TxStatusHandler } from '../../utils';
 import './bind.css';

package/dist/components/NFT/index.d.ts

@@ -6,6 +6,7 @@ interface NFTData {
     name: string;
     balance: BigNumber;
     mimetype?: string;
+    isDarkMode?: boolean;
 }
 export declare const NFTCard: React.FC<NFTData>;
 export {};

package/dist/components/OverlayAction/index.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import './overlay-action.css';
-interface OverlayAction {
+interface OverlayAction extends React.PropsWithChildren<{}> {
     isOpen: boolean;
     onClose?: () => any;
     onOpened?: () => any;
     onClosed?: () => any;
     className?: string;
     title?: string;
+    isDarkMode?: boolean;
 }
 export declare const OverlayAction: React.FC<OverlayAction>;
 export {};

package/dist/components/Overlays/OverlayNFT.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './overlay.css';
 interface OverlayNFT {
     nftName?: string;
@@ -12,6 +13,7 @@ interface OverlayNFT {
     accounts: any;
     selectedSigner: any;
     provider: any;
+    isDarkMode?: boolean;
 }
-export declare const OverlayNFT: ({ nftName, isOpen, isVideoNFT, iconUrl, onClose, balance, address, contractType, nftId, accounts, selectedSigner, provider, }: OverlayNFT) => JSX.Element;
+export declare const OverlayNFT: ({ nftName, isOpen, isVideoNFT, iconUrl, onClose, balance, address, contractType, nftId, accounts, selectedSigner, provider, isDarkMode, }: OverlayNFT) => JSX.Element;
 export {};

package/dist/components/Overlays/OverlaySend.d.ts

@@ -11,6 +11,7 @@ interface OverlaySend {
     provider: Provider | undefined;
     accounts: ReefSigner[] | undefined;
     notify: (message: string, type?: Notify) => void;
+    isDarkMode?: boolean;
 }
 export declare const OverlaySend: React.FC<OverlaySend>;
 export {};

package/dist/components/Overlays/OverlaySendNft.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './overlay.css';
 interface OverlaySendNFT {
     nftName?: string;
@@ -11,6 +12,7 @@ interface OverlaySendNFT {
     accounts: any;
     selectedSigner: any;
     provider: any;
+    isDarkMode?: boolean;
 }
-export declare const OverlaySendNFT: ({ nftName, isOpen, onClose, balance, isVideoNFT, iconUrl, address, nftId, accounts, selectedSigner, provider }: OverlaySendNFT) => JSX.Element;
+export declare const OverlaySendNFT: ({ nftName, isOpen, onClose, balance, isVideoNFT, iconUrl, address, nftId, accounts, selectedSigner, provider, isDarkMode }: OverlaySendNFT) => JSX.Element;
 export {};

package/dist/components/Overlays/OverlaySwap.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { network as libNet } from '@reef-chain/util-lib';
 import './overlay.css';
 import { Notify, PoolWithReserves, ReefSigner, Token, TokenPrices } from '../../state';

package/dist/components/PoolActions/ConfirmPopups/Address.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './confirm-popup.css';
 export interface Props {
     address: string;

package/dist/components/PoolActions/ConfirmPopups/Bond.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './confirm-popup.css';
 export interface Props {
     isOpen: boolean;

package/dist/components/PoolActions/ConfirmPopups/Provide.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TokenWithAmount } from '../../../state';
 import './confirm-popup.css';
 export interface Props {

package/dist/components/PoolActions/ConfirmPopups/Send.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TokenWithAmount } from '../../../state';
 import './confirm-popup.css';
 export interface SendPopup {

package/dist/components/PoolActions/ConfirmPopups/SummaryItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface Props {
     label?: string;
     value?: string | number;

package/dist/components/PoolActions/ConfirmPopups/Token.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './confirm-popup.css';
 export interface Props {
     image?: string;

package/dist/components/PoolActions/ConfirmPopups/Trade.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TokenWithAmount } from '../../../state';
 import './confirm-popup.css';
 export interface TradePopup {

package/dist/components/PoolActions/ConfirmPopups/Withdraw.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Pool } from '../../../state';
 import './confirm-popup.css';
 export interface Props {

package/dist/components/PoolActions/Finalizing.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import './finalizing.css';
 export declare const Finalizing: () => JSX.Element;

package/dist/components/PoolActions/Provide.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AddLiquidityState } from '../../store';
 import { SelectToken } from './TokenField';
 import { Token } from '../../state';

package/dist/components/PoolActions/TokenDropdown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Token, TokenWithAmount } from '../../state';
 import './token-field.css';
 interface TokenDropdown {

package/dist/components/PoolActions/TokenField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Token, TokenWithAmount } from '../../state';
 import './token-field.css';
 export type SelectToken = (token: Token) => void;

package/dist/components/PoolActions/Trade.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SwapState } from '../../store';
 import { SelectToken } from './TokenField';
 import { LastPoolReserves, Token } from '../../state';

package/dist/components/PoolActions/UsdAmountField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Token } from '../../state';
 import './token-field.css';
 export type SelectToken = (token: Token) => void;

package/dist/components/PoolActions/Withdraw.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RemoveLiquidityState } from '../../store';
 interface WithdrawActions {
     onRemoveLiquidity: () => Promise<void>;

package/dist/components/RemoveLiquidity/RemoveConfirmationModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Pool } from '../../state';
 interface RemoveConfirmationModal {
     id: string;

package/dist/components/RemoveLiquidity/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RemoveLiquidityComponentActions, RemoveLiquidityState } from '../../store';
 interface RemoveLiquidityComponent {
     state: RemoveLiquidityState;

package/dist/components/SelectToken/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReefSigner, Token } from '../../state';
 interface SelectToken {
     id: string;

package/dist/components/SwapComponent/SwapConfirmationModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TokenWithAmount } from '../../state';
 interface SwapConfirmationModal {
     id?: string;

package/dist/components/SwapComponent/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReefSigner, Token } from '../../state';
 import { SwapComponentActions } from '../../store/actions/swap';
 import { SwapState } from '../../store/reducers/swap';

package/dist/components/TokenFields/TokenAmountField.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { ReefSigner, Token, TokenWithAmount } from '../../state';
-interface TokenAmountFieldProps {
+interface TokenAmountFieldProps extends React.PropsWithChildren<{}> {
     id?: string;
     tokens: Token[];
     placeholder?: string;

package/dist/components/TokenFields/TokenAmountView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface TokenAmountView {
     name: string;
     amount: string;

package/dist/components/Tokens/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import "./index.css";
+interface Skeleton {
+    isDarkMode?: boolean;
+}
+export declare const Skeleton: React.FC<Skeleton>;
+export {};

package/dist/components/Tokens/TokenCard.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import './index.css';
+import { PoolWithReserves, ReefSigner, Token, TokenPrices } from '../../state';
+import { Provider } from '@reef-chain/evm-provider';
+interface TokenCard {
+    price: number;
+    token: Token;
+    onClickPrice?: () => void;
+    className?: string;
+    tokens: Token[];
+    selectedSigner: ReefSigner | undefined;
+    provider: Provider | undefined;
+    accounts: ReefSigner[] | undefined;
+    hideBalance: any;
+    tokenPrices: TokenPrices;
+    pools: PoolWithReserves[];
+    signer: ReefSigner | undefined;
+    nw: any;
+    useDexConfig: any;
+    isReefswapUI: boolean;
+    isDarkMode?: boolean;
+}
+export declare const TokenCard: React.FC<TokenCard>;
+export {};

package/dist/components/Tokens/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Skeleton';
+export * from './TokenCard';

package/dist/components/Transfer/Send.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Provider } from "@reef-chain/evm-provider";
 import { NotifyFun, ReefSigner, Token } from "../../state";
 import "../PoolActions/pool-actions.css";

package/dist/components/Transfer/SendConfirmationModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TokenWithAmount } from '../../state';
 interface SendConfirmationModal {
     id: string;

package/dist/components/Transfer/TransferComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Provider } from '@reef-chain/evm-provider';
 import { ReefSigner, Token, TokenWithAmount } from '../../state';
 import { TxStatusHandler } from '../../utils/transactionUtil';

package/dist/components/WalletSelector/WalletSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Extension } from "@reef-chain/ui-kit/dist/ui-kit/components/organisms/AccountSelector/AccountSelector";
 import "./WalletSelector.css";
 export declare const walletSelectorOptions: Record<string, Extension>;

package/dist/components/common/Alert/index.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const DangerAlert: React.FC<unknown>;
+export declare const DangerAlert: React.FC<React.PropsWithChildren<{}>>;

package/dist/components/common/Button/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ButtonProps {
+interface ButtonProps extends React.PropsWithChildren<{}> {
     onClick?: () => void;
     disabled?: boolean;
     className?: string;
@@ -7,18 +7,18 @@ interface ButtonProps {
 export declare const Button: React.FC<ButtonProps>;
 export declare const EmptyButton: React.FC<ButtonProps>;
 export declare const BackButton: ({ onClick }: ButtonProps) => JSX.Element;
-interface SwitchTokenButton {
+interface SwitchTokenButton extends React.PropsWithChildren<{}> {
     addIcon?: boolean;
     disabled?: boolean;
     onClick?: () => void;
 }
-interface IconButton {
+interface IconButton extends React.PropsWithChildren<{}> {
     onClick?: () => void;
 }
 export declare const SwitchTokenButton: ({ addIcon, disabled, onClick, }: SwitchTokenButton) => JSX.Element;
 export declare const IconButton: React.FC<IconButton>;
-export declare const ButtonGroup: React.FC<unknown>;
-interface PercentageButton {
+export declare const ButtonGroup: React.FC<React.PropsWithChildren<{}>>;
+interface PercentageButton extends React.PropsWithChildren<{}> {
     percentage?: number;
     onClick?: () => void;
 }

package/dist/components/common/Card/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare const Card: React.FC;
-export declare const CardHeader: React.FC<unknown>;
+export declare const Card: React.FC<React.PropsWithChildren<{}>>;
+export declare const CardHeader: React.FC<React.PropsWithChildren<{}>>;
 export declare const CardHeaderBlank: () => JSX.Element;
 interface Title {
     title: string;
@@ -15,5 +15,5 @@ interface ErrorCardProps {
     message: string;
 }
 export declare const ErrorCard: ({ title, message }: ErrorCardProps) => JSX.Element;
-export declare const SubCard: React.FC<unknown>;
+export declare const SubCard: React.FC<React.PropsWithChildren<{}>>;
 export {};

package/dist/components/common/Display/index.d.ts

@@ -1,22 +1,22 @@
 import React from 'react';
-interface FlexRow {
+interface FlexRow extends React.PropsWithChildren<{}> {
     className?: string;
     children?: any;
 }
 export declare const FlexRow: React.FC<FlexRow>;
-export declare const FullRow: React.FC<unknown>;
-export declare const FlexColumn: React.FC<unknown>;
-export declare const FullColumn: React.FC<unknown>;
-export declare const CenterRow: React.FC<unknown>;
-export declare const CenterColumn: React.FC<unknown>;
-export declare const ContentCenter: React.FC<unknown>;
-export declare const ContentBetween: React.FC<unknown>;
-export declare const ContentEnd: React.FC<unknown>;
-interface Width {
+export declare const FullRow: React.FC<React.PropsWithChildren<{}>>;
+export declare const FlexColumn: React.FC<React.PropsWithChildren<{}>>;
+export declare const FullColumn: React.FC<React.PropsWithChildren<{}>>;
+export declare const CenterRow: React.FC<React.PropsWithChildren<{}>>;
+export declare const CenterColumn: React.FC<React.PropsWithChildren<{}>>;
+export declare const ContentCenter: React.FC<React.PropsWithChildren<{}>>;
+export declare const ContentBetween: React.FC<React.PropsWithChildren<{}>>;
+export declare const ContentEnd: React.FC<React.PropsWithChildren<{}>>;
+interface Width extends React.PropsWithChildren<{}> {
     size: number;
 }
 export declare const Width: React.FC<Width>;
-interface Size {
+interface Size extends React.PropsWithChildren<{}> {
     size?: '1' | '2' | '3' | '4' | '5' | '6' | 'auto';
 }
 export declare const Margin: React.FC<Size>;
@@ -31,5 +31,5 @@ export declare const PE: React.FC<Size>;
 export declare const PB: React.FC<Size>;
 export declare const PS: React.FC<Size>;
 export declare const Border: React.FC<Size>;
-export declare const ComponentCenter: React.FC<unknown>;
+export declare const ComponentCenter: React.FC<React.PropsWithChildren<{}>>;
 export {};

package/dist/components/common/Dropdown/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface Dropdown {
+interface Dropdown extends React.PropsWithChildren<{}> {
     id?: string;
 }
-export declare const Dropdown: React.FC<unknown>;
+export declare const Dropdown: React.FC<React.PropsWithChildren<{}>>;
 export declare const DropdownButton: React.FC<Dropdown>;
 interface DropdownMenu extends Dropdown {
     size?: string;

package/dist/components/common/Icons/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface BaseIcon {
+interface BaseIcon extends React.PropsWithChildren<{}> {
     small?: boolean;
 }
 interface Icon extends BaseIcon {

package/dist/components/common/Input/index.d.ts

@@ -22,8 +22,8 @@ export interface InputAmountValidity {
     errorMessage?: string;
 }
 export declare const InputAmount: ({ amount, onAmountChange, min, max, placeholder, disabled, onValidityChange, }: InputAmount) => JSX.Element;
-export declare const InputGroup: React.FC<unknown>;
-export declare const InputTextGroup: React.FC<unknown>;
+export declare const InputGroup: React.FC<React.PropsWithChildren<{}>>;
+export declare const InputTextGroup: React.FC<React.PropsWithChildren<{}>>;
 interface NumberInput {
     min?: number;
     max?: number;

package/dist/components/common/Label/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const Label: React.FC<unknown>;
+export declare const Label: React.FC<React.PropsWithChildren<{}>>;
 interface ConfirmLabel {
     title: string;
     value: string;
@@ -7,6 +7,6 @@ interface ConfirmLabel {
     valueSize?: string;
 }
 export declare const ConfirmLabel: ({ title, value, titleSize, valueSize, }: ConfirmLabel) => JSX.Element;
-export declare const FormLabel: React.FC<unknown>;
-export declare const TransactionWarningLabel: React.FC<unknown>;
+export declare const FormLabel: React.FC<React.PropsWithChildren<{}>>;
+export declare const TransactionWarningLabel: React.FC<React.PropsWithChildren<{}>>;
 export {};

package/dist/components/common/List/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface ListItem {
+interface ListItem extends React.PropsWithChildren<{}> {
     onClick?: () => void;
 }
-export declare const List: React.FC<unknown>;
+export declare const List: React.FC<ListItem>;
 export declare const ListItem: React.FC<ListItem>;
 export declare const ListItemDismissModal: React.FC<ListItem>;
 export declare const ListItemActionModal: React.FC<ListItem>;

package/dist/components/common/Loading/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Loading: () => JSX.Element;
 export declare const LoadingButtonIcon: () => JSX.Element;
 interface LoadingWithText {

package/dist/components/common/Logos/MetaMaskLogo.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface PropsIcon {
     className?: string;
 }

package/dist/components/common/Logos/WalletConnectLogo.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface PropsIcon {
     className?: string;
 }

package/dist/components/common/Modal/index.d.ts

@@ -1,23 +1,23 @@
 import React from 'react';
-interface Modal {
+interface Modal extends React.PropsWithChildren<{}> {
     id?: string;
 }
 export declare const Modal: React.FC<Modal>;
-export declare const ModalHeader: React.FC<unknown>;
-export declare const ModalBody: React.FC<unknown>;
-export declare const ModalFooter: React.FC<unknown>;
-interface ModalClose {
+export declare const ModalHeader: React.FC<React.PropsWithChildren<{}>>;
+export declare const ModalBody: React.FC<React.PropsWithChildren<{}>>;
+export declare const ModalFooter: React.FC<React.PropsWithChildren<{}>>;
+interface ModalClose extends React.PropsWithChildren<{}> {
     onClick?: () => void;
     className?: string;
 }
 export declare const ModalClose: React.FC<ModalClose>;
-interface OpenModalButton {
+interface OpenModalButton extends React.PropsWithChildren<{}> {
     id?: string;
     disabled?: boolean;
     className?: string;
 }
 export declare const OpenModalButton: React.FC<OpenModalButton>;
-interface ConfirmationModal {
+interface ConfirmationModal extends React.PropsWithChildren<{}> {
     id?: string;
     title: string;
     confirmFun: () => void;

package/dist/components/common/Text/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Color } from '../../../state/types';
-export declare const LargeTitle: React.FC<unknown>;
-export declare const Title: React.FC<unknown>;
-export declare const LeadText: React.FC<unknown>;
-interface Text {
+export declare const LargeTitle: React.FC<React.PropsWithChildren<{}>>;
+export declare const Title: React.FC<React.PropsWithChildren<{}>>;
+export declare const LeadText: React.FC<React.PropsWithChildren<{}>>;
+interface Text extends React.PropsWithChildren<{}> {
     size?: number;
     className?: string;
 }
@@ -13,6 +13,6 @@ interface ColorText extends Text {
     color?: Color;
 }
 export declare const ColorText: React.FC<ColorText>;
-export declare const MiniText: React.FC<unknown>;
-export declare const MutedText: React.FC<unknown>;
+export declare const MiniText: React.FC<React.PropsWithChildren<{}>>;
+export declare const MutedText: React.FC<React.PropsWithChildren<{}>>;
 export {};

package/dist/components/common/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface Tooltip {
+interface Tooltip extends React.PropsWithChildren<{}> {
     id?: string;
 }
 export declare const QuestionTooltip: React.FC<Tooltip>;

package/dist/components/index.d.ts

@@ -13,3 +13,4 @@ export * from './OverlayAction';
 export * from './WalletSelector/WalletSelector';
 export * from './NFT';
 export * from './Overlays';
+export * from './Tokens';