design-system-silkhaus 2.2.0-beta.travel-list.14 → 2.3.0-beta.monthly-payment.1

package/dist/index.d.ts

@@ -11,8 +11,6 @@ import { PropsWithChildren } from 'react';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
-import { toast as toast_2 } from 'react-toastify';
-import { ToastContainerProps as ToastContainerProps_2 } from 'react-toastify';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -63,7 +61,7 @@ export declare interface AlertDialogProps {
 export declare const AnimatedModal: ForwardRefExoticComponent<AnimatedModalProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
-    show?: boolean;
+    show: boolean;
     handleClose?: () => void;
     animation?: 'slideUp' | 'slideDown' | 'fadeIn';
     /**
@@ -82,6 +80,14 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
     contentClassName?: string;
 }
 
+export declare const ArrowRightIcon: FC<{
+    className?: string;
+}>;
+
+export declare const ArrowUndoIcon: FC<{
+    className?: string;
+}>;
+
 export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
 
 declare interface AsteriskProps {
@@ -120,10 +126,6 @@ export declare interface BookingQuoteLineItemType {
     description?: string;
 }
 
-export declare const BuildingIcon: FC<{
-    className?: string;
-}>;
-
 export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -198,14 +200,6 @@ export declare interface CheckboxProps extends HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
 }
 
-export declare const CheckmarkCircleIcon: FC<{
-    className?: string;
-}>;
-
-export declare const CheckmarkIcon: FC<{
-    className?: string;
-}>;
-
 export declare const ChevronLeftRegularIcon: FC<{
     className?: string;
 }>;
@@ -214,14 +208,6 @@ export declare const ChevronRightRegularIcon: FC<{
     className?: string;
 }>;
 
-export declare const ClipboardIcon: FC<{
-    className?: string;
-}>;
-
-export declare const ClipboardSolidIcon: FC<{
-    className?: string;
-}>;
-
 export declare const CloseIcon: FC<{
     className?: string;
 }>;
@@ -262,12 +248,6 @@ declare interface DateRangePickerProps {
     isAdjustHeightForViewport?: boolean;
 }
 
-export declare const DeleteIcon: FC<{
-    className?: string;
-}>;
-
-export declare const desktopMinWidth: number;
-
 export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
 
 export declare const Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<HTMLDivElement>>;
@@ -276,6 +256,8 @@ export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     open: boolean;
 }
 
+export declare const DUE_TODAY = "due_today";
+
 export declare const FilterIcon: FC<{
     className?: string;
 }>;
@@ -323,10 +305,6 @@ export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTM
     images: string[];
 }
 
-export declare const InfoIcon: FC<{
-    className?: string;
-}>;
-
 export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
 
 export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
@@ -355,6 +333,13 @@ export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLIn
     onNumberUpdate?: (val: number | '') => void;
 }
 
+export declare const INSTALLMENT = "installment";
+
+declare interface KeyMapping<SourceKey extends keyof PaymentRadioInputProps, DestinationKey extends string> {
+    sourceKey: SourceKey;
+    destinationKey: DestinationKey;
+}
+
 export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare type ListingCardProps = {
@@ -372,14 +357,8 @@ export declare type ListingCardProps = {
     totalPrice: string;
     slashedTotalPrice?: string;
     onClick: () => void;
-    selectable?: boolean;
-    selectionState?: SelectionStateEnum;
 };
 
-export declare const LocationIcon: FC<{
-    className?: string;
-}>;
-
 export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface LongTermBannerProps {
@@ -391,10 +370,6 @@ export declare interface LongTermBannerProps {
     className?: string;
 }
 
-export declare const MagnifyGlassIcon: FC<{
-    className?: string;
-}>;
-
 export declare const MobileFilterMenu: ForwardRefExoticComponent<MobileFilterMenuProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
@@ -421,14 +396,9 @@ export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttrib
     placeholder?: string;
     selected?: boolean;
     setCheckBoxValue?: boolean;
-    /**
-     * @deprecated use `icon` instead to pass a react node
-     */
     dropdownIcon?: string;
-    icon?: React.ReactNode;
     error?: string;
     noDataError?: string;
-    disabled?: boolean;
 }
 
 export declare const MobileSelectCardDropDown: ForwardRefExoticComponent<MobileSelectCardDropDownProps & RefAttributes<HTMLDivElement>>;
