@loafmarkets/ui 0.1.100 → 0.1.102
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +4 -32
- package/dist/index.d.ts +4 -32
- package/dist/index.js +609 -1122
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +611 -1124
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -105,10 +105,6 @@ interface OrderbookProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
105
105
|
onLoafLiquidityClick?: () => void;
|
|
106
106
|
/** Given a trade's txHash, returns the full explorer URL to link to. Defaults to Sepolia Etherscan. */
|
|
107
107
|
tradeExplorerUrl?: (txHash: string) => string;
|
|
108
|
-
/** Override the number of visible price levels per side (default 5). */
|
|
109
|
-
maxLevels?: number;
|
|
110
|
-
/** When true, asks/bids sections stretch to fill the container instead of using fixed pixel heights. */
|
|
111
|
-
fillHeight?: boolean;
|
|
112
108
|
}
|
|
113
109
|
declare const Orderbook: React$1.ForwardRefExoticComponent<OrderbookProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
114
110
|
|
|
@@ -428,19 +424,13 @@ type PropertyHeroHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
428
424
|
imageUrl: string;
|
|
429
425
|
imageAlt?: string;
|
|
430
426
|
name: string;
|
|
431
|
-
address?: string;
|
|
432
427
|
location: string;
|
|
433
428
|
price?: number;
|
|
434
429
|
currencySymbol?: string;
|
|
435
430
|
changePercent?: number;
|
|
436
|
-
priceChange?: number;
|
|
437
|
-
/** @deprecated No longer rendered. */
|
|
438
431
|
beds?: number;
|
|
439
|
-
/** @deprecated No longer rendered. */
|
|
440
432
|
baths?: number;
|
|
441
|
-
/** @deprecated No longer rendered. */
|
|
442
433
|
cars?: number;
|
|
443
|
-
/** @deprecated No longer rendered. */
|
|
444
434
|
propertyTypeLabel?: string;
|
|
445
435
|
onTrade?: () => void;
|
|
446
436
|
onMakeOffer?: () => void;
|
|
@@ -459,19 +449,13 @@ declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTML
|
|
|
459
449
|
imageUrl: string;
|
|
460
450
|
imageAlt?: string;
|
|
461
451
|
name: string;
|
|
462
|
-
address?: string;
|
|
463
452
|
location: string;
|
|
464
453
|
price?: number;
|
|
465
454
|
currencySymbol?: string;
|
|
466
455
|
changePercent?: number;
|
|
467
|
-
priceChange?: number;
|
|
468
|
-
/** @deprecated No longer rendered. */
|
|
469
456
|
beds?: number;
|
|
470
|
-
/** @deprecated No longer rendered. */
|
|
471
457
|
baths?: number;
|
|
472
|
-
/** @deprecated No longer rendered. */
|
|
473
458
|
cars?: number;
|
|
474
|
-
/** @deprecated No longer rendered. */
|
|
475
459
|
propertyTypeLabel?: string;
|
|
476
460
|
onTrade?: () => void;
|
|
477
461
|
onMakeOffer?: () => void;
|
|
@@ -566,13 +550,6 @@ type HeaderUser = {
|
|
|
566
550
|
email?: string | null;
|
|
567
551
|
walletAddress?: string | null;
|
|
568
552
|
};
|
|
569
|
-
type HeaderPortfolioData = {
|
|
570
|
-
holdings: number;
|
|
571
|
-
cash: number;
|
|
572
|
-
portfolioValue: number;
|
|
573
|
-
pnl: number;
|
|
574
|
-
pnlPercent: number;
|
|
575
|
-
};
|
|
576
553
|
type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn" | "api";
|
|
577
554
|
type HeaderLoginPopupComponentProps = {
|
|
578
555
|
onClose: () => void;
|
|
@@ -613,7 +590,6 @@ type HeaderProps = {
|
|
|
613
590
|
onOrdersNavigate?: () => void;
|
|
614
591
|
onWalletNavigate?: () => void;
|
|
615
592
|
showTradeTab?: boolean;
|
|
616
|
-
portfolioSummary?: HeaderPortfolioData | null;
|
|
617
593
|
};
|
|
618
594
|
declare const Header: React__default.FC<HeaderProps>;
|
|
619
595
|
|
|
@@ -848,6 +824,7 @@ interface TradeHistoryItem {
|
|
|
848
824
|
readonly price: number;
|
|
849
825
|
readonly executedAt: number;
|
|
850
826
|
readonly fee: number;
|
|
827
|
+
readonly status?: string;
|
|
851
828
|
}
|
|
852
829
|
interface TransferHistoryItem {
|
|
853
830
|
readonly type: 'DEPOSIT' | 'WITHDRAWAL';
|
|
@@ -904,7 +881,6 @@ type AssetSelectorMetric = {
|
|
|
904
881
|
value: ReactNode;
|
|
905
882
|
accent?: boolean;
|
|
906
883
|
change?: number;
|
|
907
|
-
secondary?: boolean;
|
|
908
884
|
};
|
|
909
885
|
type AssetSelectorBarProps = {
|
|
910
886
|
propertyName: string;
|
|
@@ -914,10 +890,8 @@ type AssetSelectorBarProps = {
|
|
|
914
890
|
currentTokenName?: string;
|
|
915
891
|
selectorItems?: readonly SelectorItem[];
|
|
916
892
|
onSelect?: (tokenName: string) => void;
|
|
917
|
-
trailing?: ReactNode;
|
|
918
|
-
imageUrl?: string;
|
|
919
893
|
};
|
|
920
|
-
declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect,
|
|
894
|
+
declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
|
|
921
895
|
|
|
922
896
|
type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
|
|
923
897
|
type SaleData = {
|
|
@@ -1005,12 +979,10 @@ type OfferingProgressCardProps = {
|
|
|
1005
979
|
raisedAmount?: number;
|
|
1006
980
|
targetAmount?: number;
|
|
1007
981
|
isPrivateClient?: boolean;
|
|
1008
|
-
/** "default" = full card with header/countdown, "compact" = bar-only, "home" = countdown left + spinner right */
|
|
1009
|
-
variant?: 'default' | 'compact' | 'home';
|
|
1010
982
|
style?: React__default.CSSProperties;
|
|
1011
983
|
className?: string;
|
|
1012
984
|
};
|
|
1013
|
-
declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient,
|
|
985
|
+
declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient, style, className, }: OfferingProgressCardProps): react_jsx_runtime.JSX.Element;
|
|
1014
986
|
|
|
1015
987
|
type OwnerBookingProps = {
|
|
1016
988
|
propertyName?: string | null;
|
|
@@ -1160,4 +1132,4 @@ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
1160
1132
|
*/
|
|
1161
1133
|
declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1162
1134
|
|
|
1163
|
-
export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type
|
|
1135
|
+
export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, Skeleton, type SkeletonProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, hasPendingActivity, useAdaptivePolling, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -105,10 +105,6 @@ interface OrderbookProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
105
105
|
onLoafLiquidityClick?: () => void;
|
|
106
106
|
/** Given a trade's txHash, returns the full explorer URL to link to. Defaults to Sepolia Etherscan. */
|
|
107
107
|
tradeExplorerUrl?: (txHash: string) => string;
|
|
108
|
-
/** Override the number of visible price levels per side (default 5). */
|
|
109
|
-
maxLevels?: number;
|
|
110
|
-
/** When true, asks/bids sections stretch to fill the container instead of using fixed pixel heights. */
|
|
111
|
-
fillHeight?: boolean;
|
|
112
108
|
}
|
|
113
109
|
declare const Orderbook: React$1.ForwardRefExoticComponent<OrderbookProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
114
110
|
|
|
@@ -428,19 +424,13 @@ type PropertyHeroHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
428
424
|
imageUrl: string;
|
|
429
425
|
imageAlt?: string;
|
|
430
426
|
name: string;
|
|
431
|
-
address?: string;
|
|
432
427
|
location: string;
|
|
433
428
|
price?: number;
|
|
434
429
|
currencySymbol?: string;
|
|
435
430
|
changePercent?: number;
|
|
436
|
-
priceChange?: number;
|
|
437
|
-
/** @deprecated No longer rendered. */
|
|
438
431
|
beds?: number;
|
|
439
|
-
/** @deprecated No longer rendered. */
|
|
440
432
|
baths?: number;
|
|
441
|
-
/** @deprecated No longer rendered. */
|
|
442
433
|
cars?: number;
|
|
443
|
-
/** @deprecated No longer rendered. */
|
|
444
434
|
propertyTypeLabel?: string;
|
|
445
435
|
onTrade?: () => void;
|
|
446
436
|
onMakeOffer?: () => void;
|
|
@@ -459,19 +449,13 @@ declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTML
|
|
|
459
449
|
imageUrl: string;
|
|
460
450
|
imageAlt?: string;
|
|
461
451
|
name: string;
|
|
462
|
-
address?: string;
|
|
463
452
|
location: string;
|
|
464
453
|
price?: number;
|
|
465
454
|
currencySymbol?: string;
|
|
466
455
|
changePercent?: number;
|
|
467
|
-
priceChange?: number;
|
|
468
|
-
/** @deprecated No longer rendered. */
|
|
469
456
|
beds?: number;
|
|
470
|
-
/** @deprecated No longer rendered. */
|
|
471
457
|
baths?: number;
|
|
472
|
-
/** @deprecated No longer rendered. */
|
|
473
458
|
cars?: number;
|
|
474
|
-
/** @deprecated No longer rendered. */
|
|
475
459
|
propertyTypeLabel?: string;
|
|
476
460
|
onTrade?: () => void;
|
|
477
461
|
onMakeOffer?: () => void;
|
|
@@ -566,13 +550,6 @@ type HeaderUser = {
|
|
|
566
550
|
email?: string | null;
|
|
567
551
|
walletAddress?: string | null;
|
|
568
552
|
};
|
|
569
|
-
type HeaderPortfolioData = {
|
|
570
|
-
holdings: number;
|
|
571
|
-
cash: number;
|
|
572
|
-
portfolioValue: number;
|
|
573
|
-
pnl: number;
|
|
574
|
-
pnlPercent: number;
|
|
575
|
-
};
|
|
576
553
|
type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn" | "api";
|
|
577
554
|
type HeaderLoginPopupComponentProps = {
|
|
578
555
|
onClose: () => void;
|
|
@@ -613,7 +590,6 @@ type HeaderProps = {
|
|
|
613
590
|
onOrdersNavigate?: () => void;
|
|
614
591
|
onWalletNavigate?: () => void;
|
|
615
592
|
showTradeTab?: boolean;
|
|
616
|
-
portfolioSummary?: HeaderPortfolioData | null;
|
|
617
593
|
};
|
|
618
594
|
declare const Header: React__default.FC<HeaderProps>;
|
|
619
595
|
|
|
@@ -848,6 +824,7 @@ interface TradeHistoryItem {
|
|
|
848
824
|
readonly price: number;
|
|
849
825
|
readonly executedAt: number;
|
|
850
826
|
readonly fee: number;
|
|
827
|
+
readonly status?: string;
|
|
851
828
|
}
|
|
852
829
|
interface TransferHistoryItem {
|
|
853
830
|
readonly type: 'DEPOSIT' | 'WITHDRAWAL';
|
|
@@ -904,7 +881,6 @@ type AssetSelectorMetric = {
|
|
|
904
881
|
value: ReactNode;
|
|
905
882
|
accent?: boolean;
|
|
906
883
|
change?: number;
|
|
907
|
-
secondary?: boolean;
|
|
908
884
|
};
|
|
909
885
|
type AssetSelectorBarProps = {
|
|
910
886
|
propertyName: string;
|
|
@@ -914,10 +890,8 @@ type AssetSelectorBarProps = {
|
|
|
914
890
|
currentTokenName?: string;
|
|
915
891
|
selectorItems?: readonly SelectorItem[];
|
|
916
892
|
onSelect?: (tokenName: string) => void;
|
|
917
|
-
trailing?: ReactNode;
|
|
918
|
-
imageUrl?: string;
|
|
919
893
|
};
|
|
920
|
-
declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect,
|
|
894
|
+
declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
|
|
921
895
|
|
|
922
896
|
type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
|
|
923
897
|
type SaleData = {
|
|
@@ -1005,12 +979,10 @@ type OfferingProgressCardProps = {
|
|
|
1005
979
|
raisedAmount?: number;
|
|
1006
980
|
targetAmount?: number;
|
|
1007
981
|
isPrivateClient?: boolean;
|
|
1008
|
-
/** "default" = full card with header/countdown, "compact" = bar-only, "home" = countdown left + spinner right */
|
|
1009
|
-
variant?: 'default' | 'compact' | 'home';
|
|
1010
982
|
style?: React__default.CSSProperties;
|
|
1011
983
|
className?: string;
|
|
1012
984
|
};
|
|
1013
|
-
declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient,
|
|
985
|
+
declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient, style, className, }: OfferingProgressCardProps): react_jsx_runtime.JSX.Element;
|
|
1014
986
|
|
|
1015
987
|
type OwnerBookingProps = {
|
|
1016
988
|
propertyName?: string | null;
|
|
@@ -1160,4 +1132,4 @@ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
1160
1132
|
*/
|
|
1161
1133
|
declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1162
1134
|
|
|
1163
|
-
export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type
|
|
1135
|
+
export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, Skeleton, type SkeletonProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, hasPendingActivity, useAdaptivePolling, useToast };
|