design-system-silkhaus 2.3.0-beta.monthly-payment.6 → 2.3.0-beta.travel-list.17

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import { CalendarDayShape } from 'react-dates';
 import { ClassProp } from 'class-variance-authority/types';
-import { ClassValue } from 'clsx';
 import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -12,6 +11,8 @@ 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>>;
@@ -29,6 +30,10 @@ export declare interface AccordionProps {
     isExpanded?: boolean;
 }
 
+declare type ActionButtonProps = {
+    label: string;
+} & ButtonProps;
+
 export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface ActionFooterProps {
@@ -62,7 +67,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';
     /**
@@ -81,14 +86,6 @@ 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 {
@@ -127,6 +124,10 @@ 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> {
@@ -162,6 +163,14 @@ export declare interface ButtonsGroupSelectorProps extends HTMLAttributes<HTMLDi
     minWidthButton?: string;
     buttonWidth?: string;
     minSelectionError?: string;
+    /**
+     * className for the wrapping div on the buttons
+     */
+    buttonsContainerClassName?: string;
+    /**
+     * className to applied on each button
+     */
+    buttonClassName?: string;
 }
 
 export declare const CalendarIcon: FC<{
@@ -201,6 +210,14 @@ 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;
 }>;
@@ -209,11 +226,17 @@ export declare const ChevronRightRegularIcon: FC<{
     className?: string;
 }>;
 
-export declare const CloseIcon: FC<{
+export declare const ClipboardIcon: FC<{
     className?: string;
 }>;
 
-export declare function cn(...inputs: ClassValue[]): string;
+export declare const ClipboardSolidIcon: FC<{
+    className?: string;
+}>;
+
+export declare const CloseIcon: FC<{
+    className?: string;
+}>;
 
 export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
 
@@ -251,6 +274,12 @@ 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>>;
@@ -259,14 +288,26 @@ export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     open: boolean;
 }
 
-export declare const DUE_TODAY = "due_today";
+export declare const DialogV2: FC<DialogV2Props>;
+
+export declare type DialogV2Props = {
+    className?: string;
+    title: string;
+    subTitle?: string;
+    dialogContainerClassname?: string;
+    dialogHeaderClassname?: string;
+    dialogBodyClassname?: string;
+    dialogFooterClassname?: string;
+    dialogBody: ReactNode;
+    show: boolean;
+    onClose?: () => void;
+    actionButtons?: ActionButtonProps[];
+};
 
 export declare const FilterIcon: FC<{
     className?: string;
 }>;
 
-export declare const formatCurrency: (val: number, currency?: string) => string;
-
 export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
@@ -310,6 +351,10 @@ 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> {
@@ -338,13 +383,6 @@ 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 = {
@@ -362,8 +400,14 @@ 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 {
@@ -375,6 +419,10 @@ 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> {
@@ -401,9 +449,14 @@ 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>>;
@@ -421,9 +474,14 @@ 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>>;
@@ -438,99 +496,17 @@ declare interface Option_2 {
 }
 export { Option_2 as Option }
 
-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 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 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;
+export declare const PencilIcon: FC<{
     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' | 'failed';
-    /**
-     * Define the position of the payment entry in the payment schedule
-     * @default 'in-between'
-     */
-    positionInSchedule?: 'first' | 'last' | 'in-between';
-};
-
-export declare const PaymentSchedulePreview: default_2.FC<PaymentSchedulePreviewProps>;
-
-export declare const PaymentSchedulePreviewItem: default_2.FC<PaymentSchedulePreviewItemProps>;
-
-export declare interface PaymentSchedulePreviewItemProps {
-    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 PaymentSchedulePreviewProps {
+export declare const PlusCircleIcon: FC<{
     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 type PaymentScheduleProps = {
+export declare const PreviewIcon: FC<{
     className?: string;
-    paymentItems: PaymentScheduleItemProps[];
-};
+}>;
 
 export declare const PriceRangeSlider: default_2.FC<PriceRangeSliderProps>;
 
@@ -551,6 +527,7 @@ 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>>;
@@ -614,7 +591,35 @@ export declare const RulerRegularIcon: FC<{
 
 export declare type ScreenSize = 'mobile' | 'tablet' | 'desktop';
 
-export declare const SECURITY_DEPOSIT_REFUND = "security_deposit_refund";
+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 SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
 
@@ -663,11 +668,17 @@ 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 {
@@ -676,6 +687,12 @@ 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> {
@@ -754,6 +771,50 @@ 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;
+    neighborhood?: 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> {