@@ -446,14 +416,9 @@ export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HT
     }) => void;
     placeholder?: string;
     selected?: boolean;
-    /**
-     * @deprecated use `icon` instead to pass a react node
-     */
     dropdownIcon?: string;
-    icon?: React.ReactNode;
     error?: string;
     noDataError?: string;
-    disabled?: boolean;
 }
 
 export declare const MobileTootip: FC<PropsWithChildren<TooltipProps>>;
@@ -468,17 +433,99 @@ declare interface Option_2 {
 }
 export { Option_2 as Option }
 
-export declare const PencilIcon: FC<{
+declare const PaymentItem_2: default_2.FC<PaymentScheduleItemProps>;
+export { PaymentItem_2 as PaymentItem }
+
+export declare const PaymentRadioGroup: React.FC<PaymentRadioGroupProps>;
+
+export declare interface PaymentRadioGroupInputProps {
+    id: string;
+    name: string;
+    label: string | React.ReactNode;
+    price: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    selectionContent?: React.ReactNode;
     className?: string;
-}>;
+}
 
-export declare const PlusCircleIcon: FC<{
+export declare interface PaymentRadioGroupProps {
+    options: PaymentRadioGroupInputProps[];
     className?: string;
-}>;
+    defaultValue?: string;
+    keyMappings?: Array<KeyMapping<keyof PaymentRadioGroupInputProps, string>>;
+    onChange: (selectedOption: Record<string, string> | PaymentRadioGroupInputProps) => void;
+}
+
+export declare const PaymentRadioInput: default_2.FC<PaymentRadioInputProps>;
 
-export declare const PreviewIcon: FC<{
+export declare interface PaymentRadioInputProps {
+    id: string;
+    name: string;
+    label: string | default_2.ReactNode;
+    price: string | default_2.ReactNode;
+    description?: string | default_2.ReactNode;
+    checked?: boolean;
+    selectionContent?: default_2.ReactNode;
     className?: string;
-}>;
+    onChange: (id: string) => void;
+}
+
+export declare const PaymentSchedule: default_2.FC<PaymentScheduleProps>;
+
+export declare type PaymentScheduleItemProps = {
+    date: string;
+    title: string;
+    amount: string;
+    /**
+     * Define the status of the payment entry
+     * @default 'scheduled'
+     */
+    state?: 'completed' | 'next-due' | 'scheduled';
+    /**
+     * Define the position of the payment entry in the payment schedule
+     * @default 'in-between'
+     */
+    positionInSchedule?: 'first' | 'last' | 'in-between';
+};
+
+export declare type PaymentScheduleProps = {
+    className?: string;
+    paymentItems: PaymentScheduleItemProps[];
+};
+
+export declare const PaymentTimeline: default_2.FC<PaymentTimelineProps>;
+
+export declare const PaymentTimelineItem: default_2.FC<PaymentTimelineItemProps>;
+
+export declare interface PaymentTimelineItemProps {
+    keyId: typeof DUE_TODAY | typeof SECURITY_DEPOSIT_REFUND | typeof INSTALLMENT;
+    displayName: string | default_2.ReactNode;
+    subText?: string | default_2.ReactNode;
+    amount: number;
+    className?: string;
+    currency: string;
+}
+
+export declare interface PaymentTimelineProps {
+    className?: string;
+    totalAmount: number;
+    currency: string;
+    dateFormat?: string;
+    popupDateFormat?: string;
+    items: {
+        keyId: typeof DUE_TODAY | typeof INSTALLMENT | typeof SECURITY_DEPOSIT_REFUND;
+        displayName?: string;
+        amount: number;
+        date: string;
+        className?: string;
+        subText?: string;
+        popupDate?: string;
+        popupTitle?: string;
+    }[];
+    noOfInstallmentsToShow?: number;
+    otherTotalCount?: number;
+    showDetailsModalTitle?: string;
+}
 
 export declare const PriceRangeSlider: default_2.FC<PriceRangeSliderProps>;
 
