@0xsquid/ui 0.8.3 → 0.9.0

package/dist/index.d.ts

@@ -12,6 +12,11 @@ interface BadgeImageProps {
 type BadgeSize = 'sm' | 'md';
 declare function BadgeImage({ imageUrl, badgeUrl, size, extraMarginForBadge, rounded, }: BadgeImageProps): react_jsx_runtime.JSX.Element | null;
 
+declare function LoadingSkeleton({ className, height, }: {
+    className?: string;
+    height?: string;
+}): react_jsx_runtime.JSX.Element;
+
 interface UsdAmountProps {
     usdAmount: string;
 }
@@ -101,10 +106,10 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     showIcon?: boolean;
     showPasteButton?: boolean;
     icon?: React.ReactNode;
-    error?: string;
+    isError?: boolean;
     onPasteButtonClick?: () => void;
 }
-declare function Input({ placeholder, showIcon, showPasteButton, className, icon, error, onPasteButtonClick, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ placeholder, showIcon, showPasteButton, className, icon, isError, onPasteButtonClick, ...props }: InputProps): react_jsx_runtime.JSX.Element;
 
 interface Props extends InputHTMLAttributes<HTMLInputElement> {
     onParsedValueChanged: (value: string) => void;
@@ -180,8 +185,9 @@ interface DropdownMenuItemProps {
     labelClassName?: string;
     imageUrl?: string;
     icon?: React.ReactNode;
+    onClick?: () => void;
 }
-declare function DropdownMenuItem({ label, imageUrl, icon, labelClassName, }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ label, imageUrl, icon, labelClassName, onClick, }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
 
 interface HistoryItemProps {
     firstImageUrl: string;
@@ -193,8 +199,9 @@ interface HistoryItemProps {
     dateCompleted: string;
     fromAmount: string;
     toAmount: string;
+    dropdownMenuItems?: DropdownMenuItemProps[];
 }
-declare function HistoryItem({ firstImageUrl, secondImageUrl, isPending, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, pendingLabel, }: HistoryItemProps): react_jsx_runtime.JSX.Element;
+declare function HistoryItem({ firstImageUrl, secondImageUrl, isPending, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, pendingLabel, dropdownMenuItems, }: HistoryItemProps): react_jsx_runtime.JSX.Element;
 
 interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
     itemTitle: string | React.ReactNode;
@@ -241,8 +248,10 @@ interface SettingsItemProps {
     transparentControls?: boolean;
     showHelpIcon?: boolean;
     link?: string;
+    transparent?: boolean;
+    helpTooltip?: Omit<TooltipProps, 'children'>;
 }
-declare function SettingsItem({ icon, label, controls, transparentControls, showHelpIcon, link, }: SettingsItemProps): react_jsx_runtime.JSX.Element;
+declare function SettingsItem({ icon, label, controls, transparentControls, showHelpIcon, link, transparent, helpTooltip, }: SettingsItemProps): react_jsx_runtime.JSX.Element;
 
 interface SwapDetailListItemProps {
     label: string;
@@ -263,10 +272,13 @@ declare function SwapStepItem({ descriptionBlocks, chipContent, showStepSeparato
 
 interface DropdownMenuProps {
     dropdownRef?: React.RefObject<HTMLDivElement>;
+    menuRef?: React.RefObject<HTMLDivElement>;
     items: DropdownMenuItemProps[];
     className?: string;
+    isHidden?: boolean;
+    listClassName?: string;
 }
-declare function DropdownMenu({ dropdownRef, items, className, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenu({ dropdownRef, items, className, menuRef, isHidden, listClassName, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
 
 type ErrorMessageProps = {
     message: string;
@@ -274,6 +286,13 @@ type ErrorMessageProps = {
 };
 declare function ErrorMessage({ message, showIcon }: ErrorMessageProps): react_jsx_runtime.JSX.Element;
 
+interface InfoBoxProps {
+    title: string;
+    description: string;
+    icon?: React.ReactNode;
+}
+declare function InfoBox({ title, description, icon }: InfoBoxProps): react_jsx_runtime.JSX.Element;
+
 type Rounded = 'sm' | 'lg';
 interface MenuProps extends React$1.ComponentProps<'div'> {
     containerClassName?: string;
@@ -281,8 +300,9 @@ interface MenuProps extends React$1.ComponentProps<'div'> {
     title?: string;
     displayControls?: boolean;
     rounded?: Rounded;
+    menuRef?: React$1.RefObject<HTMLDivElement>;
 }
-declare function Menu({ children, containerClassName, contentClassName, title, displayControls, rounded, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
+declare function Menu({ children, containerClassName, contentClassName, title, displayControls, rounded, menuRef, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
 
 interface ModalProps {
     children: React.ReactNode;
@@ -424,14 +444,14 @@ declare function SquidConfigProvider({ theme, children, themeType, }: {
     themeType?: ThemeType;
 }): react_jsx_runtime.JSX.Element;
 
-declare function useModal(props?: {
+declare function useDropdownMenu(props?: {
     initialIsModalOpen?: boolean;
 }): {
-    isModalOpen: boolean;
-    openModal: () => void;
-    closeModal: () => void;
-    modalRef: React.RefObject<HTMLDivElement>;
-    openModalButtonRef: React.RefObject<HTMLButtonElement>;
+    isDropdownOpen: boolean;
+    openDropdown: () => void;
+    closeDropdown: () => void;
+    dropdownRef: React.RefObject<HTMLDivElement>;
+    openDropdownButtonRef: React.RefObject<HTMLButtonElement>;
 };
 
-export { AddressButton, ArrowButton, AssetsButton, BadgeImage, BodyText, Boost, BoostButton, Button, CaptionText, Chip, DetailsToolbar, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, ErrorMessage, FeeButton, HeadingText, HistoryItem, Input, ListItem, Menu, MenuItem, Modal, NavigationBar, NumericInput, ProductCard, ProfileHeaderBackground, SectionTitle, SettingsButton, type SettingsButtonProps, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, SquidConfigProvider, type SquidTheme, SwapConfiguration, SwapDetailListItem, SwapProgressViewHeader, SwapStepItem, SwapStepsCollapsed, Switch, TokenPair, Tooltip, type TooltipThreshold, type TooltipWidth, UsdAmount, useModal };
+export { AddressButton, ArrowButton, AssetsButton, BadgeImage, BodyText, Boost, BoostButton, Button, CaptionText, Chip, DetailsToolbar, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, ErrorMessage, FeeButton, HeadingText, HistoryItem, InfoBox, Input, ListItem, LoadingSkeleton, Menu, MenuItem, Modal, NavigationBar, NumericInput, ProductCard, ProfileHeaderBackground, SectionTitle, SettingsButton, type SettingsButtonProps, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, SquidConfigProvider, type SquidTheme, SwapConfiguration, SwapDetailListItem, SwapProgressViewHeader, SwapStepItem, SwapStepsCollapsed, Switch, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, UsdAmount, useDropdownMenu };

package/package.json

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

package/dist/cjs/types/hooks/useModal.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare function useModal(props?: {
-    initialIsModalOpen?: boolean;
-}): {
-    isModalOpen: boolean;
-    openModal: () => void;
-    closeModal: () => void;
-    modalRef: React.RefObject<HTMLDivElement>;
-    openModalButtonRef: React.RefObject<HTMLButtonElement>;
-};

package/dist/esm/types/hooks/useModal.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare function useModal(props?: {
-    initialIsModalOpen?: boolean;
-}): {
-    isModalOpen: boolean;
-    openModal: () => void;
-    closeModal: () => void;
-    modalRef: React.RefObject<HTMLDivElement>;
-    openModalButtonRef: React.RefObject<HTMLButtonElement>;
-};