@ecohouse/ui 0.1.39 → 0.1.41
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 +197 -108
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -69
- package/dist/index.d.ts +3 -69
- package/dist/index.js +198 -104
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/DatePicker/DatePicker.tsx +2 -1
- package/src/components/Drawer/Drawer.tsx +196 -44
- package/src/components/Select/Select.tsx +2 -2
- package/src/icons/index.ts +0 -2
- package/src/index.ts +0 -9
package/dist/index.d.cts
CHANGED
|
@@ -378,12 +378,6 @@ interface IconByNameProps extends IconProps {
|
|
|
378
378
|
}
|
|
379
379
|
declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
|
|
380
380
|
|
|
381
|
-
/** Native — react-native-svg (peer dependency). */
|
|
382
|
-
declare function ArrowLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
383
|
-
|
|
384
|
-
/** Native — react-native-svg (peer dependency). */
|
|
385
|
-
declare function CurrentLocationIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
386
|
-
|
|
387
381
|
interface InfoCardV2Props extends Omit<ViewProps, "style" | "children"> {
|
|
388
382
|
label: string;
|
|
389
383
|
value: string;
|
|
@@ -644,21 +638,6 @@ interface AccordionItemProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
644
638
|
*/
|
|
645
639
|
declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<View>>;
|
|
646
640
|
|
|
647
|
-
interface AccordionProps extends Omit<ViewProps, "style" | "children"> {
|
|
648
|
-
title: string;
|
|
649
|
-
children: ReactNode;
|
|
650
|
-
open?: boolean;
|
|
651
|
-
defaultOpen?: boolean;
|
|
652
|
-
onOpenChange?: (open: boolean) => void;
|
|
653
|
-
disabled?: boolean;
|
|
654
|
-
error?: boolean;
|
|
655
|
-
style?: StyleProp<ViewStyle>;
|
|
656
|
-
contentStyle?: StyleProp<ViewStyle>;
|
|
657
|
-
className?: string;
|
|
658
|
-
}
|
|
659
|
-
/** Expandable surface for arbitrary interactive content such as form fields. */
|
|
660
|
-
declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<View>>;
|
|
661
|
-
|
|
662
641
|
interface StepListProps extends Omit<ViewProps, "style" | "children"> {
|
|
663
642
|
/** Step descriptions, numbered automatically from 1. */
|
|
664
643
|
steps: string[];
|
|
@@ -686,27 +665,6 @@ interface CounterProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
686
665
|
}
|
|
687
666
|
declare const Counter: react.ForwardRefExoticComponent<CounterProps & react.RefAttributes<View>>;
|
|
688
667
|
|
|
689
|
-
interface QuantityInputProps extends Omit<ViewProps, "style" | "children"> {
|
|
690
|
-
label: string;
|
|
691
|
-
icon: IconComponent;
|
|
692
|
-
iconProps?: Omit<IconProps, "size">;
|
|
693
|
-
iconSize?: number;
|
|
694
|
-
value?: number;
|
|
695
|
-
defaultValue?: number;
|
|
696
|
-
onValueChange?: (value: number) => void;
|
|
697
|
-
min?: number;
|
|
698
|
-
max?: number;
|
|
699
|
-
step?: number;
|
|
700
|
-
disabled?: boolean;
|
|
701
|
-
error?: boolean;
|
|
702
|
-
hint?: string;
|
|
703
|
-
showHint?: boolean;
|
|
704
|
-
style?: StyleProp<ViewStyle>;
|
|
705
|
-
className?: string;
|
|
706
|
-
}
|
|
707
|
-
/** Input-like labeled quantity control with an icon and increment/decrement actions. */
|
|
708
|
-
declare const QuantityInput: react.ForwardRefExoticComponent<QuantityInputProps & react.RefAttributes<View>>;
|
|
709
|
-
|
|
710
668
|
interface SegmentedToggleOption {
|
|
711
669
|
value: string;
|
|
712
670
|
label: string;
|
|
@@ -960,6 +918,8 @@ interface DrawerProps {
|
|
|
960
918
|
title?: string;
|
|
961
919
|
/** Panel width in px. Defaults to `652`. */
|
|
962
920
|
width?: number;
|
|
921
|
+
/** Open/close width transition duration in ms. Defaults to `320`. */
|
|
922
|
+
animationDuration?: number;
|
|
963
923
|
/** Close when the dimmed backdrop is pressed. Defaults to `true`. */
|
|
964
924
|
closeOnBackdropPress?: boolean;
|
|
965
925
|
/** Accessible name for the backdrop control. Defaults to `"Close"`. */
|
|
@@ -1002,32 +962,6 @@ interface InputProps extends Omit<TextInputProps, "style" | "editable"> {
|
|
|
1002
962
|
}
|
|
1003
963
|
declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<TextInput>>;
|
|
1004
964
|
|
|
1005
|
-
interface AutocompleteOption {
|
|
1006
|
-
value: string;
|
|
1007
|
-
label: string;
|
|
1008
|
-
description?: string;
|
|
1009
|
-
}
|
|
1010
|
-
interface AutocompleteInputProps extends Omit<InputProps, "value" | "onChangeText" | "onSubmitEditing"> {
|
|
1011
|
-
value: string;
|
|
1012
|
-
options: AutocompleteOption[];
|
|
1013
|
-
onChangeText: (value: string) => void;
|
|
1014
|
-
onOptionSelect: (option: AutocompleteOption) => void;
|
|
1015
|
-
onSubmit?: (firstOption?: AutocompleteOption) => void;
|
|
1016
|
-
open?: boolean;
|
|
1017
|
-
defaultOpen?: boolean;
|
|
1018
|
-
onOpenChange?: (open: boolean) => void;
|
|
1019
|
-
loading?: boolean;
|
|
1020
|
-
loadingText?: string;
|
|
1021
|
-
emptyText?: string;
|
|
1022
|
-
showEmpty?: boolean;
|
|
1023
|
-
renderOption?: (option: AutocompleteOption, highlighted: boolean) => ReactNode;
|
|
1024
|
-
containerStyle?: StyleProp<ViewStyle>;
|
|
1025
|
-
menuStyle?: StyleProp<ViewStyle>;
|
|
1026
|
-
containerClassName?: string;
|
|
1027
|
-
menuClassName?: string;
|
|
1028
|
-
}
|
|
1029
|
-
declare const AutocompleteInput: react.ForwardRefExoticComponent<AutocompleteInputProps & react.RefAttributes<View>>;
|
|
1030
|
-
|
|
1031
965
|
interface VerificationCodeInputHandle {
|
|
1032
966
|
clear: () => void;
|
|
1033
967
|
focus: (index?: number) => void;
|
|
@@ -1581,4 +1515,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1581
1515
|
*/
|
|
1582
1516
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1583
1517
|
|
|
1584
|
-
export {
|
|
1518
|
+
export { AccordionItem, type AccordionItemProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, Drawer, type DrawerProps, EditIcon, 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, InfoCardV2, type InfoCardV2Props, 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, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuietHoursIcon, 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, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, 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
|
@@ -378,12 +378,6 @@ interface IconByNameProps extends IconProps {
|
|
|
378
378
|
}
|
|
379
379
|
declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
|
|
380
380
|
|
|
381
|
-
/** Native — react-native-svg (peer dependency). */
|
|
382
|
-
declare function ArrowLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
383
|
-
|
|
384
|
-
/** Native — react-native-svg (peer dependency). */
|
|
385
|
-
declare function CurrentLocationIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
386
|
-
|
|
387
381
|
interface InfoCardV2Props extends Omit<ViewProps, "style" | "children"> {
|
|
388
382
|
label: string;
|
|
389
383
|
value: string;
|
|
@@ -644,21 +638,6 @@ interface AccordionItemProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
644
638
|
*/
|
|
645
639
|
declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<View>>;
|
|
646
640
|
|
|
647
|
-
interface AccordionProps extends Omit<ViewProps, "style" | "children"> {
|
|
648
|
-
title: string;
|
|
649
|
-
children: ReactNode;
|
|
650
|
-
open?: boolean;
|
|
651
|
-
defaultOpen?: boolean;
|
|
652
|
-
onOpenChange?: (open: boolean) => void;
|
|
653
|
-
disabled?: boolean;
|
|
654
|
-
error?: boolean;
|
|
655
|
-
style?: StyleProp<ViewStyle>;
|
|
656
|
-
contentStyle?: StyleProp<ViewStyle>;
|
|
657
|
-
className?: string;
|
|
658
|
-
}
|
|
659
|
-
/** Expandable surface for arbitrary interactive content such as form fields. */
|
|
660
|
-
declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<View>>;
|
|
661
|
-
|
|
662
641
|
interface StepListProps extends Omit<ViewProps, "style" | "children"> {
|
|
663
642
|
/** Step descriptions, numbered automatically from 1. */
|
|
664
643
|
steps: string[];
|
|
@@ -686,27 +665,6 @@ interface CounterProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
686
665
|
}
|
|
687
666
|
declare const Counter: react.ForwardRefExoticComponent<CounterProps & react.RefAttributes<View>>;
|
|
688
667
|
|
|
689
|
-
interface QuantityInputProps extends Omit<ViewProps, "style" | "children"> {
|
|
690
|
-
label: string;
|
|
691
|
-
icon: IconComponent;
|
|
692
|
-
iconProps?: Omit<IconProps, "size">;
|
|
693
|
-
iconSize?: number;
|
|
694
|
-
value?: number;
|
|
695
|
-
defaultValue?: number;
|
|
696
|
-
onValueChange?: (value: number) => void;
|
|
697
|
-
min?: number;
|
|
698
|
-
max?: number;
|
|
699
|
-
step?: number;
|
|
700
|
-
disabled?: boolean;
|
|
701
|
-
error?: boolean;
|
|
702
|
-
hint?: string;
|
|
703
|
-
showHint?: boolean;
|
|
704
|
-
style?: StyleProp<ViewStyle>;
|
|
705
|
-
className?: string;
|
|
706
|
-
}
|
|
707
|
-
/** Input-like labeled quantity control with an icon and increment/decrement actions. */
|
|
708
|
-
declare const QuantityInput: react.ForwardRefExoticComponent<QuantityInputProps & react.RefAttributes<View>>;
|
|
709
|
-
|
|
710
668
|
interface SegmentedToggleOption {
|
|
711
669
|
value: string;
|
|
712
670
|
label: string;
|
|
@@ -960,6 +918,8 @@ interface DrawerProps {
|
|
|
960
918
|
title?: string;
|
|
961
919
|
/** Panel width in px. Defaults to `652`. */
|
|
962
920
|
width?: number;
|
|
921
|
+
/** Open/close width transition duration in ms. Defaults to `320`. */
|
|
922
|
+
animationDuration?: number;
|
|
963
923
|
/** Close when the dimmed backdrop is pressed. Defaults to `true`. */
|
|
964
924
|
closeOnBackdropPress?: boolean;
|
|
965
925
|
/** Accessible name for the backdrop control. Defaults to `"Close"`. */
|
|
@@ -1002,32 +962,6 @@ interface InputProps extends Omit<TextInputProps, "style" | "editable"> {
|
|
|
1002
962
|
}
|
|
1003
963
|
declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<TextInput>>;
|
|
1004
964
|
|
|
1005
|
-
interface AutocompleteOption {
|
|
1006
|
-
value: string;
|
|
1007
|
-
label: string;
|
|
1008
|
-
description?: string;
|
|
1009
|
-
}
|
|
1010
|
-
interface AutocompleteInputProps extends Omit<InputProps, "value" | "onChangeText" | "onSubmitEditing"> {
|
|
1011
|
-
value: string;
|
|
1012
|
-
options: AutocompleteOption[];
|
|
1013
|
-
onChangeText: (value: string) => void;
|
|
1014
|
-
onOptionSelect: (option: AutocompleteOption) => void;
|
|
1015
|
-
onSubmit?: (firstOption?: AutocompleteOption) => void;
|
|
1016
|
-
open?: boolean;
|
|
1017
|
-
defaultOpen?: boolean;
|
|
1018
|
-
onOpenChange?: (open: boolean) => void;
|
|
1019
|
-
loading?: boolean;
|
|
1020
|
-
loadingText?: string;
|
|
1021
|
-
emptyText?: string;
|
|
1022
|
-
showEmpty?: boolean;
|
|
1023
|
-
renderOption?: (option: AutocompleteOption, highlighted: boolean) => ReactNode;
|
|
1024
|
-
containerStyle?: StyleProp<ViewStyle>;
|
|
1025
|
-
menuStyle?: StyleProp<ViewStyle>;
|
|
1026
|
-
containerClassName?: string;
|
|
1027
|
-
menuClassName?: string;
|
|
1028
|
-
}
|
|
1029
|
-
declare const AutocompleteInput: react.ForwardRefExoticComponent<AutocompleteInputProps & react.RefAttributes<View>>;
|
|
1030
|
-
|
|
1031
965
|
interface VerificationCodeInputHandle {
|
|
1032
966
|
clear: () => void;
|
|
1033
967
|
focus: (index?: number) => void;
|
|
@@ -1581,4 +1515,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1581
1515
|
*/
|
|
1582
1516
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1583
1517
|
|
|
1584
|
-
export {
|
|
1518
|
+
export { AccordionItem, type AccordionItemProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, Drawer, type DrawerProps, EditIcon, 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, InfoCardV2, type InfoCardV2Props, 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, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuietHoursIcon, 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, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, 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 };
|