@ecohouse/ui 0.1.56 → 0.1.58
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.cjs +961 -504
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +53 -3
- package/dist/index.d.ts +53 -3
- package/dist/index.js +857 -414
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NotificationStatus/NotificationStatus.stories.tsx +86 -0
- package/src/components/NotificationStatus/NotificationStatus.tsx +255 -0
- package/src/components/NotificationStatus/index.ts +9 -0
- package/src/components/StatusIndicator/StatusIndicator.stories.tsx +36 -0
- package/src/components/StatusIndicator/StatusIndicator.tsx +105 -0
- package/src/components/StatusIndicator/index.ts +2 -0
- package/src/components/index.ts +13 -0
- package/src/icons/ChevronRight/ChevronRightIcon.tsx +25 -0
- package/src/icons/ChevronRight/ChevronRightIcon.web.tsx +31 -0
- package/src/icons/ChevronRight/chevronRightPath.ts +2 -0
- package/src/icons/ChevronRight/index.ts +1 -0
- package/src/icons/DoubleCheck/DoubleCheckIcon.tsx +25 -0
- package/src/icons/DoubleCheck/DoubleCheckIcon.web.tsx +31 -0
- package/src/icons/DoubleCheck/doubleCheckPath.ts +3 -0
- package/src/icons/DoubleCheck/index.ts +1 -0
- package/src/icons/NotificationCancelled/NotificationCancelledIcon.tsx +22 -0
- package/src/icons/NotificationCancelled/NotificationCancelledIcon.web.tsx +21 -0
- package/src/icons/NotificationCancelled/index.ts +1 -0
- package/src/icons/NotificationCheckout/NotificationCheckoutIcon.tsx +22 -0
- package/src/icons/NotificationCheckout/NotificationCheckoutIcon.web.tsx +21 -0
- package/src/icons/NotificationCheckout/index.ts +1 -0
- package/src/icons/NotificationIcons.stories.tsx +99 -0
- package/src/icons/NotificationQrCode/NotificationQrCodeIcon.tsx +25 -0
- package/src/icons/NotificationQrCode/NotificationQrCodeIcon.web.tsx +24 -0
- package/src/icons/NotificationQrCode/index.ts +1 -0
- package/src/icons/NotificationSuccess/NotificationSuccessIcon.tsx +26 -0
- package/src/icons/NotificationSuccess/NotificationSuccessIcon.web.tsx +25 -0
- package/src/icons/NotificationSuccess/index.ts +1 -0
- package/src/icons/NotificationWarning/NotificationWarningIcon.tsx +22 -0
- package/src/icons/NotificationWarning/NotificationWarningIcon.web.tsx +21 -0
- package/src/icons/NotificationWarning/index.ts +1 -0
- package/src/icons/index.ts +7 -0
- package/src/icons/registry.ts +23 -0
- package/src/index.ts +17 -0
package/dist/index.d.cts
CHANGED
|
@@ -117,6 +117,9 @@ declare function ChevronDownIcon({ size, color, strokeWidth, }: ChevronDownIconP
|
|
|
117
117
|
/** Native — react-native-svg (peer dependency). */
|
|
118
118
|
declare function ChevronLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
119
119
|
|
|
120
|
+
/** Native — react-native-svg (peer dependency). */
|
|
121
|
+
declare function ChevronRightIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
122
|
+
|
|
120
123
|
declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
121
124
|
|
|
122
125
|
declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -171,6 +174,9 @@ declare function DramIcon({ size, color }: IconProps): react.JSX.Element;
|
|
|
171
174
|
|
|
172
175
|
declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
173
176
|
|
|
177
|
+
/** Native — react-native-svg (peer dependency). */
|
|
178
|
+
declare function DoubleCheckIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
179
|
+
|
|
174
180
|
/** Native — react-native-svg (peer dependency). */
|
|
175
181
|
declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
176
182
|
|
|
@@ -239,6 +245,16 @@ declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JS
|
|
|
239
245
|
|
|
240
246
|
declare function NoPetsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
241
247
|
|
|
248
|
+
declare function NotificationCancelledIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
249
|
+
|
|
250
|
+
declare function NotificationCheckoutIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
251
|
+
|
|
252
|
+
declare function NotificationQrCodeIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
253
|
+
|
|
254
|
+
declare function NotificationSuccessIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
255
|
+
|
|
256
|
+
declare function NotificationWarningIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
257
|
+
|
|
242
258
|
declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
243
259
|
|
|
244
260
|
declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -342,6 +358,7 @@ declare const icons: {
|
|
|
342
358
|
readonly checkSuccess: typeof CheckSuccessIcon;
|
|
343
359
|
readonly chevronDown: typeof ChevronDownIcon;
|
|
344
360
|
readonly chevronLeft: typeof ChevronLeftIcon;
|
|
361
|
+
readonly chevronRight: typeof ChevronRightIcon;
|
|
345
362
|
readonly clock: typeof ClockIcon;
|
|
346
363
|
readonly close: typeof CloseIcon;
|
|
347
364
|
readonly deactivate: typeof DeactivateIcon;
|
|
@@ -386,6 +403,11 @@ declare const icons: {
|
|
|
386
403
|
readonly navigate: typeof NavigateIcon;
|
|
387
404
|
readonly noPets: typeof NoPetsIcon;
|
|
388
405
|
readonly noSmoking: typeof NoSmokingIcon;
|
|
406
|
+
readonly notificationCancelled: typeof NotificationCancelledIcon;
|
|
407
|
+
readonly notificationCheckout: typeof NotificationCheckoutIcon;
|
|
408
|
+
readonly notificationQrCode: typeof NotificationQrCodeIcon;
|
|
409
|
+
readonly notificationSuccess: typeof NotificationSuccessIcon;
|
|
410
|
+
readonly notificationWarning: typeof NotificationWarningIcon;
|
|
389
411
|
readonly paw: typeof PawIcon;
|
|
390
412
|
readonly phone: typeof PhoneIcon;
|
|
391
413
|
readonly qrCode: typeof QrCodeIcon;
|
|
@@ -421,6 +443,7 @@ declare const icons: {
|
|
|
421
443
|
readonly dollar: typeof DollarIcon;
|
|
422
444
|
readonly dram: typeof DramIcon;
|
|
423
445
|
readonly dragHandle: typeof DragHandleIcon;
|
|
446
|
+
readonly doubleCheck: typeof DoubleCheckIcon;
|
|
424
447
|
readonly externalLink: typeof ExternalLinkIcon;
|
|
425
448
|
readonly eye: typeof EyeIcon;
|
|
426
449
|
readonly image: typeof ImageIcon;
|
|
@@ -431,10 +454,11 @@ declare const icons: {
|
|
|
431
454
|
type IconName = keyof typeof icons;
|
|
432
455
|
declare const iconNames: IconName[];
|
|
433
456
|
declare const iconGroups: {
|
|
434
|
-
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
435
|
-
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
457
|
+
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "chevronRight", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
458
|
+
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
436
459
|
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "totalGuests", "activeGuests", "blockedGuests", "lock", "noPets", "noSmoking", "paw", "qrCode", "quietHours", "trash", "unlock", "user", "usersAlt", "video", "videoOff", "washer", "whatsApp"];
|
|
437
460
|
readonly communication: readonly ["mail", "phone"];
|
|
461
|
+
readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
|
|
438
462
|
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
439
463
|
readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
|
|
440
464
|
};
|
|
@@ -626,6 +650,15 @@ interface StatusBadgeProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
626
650
|
*/
|
|
627
651
|
declare const StatusBadge: react.ForwardRefExoticComponent<StatusBadgeProps & react.RefAttributes<View>>;
|
|
628
652
|
|
|
653
|
+
type StatusIndicatorStatus = "active" | "pending" | "completed" | "cancelled" | "inactive" | "unavailable";
|
|
654
|
+
interface StatusIndicatorProps extends Omit<ViewProps, "style" | "children"> {
|
|
655
|
+
status: StatusIndicatorStatus;
|
|
656
|
+
label: string;
|
|
657
|
+
style?: StyleProp<ViewStyle>;
|
|
658
|
+
className?: string;
|
|
659
|
+
}
|
|
660
|
+
declare const StatusIndicator: react.ForwardRefExoticComponent<StatusIndicatorProps & react.RefAttributes<View>>;
|
|
661
|
+
|
|
629
662
|
interface PaginationDotsProps extends Omit<ViewProps, "style" | "children"> {
|
|
630
663
|
/** Total number of steps / slides. */
|
|
631
664
|
count: number;
|
|
@@ -1284,6 +1317,23 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
1284
1317
|
}
|
|
1285
1318
|
declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
|
|
1286
1319
|
|
|
1320
|
+
interface NotificationStatusProps extends Omit<PressableProps, "children" | "disabled" | "onPress" | "style"> {
|
|
1321
|
+
title: string;
|
|
1322
|
+
description: string;
|
|
1323
|
+
timestamp: string;
|
|
1324
|
+
unread?: boolean;
|
|
1325
|
+
disabled?: boolean;
|
|
1326
|
+
showChevron?: boolean;
|
|
1327
|
+
onPress?: PressableProps["onPress"];
|
|
1328
|
+
style?: StyleProp<ViewStyle>;
|
|
1329
|
+
}
|
|
1330
|
+
declare function NewBookingNotification(props: NotificationStatusProps): react.JSX.Element;
|
|
1331
|
+
declare function CancelledBookingNotification(props: NotificationStatusProps): react.JSX.Element;
|
|
1332
|
+
declare function GuestCheckInNotification(props: NotificationStatusProps): react.JSX.Element;
|
|
1333
|
+
declare function QrKeyNotification(props: NotificationStatusProps): react.JSX.Element;
|
|
1334
|
+
declare function BookingWarningNotification(props: NotificationStatusProps): react.JSX.Element;
|
|
1335
|
+
declare function NotificationStatusSkeleton(): react.JSX.Element;
|
|
1336
|
+
|
|
1287
1337
|
interface RangeValue {
|
|
1288
1338
|
from?: number;
|
|
1289
1339
|
to?: number;
|
|
@@ -1685,4 +1735,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1685
1735
|
*/
|
|
1686
1736
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1687
1737
|
|
|
1688
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NoPetsIcon, NoReviewIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
1738
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
package/dist/index.d.ts
CHANGED
|
@@ -117,6 +117,9 @@ declare function ChevronDownIcon({ size, color, strokeWidth, }: ChevronDownIconP
|
|
|
117
117
|
/** Native — react-native-svg (peer dependency). */
|
|
118
118
|
declare function ChevronLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
119
119
|
|
|
120
|
+
/** Native — react-native-svg (peer dependency). */
|
|
121
|
+
declare function ChevronRightIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
122
|
+
|
|
120
123
|
declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
121
124
|
|
|
122
125
|
declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -171,6 +174,9 @@ declare function DramIcon({ size, color }: IconProps): react.JSX.Element;
|
|
|
171
174
|
|
|
172
175
|
declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
173
176
|
|
|
177
|
+
/** Native — react-native-svg (peer dependency). */
|
|
178
|
+
declare function DoubleCheckIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
179
|
+
|
|
174
180
|
/** Native — react-native-svg (peer dependency). */
|
|
175
181
|
declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
176
182
|
|
|
@@ -239,6 +245,16 @@ declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JS
|
|
|
239
245
|
|
|
240
246
|
declare function NoPetsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
241
247
|
|
|
248
|
+
declare function NotificationCancelledIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
249
|
+
|
|
250
|
+
declare function NotificationCheckoutIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
251
|
+
|
|
252
|
+
declare function NotificationQrCodeIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
253
|
+
|
|
254
|
+
declare function NotificationSuccessIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
255
|
+
|
|
256
|
+
declare function NotificationWarningIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
257
|
+
|
|
242
258
|
declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
243
259
|
|
|
244
260
|
declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -342,6 +358,7 @@ declare const icons: {
|
|
|
342
358
|
readonly checkSuccess: typeof CheckSuccessIcon;
|
|
343
359
|
readonly chevronDown: typeof ChevronDownIcon;
|
|
344
360
|
readonly chevronLeft: typeof ChevronLeftIcon;
|
|
361
|
+
readonly chevronRight: typeof ChevronRightIcon;
|
|
345
362
|
readonly clock: typeof ClockIcon;
|
|
346
363
|
readonly close: typeof CloseIcon;
|
|
347
364
|
readonly deactivate: typeof DeactivateIcon;
|
|
@@ -386,6 +403,11 @@ declare const icons: {
|
|
|
386
403
|
readonly navigate: typeof NavigateIcon;
|
|
387
404
|
readonly noPets: typeof NoPetsIcon;
|
|
388
405
|
readonly noSmoking: typeof NoSmokingIcon;
|
|
406
|
+
readonly notificationCancelled: typeof NotificationCancelledIcon;
|
|
407
|
+
readonly notificationCheckout: typeof NotificationCheckoutIcon;
|
|
408
|
+
readonly notificationQrCode: typeof NotificationQrCodeIcon;
|
|
409
|
+
readonly notificationSuccess: typeof NotificationSuccessIcon;
|
|
410
|
+
readonly notificationWarning: typeof NotificationWarningIcon;
|
|
389
411
|
readonly paw: typeof PawIcon;
|
|
390
412
|
readonly phone: typeof PhoneIcon;
|
|
391
413
|
readonly qrCode: typeof QrCodeIcon;
|
|
@@ -421,6 +443,7 @@ declare const icons: {
|
|
|
421
443
|
readonly dollar: typeof DollarIcon;
|
|
422
444
|
readonly dram: typeof DramIcon;
|
|
423
445
|
readonly dragHandle: typeof DragHandleIcon;
|
|
446
|
+
readonly doubleCheck: typeof DoubleCheckIcon;
|
|
424
447
|
readonly externalLink: typeof ExternalLinkIcon;
|
|
425
448
|
readonly eye: typeof EyeIcon;
|
|
426
449
|
readonly image: typeof ImageIcon;
|
|
@@ -431,10 +454,11 @@ declare const icons: {
|
|
|
431
454
|
type IconName = keyof typeof icons;
|
|
432
455
|
declare const iconNames: IconName[];
|
|
433
456
|
declare const iconGroups: {
|
|
434
|
-
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
435
|
-
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
457
|
+
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "chevronRight", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
458
|
+
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
436
459
|
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "totalGuests", "activeGuests", "blockedGuests", "lock", "noPets", "noSmoking", "paw", "qrCode", "quietHours", "trash", "unlock", "user", "usersAlt", "video", "videoOff", "washer", "whatsApp"];
|
|
437
460
|
readonly communication: readonly ["mail", "phone"];
|
|
461
|
+
readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
|
|
438
462
|
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
439
463
|
readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
|
|
440
464
|
};
|
|
@@ -626,6 +650,15 @@ interface StatusBadgeProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
626
650
|
*/
|
|
627
651
|
declare const StatusBadge: react.ForwardRefExoticComponent<StatusBadgeProps & react.RefAttributes<View>>;
|
|
628
652
|
|
|
653
|
+
type StatusIndicatorStatus = "active" | "pending" | "completed" | "cancelled" | "inactive" | "unavailable";
|
|
654
|
+
interface StatusIndicatorProps extends Omit<ViewProps, "style" | "children"> {
|
|
655
|
+
status: StatusIndicatorStatus;
|
|
656
|
+
label: string;
|
|
657
|
+
style?: StyleProp<ViewStyle>;
|
|
658
|
+
className?: string;
|
|
659
|
+
}
|
|
660
|
+
declare const StatusIndicator: react.ForwardRefExoticComponent<StatusIndicatorProps & react.RefAttributes<View>>;
|
|
661
|
+
|
|
629
662
|
interface PaginationDotsProps extends Omit<ViewProps, "style" | "children"> {
|
|
630
663
|
/** Total number of steps / slides. */
|
|
631
664
|
count: number;
|
|
@@ -1284,6 +1317,23 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
1284
1317
|
}
|
|
1285
1318
|
declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
|
|
1286
1319
|
|
|
1320
|
+
interface NotificationStatusProps extends Omit<PressableProps, "children" | "disabled" | "onPress" | "style"> {
|
|
1321
|
+
title: string;
|
|
1322
|
+
description: string;
|
|
1323
|
+
timestamp: string;
|
|
1324
|
+
unread?: boolean;
|
|
1325
|
+
disabled?: boolean;
|
|
1326
|
+
showChevron?: boolean;
|
|
1327
|
+
onPress?: PressableProps["onPress"];
|
|
1328
|
+
style?: StyleProp<ViewStyle>;
|
|
1329
|
+
}
|
|
1330
|
+
declare function NewBookingNotification(props: NotificationStatusProps): react.JSX.Element;
|
|
1331
|
+
declare function CancelledBookingNotification(props: NotificationStatusProps): react.JSX.Element;
|
|
1332
|
+
declare function GuestCheckInNotification(props: NotificationStatusProps): react.JSX.Element;
|
|
1333
|
+
declare function QrKeyNotification(props: NotificationStatusProps): react.JSX.Element;
|
|
1334
|
+
declare function BookingWarningNotification(props: NotificationStatusProps): react.JSX.Element;
|
|
1335
|
+
declare function NotificationStatusSkeleton(): react.JSX.Element;
|
|
1336
|
+
|
|
1287
1337
|
interface RangeValue {
|
|
1288
1338
|
from?: number;
|
|
1289
1339
|
to?: number;
|
|
@@ -1685,4 +1735,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1685
1735
|
*/
|
|
1686
1736
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1687
1737
|
|
|
1688
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NoPetsIcon, NoReviewIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
1738
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|