@ecohouse/ui 0.1.57 → 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 +396 -30
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +39 -2
- package/dist/index.d.ts +39 -2
- package/dist/index.js +386 -32
- 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/index.ts +10 -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 +6 -0
- package/src/icons/registry.ts +20 -0
- package/src/index.ts +13 -0
package/dist/index.d.cts
CHANGED
|
@@ -174,6 +174,9 @@ declare function DramIcon({ size, color }: IconProps): react.JSX.Element;
|
|
|
174
174
|
|
|
175
175
|
declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
176
176
|
|
|
177
|
+
/** Native — react-native-svg (peer dependency). */
|
|
178
|
+
declare function DoubleCheckIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
179
|
+
|
|
177
180
|
/** Native — react-native-svg (peer dependency). */
|
|
178
181
|
declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
179
182
|
|
|
@@ -242,6 +245,16 @@ declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JS
|
|
|
242
245
|
|
|
243
246
|
declare function NoPetsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
244
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
|
+
|
|
245
258
|
declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
246
259
|
|
|
247
260
|
declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -390,6 +403,11 @@ declare const icons: {
|
|
|
390
403
|
readonly navigate: typeof NavigateIcon;
|
|
391
404
|
readonly noPets: typeof NoPetsIcon;
|
|
392
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;
|
|
393
411
|
readonly paw: typeof PawIcon;
|
|
394
412
|
readonly phone: typeof PhoneIcon;
|
|
395
413
|
readonly qrCode: typeof QrCodeIcon;
|
|
@@ -425,6 +443,7 @@ declare const icons: {
|
|
|
425
443
|
readonly dollar: typeof DollarIcon;
|
|
426
444
|
readonly dram: typeof DramIcon;
|
|
427
445
|
readonly dragHandle: typeof DragHandleIcon;
|
|
446
|
+
readonly doubleCheck: typeof DoubleCheckIcon;
|
|
428
447
|
readonly externalLink: typeof ExternalLinkIcon;
|
|
429
448
|
readonly eye: typeof EyeIcon;
|
|
430
449
|
readonly image: typeof ImageIcon;
|
|
@@ -436,9 +455,10 @@ type IconName = keyof typeof icons;
|
|
|
436
455
|
declare const iconNames: IconName[];
|
|
437
456
|
declare const iconGroups: {
|
|
438
457
|
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "chevronRight", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
439
|
-
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"];
|
|
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"];
|
|
440
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"];
|
|
441
460
|
readonly communication: readonly ["mail", "phone"];
|
|
461
|
+
readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
|
|
442
462
|
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
443
463
|
readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
|
|
444
464
|
};
|
|
@@ -1297,6 +1317,23 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
1297
1317
|
}
|
|
1298
1318
|
declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
|
|
1299
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
|
+
|
|
1300
1337
|
interface RangeValue {
|
|
1301
1338
|
from?: number;
|
|
1302
1339
|
to?: number;
|
|
@@ -1698,4 +1735,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1698
1735
|
*/
|
|
1699
1736
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1700
1737
|
|
|
1701
|
-
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, 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, 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, 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 };
|
|
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
|
@@ -174,6 +174,9 @@ declare function DramIcon({ size, color }: IconProps): react.JSX.Element;
|
|
|
174
174
|
|
|
175
175
|
declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
176
176
|
|
|
177
|
+
/** Native — react-native-svg (peer dependency). */
|
|
178
|
+
declare function DoubleCheckIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
179
|
+
|
|
177
180
|
/** Native — react-native-svg (peer dependency). */
|
|
178
181
|
declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
179
182
|
|
|
@@ -242,6 +245,16 @@ declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JS
|
|
|
242
245
|
|
|
243
246
|
declare function NoPetsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
244
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
|
+
|
|
245
258
|
declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
246
259
|
|
|
247
260
|
declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -390,6 +403,11 @@ declare const icons: {
|
|
|
390
403
|
readonly navigate: typeof NavigateIcon;
|
|
391
404
|
readonly noPets: typeof NoPetsIcon;
|
|
392
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;
|
|
393
411
|
readonly paw: typeof PawIcon;
|
|
394
412
|
readonly phone: typeof PhoneIcon;
|
|
395
413
|
readonly qrCode: typeof QrCodeIcon;
|
|
@@ -425,6 +443,7 @@ declare const icons: {
|
|
|
425
443
|
readonly dollar: typeof DollarIcon;
|
|
426
444
|
readonly dram: typeof DramIcon;
|
|
427
445
|
readonly dragHandle: typeof DragHandleIcon;
|
|
446
|
+
readonly doubleCheck: typeof DoubleCheckIcon;
|
|
428
447
|
readonly externalLink: typeof ExternalLinkIcon;
|
|
429
448
|
readonly eye: typeof EyeIcon;
|
|
430
449
|
readonly image: typeof ImageIcon;
|
|
@@ -436,9 +455,10 @@ type IconName = keyof typeof icons;
|
|
|
436
455
|
declare const iconNames: IconName[];
|
|
437
456
|
declare const iconGroups: {
|
|
438
457
|
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "chevronRight", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
439
|
-
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"];
|
|
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"];
|
|
440
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"];
|
|
441
460
|
readonly communication: readonly ["mail", "phone"];
|
|
461
|
+
readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
|
|
442
462
|
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
443
463
|
readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
|
|
444
464
|
};
|
|
@@ -1297,6 +1317,23 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
1297
1317
|
}
|
|
1298
1318
|
declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
|
|
1299
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
|
+
|
|
1300
1337
|
interface RangeValue {
|
|
1301
1338
|
from?: number;
|
|
1302
1339
|
to?: number;
|
|
@@ -1698,4 +1735,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1698
1735
|
*/
|
|
1699
1736
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1700
1737
|
|
|
1701
|
-
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, 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, 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, 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 };
|
|
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 };
|