@chekinapp/ui 0.0.122 → 0.0.124
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 +118 -34
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +19 -2
- package/dist/index.d.ts +19 -2
- package/dist/index.js +113 -29
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1898,6 +1898,7 @@ type SelectOption<D = unknown, V extends string | number | boolean = string, L e
|
|
|
1898
1898
|
description?: string | ReactNode;
|
|
1899
1899
|
isDisabled?: boolean;
|
|
1900
1900
|
readOnly?: boolean;
|
|
1901
|
+
isPrefilled?: boolean;
|
|
1901
1902
|
};
|
|
1902
1903
|
type SelectorOption<T extends string | number | boolean = string> = {
|
|
1903
1904
|
value: T;
|
|
@@ -2889,6 +2890,7 @@ type PhoneInputProps = {
|
|
|
2889
2890
|
options: PhoneInputOption[];
|
|
2890
2891
|
value?: PhoneInputValue | null;
|
|
2891
2892
|
onChange?: (value: PhoneInputValue, name?: string) => void;
|
|
2893
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
2892
2894
|
onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
2893
2895
|
name?: string;
|
|
2894
2896
|
codeName?: string;
|
|
@@ -3041,6 +3043,7 @@ type SelectComponents<T = unknown, V extends SelectValue$1 = SelectValue$1, L ex
|
|
|
3041
3043
|
type BaseSelectProps<T, V extends SelectValue$1, L extends ReactNode> = {
|
|
3042
3044
|
options?: SelectGroupedOption<T, V, L>[];
|
|
3043
3045
|
onBlur?: React$1.FocusEventHandler<HTMLDivElement>;
|
|
3046
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
3044
3047
|
label?: string;
|
|
3045
3048
|
topLabel?: string;
|
|
3046
3049
|
placeholder?: string;
|
|
@@ -3221,11 +3224,21 @@ declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaH
|
|
|
3221
3224
|
} & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
3222
3225
|
|
|
3223
3226
|
type DatepickerDate = Date | null;
|
|
3227
|
+
type DatepickerSubfield = 'day' | 'month' | 'year';
|
|
3228
|
+
type DatepickerHandle = {
|
|
3229
|
+
getDayValue: () => string;
|
|
3230
|
+
getYearValue: () => string;
|
|
3231
|
+
setDayValue: (value: string) => void;
|
|
3232
|
+
setYearValue: (value: string) => void;
|
|
3233
|
+
};
|
|
3224
3234
|
type DatepickerProps = {
|
|
3225
3235
|
label?: string;
|
|
3226
3236
|
value?: DatepickerDate;
|
|
3227
3237
|
defaultValue?: DatepickerDate;
|
|
3228
3238
|
onChange?: (value: DatepickerDate, name?: string) => void;
|
|
3239
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement | HTMLButtonElement>;
|
|
3240
|
+
onFieldFocus?: (subfield: DatepickerSubfield) => void;
|
|
3241
|
+
onFieldBlur?: (subfield: DatepickerSubfield) => void;
|
|
3229
3242
|
name?: string;
|
|
3230
3243
|
invalid?: boolean;
|
|
3231
3244
|
error?: string;
|
|
@@ -3250,7 +3263,7 @@ type DatepickerProps = {
|
|
|
3250
3263
|
maxDate?: Date;
|
|
3251
3264
|
formatValue?: (date: Date) => string;
|
|
3252
3265
|
};
|
|
3253
|
-
declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<
|
|
3266
|
+
declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<DatepickerHandle>>;
|
|
3254
3267
|
|
|
3255
3268
|
declare const DEFAULT_DISPLAY_FORMAT = "dd-MM-yyyy";
|
|
3256
3269
|
declare const formatDate: (format?: string) => (date: Date) => string;
|
|
@@ -3263,6 +3276,7 @@ type DateRangePickerProps = Omit<Partial<PropsRange>, 'mode' | 'selected'> & Omi
|
|
|
3263
3276
|
value?: DateRange;
|
|
3264
3277
|
defaultValue?: DateRange;
|
|
3265
3278
|
onChange?: (value: DateRange | undefined, name?: string) => void;
|
|
3279
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
3266
3280
|
onBlur?: (value: DateRange | undefined) => void;
|
|
3267
3281
|
name?: string;
|
|
3268
3282
|
invalid?: boolean;
|
|
@@ -3302,6 +3316,7 @@ declare const DateRangePicker: React$1.ForwardRefExoticComponent<Omit<Partial<Pr
|
|
|
3302
3316
|
value?: DateRange;
|
|
3303
3317
|
defaultValue?: DateRange;
|
|
3304
3318
|
onChange?: (value: DateRange | undefined, name?: string) => void;
|
|
3319
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
3305
3320
|
onBlur?: (value: DateRange | undefined) => void;
|
|
3306
3321
|
name?: string;
|
|
3307
3322
|
invalid?: boolean;
|
|
@@ -3388,6 +3403,7 @@ type FileInputProps = {
|
|
|
3388
3403
|
label?: string;
|
|
3389
3404
|
value?: FileInputValue;
|
|
3390
3405
|
onChange?: (value: File | null, event?: React$1.ChangeEvent<HTMLInputElement>) => void;
|
|
3406
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
3391
3407
|
onDownload?: (url: string) => void;
|
|
3392
3408
|
name?: string;
|
|
3393
3409
|
placeholder?: string;
|
|
@@ -3419,6 +3435,7 @@ type SelectIconsBoxProps = {
|
|
|
3419
3435
|
isOpen?: boolean;
|
|
3420
3436
|
defaultOpen?: boolean;
|
|
3421
3437
|
onOpenChange?: (isOpen: boolean) => void;
|
|
3438
|
+
onFocus?: React$1.FocusEventHandler<HTMLDivElement>;
|
|
3422
3439
|
position?: 'left' | 'right' | 'center';
|
|
3423
3440
|
className?: string;
|
|
3424
3441
|
boxClassName?: string;
|
|
@@ -4064,4 +4081,4 @@ interface AirbnbSwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof
|
|
|
4064
4081
|
}
|
|
4065
4082
|
declare const AirbnbSwitch: React$1.ForwardRefExoticComponent<AirbnbSwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
4066
4083
|
|
|
4067
|
-
export { ALERT_BOX_VARIANTS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbDatePicker, type AirbnbDatePickerProps, type AirbnbDatePickerValue, AirbnbFieldTrigger, type AirbnbFieldTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbPhoneField, type AirbnbPhoneFieldOption, type AirbnbPhoneFieldProps, type AirbnbPhoneFieldValue, AirbnbSearchInput, AirbnbSearchableSelect, type AirbnbSearchableSelectProps, type AirbnbSearchableSelectValue, AirbnbSelect, type AirbnbSelectProps, AirbnbSwitch, type AirbnbSwitchProps, Alert, AlertBox, type AlertBoxProps, type AlertBoxVariant, AlertDescription, AlertSize, AlertSizes, AlertTitle, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, type BaseSelectProps, BetaBadge, type BetaBadgeProps, BookmarkTabsList, type BookmarkTabsListProps, BookmarkTabsTrigger, type BookmarkTabsTriggerProps, BoxOptionSelector, type BoxOptionSelectorProps, type BoxOptionSelectorSwitchProps, Breadcrumb, type BreadcrumbProps, type BreadcrumbType, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonStatuses, ButtonsGroupLabel, type ButtonsGroupLabelProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselNext, CarouselPrevious, type CarouselProps, CarouselRoot, type CarouselRootProps, CarouselSlide, CarouselTrack, CarouselViewport, CheckList, type CheckListProps, Checkbox, CheckboxDropdownGroup, type CheckboxDropdownGroupConfig, type CheckboxDropdownGroupProps, CheckboxDropdownMultiGroup, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxSize, CircularLoader, Collapsible, CollapsibleContent, CollapsibleTrigger, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, CopyString, type CopyStringProps, Counter, type CounterProps, CounterSize, CreatableMultiSelect, type CreatableMultiSelectProps, CreatableSelect, type CreatableSelectProps, CustomCheckboxDropdownGroup, type CustomIconEntry, DEFAULT_DISPLAY_FORMAT, DEVICE_BREAKPOINTS, DataTable, type DataTableProps, DateRangePicker, type DateRangePickerImperativeProps, type OpenDirection as DateRangePickerOpenDirection, type DateRangePickerProps, DateTableFilter, Datepicker, type DatepickerDate, type DatepickerProps, DebouncedSearchInput, type DebouncedSearchInputProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExpandableContent, type ExpandableContentProps, type ExpandableContentTrigger, ExternalLink, type ExternalLinkProps, FieldErrorMessage, type FieldErrorMessageProps, FileInput, FileInputButton, type FileInputButtonProps, type FileInputProps, type FileInputValue, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root$1 as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, FreeTextField, type FreeTextFieldProps, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IconButton, type IconButtonProps, type IconEntry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfiniteScrollMultiSelect, type InfiniteScrollMultiSelectProps, InfiniteScrollSelect, type InfiniteScrollSelectProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, LegacyInfinitySelect, type LegacyInfinitySelectProps, LegacyInput, type LegacyInputProps, LegacyMultiSelect, type LegacyMultiSelectProps, LegacySelect, LegacySelectContent, LegacySelectGroup, LegacySelectItem, LegacySelectLabel, LegacySelectPortal, type LegacySelectProps, LegacySelectRoot, LegacySelectScrollDownButton, LegacySelectScrollUpButton, LegacySelectSeparator, type LegacySelectSize, LegacySelectTrigger, LegacySelectValue, LegacyTextarea, type LegacyTextareaProps, Link, type LinkProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, type MobileCameraProps, type MobileScreenshotPayload, MobileWebcam, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, MultiSelect, type MultiSelectProps, NumberedList, type NumberedListProps, type OptionsCardsProps, OverlayLoader, type OverlayLoaderProps, Pagination, type PaginationProps, type PaginationVariant, PhoneInput, type PhoneInputOption, type PhoneInputProps, type PhoneInputValue, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PopoverWithTooltip, type PopoverWithTooltipProps, Radio, type RadioCardOption, MemoizedRadioCardsGroup as RadioCardsGroup, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioOption, type RadioProps, type RadioSize, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, type RegisterUiKitI18nOptions, ResponsiveDropdown, type ResponsiveDropdownOption, type ResponsiveDropdownProps, ResponsiveSheet, type ResponsiveSheetProps, RotateArrow, type RotateArrowProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, type ScrollableAreaState, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, Section, SectionGroup, type SectionGroupItemProps, type SectionGroupLabelProps, type SectionGroupProps, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectAllRow, type SelectAllRowProps, SelectCheckboxOption, SelectCheckboxes, type SelectCheckboxesProps, type SelectCheckboxesTriggerRenderer, type SelectFormatGroupLabel, type SelectGroupedOption, SelectIconsBox, type SelectIconsBoxProps, type MultiSelectModeProps as SelectMultiProps, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectorOption, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIcon, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignatureCanvas, type SignatureCanvasRef, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, SmallGridSingleItem, type SmallGridSingleItemProps, SortingAction, type SortingActionProps, type SortingActionValue, type SortingByVariant, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusBox, type StatusBoxProps, StatusButton, type StatusButtonProps, Stepper, type StepperProps, SubSection, SubSectionSize, SvgIcon, type SvgIconProps, type SvgIconSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFilter, type TableFilterProps, TableFooter, TableHead, TableHeader, TableLoader, type TableLoaderProps, type TableLoaderRootProps, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, TimePicker, type TimePickerFormat, type TimePickerProps, type TimeSettings, Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, type TimelineContextProps, TimelineDescription, type TimelineDescriptionProps, TimelineDot, type TimelineDotProps, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTitle, type TimelineTitleProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, UI_KIT_I18N_NAMESPACE, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, type UseScrollableAreaOptions, type UseScrollableAreaResult, VerticalTabs, type VerticalTabsProps, type VerticalTabsStep, type VideoConstraints, VideoModal, type VideoModalProps, VideoPlayer, type VideoPlayerProps, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, createDisabledMatchers, emptyMediaVariants, findPhoneCode, findPhoneCodeOption, formatDate, formatPhoneCodeOptionLabel, getErrorMessage, getFileSizeMB, getScrollableAreaState, getSidebarState, isDayBlocked, isNumeric, labelVariants, parseDate, parsePhoneValueWithOptions, registerUiKitI18n, scrollToTop, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toCssSize, toastResponseError, toggleVariants, uiKitI18nResources, uiKitTranslations, useAbortController, useAccordionState, useCarouselContext, useClickEscape, useCombinedRef, useCopyToClipboard, useCountdown, useDebounce, useDebouncedFunction, useEvent, useHover, useIframeFocusTrapFallback, useIsFormTouched, useIsMobile, useIsMounted, useKeyDown, useLoadMore, useLockBodyScroll, useModalControls, useModalWithHistoryControls, useOutsideClick, usePagination, usePrevious, usePromisedModalControls, useRadioOptions, useResetAfterRequestStatus, useScreenResize, useScrollFrameIntoView, useScrollToTop, useScrollableArea, useSearchInput, useSidebar, useSidebarMenuButton, useSidebarSafe, useStickyStuck, useSwitchSectionActive, useTimeline, useTimeout, useTimeoutRef, useUpdateToast, useValidateDates };
|
|
4084
|
+
export { ALERT_BOX_VARIANTS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbDatePicker, type AirbnbDatePickerProps, type AirbnbDatePickerValue, AirbnbFieldTrigger, type AirbnbFieldTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbPhoneField, type AirbnbPhoneFieldOption, type AirbnbPhoneFieldProps, type AirbnbPhoneFieldValue, AirbnbSearchInput, AirbnbSearchableSelect, type AirbnbSearchableSelectProps, type AirbnbSearchableSelectValue, AirbnbSelect, type AirbnbSelectProps, AirbnbSwitch, type AirbnbSwitchProps, Alert, AlertBox, type AlertBoxProps, type AlertBoxVariant, AlertDescription, AlertSize, AlertSizes, AlertTitle, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, type BaseSelectProps, BetaBadge, type BetaBadgeProps, BookmarkTabsList, type BookmarkTabsListProps, BookmarkTabsTrigger, type BookmarkTabsTriggerProps, BoxOptionSelector, type BoxOptionSelectorProps, type BoxOptionSelectorSwitchProps, Breadcrumb, type BreadcrumbProps, type BreadcrumbType, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonStatuses, ButtonsGroupLabel, type ButtonsGroupLabelProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselNext, CarouselPrevious, type CarouselProps, CarouselRoot, type CarouselRootProps, CarouselSlide, CarouselTrack, CarouselViewport, CheckList, type CheckListProps, Checkbox, CheckboxDropdownGroup, type CheckboxDropdownGroupConfig, type CheckboxDropdownGroupProps, CheckboxDropdownMultiGroup, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxSize, CircularLoader, Collapsible, CollapsibleContent, CollapsibleTrigger, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, CopyString, type CopyStringProps, Counter, type CounterProps, CounterSize, CreatableMultiSelect, type CreatableMultiSelectProps, CreatableSelect, type CreatableSelectProps, CustomCheckboxDropdownGroup, type CustomIconEntry, DEFAULT_DISPLAY_FORMAT, DEVICE_BREAKPOINTS, DataTable, type DataTableProps, DateRangePicker, type DateRangePickerImperativeProps, type OpenDirection as DateRangePickerOpenDirection, type DateRangePickerProps, DateTableFilter, Datepicker, type DatepickerDate, type DatepickerHandle, type DatepickerProps, type DatepickerSubfield, DebouncedSearchInput, type DebouncedSearchInputProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExpandableContent, type ExpandableContentProps, type ExpandableContentTrigger, ExternalLink, type ExternalLinkProps, FieldErrorMessage, type FieldErrorMessageProps, FileInput, FileInputButton, type FileInputButtonProps, type FileInputProps, type FileInputValue, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root$1 as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, FreeTextField, type FreeTextFieldProps, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IconButton, type IconButtonProps, type IconEntry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfiniteScrollMultiSelect, type InfiniteScrollMultiSelectProps, InfiniteScrollSelect, type InfiniteScrollSelectProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, LegacyInfinitySelect, type LegacyInfinitySelectProps, LegacyInput, type LegacyInputProps, LegacyMultiSelect, type LegacyMultiSelectProps, LegacySelect, LegacySelectContent, LegacySelectGroup, LegacySelectItem, LegacySelectLabel, LegacySelectPortal, type LegacySelectProps, LegacySelectRoot, LegacySelectScrollDownButton, LegacySelectScrollUpButton, LegacySelectSeparator, type LegacySelectSize, LegacySelectTrigger, LegacySelectValue, LegacyTextarea, type LegacyTextareaProps, Link, type LinkProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, type MobileCameraProps, type MobileScreenshotPayload, MobileWebcam, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, MultiSelect, type MultiSelectProps, NumberedList, type NumberedListProps, type OptionsCardsProps, OverlayLoader, type OverlayLoaderProps, Pagination, type PaginationProps, type PaginationVariant, PhoneInput, type PhoneInputOption, type PhoneInputProps, type PhoneInputValue, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PopoverWithTooltip, type PopoverWithTooltipProps, Radio, type RadioCardOption, MemoizedRadioCardsGroup as RadioCardsGroup, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioOption, type RadioProps, type RadioSize, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, type RegisterUiKitI18nOptions, ResponsiveDropdown, type ResponsiveDropdownOption, type ResponsiveDropdownProps, ResponsiveSheet, type ResponsiveSheetProps, RotateArrow, type RotateArrowProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, type ScrollableAreaState, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, Section, SectionGroup, type SectionGroupItemProps, type SectionGroupLabelProps, type SectionGroupProps, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectAllRow, type SelectAllRowProps, SelectCheckboxOption, SelectCheckboxes, type SelectCheckboxesProps, type SelectCheckboxesTriggerRenderer, type SelectFormatGroupLabel, type SelectGroupedOption, SelectIconsBox, type SelectIconsBoxProps, type MultiSelectModeProps as SelectMultiProps, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectorOption, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIcon, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignatureCanvas, type SignatureCanvasRef, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, SmallGridSingleItem, type SmallGridSingleItemProps, SortingAction, type SortingActionProps, type SortingActionValue, type SortingByVariant, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusBox, type StatusBoxProps, StatusButton, type StatusButtonProps, Stepper, type StepperProps, SubSection, SubSectionSize, SvgIcon, type SvgIconProps, type SvgIconSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFilter, type TableFilterProps, TableFooter, TableHead, TableHeader, TableLoader, type TableLoaderProps, type TableLoaderRootProps, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, TimePicker, type TimePickerFormat, type TimePickerProps, type TimeSettings, Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, type TimelineContextProps, TimelineDescription, type TimelineDescriptionProps, TimelineDot, type TimelineDotProps, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTitle, type TimelineTitleProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, UI_KIT_I18N_NAMESPACE, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, type UseScrollableAreaOptions, type UseScrollableAreaResult, VerticalTabs, type VerticalTabsProps, type VerticalTabsStep, type VideoConstraints, VideoModal, type VideoModalProps, VideoPlayer, type VideoPlayerProps, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, createDisabledMatchers, emptyMediaVariants, findPhoneCode, findPhoneCodeOption, formatDate, formatPhoneCodeOptionLabel, getErrorMessage, getFileSizeMB, getScrollableAreaState, getSidebarState, isDayBlocked, isNumeric, labelVariants, parseDate, parsePhoneValueWithOptions, registerUiKitI18n, scrollToTop, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toCssSize, toastResponseError, toggleVariants, uiKitI18nResources, uiKitTranslations, useAbortController, useAccordionState, useCarouselContext, useClickEscape, useCombinedRef, useCopyToClipboard, useCountdown, useDebounce, useDebouncedFunction, useEvent, useHover, useIframeFocusTrapFallback, useIsFormTouched, useIsMobile, useIsMounted, useKeyDown, useLoadMore, useLockBodyScroll, useModalControls, useModalWithHistoryControls, useOutsideClick, usePagination, usePrevious, usePromisedModalControls, useRadioOptions, useResetAfterRequestStatus, useScreenResize, useScrollFrameIntoView, useScrollToTop, useScrollableArea, useSearchInput, useSidebar, useSidebarMenuButton, useSidebarSafe, useStickyStuck, useSwitchSectionActive, useTimeline, useTimeout, useTimeoutRef, useUpdateToast, useValidateDates };
|
package/dist/index.d.ts
CHANGED
|
@@ -1898,6 +1898,7 @@ type SelectOption<D = unknown, V extends string | number | boolean = string, L e
|
|
|
1898
1898
|
description?: string | ReactNode;
|
|
1899
1899
|
isDisabled?: boolean;
|
|
1900
1900
|
readOnly?: boolean;
|
|
1901
|
+
isPrefilled?: boolean;
|
|
1901
1902
|
};
|
|
1902
1903
|
type SelectorOption<T extends string | number | boolean = string> = {
|
|
1903
1904
|
value: T;
|
|
@@ -2889,6 +2890,7 @@ type PhoneInputProps = {
|
|
|
2889
2890
|
options: PhoneInputOption[];
|
|
2890
2891
|
value?: PhoneInputValue | null;
|
|
2891
2892
|
onChange?: (value: PhoneInputValue, name?: string) => void;
|
|
2893
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
2892
2894
|
onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
2893
2895
|
name?: string;
|
|
2894
2896
|
codeName?: string;
|
|
@@ -3041,6 +3043,7 @@ type SelectComponents<T = unknown, V extends SelectValue$1 = SelectValue$1, L ex
|
|
|
3041
3043
|
type BaseSelectProps<T, V extends SelectValue$1, L extends ReactNode> = {
|
|
3042
3044
|
options?: SelectGroupedOption<T, V, L>[];
|
|
3043
3045
|
onBlur?: React$1.FocusEventHandler<HTMLDivElement>;
|
|
3046
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
3044
3047
|
label?: string;
|
|
3045
3048
|
topLabel?: string;
|
|
3046
3049
|
placeholder?: string;
|
|
@@ -3221,11 +3224,21 @@ declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaH
|
|
|
3221
3224
|
} & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
3222
3225
|
|
|
3223
3226
|
type DatepickerDate = Date | null;
|
|
3227
|
+
type DatepickerSubfield = 'day' | 'month' | 'year';
|
|
3228
|
+
type DatepickerHandle = {
|
|
3229
|
+
getDayValue: () => string;
|
|
3230
|
+
getYearValue: () => string;
|
|
3231
|
+
setDayValue: (value: string) => void;
|
|
3232
|
+
setYearValue: (value: string) => void;
|
|
3233
|
+
};
|
|
3224
3234
|
type DatepickerProps = {
|
|
3225
3235
|
label?: string;
|
|
3226
3236
|
value?: DatepickerDate;
|
|
3227
3237
|
defaultValue?: DatepickerDate;
|
|
3228
3238
|
onChange?: (value: DatepickerDate, name?: string) => void;
|
|
3239
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement | HTMLButtonElement>;
|
|
3240
|
+
onFieldFocus?: (subfield: DatepickerSubfield) => void;
|
|
3241
|
+
onFieldBlur?: (subfield: DatepickerSubfield) => void;
|
|
3229
3242
|
name?: string;
|
|
3230
3243
|
invalid?: boolean;
|
|
3231
3244
|
error?: string;
|
|
@@ -3250,7 +3263,7 @@ type DatepickerProps = {
|
|
|
3250
3263
|
maxDate?: Date;
|
|
3251
3264
|
formatValue?: (date: Date) => string;
|
|
3252
3265
|
};
|
|
3253
|
-
declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<
|
|
3266
|
+
declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<DatepickerHandle>>;
|
|
3254
3267
|
|
|
3255
3268
|
declare const DEFAULT_DISPLAY_FORMAT = "dd-MM-yyyy";
|
|
3256
3269
|
declare const formatDate: (format?: string) => (date: Date) => string;
|
|
@@ -3263,6 +3276,7 @@ type DateRangePickerProps = Omit<Partial<PropsRange>, 'mode' | 'selected'> & Omi
|
|
|
3263
3276
|
value?: DateRange;
|
|
3264
3277
|
defaultValue?: DateRange;
|
|
3265
3278
|
onChange?: (value: DateRange | undefined, name?: string) => void;
|
|
3279
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
3266
3280
|
onBlur?: (value: DateRange | undefined) => void;
|
|
3267
3281
|
name?: string;
|
|
3268
3282
|
invalid?: boolean;
|
|
@@ -3302,6 +3316,7 @@ declare const DateRangePicker: React$1.ForwardRefExoticComponent<Omit<Partial<Pr
|
|
|
3302
3316
|
value?: DateRange;
|
|
3303
3317
|
defaultValue?: DateRange;
|
|
3304
3318
|
onChange?: (value: DateRange | undefined, name?: string) => void;
|
|
3319
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
3305
3320
|
onBlur?: (value: DateRange | undefined) => void;
|
|
3306
3321
|
name?: string;
|
|
3307
3322
|
invalid?: boolean;
|
|
@@ -3388,6 +3403,7 @@ type FileInputProps = {
|
|
|
3388
3403
|
label?: string;
|
|
3389
3404
|
value?: FileInputValue;
|
|
3390
3405
|
onChange?: (value: File | null, event?: React$1.ChangeEvent<HTMLInputElement>) => void;
|
|
3406
|
+
onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
|
|
3391
3407
|
onDownload?: (url: string) => void;
|
|
3392
3408
|
name?: string;
|
|
3393
3409
|
placeholder?: string;
|
|
@@ -3419,6 +3435,7 @@ type SelectIconsBoxProps = {
|
|
|
3419
3435
|
isOpen?: boolean;
|
|
3420
3436
|
defaultOpen?: boolean;
|
|
3421
3437
|
onOpenChange?: (isOpen: boolean) => void;
|
|
3438
|
+
onFocus?: React$1.FocusEventHandler<HTMLDivElement>;
|
|
3422
3439
|
position?: 'left' | 'right' | 'center';
|
|
3423
3440
|
className?: string;
|
|
3424
3441
|
boxClassName?: string;
|
|
@@ -4064,4 +4081,4 @@ interface AirbnbSwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof
|
|
|
4064
4081
|
}
|
|
4065
4082
|
declare const AirbnbSwitch: React$1.ForwardRefExoticComponent<AirbnbSwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
4066
4083
|
|
|
4067
|
-
export { ALERT_BOX_VARIANTS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbDatePicker, type AirbnbDatePickerProps, type AirbnbDatePickerValue, AirbnbFieldTrigger, type AirbnbFieldTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbPhoneField, type AirbnbPhoneFieldOption, type AirbnbPhoneFieldProps, type AirbnbPhoneFieldValue, AirbnbSearchInput, AirbnbSearchableSelect, type AirbnbSearchableSelectProps, type AirbnbSearchableSelectValue, AirbnbSelect, type AirbnbSelectProps, AirbnbSwitch, type AirbnbSwitchProps, Alert, AlertBox, type AlertBoxProps, type AlertBoxVariant, AlertDescription, AlertSize, AlertSizes, AlertTitle, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, type BaseSelectProps, BetaBadge, type BetaBadgeProps, BookmarkTabsList, type BookmarkTabsListProps, BookmarkTabsTrigger, type BookmarkTabsTriggerProps, BoxOptionSelector, type BoxOptionSelectorProps, type BoxOptionSelectorSwitchProps, Breadcrumb, type BreadcrumbProps, type BreadcrumbType, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonStatuses, ButtonsGroupLabel, type ButtonsGroupLabelProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselNext, CarouselPrevious, type CarouselProps, CarouselRoot, type CarouselRootProps, CarouselSlide, CarouselTrack, CarouselViewport, CheckList, type CheckListProps, Checkbox, CheckboxDropdownGroup, type CheckboxDropdownGroupConfig, type CheckboxDropdownGroupProps, CheckboxDropdownMultiGroup, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxSize, CircularLoader, Collapsible, CollapsibleContent, CollapsibleTrigger, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, CopyString, type CopyStringProps, Counter, type CounterProps, CounterSize, CreatableMultiSelect, type CreatableMultiSelectProps, CreatableSelect, type CreatableSelectProps, CustomCheckboxDropdownGroup, type CustomIconEntry, DEFAULT_DISPLAY_FORMAT, DEVICE_BREAKPOINTS, DataTable, type DataTableProps, DateRangePicker, type DateRangePickerImperativeProps, type OpenDirection as DateRangePickerOpenDirection, type DateRangePickerProps, DateTableFilter, Datepicker, type DatepickerDate, type DatepickerProps, DebouncedSearchInput, type DebouncedSearchInputProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExpandableContent, type ExpandableContentProps, type ExpandableContentTrigger, ExternalLink, type ExternalLinkProps, FieldErrorMessage, type FieldErrorMessageProps, FileInput, FileInputButton, type FileInputButtonProps, type FileInputProps, type FileInputValue, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root$1 as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, FreeTextField, type FreeTextFieldProps, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IconButton, type IconButtonProps, type IconEntry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfiniteScrollMultiSelect, type InfiniteScrollMultiSelectProps, InfiniteScrollSelect, type InfiniteScrollSelectProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, LegacyInfinitySelect, type LegacyInfinitySelectProps, LegacyInput, type LegacyInputProps, LegacyMultiSelect, type LegacyMultiSelectProps, LegacySelect, LegacySelectContent, LegacySelectGroup, LegacySelectItem, LegacySelectLabel, LegacySelectPortal, type LegacySelectProps, LegacySelectRoot, LegacySelectScrollDownButton, LegacySelectScrollUpButton, LegacySelectSeparator, type LegacySelectSize, LegacySelectTrigger, LegacySelectValue, LegacyTextarea, type LegacyTextareaProps, Link, type LinkProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, type MobileCameraProps, type MobileScreenshotPayload, MobileWebcam, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, MultiSelect, type MultiSelectProps, NumberedList, type NumberedListProps, type OptionsCardsProps, OverlayLoader, type OverlayLoaderProps, Pagination, type PaginationProps, type PaginationVariant, PhoneInput, type PhoneInputOption, type PhoneInputProps, type PhoneInputValue, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PopoverWithTooltip, type PopoverWithTooltipProps, Radio, type RadioCardOption, MemoizedRadioCardsGroup as RadioCardsGroup, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioOption, type RadioProps, type RadioSize, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, type RegisterUiKitI18nOptions, ResponsiveDropdown, type ResponsiveDropdownOption, type ResponsiveDropdownProps, ResponsiveSheet, type ResponsiveSheetProps, RotateArrow, type RotateArrowProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, type ScrollableAreaState, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, Section, SectionGroup, type SectionGroupItemProps, type SectionGroupLabelProps, type SectionGroupProps, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectAllRow, type SelectAllRowProps, SelectCheckboxOption, SelectCheckboxes, type SelectCheckboxesProps, type SelectCheckboxesTriggerRenderer, type SelectFormatGroupLabel, type SelectGroupedOption, SelectIconsBox, type SelectIconsBoxProps, type MultiSelectModeProps as SelectMultiProps, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectorOption, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIcon, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignatureCanvas, type SignatureCanvasRef, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, SmallGridSingleItem, type SmallGridSingleItemProps, SortingAction, type SortingActionProps, type SortingActionValue, type SortingByVariant, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusBox, type StatusBoxProps, StatusButton, type StatusButtonProps, Stepper, type StepperProps, SubSection, SubSectionSize, SvgIcon, type SvgIconProps, type SvgIconSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFilter, type TableFilterProps, TableFooter, TableHead, TableHeader, TableLoader, type TableLoaderProps, type TableLoaderRootProps, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, TimePicker, type TimePickerFormat, type TimePickerProps, type TimeSettings, Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, type TimelineContextProps, TimelineDescription, type TimelineDescriptionProps, TimelineDot, type TimelineDotProps, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTitle, type TimelineTitleProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, UI_KIT_I18N_NAMESPACE, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, type UseScrollableAreaOptions, type UseScrollableAreaResult, VerticalTabs, type VerticalTabsProps, type VerticalTabsStep, type VideoConstraints, VideoModal, type VideoModalProps, VideoPlayer, type VideoPlayerProps, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, createDisabledMatchers, emptyMediaVariants, findPhoneCode, findPhoneCodeOption, formatDate, formatPhoneCodeOptionLabel, getErrorMessage, getFileSizeMB, getScrollableAreaState, getSidebarState, isDayBlocked, isNumeric, labelVariants, parseDate, parsePhoneValueWithOptions, registerUiKitI18n, scrollToTop, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toCssSize, toastResponseError, toggleVariants, uiKitI18nResources, uiKitTranslations, useAbortController, useAccordionState, useCarouselContext, useClickEscape, useCombinedRef, useCopyToClipboard, useCountdown, useDebounce, useDebouncedFunction, useEvent, useHover, useIframeFocusTrapFallback, useIsFormTouched, useIsMobile, useIsMounted, useKeyDown, useLoadMore, useLockBodyScroll, useModalControls, useModalWithHistoryControls, useOutsideClick, usePagination, usePrevious, usePromisedModalControls, useRadioOptions, useResetAfterRequestStatus, useScreenResize, useScrollFrameIntoView, useScrollToTop, useScrollableArea, useSearchInput, useSidebar, useSidebarMenuButton, useSidebarSafe, useStickyStuck, useSwitchSectionActive, useTimeline, useTimeout, useTimeoutRef, useUpdateToast, useValidateDates };
|
|
4084
|
+
export { ALERT_BOX_VARIANTS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbDatePicker, type AirbnbDatePickerProps, type AirbnbDatePickerValue, AirbnbFieldTrigger, type AirbnbFieldTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbPhoneField, type AirbnbPhoneFieldOption, type AirbnbPhoneFieldProps, type AirbnbPhoneFieldValue, AirbnbSearchInput, AirbnbSearchableSelect, type AirbnbSearchableSelectProps, type AirbnbSearchableSelectValue, AirbnbSelect, type AirbnbSelectProps, AirbnbSwitch, type AirbnbSwitchProps, Alert, AlertBox, type AlertBoxProps, type AlertBoxVariant, AlertDescription, AlertSize, AlertSizes, AlertTitle, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, type BaseSelectProps, BetaBadge, type BetaBadgeProps, BookmarkTabsList, type BookmarkTabsListProps, BookmarkTabsTrigger, type BookmarkTabsTriggerProps, BoxOptionSelector, type BoxOptionSelectorProps, type BoxOptionSelectorSwitchProps, Breadcrumb, type BreadcrumbProps, type BreadcrumbType, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonStatuses, ButtonsGroupLabel, type ButtonsGroupLabelProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselNext, CarouselPrevious, type CarouselProps, CarouselRoot, type CarouselRootProps, CarouselSlide, CarouselTrack, CarouselViewport, CheckList, type CheckListProps, Checkbox, CheckboxDropdownGroup, type CheckboxDropdownGroupConfig, type CheckboxDropdownGroupProps, CheckboxDropdownMultiGroup, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxSize, CircularLoader, Collapsible, CollapsibleContent, CollapsibleTrigger, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, CopyString, type CopyStringProps, Counter, type CounterProps, CounterSize, CreatableMultiSelect, type CreatableMultiSelectProps, CreatableSelect, type CreatableSelectProps, CustomCheckboxDropdownGroup, type CustomIconEntry, DEFAULT_DISPLAY_FORMAT, DEVICE_BREAKPOINTS, DataTable, type DataTableProps, DateRangePicker, type DateRangePickerImperativeProps, type OpenDirection as DateRangePickerOpenDirection, type DateRangePickerProps, DateTableFilter, Datepicker, type DatepickerDate, type DatepickerHandle, type DatepickerProps, type DatepickerSubfield, DebouncedSearchInput, type DebouncedSearchInputProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExpandableContent, type ExpandableContentProps, type ExpandableContentTrigger, ExternalLink, type ExternalLinkProps, FieldErrorMessage, type FieldErrorMessageProps, FileInput, FileInputButton, type FileInputButtonProps, type FileInputProps, type FileInputValue, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root$1 as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, FreeTextField, type FreeTextFieldProps, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IconButton, type IconButtonProps, type IconEntry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfiniteScrollMultiSelect, type InfiniteScrollMultiSelectProps, InfiniteScrollSelect, type InfiniteScrollSelectProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, LegacyInfinitySelect, type LegacyInfinitySelectProps, LegacyInput, type LegacyInputProps, LegacyMultiSelect, type LegacyMultiSelectProps, LegacySelect, LegacySelectContent, LegacySelectGroup, LegacySelectItem, LegacySelectLabel, LegacySelectPortal, type LegacySelectProps, LegacySelectRoot, LegacySelectScrollDownButton, LegacySelectScrollUpButton, LegacySelectSeparator, type LegacySelectSize, LegacySelectTrigger, LegacySelectValue, LegacyTextarea, type LegacyTextareaProps, Link, type LinkProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, type MobileCameraProps, type MobileScreenshotPayload, MobileWebcam, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, MultiSelect, type MultiSelectProps, NumberedList, type NumberedListProps, type OptionsCardsProps, OverlayLoader, type OverlayLoaderProps, Pagination, type PaginationProps, type PaginationVariant, PhoneInput, type PhoneInputOption, type PhoneInputProps, type PhoneInputValue, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PopoverWithTooltip, type PopoverWithTooltipProps, Radio, type RadioCardOption, MemoizedRadioCardsGroup as RadioCardsGroup, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioOption, type RadioProps, type RadioSize, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, type RegisterUiKitI18nOptions, ResponsiveDropdown, type ResponsiveDropdownOption, type ResponsiveDropdownProps, ResponsiveSheet, type ResponsiveSheetProps, RotateArrow, type RotateArrowProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, type ScrollableAreaState, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, Section, SectionGroup, type SectionGroupItemProps, type SectionGroupLabelProps, type SectionGroupProps, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectAllRow, type SelectAllRowProps, SelectCheckboxOption, SelectCheckboxes, type SelectCheckboxesProps, type SelectCheckboxesTriggerRenderer, type SelectFormatGroupLabel, type SelectGroupedOption, SelectIconsBox, type SelectIconsBoxProps, type MultiSelectModeProps as SelectMultiProps, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectorOption, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIcon, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignatureCanvas, type SignatureCanvasRef, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, SmallGridSingleItem, type SmallGridSingleItemProps, SortingAction, type SortingActionProps, type SortingActionValue, type SortingByVariant, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusBox, type StatusBoxProps, StatusButton, type StatusButtonProps, Stepper, type StepperProps, SubSection, SubSectionSize, SvgIcon, type SvgIconProps, type SvgIconSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFilter, type TableFilterProps, TableFooter, TableHead, TableHeader, TableLoader, type TableLoaderProps, type TableLoaderRootProps, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, TimePicker, type TimePickerFormat, type TimePickerProps, type TimeSettings, Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, type TimelineContextProps, TimelineDescription, type TimelineDescriptionProps, TimelineDot, type TimelineDotProps, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTitle, type TimelineTitleProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, UI_KIT_I18N_NAMESPACE, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, type UseScrollableAreaOptions, type UseScrollableAreaResult, VerticalTabs, type VerticalTabsProps, type VerticalTabsStep, type VideoConstraints, VideoModal, type VideoModalProps, VideoPlayer, type VideoPlayerProps, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, createDisabledMatchers, emptyMediaVariants, findPhoneCode, findPhoneCodeOption, formatDate, formatPhoneCodeOptionLabel, getErrorMessage, getFileSizeMB, getScrollableAreaState, getSidebarState, isDayBlocked, isNumeric, labelVariants, parseDate, parsePhoneValueWithOptions, registerUiKitI18n, scrollToTop, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toCssSize, toastResponseError, toggleVariants, uiKitI18nResources, uiKitTranslations, useAbortController, useAccordionState, useCarouselContext, useClickEscape, useCombinedRef, useCopyToClipboard, useCountdown, useDebounce, useDebouncedFunction, useEvent, useHover, useIframeFocusTrapFallback, useIsFormTouched, useIsMobile, useIsMounted, useKeyDown, useLoadMore, useLockBodyScroll, useModalControls, useModalWithHistoryControls, useOutsideClick, usePagination, usePrevious, usePromisedModalControls, useRadioOptions, useResetAfterRequestStatus, useScreenResize, useScrollFrameIntoView, useScrollToTop, useScrollableArea, useSearchInput, useSidebar, useSidebarMenuButton, useSidebarSafe, useStickyStuck, useSwitchSectionActive, useTimeline, useTimeout, useTimeoutRef, useUpdateToast, useValidateDates };
|
package/dist/index.js
CHANGED
|
@@ -13202,6 +13202,7 @@ function useSelectState(params) {
|
|
|
13202
13202
|
closeMenuOnSelect,
|
|
13203
13203
|
openMenuOnFocus = true,
|
|
13204
13204
|
onKeyDown,
|
|
13205
|
+
onFocus,
|
|
13205
13206
|
onBlur,
|
|
13206
13207
|
isSearchInDropdown
|
|
13207
13208
|
} = params;
|
|
@@ -13217,7 +13218,8 @@ function useSelectState(params) {
|
|
|
13217
13218
|
() => resolveValueLabel(singleSelected, getValueLabel),
|
|
13218
13219
|
[singleSelected, getValueLabel]
|
|
13219
13220
|
);
|
|
13220
|
-
const
|
|
13221
|
+
const isSearchOnlyInput = isMulti || Boolean(isSearchInDropdown);
|
|
13222
|
+
const [inputValue, setInputValue] = React48.useState(isSearchOnlyInput ? "" : valueLabel);
|
|
13221
13223
|
const hasValue = selectedOptions.length > 0;
|
|
13222
13224
|
const isBlocked = Boolean(disabled) || Boolean(loading) || Boolean(readOnly);
|
|
13223
13225
|
const hasInvalidState = Boolean(error);
|
|
@@ -13232,18 +13234,18 @@ function useSelectState(params) {
|
|
|
13232
13234
|
const ids = useSelectIds({ name, hasValue, error, hideErrorMessage });
|
|
13233
13235
|
const { listboxId, getOptionId: getOptionId2 } = ids;
|
|
13234
13236
|
React48.useEffect(() => {
|
|
13235
|
-
if (
|
|
13237
|
+
if (isSearchOnlyInput) return;
|
|
13236
13238
|
if (!isFocused) setInputValue(valueLabel);
|
|
13237
|
-
}, [valueLabel, isFocused,
|
|
13239
|
+
}, [valueLabel, isFocused, isSearchOnlyInput]);
|
|
13238
13240
|
React48.useEffect(() => {
|
|
13239
|
-
if (!
|
|
13241
|
+
if (!isSearchOnlyInput) return;
|
|
13240
13242
|
if (!isOpen) {
|
|
13241
13243
|
setInputValue("");
|
|
13242
13244
|
setHighlightedIndex(-1);
|
|
13243
13245
|
}
|
|
13244
|
-
}, [isOpen,
|
|
13246
|
+
}, [isOpen, isSearchOnlyInput]);
|
|
13245
13247
|
const trimmedInput = inputValue.trim();
|
|
13246
|
-
const isFiltering =
|
|
13248
|
+
const isFiltering = isSearchOnlyInput ? trimmedInput.length > 0 : trimmedInput.length > 0 && trimmedInput.toLowerCase() !== valueLabel.toLowerCase();
|
|
13247
13249
|
const filteredOptions = React48.useMemo(() => {
|
|
13248
13250
|
if (!isFiltering) return options;
|
|
13249
13251
|
return options.filter((option) => filterOption(option, trimmedInput));
|
|
@@ -13304,7 +13306,7 @@ function useSelectState(params) {
|
|
|
13304
13306
|
return;
|
|
13305
13307
|
}
|
|
13306
13308
|
onSelectionChange([option], { action: "select" });
|
|
13307
|
-
setInputValue(resolveValueLabel(option, getValueLabel));
|
|
13309
|
+
setInputValue(isSearchInDropdown ? "" : resolveValueLabel(option, getValueLabel));
|
|
13308
13310
|
setIsOpen(false);
|
|
13309
13311
|
setIsFocused(false);
|
|
13310
13312
|
inputRef.current?.blur();
|
|
@@ -13317,7 +13319,8 @@ function useSelectState(params) {
|
|
|
13317
13319
|
onSelectionChange,
|
|
13318
13320
|
closeMenuOnSelect,
|
|
13319
13321
|
setIsOpen,
|
|
13320
|
-
getValueLabel
|
|
13322
|
+
getValueLabel,
|
|
13323
|
+
isSearchInDropdown
|
|
13321
13324
|
]
|
|
13322
13325
|
);
|
|
13323
13326
|
const removeOption = React48.useCallback(
|
|
@@ -13352,7 +13355,7 @@ function useSelectState(params) {
|
|
|
13352
13355
|
return;
|
|
13353
13356
|
}
|
|
13354
13357
|
onSelectionChange([newOption], { action: "create" });
|
|
13355
|
-
setInputValue(resolveValueLabel(newOption, getValueLabel));
|
|
13358
|
+
setInputValue(isSearchInDropdown ? "" : resolveValueLabel(newOption, getValueLabel));
|
|
13356
13359
|
setIsOpen(false);
|
|
13357
13360
|
setIsFocused(false);
|
|
13358
13361
|
inputRef.current?.blur();
|
|
@@ -13365,7 +13368,8 @@ function useSelectState(params) {
|
|
|
13365
13368
|
selectedOptions,
|
|
13366
13369
|
closeMenuOnSelect,
|
|
13367
13370
|
setIsOpen,
|
|
13368
|
-
getValueLabel
|
|
13371
|
+
getValueLabel,
|
|
13372
|
+
isSearchInDropdown
|
|
13369
13373
|
]);
|
|
13370
13374
|
const handleInputChange = React48.useCallback(
|
|
13371
13375
|
(event) => {
|
|
@@ -13374,14 +13378,18 @@ function useSelectState(params) {
|
|
|
13374
13378
|
},
|
|
13375
13379
|
[isOpen, setIsOpen]
|
|
13376
13380
|
);
|
|
13377
|
-
const handleInputFocus = React48.useCallback(
|
|
13378
|
-
|
|
13379
|
-
|
|
13380
|
-
|
|
13381
|
-
|
|
13382
|
-
|
|
13383
|
-
|
|
13384
|
-
|
|
13381
|
+
const handleInputFocus = React48.useCallback(
|
|
13382
|
+
(event) => {
|
|
13383
|
+
if (isBlocked) return;
|
|
13384
|
+
onFocus?.(event);
|
|
13385
|
+
setIsFocused(true);
|
|
13386
|
+
if (openMenuOnFocus) setIsOpen(true);
|
|
13387
|
+
if (!isMulti) {
|
|
13388
|
+
requestAnimationFrame(() => inputRef.current?.select());
|
|
13389
|
+
}
|
|
13390
|
+
},
|
|
13391
|
+
[isBlocked, onFocus, openMenuOnFocus, setIsOpen, isMulti]
|
|
13392
|
+
);
|
|
13385
13393
|
const handleContainerClick = React48.useCallback(() => {
|
|
13386
13394
|
if (isBlocked) return;
|
|
13387
13395
|
inputRef.current?.focus();
|
|
@@ -13391,10 +13399,10 @@ function useSelectState(params) {
|
|
|
13391
13399
|
(event) => {
|
|
13392
13400
|
if (containerRef.current?.contains(event.relatedTarget)) return;
|
|
13393
13401
|
setIsFocused(false);
|
|
13394
|
-
if (!
|
|
13402
|
+
if (!isSearchOnlyInput) setInputValue(valueLabel);
|
|
13395
13403
|
onBlur?.(event);
|
|
13396
13404
|
},
|
|
13397
|
-
[containerRef,
|
|
13405
|
+
[containerRef, isSearchOnlyInput, valueLabel, onBlur]
|
|
13398
13406
|
);
|
|
13399
13407
|
const handleInputKeyDown = React48.useCallback(
|
|
13400
13408
|
(event) => {
|
|
@@ -13448,7 +13456,7 @@ function useSelectState(params) {
|
|
|
13448
13456
|
}
|
|
13449
13457
|
if (event.key === "Escape") {
|
|
13450
13458
|
event.preventDefault();
|
|
13451
|
-
if (!
|
|
13459
|
+
if (!isSearchOnlyInput) setInputValue(valueLabel);
|
|
13452
13460
|
setIsOpen(false);
|
|
13453
13461
|
inputRef.current?.blur();
|
|
13454
13462
|
}
|
|
@@ -13456,6 +13464,7 @@ function useSelectState(params) {
|
|
|
13456
13464
|
[
|
|
13457
13465
|
onKeyDown,
|
|
13458
13466
|
isMulti,
|
|
13467
|
+
isSearchOnlyInput,
|
|
13459
13468
|
inputValue,
|
|
13460
13469
|
selectedOptions,
|
|
13461
13470
|
onSelectionChange,
|
|
@@ -13793,12 +13802,28 @@ function mergeComponents(overrides) {
|
|
|
13793
13802
|
};
|
|
13794
13803
|
}
|
|
13795
13804
|
|
|
13805
|
+
// src/dashboard/select/useSetCorrectOptionIfThereIsOnlyValue.ts
|
|
13806
|
+
import { useEffect as useEffect39 } from "react";
|
|
13807
|
+
function useSetCorrectOptionIfThereIsOnlyValue({ value, options, onChange, enabled = true }) {
|
|
13808
|
+
useEffect39(() => {
|
|
13809
|
+
if (!enabled || !value || !onChange || !options?.length) return;
|
|
13810
|
+
if (value.value === void 0 || value.value === null) return;
|
|
13811
|
+
if (value.label !== "NONE" && value.label !== "") return;
|
|
13812
|
+
const validOption = flattenGroupedOptions(options).find(
|
|
13813
|
+
(option) => option.value === value.value
|
|
13814
|
+
);
|
|
13815
|
+
if (!validOption) return;
|
|
13816
|
+
onChange({ ...validOption, isPrefilled: true }, { action: "select" });
|
|
13817
|
+
}, [enabled, onChange, options, value]);
|
|
13818
|
+
}
|
|
13819
|
+
|
|
13796
13820
|
// src/dashboard/select/Select.tsx
|
|
13797
13821
|
import { jsx as jsx156, jsxs as jsxs99 } from "react/jsx-runtime";
|
|
13798
13822
|
function SelectInternal(props, ref) {
|
|
13799
13823
|
const {
|
|
13800
13824
|
options = [],
|
|
13801
13825
|
onBlur,
|
|
13826
|
+
onFocus,
|
|
13802
13827
|
label,
|
|
13803
13828
|
topLabel,
|
|
13804
13829
|
placeholder,
|
|
@@ -13853,6 +13878,12 @@ function SelectInternal(props, ref) {
|
|
|
13853
13878
|
return props.defaultValue ?? null;
|
|
13854
13879
|
});
|
|
13855
13880
|
const currentValue = isControlled ? props.value : internalValue;
|
|
13881
|
+
useSetCorrectOptionIfThereIsOnlyValue({
|
|
13882
|
+
enabled: !isMulti,
|
|
13883
|
+
value: !isMulti ? props.value : void 0,
|
|
13884
|
+
options,
|
|
13885
|
+
onChange: !isMulti ? props.onChange : void 0
|
|
13886
|
+
});
|
|
13856
13887
|
const selectedOptions = React49.useMemo(() => {
|
|
13857
13888
|
if (isMulti) return currentValue ?? [];
|
|
13858
13889
|
return currentValue ? [currentValue] : [];
|
|
@@ -13894,6 +13925,7 @@ function SelectInternal(props, ref) {
|
|
|
13894
13925
|
closeMenuOnSelect,
|
|
13895
13926
|
openMenuOnFocus,
|
|
13896
13927
|
onKeyDown,
|
|
13928
|
+
onFocus,
|
|
13897
13929
|
onBlur,
|
|
13898
13930
|
isSearchInDropdown
|
|
13899
13931
|
});
|
|
@@ -14120,6 +14152,7 @@ var PhoneInput = React50.forwardRef(
|
|
|
14120
14152
|
options,
|
|
14121
14153
|
value,
|
|
14122
14154
|
onChange,
|
|
14155
|
+
onFocus,
|
|
14123
14156
|
onBlur,
|
|
14124
14157
|
name,
|
|
14125
14158
|
codeName,
|
|
@@ -14259,6 +14292,7 @@ var PhoneInput = React50.forwardRef(
|
|
|
14259
14292
|
tooltip,
|
|
14260
14293
|
"aria-label": resolvedLabel || name,
|
|
14261
14294
|
onChange: handleNumberChange,
|
|
14295
|
+
onFocus,
|
|
14262
14296
|
onBlur,
|
|
14263
14297
|
renderErrorMessage: false,
|
|
14264
14298
|
wrapperClassName: "!max-w-none"
|
|
@@ -15848,6 +15882,9 @@ var Datepicker = React62.forwardRef(
|
|
|
15848
15882
|
value,
|
|
15849
15883
|
defaultValue,
|
|
15850
15884
|
onChange,
|
|
15885
|
+
onFocus,
|
|
15886
|
+
onFieldFocus,
|
|
15887
|
+
onFieldBlur,
|
|
15851
15888
|
name,
|
|
15852
15889
|
invalid,
|
|
15853
15890
|
error,
|
|
@@ -15911,9 +15948,30 @@ var Datepicker = React62.forwardRef(
|
|
|
15911
15948
|
const [monthInputValue, setMonthInputValue] = React62.useState("");
|
|
15912
15949
|
const [monthHighlightIndex, setMonthHighlightIndex] = React62.useState(-1);
|
|
15913
15950
|
const isMobile3 = useIsMobile();
|
|
15951
|
+
const emitChangeRef = React62.useRef(() => {
|
|
15952
|
+
});
|
|
15953
|
+
const dayStateRef = React62.useRef(day);
|
|
15954
|
+
const yearStateRef = React62.useRef(year);
|
|
15955
|
+
const monthIndexRef = React62.useRef(monthIndex);
|
|
15956
|
+
dayStateRef.current = day;
|
|
15957
|
+
yearStateRef.current = year;
|
|
15958
|
+
monthIndexRef.current = monthIndex;
|
|
15914
15959
|
React62.useImperativeHandle(
|
|
15915
15960
|
ref,
|
|
15916
|
-
() =>
|
|
15961
|
+
() => ({
|
|
15962
|
+
getDayValue: () => dayStateRef.current,
|
|
15963
|
+
getYearValue: () => yearStateRef.current,
|
|
15964
|
+
setDayValue: (next) => {
|
|
15965
|
+
if (!PARTIAL_DAY_PATTERN.test(next)) return;
|
|
15966
|
+
setDay(next);
|
|
15967
|
+
emitChangeRef.current(next, monthIndexRef.current, yearStateRef.current);
|
|
15968
|
+
},
|
|
15969
|
+
setYearValue: (next) => {
|
|
15970
|
+
if (!PARTIAL_YEAR_PATTERN.test(next)) return;
|
|
15971
|
+
setYear(next);
|
|
15972
|
+
emitChangeRef.current(dayStateRef.current, monthIndexRef.current, next);
|
|
15973
|
+
}
|
|
15974
|
+
}),
|
|
15917
15975
|
[]
|
|
15918
15976
|
);
|
|
15919
15977
|
React62.useEffect(() => {
|
|
@@ -15974,6 +16032,7 @@ var Datepicker = React62.forwardRef(
|
|
|
15974
16032
|
},
|
|
15975
16033
|
[name, onChange]
|
|
15976
16034
|
);
|
|
16035
|
+
emitChangeRef.current = emitChange;
|
|
15977
16036
|
const handleDayChange = (event) => {
|
|
15978
16037
|
const next = event.target.value;
|
|
15979
16038
|
if (!PARTIAL_DAY_PATTERN.test(next)) return;
|
|
@@ -16161,6 +16220,7 @@ var Datepicker = React62.forwardRef(
|
|
|
16161
16220
|
"aria-busy": loading,
|
|
16162
16221
|
disabled: isBlocked || readOnly,
|
|
16163
16222
|
onClick: openWheel,
|
|
16223
|
+
onFocus,
|
|
16164
16224
|
className: cn(
|
|
16165
16225
|
"relative m-0 box-border flex h-12 w-full cursor-pointer items-center justify-between gap-2 rounded-[6px] border-0 px-4 text-left text-[16px] font-medium leading-5 outline-none transition-colors duration-200",
|
|
16166
16226
|
triggerText ? "bg-transparent text-[var(--chekin-color-brand-navy)]" : "bg-[var(--empty-field-background)] text-[var(--chekin-color-gray-1)]",
|
|
@@ -16203,8 +16263,15 @@ var Datepicker = React62.forwardRef(
|
|
|
16203
16263
|
"aria-invalid": isInvalid,
|
|
16204
16264
|
"aria-labelledby": labelId,
|
|
16205
16265
|
onChange: handleDayChange,
|
|
16206
|
-
onFocus: () =>
|
|
16207
|
-
|
|
16266
|
+
onFocus: (event) => {
|
|
16267
|
+
onFocus?.(event);
|
|
16268
|
+
onFieldFocus?.("day");
|
|
16269
|
+
setFocusedField("day");
|
|
16270
|
+
},
|
|
16271
|
+
onBlur: () => {
|
|
16272
|
+
onFieldBlur?.("day");
|
|
16273
|
+
setFocusedField(null);
|
|
16274
|
+
},
|
|
16208
16275
|
maxLength: 2,
|
|
16209
16276
|
className: subInputClass
|
|
16210
16277
|
}
|
|
@@ -16231,7 +16298,9 @@ var Datepicker = React62.forwardRef(
|
|
|
16231
16298
|
disabled: isBlocked,
|
|
16232
16299
|
readOnly,
|
|
16233
16300
|
onChange: handleMonthInputChange,
|
|
16234
|
-
onFocus: () => {
|
|
16301
|
+
onFocus: (event) => {
|
|
16302
|
+
onFocus?.(event);
|
|
16303
|
+
onFieldFocus?.("month");
|
|
16235
16304
|
setFocusedField("month");
|
|
16236
16305
|
if (!isBlocked && !readOnly) {
|
|
16237
16306
|
setIsMonthOpen(true);
|
|
@@ -16239,6 +16308,7 @@ var Datepicker = React62.forwardRef(
|
|
|
16239
16308
|
}
|
|
16240
16309
|
},
|
|
16241
16310
|
onBlur: () => {
|
|
16311
|
+
onFieldBlur?.("month");
|
|
16242
16312
|
setFocusedField(null);
|
|
16243
16313
|
commitMonthInput();
|
|
16244
16314
|
},
|
|
@@ -16286,8 +16356,15 @@ var Datepicker = React62.forwardRef(
|
|
|
16286
16356
|
"aria-invalid": isInvalid,
|
|
16287
16357
|
"aria-labelledby": labelId,
|
|
16288
16358
|
onChange: handleYearChange,
|
|
16289
|
-
onFocus: () =>
|
|
16290
|
-
|
|
16359
|
+
onFocus: (event) => {
|
|
16360
|
+
onFocus?.(event);
|
|
16361
|
+
onFieldFocus?.("year");
|
|
16362
|
+
setFocusedField("year");
|
|
16363
|
+
},
|
|
16364
|
+
onBlur: () => {
|
|
16365
|
+
onFieldBlur?.("year");
|
|
16366
|
+
setFocusedField(null);
|
|
16367
|
+
},
|
|
16291
16368
|
maxLength: 4,
|
|
16292
16369
|
className: subInputClass
|
|
16293
16370
|
}
|
|
@@ -16817,6 +16894,7 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
|
|
|
16817
16894
|
value: externalValue,
|
|
16818
16895
|
defaultValue,
|
|
16819
16896
|
onChange,
|
|
16897
|
+
onFocus,
|
|
16820
16898
|
onBlur,
|
|
16821
16899
|
name,
|
|
16822
16900
|
invalid,
|
|
@@ -17012,11 +17090,13 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
|
|
|
17012
17090
|
openCalendarLabel: t("open_calendar"),
|
|
17013
17091
|
onFromTextChange: setFromText,
|
|
17014
17092
|
onToTextChange: setToText,
|
|
17015
|
-
onFromFocus: () => {
|
|
17093
|
+
onFromFocus: (event) => {
|
|
17094
|
+
onFocus?.(event);
|
|
17016
17095
|
setFocusedInput("from");
|
|
17017
17096
|
if (!readOnly && !isBlocked) setIsOpen(true);
|
|
17018
17097
|
},
|
|
17019
|
-
onToFocus: () => {
|
|
17098
|
+
onToFocus: (event) => {
|
|
17099
|
+
onFocus?.(event);
|
|
17020
17100
|
setFocusedInput("to");
|
|
17021
17101
|
if (!readOnly && !isBlocked) setIsOpen(true);
|
|
17022
17102
|
},
|
|
@@ -17273,6 +17353,7 @@ var FileInput = React69.forwardRef(function FileInput2({
|
|
|
17273
17353
|
label,
|
|
17274
17354
|
value,
|
|
17275
17355
|
onChange,
|
|
17356
|
+
onFocus,
|
|
17276
17357
|
onDownload = defaultDownload,
|
|
17277
17358
|
name = "file",
|
|
17278
17359
|
placeholder,
|
|
@@ -17346,6 +17427,7 @@ var FileInput = React69.forwardRef(function FileInput2({
|
|
|
17346
17427
|
multiple,
|
|
17347
17428
|
disabled: isBlocked || readOnly,
|
|
17348
17429
|
onChange: handleFileChange,
|
|
17430
|
+
onFocus,
|
|
17349
17431
|
className: "absolute h-[0.1px] w-[0.1px] opacity-0",
|
|
17350
17432
|
"aria-labelledby": labelId,
|
|
17351
17433
|
"aria-invalid": isInvalid
|
|
@@ -17446,6 +17528,7 @@ var SelectIconsBox = React70.forwardRef(
|
|
|
17446
17528
|
isOpen: controlledOpen,
|
|
17447
17529
|
defaultOpen = false,
|
|
17448
17530
|
onOpenChange,
|
|
17531
|
+
onFocus,
|
|
17449
17532
|
position = "left",
|
|
17450
17533
|
className,
|
|
17451
17534
|
boxClassName
|
|
@@ -17473,6 +17556,7 @@ var SelectIconsBox = React70.forwardRef(
|
|
|
17473
17556
|
setOpen(false);
|
|
17474
17557
|
};
|
|
17475
17558
|
const handleContainerFocus = (event) => {
|
|
17559
|
+
onFocus?.(event);
|
|
17476
17560
|
if (event.target !== event.currentTarget) return;
|
|
17477
17561
|
const focusable = event.currentTarget.querySelector(
|
|
17478
17562
|
FOCUSABLE_TRIGGER_SELECTOR2
|