design-system-silkhaus 2.4.0-beta.mission-values.3 → 2.4.0

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 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';
@@ -87,6 +88,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 {
@@ -170,6 +179,10 @@ export declare interface ButtonsGroupSelectorProps extends HTMLAttributes<HTMLDi
     buttonClassName?: string;
 }
 
+export declare const CalendarIcon: FC<{
+    className?: string;
+}>;
+
 export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
@@ -215,6 +228,8 @@ export declare const CloseIcon: FC<{
     className?: string;
 }>;
 
+export declare function cn(...inputs: ClassValue[]): string;
+
 export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
 
 declare interface DateRangePickerProps {
@@ -259,10 +274,14 @@ export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     open: boolean;
 }
 
+export declare const DUE_TODAY = "due_today";
+
 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'> {
@@ -334,6 +353,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 = {
@@ -427,6 +453,100 @@ 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;
+    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 {
+    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 = {
+    className?: string;
+    paymentItems: PaymentScheduleItemProps[];
+};
+
 export declare const PriceRangeSlider: default_2.FC<PriceRangeSliderProps>;
 
 export declare interface PriceRangeSliderProps {
@@ -514,6 +634,8 @@ export declare const Scrollbar: FC<ScrollbarProps>;
 export declare interface ScrollbarProps extends Props {
 }
 
+export declare const SECURITY_DEPOSIT_REFUND = "security_deposit_refund";
+
 export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare type SlickImageCarouselProps = {