@@ -499,7 +546,6 @@ export declare interface PriceRangeSliderProps {
     onPriceRangeChange?: (value: [number | '', number | '']) => void;
     currency?: string;
     value?: [number | '', number | ''];
-    disabled?: boolean;
 }
 
 export declare const PromoDialog: default_2.ForwardRefExoticComponent<PromoDialogProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -563,35 +609,7 @@ export declare const RulerRegularIcon: FC<{
 
 export declare type ScreenSize = 'mobile' | 'tablet' | 'desktop';
 
-export declare enum SelectionStateEnum {
-    None = "none",
-    Selected = "selected",
-    Added = "added"
-}
-
-export declare const SelectPopover: ForwardRefExoticComponent<SelectPopoverProps & RefAttributes<HTMLDivElement>>;
-
-export declare interface SelectPopoverProps {
-    showPopup?: boolean;
-    mobileContainerClassname?: string;
-    desktopContainerClassname?: string;
-    maxWidth?: string;
-    options?: Array<{
-        label: string;
-        icon: string | ReactNode;
-        value: string;
-    }>;
-    onOptionSelected?: (value: string) => void;
-    handleClose?: () => void;
-}
-
-export declare const SendIcon: FC<{
-    className?: string;
-}>;
-
-export declare const ShareIcon: FC<{
-    className?: string;
-}>;
+export declare const SECURITY_DEPOSIT_REFUND = "security_deposit_refund";
 
 export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
 
@@ -640,17 +658,11 @@ export declare interface SwitchProps {
     htmlId?: string;
 }
 
-export declare const tabletMinWidth: number;
-
 declare type TagProps = {
     icon: default_2.ReactNode;
     label: string;
 };
 
-export declare const ThreeDotsCircleIcon: FC<{
-    className?: string;
-}>;
-
 export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TimerProps {
@@ -659,12 +671,6 @@ export declare interface TimerProps {
     outerDivClass?: string;
 }
 
-export declare const toast: typeof toast_2;
-
-export declare const ToastContainer: FC<ToastContainerProps>;
-
-export declare type ToastContainerProps = ToastContainerProps_2;
-
 export declare const ToggleCard: default_2.ForwardRefExoticComponent<ToggleCardProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface ToggleCardProps extends HTMLAttributes<HTMLDivElement> {
@@ -743,50 +749,6 @@ export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLD
     buttonText: string;
 }
 
-export declare const TrashIcon: FC<{
-    className?: string;
-}>;
-
-export declare const TravelList: default_2.ForwardRefExoticComponent<TravelListProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare const TravelListItem: default_2.ForwardRefExoticComponent<TravelListItemProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface TravelListItemProps {
-    title?: string;
-    homeCount?: number;
-    location?: string;
-    dates?: string;
-    budget?: string;
-    shareLink?: string;
-    onClickEditBtn?: () => void;
-    onClickViewBtn?: () => void;
-    onClickShareBtn?: () => void;
-    hideEdit?: boolean;
-    hideShare?: boolean;
-}
-
-export declare const TravelListPropertyItem: default_2.ForwardRefExoticComponent<TravelListPropertyItemProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface TravelListPropertyItemProps {
-    className?: string;
-    title?: string;
-    type?: string;
-    bedroom?: string;
-    area?: string;
-    price?: string;
-    guests?: string;
-    imageUrl?: string;
-    onOpenLinkClick?: () => void;
-    onDeleteBtnClick?: () => void;
-    isUnavailable?: boolean;
-}
-
-export declare interface TravelListProps extends default_2.PropsWithChildren {
-    items?: TravelListItemProps[];
-    hideShare?: boolean;
-    hideEdit?: boolean;
-}
-
 export declare const TwoColumnDialog: ForwardRefExoticComponent<TwoColumnDialogProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {