design-system-silkhaus 3.8.0-beta.ST-1134.2 → 3.8.0-beta.ST-1134.4

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.ts DELETED
@@ -1,1648 +0,0 @@
1
- import { CalendarDayShape } from 'react-dates';
2
- import { ClassProp } from 'class-variance-authority/types';
3
- import { ClassValue } from 'clsx';
4
- import { default as default_2 } from 'react';
5
- import { ElementType } from 'react';
6
- import { FC } from 'react';
7
- import { fontSizeConfig } from '../../tailwind.config';
8
- import { ForwardRefExoticComponent } from 'react';
9
- import { HTMLAttributes } from 'react';
10
- import { JSX as JSX_2 } from 'react/jsx-runtime';
11
- import { LazyLoadTypes } from 'react-slick';
12
- import { ModifiersShape } from 'react-dates';
13
- import { Moment } from 'moment';
14
- import { Placement } from '@floating-ui/react';
15
- import { Props } from 'simplebar-react';
16
- import { PropsWithChildren } from 'react';
17
- import * as React_2 from 'react';
18
- import { ReactNode } from 'react';
19
- import { RefAttributes } from 'react';
20
- import { toast as toast_2 } from 'react-toastify';
21
- import { ToastContainerProps as ToastContainerProps_2 } from 'react-toastify';
22
- import { VariantProps } from 'class-variance-authority';
23
-
24
- export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
25
-
26
- export declare interface AccordionProps {
27
- title: string | ReactNode;
28
- content: ReactNode;
29
- expandIcon?: string | ReactNode;
30
- collapseIcon?: string | ReactNode;
31
- accordionClass?: string | undefined;
32
- accordionHeaderClass?: string | undefined;
33
- accordionTitleClass?: string | undefined;
34
- accordionContentClass?: string | undefined;
35
- isEnabled?: boolean;
36
- isExpanded?: boolean;
37
- /**
38
- * @default true
39
- * If false, accordion will collapse on clicking anywhere,
40
- * otherwise it will only collapse on clicking the header
41
- */
42
- isCollapseOnlyOnHeaderClick?: boolean;
43
- onStateChange?: (state: boolean) => void;
44
- }
45
-
46
- declare type ActionButtonProps = {
47
- label: string;
48
- } & ButtonProps;
49
-
50
- export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
51
-
52
- export declare interface ActionFooterProps {
53
- className?: string;
54
- secondaryBtnClick?: () => void;
55
- primaryBtnClick: () => void;
56
- primaryBtnDisabled?: boolean;
57
- secondaryBtnDisabled?: boolean;
58
- primaryBtnTxt: string | default_2.ReactNode;
59
- secondaryBtnTxt?: string | default_2.ReactNode;
60
- primaryBtnType?: 'button' | 'submit' | 'reset';
61
- secondaryBtnType?: 'button' | 'submit' | 'reset';
62
- thirdColumn?: default_2.ReactNode;
63
- }
64
-
65
- export declare const AirConditionIcon: FC<{
66
- className?: string;
67
- }>;
68
-
69
- export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
70
-
71
- export declare interface AlertDialogProps {
72
- outerDivClassName?: string;
73
- banner?: string;
74
- title: ReactNode;
75
- description?: ReactNode;
76
- disablePrimaryBtn: boolean;
77
- showPrimaryBtn: boolean;
78
- disableSecondaryBtn: boolean;
79
- showSecondaryBtn: boolean;
80
- primaryBtnText?: string | ReactNode;
81
- secondaryBtnText?: string | ReactNode;
82
- onPrimaryBtnClick?: () => void;
83
- onSecondaryBtnClick?: () => void;
84
- }
85
-
86
- export declare const AnimatedModal: ForwardRefExoticComponent<AnimatedModalProps & RefAttributes<HTMLDivElement>>;
87
-
88
- export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
89
- show?: boolean;
90
- handleClose?: () => void;
91
- animation?: 'slideUp' | 'slideDown' | 'slideLeft' | 'slideRight' | 'fadeIn';
92
- /**
93
- * @deprecated Apply styles using `contentClassName` instead
94
- */
95
- marginTop?: string;
96
- /**
97
- * @deprecated Apply styles using `contentClassName` instead
98
- */
99
- maxWidth?: string;
100
- /**
101
- * classes to apply on container that wraps the children passed to AnimatedModal
102
- */
103
- contentClassName?: string;
104
- isDismissible?: boolean;
105
- overlayBlur?: boolean;
106
- }
107
-
108
- export declare const ArrowRightIcon: FC<{
109
- className?: string;
110
- }>;
111
-
112
- export declare const ArrowTopRightIcon: FC<{
113
- className?: string;
114
- }>;
115
-
116
- export declare const ArrowUndoIcon: FC<{
117
- className?: string;
118
- }>;
119
-
120
- export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
121
-
122
- declare interface AsteriskProps {
123
- className?: string;
124
- }
125
-
126
- export declare const Badge: default_2.ForwardRefExoticComponent<BadgeProps & default_2.RefAttributes<HTMLDivElement>>;
127
-
128
- export declare type BadgeProps = {
129
- icon?: default_2.ReactNode;
130
- label: string;
131
- variant: 'dark' | 'light' | 'amenity';
132
- className?: string;
133
- };
134
-
135
- export declare const BankRegularIcon: FC<{
136
- className?: string;
137
- }>;
138
-
139
- export declare const BarsIcon: FC<{
140
- className?: string;
141
- }>;
142
-
143
- export declare const BarsOutlineIcon: FC<{
144
- className?: string;
145
- }>;
146
-
147
- export declare const BedLineIcon: FC<{
148
- className?: string;
149
- }>;
150
-
151
- export declare const BedRegularIcon: FC<{
152
- className?: string;
153
- }>;
154
-
155
- export declare const BellIcon: FC<{
156
- className?: string;
157
- }>;
158
-
159
- export declare const BellSolidIcon: FC<{
160
- className?: string;
161
- }>;
162
-
163
- export declare const BoltIcon: FC<{
164
- className?: string;
165
- }>;
166
-
167
- export declare const BookIcon: FC<{
168
- className?: string;
169
- }>;
170
-
171
- export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
172
-
173
- export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
174
- items: BookingQuoteLineItemType[];
175
- isExpandedInMobile?: boolean;
176
- }
177
-
178
- export declare interface BookingQuoteLineItemType {
179
- key_name: string;
180
- display_name: string;
181
- currency_converted_amount: string;
182
- type: string;
183
- description?: string;
184
- }
185
-
186
- export declare const BoxCheckIcon: FC<{
187
- className?: string;
188
- }>;
189
-
190
- export declare const BoxLineGraphUpIcon: FC<{
191
- className?: string;
192
- }>;
193
-
194
- export declare const BuildingIcon: FC<{
195
- className?: string;
196
- }>;
197
-
198
- export declare const BurgerIcon: FC<{
199
- className?: string;
200
- }>;
201
-
202
- export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
203
-
204
- export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
205
- color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
206
- size?: 'small' | 'large';
207
- disabled?: true | false;
208
- startIcon?: default_2.ReactNode;
209
- endIcon?: default_2.ReactNode;
210
- trackingId?: string;
211
- selected?: boolean;
212
- helperText?: string;
213
- /**
214
- * classes to apply on the outer most container which contains
215
- * the button and the helper text
216
- */
217
- className?: string;
218
- /**
219
- * classes to apply on button element
220
- */
221
- buttonClassName?: string;
222
- /**
223
- * classes to apply on the helper text
224
- */
225
- helpterTextClassName?: string;
226
- }
227
-
228
- export declare const ButtonsGroupSelector: default_2.ForwardRefExoticComponent<ButtonsGroupSelectorProps & default_2.RefAttributes<HTMLDivElement>>;
229
-
230
- export declare interface ButtonsGroupSelectorProps extends HTMLAttributes<HTMLDivElement> {
231
- label?: string;
232
- value?: Array<{
233
- label: string;
234
- value: string;
235
- }>;
236
- options: Array<{
237
- label: string;
238
- value: string;
239
- }>;
240
- onSelectionChange?: (selected: Array<{
241
- label: string;
242
- value: string;
243
- }>) => void;
244
- placeholder?: string;
245
- selected?: boolean;
246
- isMultiSelect?: boolean;
247
- noDataError?: string;
248
- minWidthButton?: string;
249
- buttonWidth?: string;
250
- minSelectionError?: string;
251
- /**
252
- * className for the wrapping div on the buttons
253
- */
254
- buttonsContainerClassName?: string;
255
- /**
256
- * className to applied on each button
257
- */
258
- buttonClassName?: string;
259
- }
260
-
261
- export declare const CalendarIcon: FC<{
262
- className?: string;
263
- }>;
264
-
265
- export declare const CalendarPlusIcon: FC<{
266
- className?: string;
267
- }>;
268
-
269
- export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
270
-
271
- export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
272
-
273
- export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
274
-
275
- export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
276
-
277
- export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
278
-
279
- export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
280
- asChild?: boolean;
281
- as?: string;
282
- }
283
-
284
- export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
285
-
286
- export declare type CardVariantProps = VariantProps<typeof cardVariants>;
287
-
288
- declare const cardVariants: (props?: ({
289
- cardType?: "default" | "shadowCard" | null | undefined;
290
- } & ClassProp) | undefined) => string;
291
-
292
- export declare const ChairIcon: FC<{
293
- className?: string;
294
- }>;
295
-
296
- export declare const Checkbox: default_2.ForwardRefExoticComponent<CheckboxProps & default_2.RefAttributes<HTMLInputElement>>;
297
-
298
- export declare interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
299
- isChecked: boolean;
300
- onSelectionChange?: () => void;
301
- label?: default_2.ReactNode;
302
- disabled?: boolean;
303
- className?: string;
304
- labelPosition?: 'left' | 'right';
305
- }
306
-
307
- export declare const CheckmarkCircleIcon: FC<{
308
- className?: string;
309
- }>;
310
-
311
- export declare const CheckmarkIcon: FC<{
312
- className?: string;
313
- }>;
314
-
315
- export declare const ChevronDownRegularIcon: FC<{
316
- className?: string;
317
- }>;
318
-
319
- export declare const ChevronLeftRegularIcon: FC<{
320
- className?: string;
321
- }>;
322
-
323
- export declare const ChevronRightRegularIcon: FC<{
324
- className?: string;
325
- }>;
326
-
327
- export declare const ClipboardIcon: FC<{
328
- className?: string;
329
- }>;
330
-
331
- export declare const ClipboardSolidIcon: FC<{
332
- className?: string;
333
- }>;
334
-
335
- export declare const CloseIcon: FC<{
336
- className?: string;
337
- }>;
338
-
339
- export declare function cn(...inputs: ClassValue[]): string;
340
-
341
- /**
342
- * A wrapper component that follows design system's margins on pages for different screen sizes
343
- */
344
- export declare const Container: <T extends ElementType = "div">({ as, children, className, dataTestId, ...rest }: ContainerProps<T>) => JSX_2.Element;
345
-
346
- export declare type ContainerProps<T extends ElementType = 'div'> = React.PropsWithChildren<{
347
- /**
348
- * Element type to render as
349
- * @default 'div'
350
- */
351
- as?: T;
352
- dataTestId?: string;
353
- }> & React.ComponentPropsWithoutRef<T>;
354
-
355
- export declare const ContractIcon: FC<{
356
- className?: string;
357
- }>;
358
-
359
- export declare const DashboardIcon: FC<{
360
- className?: string;
361
- }>;
362
-
363
- export declare const DashboardOutlineIcon: FC<{
364
- className?: string;
365
- }>;
366
-
367
- export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
368
-
369
- declare interface DateRangePickerProps {
370
- startDatePlaceholderText?: string;
371
- endDatePlaceholderText?: string;
372
- onDatesSelected?: (dates: {
373
- startDate: Moment | null;
374
- endDate: Moment | null;
375
- }) => void;
376
- onDatesChange?: (dates: {
377
- startDate: Moment | null;
378
- endDate: Moment | null;
379
- }) => void;
380
- initialStartDate?: Moment | null;
381
- initialEndDate?: Moment | null;
382
- focusedInput?: 'startDate' | 'endDate' | null;
383
- onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
384
- lTBannerImage?: string;
385
- lTBannerTitle?: string | default_2.ReactNode;
386
- lTBannerDesc?: string | default_2.ReactNode;
387
- lTBannerBgColor?: string;
388
- thirdColumn?: string | default_2.ReactNode;
389
- onMobileCloseClick?: () => void;
390
- onOutsideClick?: (e: unknown) => void;
391
- onPrevMonthClick?: (e: unknown) => void;
392
- onNextMonthClick?: (e: unknown) => void;
393
- renderCalendarDay?: (props: CalendarDayShape) => default_2.ReactNode | undefined;
394
- isDayBlocked?: ((day: Moment) => boolean) | undefined;
395
- renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
396
- renderCalendarInfo?: () => default_2.ReactNode | null | undefined;
397
- _daySize?: number;
398
- _mobileDaySize?: number;
399
- mobileBreakPoint?: number;
400
- isAdjustHeightForViewport?: boolean;
401
- /**
402
- * @default 'button'
403
- */
404
- primaryBtnType?: 'button' | 'submit' | 'reset';
405
- /**
406
- * @default 'button'
407
- */
408
- secondaryBtnType?: 'button' | 'submit' | 'reset';
409
- /**
410
- * Used for RTL.
411
- * Pass this as true when you have direction=rtl in your HTML
412
- * @default false
413
- */
414
- rtl?: boolean;
415
- /**
416
- * @default 'Check-in'
417
- */
418
- startDateLabel?: string;
419
- /**
420
- * @default 'Check out'
421
- */
422
- endDateLabel?: string;
423
- /**
424
- * @default 'Apply'
425
- */
426
- primaryBtnText?: string;
427
- /**
428
- * @default 'Clear'
429
- */
430
- secondaryBtnText?: string;
431
- }
432
-
433
- export declare const DeleteIcon: FC<{
434
- className?: string;
435
- }>;
436
-
437
- export declare const desktopMinWidth: number;
438
-
439
- export declare const DesktopPopover: FC<PropsWithChildren<PopoverProps>>;
440
-
441
- export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
442
-
443
- export declare const Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<HTMLDivElement>>;
444
-
445
- export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
446
- open: boolean;
447
- }
448
-
449
- export declare const DialogV2: FC<DialogV2Props>;
450
-
451
- export declare type DialogV2Props = {
452
- className?: string;
453
- title: string;
454
- subTitle?: string;
455
- dialogContainerClassname?: string;
456
- dialogHeaderClassname?: string;
457
- dialogBodyClassname?: string;
458
- dialogFooterClassname?: string;
459
- dialogBody: ReactNode;
460
- show: boolean;
461
- onClose?: () => void;
462
- actionButtons?: ActionButtonProps[];
463
- isDismissible?: boolean;
464
- overlayBlur?: boolean;
465
- dir?: 'ltr' | 'rtl' | 'auto';
466
- };
467
-
468
- export declare const DocumentsIcon: FC<{
469
- className?: string;
470
- }>;
471
-
472
- export declare const DoorLockIcon: FC<{
473
- className?: string;
474
- }>;
475
-
476
- export declare const DoorOpenIcon: FC<{
477
- className?: string;
478
- }>;
479
-
480
- export declare const DUE_TODAY = "due_today";
481
-
482
- export declare const FileIcon: FC<{
483
- className?: string;
484
- }>;
485
-
486
- export declare const FileInput: default_2.FC<FileInputProps>;
487
-
488
- export declare interface FileInputProps {
489
- label?: string;
490
- /**
491
- * label that will appear on the button.
492
- * @default 'Upload'
493
- */
494
- uploadButtonLabel?: string;
495
- /**
496
- * label that will appear next to the upload button
497
- * @default 'Choose...'
498
- */
499
- uploadLabel?: string;
500
- helperText?: string;
501
- /**
502
- * file types that will be accepted by the input.
503
- * accepts same values as https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
504
- */
505
- accept?: string;
506
- multiple?: boolean;
507
- onChange?: (files: FileList | null) => void;
508
- disabled?: boolean;
509
- required?: boolean;
510
- /**
511
- * If the file input is being used for uploading, an array of upload statuses
512
- * for each file can be passed to show status of each file.
513
- */
514
- uploadStatuses?: {
515
- isComplete: boolean;
516
- isDeleting?: boolean;
517
- message: string;
518
- fileId?: string | number;
519
- }[];
520
- className?: string;
521
- error?: boolean;
522
- /**
523
- * Controls whether we need to show tooltip or not
524
- */
525
- showTooltip?: boolean;
526
- /**
527
- * Provide option to overide default tooltip icon
528
- */
529
- tooltipIcon?: default_2.ReactNode;
530
- /**
531
- * Optional tooltip props without trigger
532
- */
533
- tooltipProps?: Omit<TooltipProps, 'trigger'>;
534
- /**
535
- * Allow deletion of file
536
- */
537
- allowDelete?: boolean;
538
- /**
539
- * Callback function to handle file deletion
540
- */
541
- onDeleteBtnClick?: (id: string | number) => void;
542
- }
543
-
544
- export declare const FilterIcon: FC<{
545
- className?: string;
546
- }>;
547
-
548
- export declare const FlameIcon: FC<{
549
- className?: string;
550
- }>;
551
-
552
- export declare const formatCurrency: (val: number, currency?: string) => string;
553
-
554
- export declare const GearIcon: FC<{
555
- className?: string;
556
- }>;
557
-
558
- export declare const GearOutlinedIcon: FC<{
559
- className?: string;
560
- }>;
561
-
562
- export declare const getScreenSize: (width: number) => ScreenSize;
563
-
564
- export declare const GlobeIcon: FC<{
565
- className?: string;
566
- }>;
567
-
568
- export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
569
-
570
- export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
571
- asChild?: boolean;
572
- }
573
-
574
- export declare type GridVariantProps = VariantProps<typeof gridVariants>;
575
-
576
- declare const gridVariants: (props?: ({
577
- display?: "grid" | "inlineGrid" | null | undefined;
578
- gap?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
579
- gapX?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
580
- gapY?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
581
- justifyContent?: "end" | "start" | "normal" | "center" | "between" | "around" | "evenly" | "stretch" | null | undefined;
582
- justifyItems?: "end" | "start" | "center" | "stretch" | null | undefined;
583
- alignContent?: "end" | "start" | "normal" | "center" | "between" | "around" | "evenly" | "stretch" | "baseline" | null | undefined;
584
- alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
585
- placeContent?: "end" | "start" | "center" | "between" | "around" | "evenly" | "stretch" | "baseline" | null | undefined;
586
- placeItems?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
587
- } & ClassProp) | undefined) => string;
588
-
589
- export declare const HandCursorTapIcon: FC<{
590
- className?: string;
591
- }>;
592
-
593
- export declare const HeadsetIcon: FC<{
594
- className?: string;
595
- }>;
596
-
597
- export declare const HelperText: FC<HelperTextProps>;
598
-
599
- export declare interface HelperTextProps {
600
- error?: boolean;
601
- text?: ReactNode;
602
- className?: string;
603
- }
604
-
605
- export declare const HouseOutlineIcon: FC<{
606
- className?: string;
607
- }>;
608
-
609
- export declare const HouseRegularIcon: FC<{
610
- className?: string;
611
- }>;
612
-
613
- export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
614
-
615
- export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
616
- color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
617
- size?: 'small' | 'large';
618
- disabled?: true | false;
619
- }
620
-
621
- export declare const ImageCarousel: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
622
-
623
- export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
624
- images: string[];
625
- }
626
-
627
- export declare const InfoIcon: FC<{
628
- className?: string;
629
- }>;
630
-
631
- export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
632
-
633
- export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
634
- textarea?: true | false | undefined;
635
- label?: default_2.ReactNode;
636
- /**
637
- * @deprecated This was wrongly named. Please use `helperText` instead
638
- */
639
- caption?: string;
640
- helperText?: string;
641
- color?: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
642
- required?: boolean;
643
- labelClass?: string | undefined;
644
- InputDivClass?: string | undefined;
645
- /**
646
- * @deprecated This was wrongly named. Please use `helperTextClass` instead
647
- */
648
- captionClass?: string;
649
- helperTextClass?: string;
650
- startAdornment?: default_2.ReactNode;
651
- endAdornment?: default_2.ReactNode;
652
- min?: number;
653
- max?: number;
654
- value?: string | number;
655
- /**
656
- * When `true`, only numbers can be entered. Any other input will be ignored
657
- * When min and max are set, the entered value is set to min when less than min and max when greater than max
658
- */
659
- isNumbersOnly?: boolean;
660
- /**
661
- * When `isNumbersOnly` is `true`, entered value might be modified depending on min and max.
662
- * While `onChange` will you give what the user enters, `onNumberUpdate` will give the final modified value
663
- */
664
- onNumberUpdate?: (val: number | '') => void;
665
- /**
666
- * Controls whether we need to show tooltip or not
667
- */
668
- showTooltip?: boolean;
669
- /**
670
- * Provide option to overide default tooltip icon
671
- */
672
- tooltipIcon?: default_2.ReactNode;
673
- /**
674
- * Optional tooltip props without trigger
675
- */
676
- tooltipProps?: Omit<TooltipProps, 'trigger'>;
677
- }
678
-
679
- export declare const INSTALLMENT = "installment";
680
-
681
- declare interface KeyMapping<SourceKey extends keyof PaymentRadioInputProps, DestinationKey extends string> {
682
- sourceKey: SourceKey;
683
- destinationKey: DestinationKey;
684
- }
685
-
686
- export declare const Label: FC<LabelProps>;
687
-
688
- export declare type LabelProps = {
689
- label: default_2.ReactNode;
690
- required?: boolean;
691
- error?: boolean;
692
- className?: string;
693
- disabled?: boolean;
694
- };
695
-
696
- export declare const LineGraphDownIcon: FC<{
697
- className?: string;
698
- }>;
699
-
700
- export declare const LineGraphUpIcon: FC<{
701
- className?: string;
702
- }>;
703
-
704
- export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
705
-
706
- export declare type ListingCardProps = {
707
- images: string[];
708
- title: string | default_2.ReactNode;
709
- subtitle: string | default_2.ReactNode;
710
- guests: number;
711
- type: string;
712
- sqft: string;
713
- tags: TagProps[];
714
- amenityTags?: TagProps[];
715
- price: string;
716
- slashedPrice?: string;
717
- totalPrice: string;
718
- slashedTotalPrice?: string;
719
- onClick: () => void;
720
- selectable?: boolean;
721
- selectionState?: SelectionStateEnum;
722
- onViewListingClick?: () => void;
723
- className?: string;
724
- /**
725
- * Used for RTL.
726
- * Pass this as true when you have direction=rtl in your HTML
727
- * @default false
728
- */
729
- rtl?: boolean;
730
- /**
731
- * Text for view listing button
732
- * @default 'View Listing'
733
- */
734
- viewListingText?: string;
735
- /**
736
- * Text for no of guests label
737
- * @default 'Guests'
738
- */
739
- noOfGuestsLabel?: string;
740
- /**
741
- * Text for apartment type label
742
- * @default 'Type'
743
- */
744
- apartmentTypeLabel?: string;
745
- /**
746
- * Text for apartment area label
747
- * @default 'Sqft'
748
- */
749
- apartmentAreaLabel?: string;
750
- /**
751
- * Text for price suffix
752
- * @default 'avg/night'
753
- */
754
- priceSuffix?: string;
755
- /**
756
- * Text for total price suffix
757
- * @default 'Total excl. tax & fees'
758
- */
759
- totalPriceSuffix?: string;
760
- };
761
-
762
- export declare const LoadingIcon: FC<{
763
- className?: string;
764
- }>;
765
-
766
- export declare const LocaleSettingsModal: FC<LocaleSettingsModalProps>;
767
-
768
- export declare interface LocaleSettingsModalProps {
769
- languages?: Option_3[];
770
- currencies?: Option_3[];
771
- selectedLanguage?: Option_3;
772
- selectedCurrency?: Option_3;
773
- show: boolean;
774
- onSave: (settings: {
775
- language: Option_3;
776
- currency: Option_3;
777
- }) => void;
778
- onClose: () => void;
779
- }
780
-
781
- export declare const LocationIcon: FC<{
782
- className?: string;
783
- }>;
784
-
785
- export declare const LockIcon: FC<{
786
- className?: string;
787
- }>;
788
-
789
- export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
790
-
791
- export declare interface LongTermBannerProps {
792
- image: string;
793
- title: string | default_2.ReactNode;
794
- desc: string | default_2.ReactNode;
795
- size: 'small' | 'large';
796
- bgColor: string;
797
- className?: string;
798
- }
799
-
800
- export declare const MagnifyGlassIcon: FC<{
801
- className?: string;
802
- }>;
803
-
804
- export declare const MinusIcon: FC<{
805
- className?: string;
806
- }>;
807
-
808
- export declare const MobileFilterMenu: ForwardRefExoticComponent<MobileFilterMenuProps & RefAttributes<HTMLDivElement>>;
809
-
810
- export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
811
- show: boolean;
812
- handleClose?: () => void;
813
- staticBackdrop?: boolean;
814
- filterHeader?: string;
815
- filterDescription?: string;
816
- closeIcon?: string;
817
- animation?: 'slideDown' | 'slideUp' | 'fadeIn';
818
- isSecondary?: boolean;
819
- backgroundImage?: string;
820
- marginTop?: string;
821
- maxWidth?: string;
822
- rtl?: boolean;
823
- }
824
-
825
- export declare const MobileMultiSelectFilterDropDown: ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & RefAttributes<HTMLDivElement>>;
826
-
827
- export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
828
- label?: string;
829
- value?: Array<Option_2>;
830
- options: Array<Option_2>;
831
- onSelectionChange?: (selected: Array<Option_2>) => void;
832
- placeholder?: string;
833
- selected?: boolean;
834
- setCheckBoxValue?: boolean;
835
- /**
836
- * @deprecated use `icon` instead to pass a react node
837
- */
838
- dropdownIcon?: string;
839
- icon?: React.ReactNode;
840
- error?: string;
841
- noDataError?: string;
842
- disabled?: boolean;
843
- }
844
-
845
- export declare const MobilePopover: FC<PropsWithChildren<PopoverProps>>;
846
-
847
- export declare const MobileSelectCardDropDown: ForwardRefExoticComponent<MobileSelectCardDropDownProps & RefAttributes<HTMLDivElement>>;
848
-
849
- export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
850
- label?: string;
851
- value?: string;
852
- options: {
853
- imgUrl: string;
854
- label: string;
855
- }[];
856
- onSelectionChange?: (selected: {
857
- imgUrl: string;
858
- label: string;
859
- }) => void;
860
- placeholder?: string;
861
- selected?: boolean;
862
- /**
863
- * @deprecated use `icon` instead to pass a react node
864
- */
865
- dropdownIcon?: string;
866
- icon?: React.ReactNode;
867
- error?: string;
868
- noDataError?: string;
869
- disabled?: boolean;
870
- }
871
-
872
- export declare const MobileTootip: FC<PropsWithChildren<TooltipProps>>;
873
-
874
- export declare const MoneyIcon: FC<{
875
- className?: string;
876
- }>;
877
-
878
- export declare const MoonIcon: FC<{
879
- className?: string;
880
- }>;
881
-
882
- export declare const NotificationItem: FC<NotificationItemProps>;
883
-
884
- export declare type NotificationItemProps = {
885
- id?: string | number;
886
- className?: string;
887
- title: string;
888
- description1: string;
889
- description2?: string;
890
- thumbnailUrl?: string;
891
- isRead?: boolean;
892
- onClick?: (item: NotificationItemProps) => void;
893
- };
894
-
895
- export declare const OpenNewIcon: FC<{
896
- className?: string;
897
- }>;
898
-
899
- declare interface Option_2 {
900
- label: string;
901
- id?: number | 'All';
902
- }
903
- export { Option_2 as Option }
904
-
905
- declare type Option_3 = {
906
- value: string;
907
- label: string;
908
- };
909
-
910
- export declare const PartnerIcon: FC<{
911
- className?: string;
912
- }>;
913
-
914
- export declare const PartyPopperIcon: FC<{
915
- className?: string;
916
- }>;
917
-
918
- declare const PaymentItem_2: default_2.FC<PaymentScheduleItemProps>;
919
- export { PaymentItem_2 as PaymentItem }
920
-
921
- export declare const PaymentRadioGroup: React.FC<PaymentRadioGroupProps>;
922
-
923
- export declare interface PaymentRadioGroupInputProps {
924
- id: string;
925
- name: string;
926
- label: string | React.ReactNode;
927
- price: string | React.ReactNode;
928
- description?: string | React.ReactNode;
929
- selectionContent?: React.ReactNode;
930
- className?: string;
931
- }
932
-
933
- export declare interface PaymentRadioGroupProps {
934
- options: PaymentRadioGroupInputProps[];
935
- className?: string;
936
- defaultValue?: string;
937
- keyMappings?: Array<KeyMapping<keyof PaymentRadioGroupInputProps, string>>;
938
- onChange: (selectedOption: Record<string, string> | PaymentRadioGroupInputProps) => void;
939
- }
940
-
941
- export declare const PaymentRadioInput: default_2.FC<PaymentRadioInputProps>;
942
-
943
- export declare interface PaymentRadioInputProps {
944
- id: string;
945
- name: string;
946
- label: string | default_2.ReactNode;
947
- price: string | default_2.ReactNode;
948
- description?: string | default_2.ReactNode;
949
- descriptionRight?: string | default_2.ReactNode;
950
- checked?: boolean;
951
- selectionContent?: default_2.ReactNode;
952
- showDescription?: boolean;
953
- className?: string;
954
- onChange: (id: string) => void;
955
- }
956
-
957
- export declare const PaymentSchedule: default_2.FC<PaymentScheduleProps>;
958
-
959
- export declare type PaymentScheduleItemProps = {
960
- date: string;
961
- title: string;
962
- amount: string;
963
- /**
964
- * Define the status of the payment entry
965
- * @default 'scheduled'
966
- */
967
- state?: 'completed' | 'next-due' | 'scheduled' | 'failed';
968
- /**
969
- * Define the position of the payment entry in the payment schedule
970
- * @default 'in-between'
971
- */
972
- positionInSchedule?: 'first' | 'last' | 'in-between';
973
- };
974
-
975
- export declare const PaymentSchedulePreview: default_2.FC<PaymentSchedulePreviewProps>;
976
-
977
- export declare const PaymentSchedulePreviewItem: default_2.FC<PaymentSchedulePreviewItemProps>;
978
-
979
- export declare interface PaymentSchedulePreviewItemProps {
980
- keyId: typeof DUE_TODAY | typeof SECURITY_DEPOSIT_REFUND | typeof INSTALLMENT;
981
- displayName: string | default_2.ReactNode;
982
- subText?: string | default_2.ReactNode;
983
- amount: number;
984
- className?: string;
985
- currency: string;
986
- }
987
-
988
- export declare interface PaymentSchedulePreviewProps {
989
- className?: string;
990
- totalAmount: number;
991
- currency: string;
992
- dateFormat?: string;
993
- popupDateFormat?: string;
994
- items: {
995
- keyId: typeof DUE_TODAY | typeof INSTALLMENT | typeof SECURITY_DEPOSIT_REFUND;
996
- displayName?: string;
997
- amount: number;
998
- date: string;
999
- className?: string;
1000
- subText?: string;
1001
- popupDate?: string;
1002
- popupTitle?: string;
1003
- }[];
1004
- noOfInstallmentsToShow?: number;
1005
- otherTotalCount?: number;
1006
- showDetailsModalTitle?: string;
1007
- }
1008
-
1009
- export declare type PaymentScheduleProps = {
1010
- className?: string;
1011
- paymentItems: PaymentScheduleItemProps[];
1012
- };
1013
-
1014
- export declare const PdfIcon: FC<{
1015
- className?: string;
1016
- }>;
1017
-
1018
- export declare const PencilIcon: FC<{
1019
- className?: string;
1020
- }>;
1021
-
1022
- export declare const PhotoRectangleIcon: FC<{
1023
- className?: string;
1024
- }>;
1025
-
1026
- export declare const PinIcon: FC<{
1027
- className?: string;
1028
- }>;
1029
-
1030
- export declare const PlusBoxIcon: FC<{
1031
- className?: string;
1032
- }>;
1033
-
1034
- export declare const PlusBoxOutlineIcon: FC<{
1035
- className?: string;
1036
- }>;
1037
-
1038
- export declare const PlusCircleIcon: FC<{
1039
- className?: string;
1040
- }>;
1041
-
1042
- export declare const PlusIcon: FC<{
1043
- className?: string;
1044
- }>;
1045
-
1046
- /**
1047
- * A component that displays a floating popover with the `content` on click of the `trigger` element for desktop
1048
- * and for mobile it displays a dialog that slides from the bottom
1049
- */
1050
- export declare const Popover: FC<PropsWithChildren<PopoverProps>>;
1051
-
1052
- export declare interface PopoverProps {
1053
- /**
1054
- * Content of the popover
1055
- */
1056
- content: ReactNode;
1057
- /**
1058
- * The element that triggers the popover
1059
- */
1060
- trigger: ReactNode;
1061
- /**
1062
- * The placement of the floating popover. Only used in desktop version
1063
- * @default 'bottom'
1064
- */
1065
- placement?: Placement;
1066
- /**
1067
- * The trigger of the popover is wrapped in a container. This classname is added to that container
1068
- */
1069
- triggerContainerClassName?: string;
1070
- /**
1071
- * The content of the popover is wrapped in a container. This classname is added to that container
1072
- */
1073
- contentContainerClassname?: string;
1074
- /**
1075
- * When set true, popover will not be shown
1076
- * @default false
1077
- */
1078
- disabled?: boolean;
1079
- /**
1080
- * The offset of the popover from the trigger in px. Only applicable for desktop popover
1081
- * @default 4
1082
- */
1083
- offset?: number;
1084
- /**
1085
- * The title of the popover
1086
- */
1087
- title?: string;
1088
- /**
1089
- * Callback when popover is opened or closed
1090
- */
1091
- onOpenChange?: (isOpen: boolean) => void;
1092
- /**
1093
- * Pass this value to control the open state
1094
- */
1095
- isOpen?: boolean;
1096
- /**
1097
- * Adjust the height of the popover to fit the content in viewport
1098
- */
1099
- adjustHeight?: boolean | number;
1100
- /**
1101
- * Adjust the width of the popover to fit the content in viewport
1102
- */
1103
- adjustWidth?: boolean;
1104
- }
1105
-
1106
- export declare const PreviewIcon: FC<{
1107
- className?: string;
1108
- }>;
1109
-
1110
- export declare const PriceCheckIcon: FC<{
1111
- className?: string;
1112
- }>;
1113
-
1114
- export declare const PriceRangeSlider: default_2.ForwardRefExoticComponent<PriceRangeSliderProps & default_2.RefAttributes<HTMLDivElement>>;
1115
-
1116
- export declare interface PriceRangeSliderProps {
1117
- className?: string;
1118
- min?: number;
1119
- max: number;
1120
- step?: number;
1121
- /**
1122
- * This is called everytime the input field value changes
1123
- */
1124
- onInputChange?: (value: [number | string, number | string]) => void;
1125
- /**
1126
- * This is called when the slider value changes either through the slider
1127
- * or the input fields. This is only called after handling internally for any non numeric characters.
1128
- * Which means the value will either contain a number or empty string.
1129
- */
1130
- onPriceRangeChange?: (value: [number | '', number | '']) => void;
1131
- currency?: string;
1132
- value?: [number | '', number | ''];
1133
- disabled?: boolean;
1134
- /**
1135
- * @default 'From'
1136
- */
1137
- fromLabel?: string;
1138
- /**
1139
- * @default 'Up to'
1140
- */
1141
- uptoLabel?: string;
1142
- }
1143
-
1144
- export declare const ProgressBar: default_2.FC<ProgressBarProps>;
1145
-
1146
- export declare interface ProgressBarProps {
1147
- className?: string;
1148
- label: default_2.ReactNode;
1149
- percentage?: default_2.ReactNode;
1150
- total?: number;
1151
- value: number;
1152
- height?: string;
1153
- }
1154
-
1155
- export declare const PromoDialog: default_2.ForwardRefExoticComponent<PromoDialogProps & default_2.RefAttributes<HTMLDivElement>>;
1156
-
1157
- export declare interface PromoDialogProps {
1158
- bannerImageUrlDesktop?: string;
1159
- bannerImageUrlMobile?: string;
1160
- heading?: string;
1161
- discountText?: string;
1162
- desc?: string;
1163
- warningText?: string;
1164
- primaryBtnText?: string | ReactNode;
1165
- secondaryBtnText?: string | ReactNode;
1166
- onPrimaryBtnClick?: (email: string) => void;
1167
- onSecondaryBtnClick?: () => void;
1168
- onCloseButtonClick?: () => void;
1169
- showRecaptchaBranding?: boolean;
1170
- primatyBtnTrackingId?: string;
1171
- secondaryBtnTrackingId?: string;
1172
- closeBtnTrackingId?: string;
1173
- className?: string;
1174
- open?: boolean;
1175
- dir?: 'ltr' | 'rtl' | 'auto';
1176
- }
1177
-
1178
- export declare const QuestionMarkIcon: FC<{
1179
- className?: string;
1180
- }>;
1181
-
1182
- export declare const RadioButton: default_2.FC<RadioButtonProps>;
1183
-
1184
- export declare interface RadioButtonProps {
1185
- value: string;
1186
- label: string;
1187
- disabled?: boolean;
1188
- name: string;
1189
- selectedValue?: string;
1190
- onChange: (value: string) => void;
1191
- className?: string;
1192
- labelContainerClassName?: string;
1193
- inputClassName?: string;
1194
- labelClassName?: string;
1195
- helperText?: string;
1196
- error?: boolean;
1197
- isChecked?: boolean;
1198
- defaultChecked?: boolean;
1199
- }
1200
-
1201
- export declare const RangeSlider: default_2.FC<RangeSliderProps>;
1202
-
1203
- export declare interface RangeSliderProps {
1204
- value?: [number, number];
1205
- onChange?: (value: [number, number]) => void;
1206
- step?: number;
1207
- className?: string;
1208
- disabled?: boolean;
1209
- min?: number;
1210
- max?: number;
1211
- tooltip?: boolean;
1212
- }
1213
-
1214
- export declare const RoundedPriceIcon: FC<{
1215
- className?: string;
1216
- }>;
1217
-
1218
- export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
1219
-
1220
- export declare interface RoundedProgressBarProps {
1221
- progress: number;
1222
- text?: string;
1223
- progressColor?: string;
1224
- borderColor?: string;
1225
- size?: string | number;
1226
- strokeWidth?: number;
1227
- textClass?: string;
1228
- }
1229
-
1230
- export declare const RulerRegularIcon: FC<{
1231
- className?: string;
1232
- }>;
1233
-
1234
- export declare type ScreenSize = 'mobile' | 'tablet' | 'desktop';
1235
-
1236
- export declare const Scrollbar: FC<ScrollbarProps>;
1237
-
1238
- export declare interface ScrollbarProps extends Props {
1239
- }
1240
-
1241
- export declare const Section: default_2.FC<SectionProps>;
1242
-
1243
- export declare const SectionHeader: default_2.FC<SectionHeaderProps>;
1244
-
1245
- export declare interface SectionHeaderProps {
1246
- title?: string;
1247
- description?: string;
1248
- className?: string;
1249
- titleClassName?: string;
1250
- descriptionClassName?: string;
1251
- }
1252
-
1253
- export declare interface SectionProps {
1254
- head?: default_2.ReactNode;
1255
- body?: default_2.ReactNode;
1256
- className?: string;
1257
- headClassName?: string;
1258
- bodyClassName?: string;
1259
- }
1260
-
1261
- export declare const SECURITY_DEPOSIT_REFUND = "security_deposit_refund";
1262
-
1263
- export declare const SegmentedControl: FC<SegmentedControlProps>;
1264
-
1265
- export declare type SegmentedControlProps = {
1266
- segments: {
1267
- label: string;
1268
- value: string;
1269
- icon?: React.ReactNode;
1270
- }[];
1271
- className?: string;
1272
- value?: string;
1273
- onChange?: (value: string) => void;
1274
- };
1275
-
1276
- export declare const Select: FC<SelectProps>;
1277
-
1278
- export declare enum SelectionStateEnum {
1279
- None = "none",
1280
- Selected = "selected",
1281
- Added = "added"
1282
- }
1283
-
1284
- export declare type SelectOption = {
1285
- label: ReactNode;
1286
- value: string;
1287
- };
1288
-
1289
- export declare const SelectPopover: FC<SelectPopoverProps>;
1290
-
1291
- export declare interface SelectPopoverProps {
1292
- showPopup?: boolean;
1293
- mobileContainerClassname?: string;
1294
- desktopContainerClassname?: string;
1295
- maxWidth?: string;
1296
- options?: Array<{
1297
- label: string;
1298
- icon: string | ReactNode;
1299
- value: string;
1300
- }>;
1301
- onOptionSelected?: (value: string) => void;
1302
- handleClose?: () => void;
1303
- }
1304
-
1305
- export declare type SelectProps = {
1306
- label?: string;
1307
- options: Array<SelectOption>;
1308
- value?: string;
1309
- onChange: (value: string) => void;
1310
- error?: boolean;
1311
- className?: string;
1312
- required?: boolean;
1313
- placeholder?: string;
1314
- helperText?: string;
1315
- disabled?: boolean;
1316
- };
1317
-
1318
- export declare const ShareIcon: FC<{
1319
- className?: string;
1320
- }>;
1321
-
1322
- export declare const SingleBuildingIcon: FC<{
1323
- className?: string;
1324
- }>;
1325
-
1326
- export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
1327
-
1328
- export declare type SlickImageCarouselProps = {
1329
- images: string[];
1330
- dots?: boolean;
1331
- infinite?: boolean;
1332
- className?: string;
1333
- onClick?: () => void;
1334
- lazyLoad?: LazyLoadTypes | undefined;
1335
- aspectRatio?: string | number | undefined;
1336
- /**
1337
- * Used for RTL.
1338
- * Pass is as true when you have direction=rtl in your HTML
1339
- * @default false
1340
- */
1341
- rtl?: boolean;
1342
- };
1343
-
1344
- export declare const SofaIcon: FC<{
1345
- className?: string;
1346
- }>;
1347
-
1348
- export declare const SotringIcon: FC<{
1349
- className?: string;
1350
- }>;
1351
-
1352
- export declare const SparkleIcon: FC<{
1353
- className?: string;
1354
- }>;
1355
-
1356
- export declare const StarLineIcon: FC<{
1357
- className?: string;
1358
- }>;
1359
-
1360
- export declare const StarRegularIcon: FC<{
1361
- className?: string;
1362
- }>;
1363
-
1364
- export declare interface Step {
1365
- number: number;
1366
- title: string;
1367
- status: 'active' | 'completed' | 'pending';
1368
- mobileTitle: string;
1369
- mobileNextTitle: string;
1370
- }
1371
-
1372
- export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
1373
-
1374
- export declare interface StepperProps {
1375
- steps: Step[];
1376
- outerDivClass?: string;
1377
- outerMobileDivClass?: string;
1378
- }
1379
-
1380
- export declare const StepsList: FC<StepsListProps>;
1381
-
1382
- export declare const StepsListItem: FC<StepsListItemProps>;
1383
-
1384
- export declare type StepsListItemProps = {
1385
- title: string;
1386
- description: string;
1387
- IconComponent: FC<{
1388
- className?: string;
1389
- }>;
1390
- iconClassName?: string;
1391
- className?: string;
1392
- };
1393
-
1394
- export declare type StepsListProps = {
1395
- steps: StepsListItemProps[];
1396
- className?: string;
1397
- };
1398
-
1399
- export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
1400
-
1401
- export declare interface SwitchProps {
1402
- checked: boolean;
1403
- onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
1404
- disabled?: boolean;
1405
- htmlId?: string;
1406
- }
1407
-
1408
- export declare interface Tab {
1409
- IconComponent: default_2.ElementType;
1410
- HoverIconComponent: default_2.ElementType;
1411
- label: string;
1412
- value: string;
1413
- link?: string;
1414
- }
1415
-
1416
- export declare const TabbedMenu: default_2.FC<TabbedMenuProps>;
1417
-
1418
- export declare interface TabbedMenuProps {
1419
- tabs: Tab[];
1420
- value?: string;
1421
- defaultValue?: string;
1422
- onChange: (tab: {
1423
- value: string;
1424
- link?: string;
1425
- }) => void;
1426
- }
1427
-
1428
- export declare const tabletMinWidth: number;
1429
-
1430
- declare type TagProps = {
1431
- icon: default_2.ReactNode;
1432
- label: string;
1433
- };
1434
-
1435
- /**
1436
- *
1437
- */
1438
- declare const Text_2: <T extends ElementType = "div">({ as, children, className, dataTestId, variant, isResponsive, ...rest }: TextProps<T>) => JSX_2.Element;
1439
- export { Text_2 as Text }
1440
-
1441
- export declare type TextProps<T extends ElementType = 'div'> = React.PropsWithChildren<{
1442
- /**
1443
- * Element type to render as
1444
- * @default 'div'
1445
- */
1446
- as?: T;
1447
- dataTestId?: string;
1448
- variant?: TextVariant;
1449
- isResponsive?: boolean;
1450
- }> & React.ComponentPropsWithoutRef<T>;
1451
-
1452
- declare type TextVariant = keyof typeof fontSizeConfig;
1453
-
1454
- export declare const ThreeDotsCircleIcon: FC<{
1455
- className?: string;
1456
- }>;
1457
-
1458
- export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
1459
-
1460
- export declare interface TimerProps {
1461
- time: number;
1462
- text?: string;
1463
- outerDivClass?: string;
1464
- }
1465
-
1466
- export declare const toast: typeof toast_2;
1467
-
1468
- export declare const ToastContainer: FC<ToastContainerProps>;
1469
-
1470
- export declare type ToastContainerProps = ToastContainerProps_2;
1471
-
1472
- export declare const ToggleCard: default_2.ForwardRefExoticComponent<ToggleCardProps & default_2.RefAttributes<HTMLDivElement>>;
1473
-
1474
- export declare interface ToggleCardProps extends HTMLAttributes<HTMLDivElement> {
1475
- cardImg?: string;
1476
- onSelectionChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
1477
- heading?: string;
1478
- enabled: boolean;
1479
- subHeading?: string;
1480
- htmlId?: string;
1481
- }
1482
-
1483
- /**
1484
- * A tooltip component that display a floating tooltip with the `content` on hover of the `trigger` element for desktop
1485
- * and for mobile it displays a popover with the `content` on click of the `trigger` element
1486
- */
1487
- export declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;
1488
-
1489
- export declare const TooltipContentWithImage: FC<TooltipContentWithImageProps>;
1490
-
1491
- export declare type TooltipContentWithImageProps = {
1492
- imageUrl: string;
1493
- imageAlt?: string;
1494
- content?: default_2.ReactNode;
1495
- };
1496
-
1497
- export declare interface TooltipProps {
1498
- /**
1499
- * Content of the tooltip
1500
- */
1501
- content: ReactNode;
1502
- /**
1503
- * Title of the tooltip that is displayed in the header of the tooltip
1504
- * Only applicable for mobile version of tooltip
1505
- * @default ''
1506
- */
1507
- title?: string;
1508
- /**
1509
- * The element that triggers the tooltip
1510
- */
1511
- trigger: ReactNode;
1512
- /**
1513
- * The placement of the floating tooltip. Only used in desktop version
1514
- * @default 'left'
1515
- */
1516
- placement?: Placement;
1517
- /**
1518
- * The trigger of the tooltip is wrapped in a container. This classname is added to that container
1519
- */
1520
- triggerContainerClassName?: string;
1521
- /**
1522
- * The content of the tooltip is wrapped in a container. This classname is added to that container
1523
- */
1524
- contentContainerClassname?: string;
1525
- /**
1526
- * When set true, tooltip will not be shown
1527
- * @default false
1528
- */
1529
- disabled?: boolean;
1530
- /**
1531
- * The offset of the tooltip from the trigger in px. Only applicable for desktop tooltip
1532
- * @default 4
1533
- */
1534
- offset?: number;
1535
- }
1536
-
1537
- export declare const TopNavBar: ForwardRefExoticComponent<TopNavBarProps & RefAttributes<HTMLDivElement>>;
1538
-
1539
- export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
1540
- text?: string | ReactNode;
1541
- onNavBarClick?: () => void;
1542
- isMarquee?: boolean;
1543
- direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
1544
- }
1545
-
1546
- export declare const TopNavContainerMobile: ForwardRefExoticComponent<TopNavContainerMobileProps & RefAttributes<HTMLDivElement>>;
1547
-
1548
- export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
1549
- img: string;
1550
- handleDialogButtonClick?: () => void;
1551
- handleCloseButtonClick?: () => void;
1552
- dialogHeader: string;
1553
- dialogDescription: string;
1554
- buttonIcon?: string;
1555
- buttonText: string;
1556
- }
1557
-
1558
- export declare const TowerBuildingIcon: FC<{
1559
- className?: string;
1560
- }>;
1561
-
1562
- export declare const TowersIcon: FC<{
1563
- className?: string;
1564
- }>;
1565
-
1566
- export declare const TowersOutlineIcon: FC<{
1567
- className?: string;
1568
- }>;
1569
-
1570
- export declare const TrashIcon: FC<{
1571
- className?: string;
1572
- }>;
1573
-
1574
- export declare const TravelList: FC<TravelListProps>;
1575
-
1576
- export declare const TravelListItem: FC<TravelListItemProps>;
1577
-
1578
- export declare interface TravelListItemProps {
1579
- title?: string;
1580
- homeCount?: number;
1581
- location?: string;
1582
- dates?: string;
1583
- budget?: string;
1584
- shareLink?: string;
1585
- onClickEditBtn?: () => void;
1586
- onClickViewBtn?: () => void;
1587
- onClickShareBtn?: () => void;
1588
- hideEdit?: boolean;
1589
- hideShare?: boolean;
1590
- }
1591
-
1592
- export declare const TravelListPropertyItem: default_2.ForwardRefExoticComponent<TravelListPropertyItemProps & default_2.RefAttributes<HTMLDivElement>>;
1593
-
1594
- export declare interface TravelListPropertyItemProps {
1595
- className?: string;
1596
- title?: string;
1597
- neighborhood?: string;
1598
- bedroom?: string;
1599
- area?: string;
1600
- price?: string;
1601
- guests?: string;
1602
- imageUrl?: string;
1603
- onOpenLinkClick?: () => void;
1604
- onDeleteBtnClick?: () => void;
1605
- isUnavailable?: boolean;
1606
- }
1607
-
1608
- export declare interface TravelListProps extends default_2.PropsWithChildren {
1609
- items?: TravelListItemProps[];
1610
- hideShare?: boolean;
1611
- hideEdit?: boolean;
1612
- emptyListMessage?: string;
1613
- }
1614
-
1615
- export declare const TriangleDownIcon: FC<{
1616
- className?: string;
1617
- }>;
1618
-
1619
- export declare const TwoColumnDialog: ForwardRefExoticComponent<TwoColumnDialogProps & RefAttributes<HTMLDivElement>>;
1620
-
1621
- export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
1622
- img: string;
1623
- handleDialogButtonClick?: () => void;
1624
- dialogHeader: string;
1625
- dialogDescription: string;
1626
- buttonIcon?: string;
1627
- buttonText: string;
1628
- }
1629
-
1630
- export declare const useDocumentSize: () => {
1631
- documentWidth: number;
1632
- documentHeight: number;
1633
- screenSize: "mobile" | "tablet" | "desktop";
1634
- };
1635
-
1636
- export declare const WarningHollowIcon: FC<{
1637
- className?: string;
1638
- }>;
1639
-
1640
- export declare const WarningIcon: FC<{
1641
- className?: string;
1642
- }>;
1643
-
1644
- export declare const WifiIcon: FC<{
1645
- className?: string;
1646
- }>;
1647
-
1648
- export { }