@ringcentral/spring-ui 1.9.2 → 1.11.0
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/Alert.js +1 -1
- package/Announcement.js +4 -2
- package/Autocomplete.js +40 -7
- package/Avatar.js +42 -27
- package/DatePicker.js +45 -38
- package/DateUtilsContext.js +18 -1
- package/Dialer.js +1 -1
- package/Dialog.js +24 -15
- package/NestedMenuContext.js +4 -3
- package/Option.js +5 -5
- package/PickerTextField.js +2 -2
- package/Popper.js +1 -1
- package/Snackbar.js +7 -5
- package/SortableListDndContext.js +3 -3
- package/SortableListItem.js +21 -9
- package/SplitButton.js +1 -1
- package/SubMenu.js +208 -77
- package/SwipeableDrawer.js +1 -9
- package/Switch.js +15 -5
- package/TablePagination.js +11 -21
- package/TableRow.js +1 -1
- package/Text.js +2 -2
- package/Textarea.js +1 -1
- package/TimePicker.js +1 -1
- package/chunks/Alert.js +1 -1
- package/chunks/Drawer.js +1 -1
- package/chunks/Menu.js +25 -6
- package/chunks/Modal.js +7 -3
- package/chunks/PickerTextField.js +18 -7
- package/chunks/TextField.js +0 -1
- package/chunks/Tooltip.js +1 -1
- package/chunks/VirtualizedMenu.js +1 -1
- package/chunks/useMenuItemSelect.js +49 -17
- package/chunks/useNestedMenuItem.js +16 -5
- package/chunks/useNestedParentMenu.js +77 -5
- package/chunks/useTrayNavigate.js +1 -1
- package/index.css +543 -398
- package/index.js +1 -1
- package/package.json +4 -4
- package/src/Accordion/Accordion.classes.d.ts +3 -3
- package/src/Accordion/Accordion.d.ts +1 -1
- package/src/Accordion/Accordion.type.d.ts +1 -1
- package/src/Accordion/AccordionContext.d.ts +1 -1
- package/src/AccordionHeader/AccordionHeader.classes.d.ts +3 -3
- package/src/AccordionHeader/AccordionHeader.d.ts +1 -1
- package/src/AccordionHeader/AccordionHeader.type.d.ts +1 -1
- package/src/Alert/Alert.classes.d.ts +3 -3
- package/src/Alert/Alert.d.ts +3 -3
- package/src/Alert/Alert.type.d.ts +7 -7
- package/src/Alert/AlertTitle.classes.d.ts +3 -3
- package/src/Animation/components/ExpandCollapseCaret/ExpandCollapseCaret.classes.d.ts +3 -3
- package/src/Animation/components/ExpandCollapseCaret/ExpandCollapseCaret.d.ts +2 -2
- package/src/Animation/components/Fade/Fade.d.ts +1 -1
- package/src/Animation/components/Fade/getFade.d.ts +1 -1
- package/src/Animation/components/Grow/Grow.d.ts +1 -1
- package/src/Animation/components/Grow/getGrow.d.ts +4 -4
- package/src/Animation/components/ShowHideEye/ShowHideEye.classes.d.ts +3 -3
- package/src/Animation/components/ShowHideEye/ShowHideEye.d.ts +1 -1
- package/src/Animation/components/SlideIn/SlideIn.d.ts +1 -1
- package/src/Animation/components/SlideIn/getSlideIn.d.ts +2 -2
- package/src/Animation/components/SortableArrow/SortableArrow.classes.d.ts +3 -3
- package/src/Animation/components/SortableArrow/SortableArrow.d.ts +1 -1
- package/src/Animation/components/types.d.ts +2 -2
- package/src/Announcement/Announcement.classes.d.ts +3 -3
- package/src/Announcement/Announcement.type.d.ts +1 -1
- package/src/Autocomplete/Autocomplete.classes.d.ts +6 -6
- package/src/Autocomplete/Autocomplete.type.d.ts +6 -5
- package/src/Autocomplete/SuggestionList/SuggestionList.classes.d.ts +3 -3
- package/src/Autocomplete/SuggestionList/SuggestionList.d.ts +3 -3
- package/src/Autocomplete/SuggestionList/SuggestionListItem.d.ts +2 -2
- package/src/Autocomplete/SuggestionList/utils/SuggestionListItem.d.ts +1 -1
- package/src/Autocomplete/SuggestionList/utils/useDynamicHeight.d.ts +1 -1
- package/src/Autocomplete/SuggestionList/utils/useHighlightScroll.d.ts +1 -1
- package/src/Autocomplete/SuggestionList/utils/useSuggestionList.d.ts +11 -11
- package/src/Autocomplete/SuggestionList/utils/useSuggestionListGroup.d.ts +2 -2
- package/src/Autocomplete/useAutocomplete.d.ts +20 -20
- package/src/Autocomplete/useAutocompleteTag.d.ts +12 -12
- package/src/Avatar/Avatar.classes.d.ts +5 -5
- package/src/Avatar/Avatar.type.d.ts +7 -7
- package/src/AvatarGroup/AvatarGroup.classes.d.ts +3 -3
- package/src/AvatarGroup/AvatarGroup.type.d.ts +6 -6
- package/src/Backdrop/Backdrop.classes.d.ts +3 -3
- package/src/Backdrop/Backdrop.type.d.ts +1 -1
- package/src/Badge/Badge.classes.d.ts +5 -5
- package/src/Badge/Badge.type.d.ts +7 -7
- package/src/Block/Block.classes.d.ts +3 -3
- package/src/Block/Block.type.d.ts +6 -6
- package/src/BlockHeader/BlockHeader.classes.d.ts +3 -3
- package/src/BlockHeader/BlockHeader.type.d.ts +4 -4
- package/src/BottomNavigation/BottomNavigation.classes.d.ts +3 -3
- package/src/BottomNavigation/BottomNavigation.type.d.ts +2 -2
- package/src/BottomNavigation/BottomNavigationContext.d.ts +1 -1
- package/src/BottomNavigation/BottomNavigationGroup/BottomNavigationGroup.classes.d.ts +3 -3
- package/src/BottomNavigation/BottomNavigationGroup/BottomNavigationGroup.type.d.ts +1 -1
- package/src/BottomNavigationItem/BottomNavigationItem.classes.d.ts +3 -3
- package/src/BottomNavigationItem/BottomNavigationItem.type.d.ts +1 -1
- package/src/Button/Button.classes.d.ts +3 -3
- package/src/Button/Button.type.d.ts +8 -8
- package/src/CallButton/CallButton.classes.d.ts +3 -3
- package/src/CallButton/CallButton.type.d.ts +5 -5
- package/src/Checkbox/Checkbox.classes.d.ts +3 -3
- package/src/Checkbox/Checkbox.d.ts +2 -2
- package/src/Checkbox/Checkbox.type.d.ts +2 -2
- package/src/Chip/Chip.classes.d.ts +3 -3
- package/src/Chip/Chip.type.d.ts +5 -5
- package/src/CircularProgressIndicator/CircularProgressIndicator.classes.d.ts +4 -4
- package/src/CircularProgressIndicator/CircularProgressIndicator.d.ts +1 -1
- package/src/CircularProgressIndicator/CircularProgressIndicator.type.d.ts +4 -4
- package/src/ComponentsProps.d.ts +1 -1
- package/src/DatePicker/Calendar.d.ts +1 -1
- package/src/DatePicker/DatePicker.classes.d.ts +3 -3
- package/src/DatePicker/DatePicker.d.ts +1 -1
- package/src/DatePicker/DatePicker.type.d.ts +3 -3
- package/src/DatePicker/DatePickerHeader.d.ts +3 -2
- package/src/DatePicker/Day.d.ts +2 -2
- package/src/DatePicker/SlideDirection.d.ts +1 -1
- package/src/DatePicker/Year.d.ts +2 -2
- package/src/DatePicker/Years.d.ts +1 -1
- package/src/DatePicker/utils/DatePickerAriaLabelUtils.d.ts +12 -4
- package/src/DatePicker/utils/DatePickerUtils.d.ts +1 -1
- package/src/DatePicker/utils/findClosestEnabledDate.d.ts +1 -1
- package/src/DateUtilsContext/DateUtilsContext.d.ts +8 -2
- package/src/Dialer/DialDelete/DialDelete.d.ts +1 -1
- package/src/Dialer/DialPad/DialPad.classes.d.ts +3 -3
- package/src/Dialer/DialPad/DialPad.d.ts +2 -2
- package/src/Dialer/DialPad/utils/DialPadUtils.d.ts +3 -3
- package/src/Dialer/DialPad/utils/types.d.ts +2 -2
- package/src/Dialer/DialPad/utils/useDialKeyboard.d.ts +1 -1
- package/src/Dialer/DialPad/utils/useKeyAudio.d.ts +1 -1
- package/src/Dialer/DialPadButton/DialPadButton.classes.d.ts +3 -3
- package/src/Dialer/DialPadButton/DialPadButton.d.ts +1 -1
- package/src/Dialer/DialTextField/DialTextField.d.ts +2 -2
- package/src/Dialer/Dialer.d.ts +1 -1
- package/src/Dialer/utils/DialerContext.d.ts +1 -1
- package/src/Dialog/Dialog.classes.d.ts +14 -14
- package/src/Dialog/Dialog.d.ts +1 -1
- package/src/Dialog/Dialog.type.d.ts +5 -4
- package/src/Divider/Divider.classes.d.ts +4 -4
- package/src/Divider/Divider.type.d.ts +7 -7
- package/src/DragHandle/DragHandle.classes.d.ts +3 -3
- package/src/DragHandle/DragHandle.type.d.ts +5 -5
- package/src/Drawer/Drawer.classes.d.ts +5 -5
- package/src/Drawer/Drawer.d.ts +1 -1
- package/src/Drawer/Drawer.type.d.ts +4 -4
- package/src/Dropdown/Dropdown.classes.d.ts +3 -3
- package/src/Dropdown/Dropdown.type.d.ts +1 -1
- package/src/EmptyState/EmptyState.classes.d.ts +3 -3
- package/src/EmptyState/EmptyState.d.ts +1 -1
- package/src/EmptyState/EmptyState.type.d.ts +1 -1
- package/src/FabButton/FabButton.classes.d.ts +3 -3
- package/src/FabButton/FabButton.type.d.ts +5 -5
- package/src/FocusTrap/FocusTrap.d.ts +2 -2
- package/src/FormField/FormField.classes.d.ts +4 -4
- package/src/FormField/FormField.type.d.ts +3 -3
- package/src/FormLabel/FormLabel.classes.d.ts +4 -4
- package/src/FormLabel/FormLabel.d.ts +1 -1
- package/src/FormLabel/FormLabel.type.d.ts +2 -2
- package/src/FormLabel/FormLabelContext.d.ts +1 -1
- package/src/Icon/Icon.classes.d.ts +3 -3
- package/src/Icon/Icon.d.ts +1 -1
- package/src/Icon/Icon.type.d.ts +2 -2
- package/src/IconButton/IconButton.classes.d.ts +3 -3
- package/src/IconButton/IconButton.type.d.ts +9 -9
- package/src/IconButton/IconButtonLabel.classes.d.ts +3 -3
- package/src/IconButton/IconButtonLabel.d.ts +1 -1
- package/src/IconButton/IconButtonLabel.type.d.ts +1 -1
- package/src/IconButtonGroup/IconButtonGroup.classes.d.ts +3 -3
- package/src/IconButtonGroup/IconButtonGroup.type.d.ts +4 -4
- package/src/InlineEditable/InlineEditable.classes.d.ts +4 -4
- package/src/InlineEditable/InlineEditable.type.d.ts +5 -5
- package/src/LinearProgressIndicator/LinearProgressIndicator.classes.d.ts +4 -4
- package/src/LinearProgressIndicator/LinearProgressIndicator.type.d.ts +2 -2
- package/src/Link/Link.classes.d.ts +4 -4
- package/src/Link/Link.type.d.ts +4 -4
- package/src/List/List.classes.d.ts +3 -3
- package/src/List/List.type.d.ts +1 -1
- package/src/ListItem/HoverActions.d.ts +1 -1
- package/src/ListItem/ListItem.classes.d.ts +3 -3
- package/src/ListItem/ListItem.d.ts +1 -1
- package/src/ListItem/ListItem.type.d.ts +1 -1
- package/src/ListItemText/ListItemText.classes.d.ts +4 -4
- package/src/ListItemText/ListItemText.d.ts +1 -1
- package/src/ListItemText/ListItemText.type.d.ts +2 -2
- package/src/ListNavigation/ListNavigationContext.d.ts +1 -1
- package/src/ListNavigation/useListNavigation.d.ts +6 -6
- package/src/Menu/Menu.classes.d.ts +3 -3
- package/src/Menu/Menu.d.ts +1 -1
- package/src/Menu/Menu.type.d.ts +1 -1
- package/src/Menu/MenuContext.d.ts +1 -1
- package/src/MenuActions/MenuActions.classes.d.ts +6 -6
- package/src/MenuActions/MenuActions.type.d.ts +1 -1
- package/src/MenuDivider/MenuDivider.classes.d.ts +3 -3
- package/src/MenuDivider/MenuDivider.type.d.ts +1 -1
- package/src/MenuFooter/MenuFooter.classes.d.ts +3 -3
- package/src/MenuFooter/MenuFooter.type.d.ts +1 -1
- package/src/MenuHeader/MenuHeader.classes.d.ts +3 -3
- package/src/MenuHeader/MenuHeader.type.d.ts +1 -1
- package/src/MenuItem/MenuItem.classes.d.ts +3 -3
- package/src/MenuItem/MenuItem.d.ts +1 -1
- package/src/MenuItem/MenuItem.type.d.ts +1 -1
- package/src/MenuItem/MenuItemSelectContext.d.ts +1 -1
- package/src/MenuItem/useMenuItem.d.ts +1 -1
- package/src/MenuItem/useMenuItemSelect.d.ts +5 -5
- package/src/MenuItem/useVirtualizedMenuItem.d.ts +2 -1
- package/src/MenuItemText/MenuItemText.classes.d.ts +3 -3
- package/src/MenuItemText/MenuItemText.d.ts +1 -1
- package/src/MenuItemText/MenuItemText.type.d.ts +1 -1
- package/src/MenuList/MenuList.classes.d.ts +3 -3
- package/src/MenuList/MenuList.type.d.ts +1 -1
- package/src/MenuList/MenuListContext.d.ts +1 -1
- package/src/Modal/InnerModal.d.ts +1 -1
- package/src/Modal/InnerModal.type.d.ts +2 -2
- package/src/Modal/Modal.classes.d.ts +3 -3
- package/src/Modal/Modal.d.ts +1 -1
- package/src/Modal/Modal.type.d.ts +1 -1
- package/src/Modal/ModalContext.d.ts +1 -1
- package/src/NestedMenuContext/MenuOverlayGroupContext.d.ts +15 -0
- package/src/NestedMenuContext/NestedMenuContext.d.ts +22 -5
- package/src/NestedMenuContext/SubMenuTriggerNestedIdContext.d.ts +2 -0
- package/src/NestedMenuContext/pointerGrace.d.ts +8 -0
- package/src/NestedMenuContext/useNestedChildMenu.d.ts +4 -2
- package/src/NestedMenuContext/useNestedMenuItem.d.ts +8 -3
- package/src/NestedMenuContext/useNestedParentMenu.d.ts +8 -1
- package/src/Option/Option.d.ts +1 -1
- package/src/Option/Option.type.d.ts +1 -1
- package/src/Overlap/Overlap.classes.d.ts +3 -3
- package/src/Overlap/Overlap.type.d.ts +8 -8
- package/src/PageHeader/PageHeader.classes.d.ts +15 -15
- package/src/PageHeader/PageHeader.type.d.ts +6 -6
- package/src/PickerTextField/PickerTextField.classes.d.ts +3 -3
- package/src/PickerTextField/PickerTextField.d.ts +1 -1
- package/src/PickerTextField/PickerTextField.type.d.ts +2 -2
- package/src/Popover/Popover.classes.d.ts +3 -3
- package/src/Popover/Popover.d.ts +1 -1
- package/src/Popover/Popover.type.d.ts +2 -2
- package/src/Popper/Popper.d.ts +1 -1
- package/src/Popper/Popper.type.d.ts +4 -4
- package/src/PopperPaper/PopperPaper.classes.d.ts +3 -3
- package/src/PopperPaper/PopperPaper.d.ts +1 -1
- package/src/PopperPaper/PopperPaper.type.d.ts +1 -1
- package/src/Radio/Radio.classes.d.ts +3 -3
- package/src/Radio/Radio.d.ts +2 -2
- package/src/Radio/Radio.type.d.ts +1 -1
- package/src/RadioGroup/RadioGroup.classes.d.ts +3 -3
- package/src/RadioGroup/RadioGroup.context.d.ts +1 -1
- package/src/RadioGroup/RadioGroup.d.ts +1 -1
- package/src/RadioGroup/RadioGroup.type.d.ts +1 -1
- package/src/Rating/Rating.classes.d.ts +3 -3
- package/src/Rating/Rating.d.ts +1 -1
- package/src/Rating/Rating.type.d.ts +2 -2
- package/src/Rating/RatingItem.d.ts +1 -1
- package/src/Select/Select.classes.d.ts +4 -4
- package/src/Select/Select.type.d.ts +5 -5
- package/src/Select/useSelect.d.ts +1 -1
- package/src/SingleFilter/FilterButton/FilterButton.classes.d.ts +3 -3
- package/src/SingleFilter/FilterButton/FilterButton.d.ts +1 -1
- package/src/SingleFilter/FilterButton/FilterButton.type.d.ts +2 -2
- package/src/SingleFilter/SingleFilter.classes.d.ts +3 -3
- package/src/SingleFilter/SingleFilter.d.ts +1 -1
- package/src/SingleFilter/SingleFilter.type.d.ts +2 -2
- package/src/Skeleton/Skeleton.classes.d.ts +3 -3
- package/src/Skeleton/Skeleton.type.d.ts +1 -1
- package/src/Skeleton/SkeletonContainer/SkeletonContainer.classes.d.ts +3 -3
- package/src/Skeleton/SkeletonContainer/SkeletonContainer.type.d.ts +5 -5
- package/src/Slider/Slider.classes.d.ts +4 -4
- package/src/Slider/Slider.d.ts +3 -3
- package/src/Slider/Slider.type.d.ts +2 -2
- package/src/Slider/SliderThumb.d.ts +1 -1
- package/src/Snackbar/Snackbar.classes.d.ts +3 -3
- package/src/Snackbar/Snackbar.d.ts +1 -1
- package/src/Snackbar/Snackbar.type.d.ts +1 -1
- package/src/Snackbar/SnackbarContent/SnackbarContent.classes.d.ts +3 -3
- package/src/Snackbar/SnackbarContent/SnackbarContent.type.d.ts +1 -1
- package/src/SortableList/SortableList.type.d.ts +1 -1
- package/src/SortableListDndContext/SortableListDndContext.type.d.ts +2 -2
- package/src/SortableListItem/SortableListItem.d.ts +1 -1
- package/src/SortableListItem/SortableListItem.type.d.ts +2 -2
- package/src/SortableListItem/SortableListItemOverlay.d.ts +1 -1
- package/src/SortableListItem/SortableListItemOverlay.type.d.ts +1 -1
- package/src/SortableVirtualizedList/SortableVirtualizedList.type.d.ts +1 -1
- package/src/SplitButton/SplitButton.classes.d.ts +3 -3
- package/src/SplitButton/SplitButton.d.ts +1 -1
- package/src/SplitButton/SplitButton.type.d.ts +1 -1
- package/src/Squircle/Squircle.type.d.ts +5 -5
- package/src/Squircle/squircle.classes.d.ts +3 -3
- package/src/StatusIndicator/StatusIndicator.classes.d.ts +3 -3
- package/src/StatusIndicator/StatusIndicator.type.d.ts +1 -1
- package/src/Step/Step.classes.d.ts +3 -3
- package/src/Step/Step.type.d.ts +5 -5
- package/src/Step/StepContext.d.ts +1 -1
- package/src/StepButton/StepButton.classes.d.ts +3 -3
- package/src/StepButton/StepButton.type.d.ts +5 -5
- package/src/StepConnector/StepConnector.classes.d.ts +3 -3
- package/src/StepConnector/StepConnector.type.d.ts +1 -1
- package/src/StepContent/StepContent.classes.d.ts +3 -3
- package/src/StepContent/StepContent.d.ts +1 -1
- package/src/StepContent/StepContent.type.d.ts +1 -1
- package/src/StepIcon/StepIcon.classes.d.ts +3 -3
- package/src/StepIcon/StepIcon.type.d.ts +1 -1
- package/src/StepLabel/StepLabel.classes.d.ts +4 -4
- package/src/StepLabel/StepLabel.d.ts +1 -1
- package/src/StepLabel/StepLabel.type.d.ts +1 -1
- package/src/Stepper/Stepper.classes.d.ts +3 -3
- package/src/Stepper/Stepper.type.d.ts +6 -6
- package/src/Stepper/StepperContext.d.ts +1 -1
- package/src/SubMenu/PopperMenu.classes.d.ts +3 -3
- package/src/SubMenu/PopperMenu.d.ts +1 -1
- package/src/SubMenu/PopperMenu.type.d.ts +1 -1
- package/src/SubMenu/SubMenu.d.ts +1 -1
- package/src/SubMenu/SubMenu.type.d.ts +1 -1
- package/src/SubMenu/useSubMenuInteractionState.d.ts +13 -0
- package/src/SubMenu/useSubMenuPointerGrace.d.ts +15 -0
- package/src/SwipeableDrawer/SwipeableDrawer.classes.d.ts +3 -3
- package/src/SwipeableDrawer/SwipeableDrawer.d.ts +1 -1
- package/src/SwipeableDrawer/SwipeableDrawer.types.d.ts +2 -2
- package/src/SwipeableDrawer/hooks/useSnapPoints.d.ts +1 -1
- package/src/Switch/Switch.classes.d.ts +3 -3
- package/src/Switch/Switch.d.ts +4 -2
- package/src/Switch/Switch.type.d.ts +4 -1
- package/src/Tab/Tab.classes.d.ts +4 -4
- package/src/Tab/Tab.d.ts +1 -1
- package/src/Tab/Tab.type.d.ts +4 -4
- package/src/TabContext/TabContext.type.d.ts +1 -1
- package/src/TabPanel/TabPanel.classes.d.ts +3 -3
- package/src/TabPanel/TabPanel.d.ts +1 -1
- package/src/TabPanel/TabPanel.type.d.ts +1 -1
- package/src/Table/Table.classes.d.ts +3 -3
- package/src/Table/Table.type.d.ts +5 -5
- package/src/Table/TableContext.d.ts +1 -1
- package/src/Table/Tablelvl2Context.d.ts +1 -1
- package/src/TableBody/TableBody.classes.d.ts +3 -3
- package/src/TableBody/TableBody.type.d.ts +5 -5
- package/src/TableCell/TableCell.classes.d.ts +3 -3
- package/src/TableCell/TableCell.type.d.ts +7 -7
- package/src/TableContainer/TableContainer.classes.d.ts +3 -3
- package/src/TableContainer/TableContainer.type.d.ts +6 -6
- package/src/TableFooter/TableFooter.classes.d.ts +3 -3
- package/src/TableFooter/TableFooter.d.ts +1 -1
- package/src/TableFooter/TableFooter.type.d.ts +1 -1
- package/src/TableHead/TableHead.classes.d.ts +3 -3
- package/src/TableHead/TableHead.type.d.ts +5 -5
- package/src/TablePagination/TablePagination.classes.d.ts +3 -3
- package/src/TablePagination/TablePagination.type.d.ts +8 -6
- package/src/TableRow/TableRow.classes.d.ts +3 -3
- package/src/TableRow/TableRow.type.d.ts +5 -5
- package/src/Tabs/TabMoreMenu.d.ts +2 -2
- package/src/Tabs/TabScrollButton.d.ts +2 -2
- package/src/Tabs/Tabs.classes.d.ts +9 -9
- package/src/Tabs/Tabs.d.ts +1 -1
- package/src/Tabs/Tabs.type.d.ts +2 -2
- package/src/Tabs/TabsContext.d.ts +1 -1
- package/src/Tabs/hooks/useTabsScroller.d.ts +3 -3
- package/src/Tag/Tag.classes.d.ts +3 -3
- package/src/Tag/Tag.d.ts +1 -1
- package/src/Tag/Tag.type.d.ts +2 -2
- package/src/Text/Text.classes.d.ts +3 -3
- package/src/Text/Text.type.d.ts +5 -5
- package/src/TextField/TextField.classes.d.ts +3 -3
- package/src/TextField/TextField.d.ts +1 -1
- package/src/TextField/TextField.type.d.ts +9 -9
- package/src/Textarea/Textarea.classes.d.ts +4 -4
- package/src/Textarea/Textarea.d.ts +1 -1
- package/src/Textarea/Textarea.type.d.ts +3 -3
- package/src/TimePicker/NumberPicker.d.ts +1 -1
- package/src/TimePicker/NumberPicker.type.d.ts +3 -3
- package/src/TimePicker/PickerView.type.d.ts +3 -3
- package/src/TimePicker/SelectionView.d.ts +1 -1
- package/src/TimePicker/TimeButton.d.ts +1 -1
- package/src/TimePicker/TimePicker.classes.d.ts +3 -3
- package/src/TimePicker/TimePicker.type.d.ts +1 -1
- package/src/TimePicker/ToggleText.d.ts +1 -1
- package/src/TimePicker/ToggleText.type.d.ts +2 -2
- package/src/TimePicker/utils/TimeBoundary.d.ts +3 -3
- package/src/TimePicker/utils/TimePickerHelper.d.ts +5 -5
- package/src/TimePicker/utils/getNumberPickerBoundary.d.ts +1 -1
- package/src/TimePicker/utils/runKeyHandler.d.ts +1 -1
- package/src/Tooltip/Tooltip.type.d.ts +1 -1
- package/src/Tooltip/TooltipTrigger.a11y.d.ts +4 -4
- package/src/Tooltip/TooltipTrigger.type.d.ts +1 -1
- package/src/Tooltip/TooltipView.classes.d.ts +3 -3
- package/src/Tooltip/TooltipView.type.d.ts +2 -2
- package/src/Tooltip/withTooltip/withTooltip.d.ts +1 -1
- package/src/Tray/Tray.classes.d.ts +6 -6
- package/src/Tray/Tray.d.ts +1 -1
- package/src/Tray/Tray.type.d.ts +2 -2
- package/src/Tray/TrayContext.d.ts +1 -1
- package/src/Tray/TrayPanel.d.ts +1 -1
- package/src/Tray/hooks/useTray.d.ts +2 -2
- package/src/Tray/hooks/useTrayPanel.d.ts +2 -2
- package/src/Tray/types.d.ts +2 -2
- package/src/TrayMenu/TrayMenu.d.ts +1 -1
- package/src/TrayMenu/TrayMenu.type.d.ts +1 -1
- package/src/TrayMenu/TrayMenuItem.d.ts +2 -2
- package/src/VirtualizedList/VirtualizedItemPropsContext.d.ts +1 -1
- package/src/VirtualizedList/VirtualizedList.type.d.ts +2 -2
- package/src/VirtualizedList/VirtuosoContextType.d.ts +1 -1
- package/src/VirtualizedMenu/VirtualizedMenu.classes.d.ts +3 -3
- package/src/VirtualizedMenu/VirtualizedMenu.context.d.ts +1 -1
- package/src/VirtualizedMenu/VirtualizedMenu.type.d.ts +1 -1
- package/src/VirtualizedMenu/VirtualizedMenuList.d.ts +1 -1
- package/src/VisuallyHidden/VisuallyHidden.classes.d.ts +3 -3
- package/src/VisuallyHidden/VisuallyHidden.type.d.ts +1 -1
- package/src/internal/utils/composeEventHandlers.d.ts +7 -0
- package/src/internal/utils/index.d.ts +1 -0
- package/src/Animation/hooks/useMotionSafeTransition/useMotionSafeTransition.d.ts +0 -6
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { StepContentProps } from './StepContent.type';
|
|
3
3
|
import stepContentStyle from './styles/StepContent.css';
|
|
4
|
-
declare const StepContent: import("react").ForwardRefExoticComponent<Pick<StepContentProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "
|
|
4
|
+
declare const StepContent: import("react").ForwardRefExoticComponent<Pick<StepContentProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "keepMounted"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export { StepContent, stepContentStyle };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { StandardProps } from '@ringcentral/spring-base';
|
|
3
3
|
import { StepContentClassesKey } from './StepContent.classes';
|
|
4
|
-
export
|
|
4
|
+
export type StepContentProps = StandardProps<{
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
keepMounted?: boolean;
|
|
7
7
|
}, StepContentClassesKey, 'div'>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CamelCase } from 'type-fest';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export type BaseStepIconClassesKey = 'root' | 'text' | 'icon' | 'contained' | 'outlined' | 'current' | 'error' | 'text-current' | 'contained-current' | 'contained-error' | 'outlined-current' | 'outlined-error';
|
|
3
|
+
export type StepIconClassesKey = CamelCase<BaseStepIconClassesKey>;
|
|
4
|
+
export type StepIconClasses = {
|
|
5
5
|
name: 'step-icon';
|
|
6
6
|
classes: BaseStepIconClassesKey;
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StandardProps } from '@ringcentral/spring-base';
|
|
2
2
|
import { ComponentType } from 'react';
|
|
3
3
|
import { StepIconClassesKey } from './StepIcon.classes';
|
|
4
|
-
export
|
|
4
|
+
export type StepIconProps = StandardProps<{
|
|
5
5
|
active?: boolean;
|
|
6
6
|
completed?: boolean;
|
|
7
7
|
error?: boolean;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { CamelCase } from 'type-fest';
|
|
2
2
|
import type { StepperOrientation } from '../Stepper/Stepper.type';
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
3
|
+
type StepLabelSlot = 'label' | 'icon-container' | 'label-container';
|
|
4
|
+
export type BaseStepLabelClassesKey = 'root' | StepperOrientation | 'current' | 'error' | 'current-label' | 'error-label' | 'error-label-container' | StepLabelSlot | `${StepperOrientation}-${StepLabelSlot}`;
|
|
5
|
+
export type StepLabelClassesKey = CamelCase<BaseStepLabelClassesKey>;
|
|
6
|
+
export type StepLabelClasses = {
|
|
7
7
|
name: 'step-label';
|
|
8
8
|
classes: BaseStepLabelClassesKey;
|
|
9
9
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { StepLabelProps } from './StepLabel.type';
|
|
3
3
|
import stepLabelStyle from './styles/StepLabel.css';
|
|
4
|
-
declare const StepLabel: import("react").ForwardRefExoticComponent<Pick<StepLabelProps, "error" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "
|
|
4
|
+
declare const StepLabel: import("react").ForwardRefExoticComponent<Pick<StepLabelProps, "error" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "labelProps" | "icon" | "optional" | "StepIconComponent" | "StepIconProps"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
5
5
|
export { StepLabel, stepLabelStyle };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { StandardProps } from '@ringcentral/spring-base';
|
|
3
3
|
import { StepIconProps } from '../StepIcon';
|
|
4
4
|
import { StepLabelClassesKey } from './StepLabel.classes';
|
|
5
|
-
export
|
|
5
|
+
export type StepLabelProps = StandardProps<{
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
error?: boolean;
|
|
8
8
|
icon?: React.ReactNode;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CamelCase } from 'type-fest';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export type BaseStepperClassesKey = 'root' | 'horizontal' | 'vertical' | 'fixed-step-width';
|
|
3
|
+
export type StepperClassesKey = CamelCase<BaseStepperClassesKey>;
|
|
4
|
+
export type StepperClasses = {
|
|
5
5
|
name: 'stepper';
|
|
6
6
|
classes: BaseStepperClassesKey;
|
|
7
7
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { WithClassesProps, OverridableComponent, OverridableProps } from '@ringcentral/spring-base';
|
|
2
2
|
import { ElementType } from 'react';
|
|
3
3
|
import { StepperClassesKey } from './Stepper.classes';
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
export type StepperOrientation = 'horizontal' | 'vertical';
|
|
5
|
+
type DefaultElementType = 'ol';
|
|
6
|
+
type ExtendElementType = ElementType;
|
|
7
|
+
type BaseStepperProps = WithClassesProps<{
|
|
8
8
|
activeStep?: number;
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
connector?: React.ReactElement<any, any> | null;
|
|
@@ -12,8 +12,8 @@ declare type BaseStepperProps = WithClassesProps<{
|
|
|
12
12
|
orientation?: StepperOrientation;
|
|
13
13
|
fixedStepWidth?: boolean;
|
|
14
14
|
}, StepperClassesKey>;
|
|
15
|
-
export
|
|
16
|
-
export
|
|
15
|
+
export type StepperProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseStepperProps, T>;
|
|
16
|
+
export type StepperComponent = OverridableComponent<{
|
|
17
17
|
props: BaseStepperProps;
|
|
18
18
|
defaultComponent: DefaultElementType;
|
|
19
19
|
}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CamelCase } from 'type-fest';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export type BasePopperMenuClassesKey = 'root' | 'paper';
|
|
3
|
+
export type PopperMenuClassesKey = CamelCase<BasePopperMenuClassesKey>;
|
|
4
|
+
export type PopperMenuClasses = {
|
|
5
5
|
name: 'popper-menu';
|
|
6
6
|
classes: BasePopperMenuClassesKey;
|
|
7
7
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { PopperMenuProps } from './PopperMenu.type';
|
|
3
3
|
import popperMenuStyle from './styles/PopperMenu.css';
|
|
4
|
-
declare const PopperMenu: import("react").ForwardRefExoticComponent<Pick<PopperMenuProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "
|
|
4
|
+
declare const PopperMenu: import("react").ForwardRefExoticComponent<Pick<PopperMenuProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "container" | "transform" | "padding" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "platform" | `data-${string}` | "offset" | "open" | "placement" | "disablePortal" | "whileElementsMounted" | "elements" | "anchorEl" | "middlewares" | "arrowHeight" | "arrowPadding" | "actions" | "autoUpdate" | "matchAnchorWidth"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export { PopperMenu, popperMenuStyle };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { StandardProps } from '@ringcentral/spring-base';
|
|
2
2
|
import { Popper } from '../Popper';
|
|
3
3
|
import { PopperMenuClassesKey } from './PopperMenu.classes';
|
|
4
|
-
export
|
|
4
|
+
export type PopperMenuProps = StandardProps<{}, PopperMenuClassesKey, typeof Popper>;
|
package/src/SubMenu/SubMenu.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SubMenuProps } from './SubMenu.type';
|
|
3
|
-
declare const SubMenu: import("react").ForwardRefExoticComponent<Pick<SubMenuProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "
|
|
3
|
+
declare const SubMenu: import("react").ForwardRefExoticComponent<Pick<SubMenuProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "focused" | "selected" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "autoFocus" | "highlighted" | "itemContent" | "disableFocusOnHover" | "autoClose"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
4
|
export { SubMenu };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type UseSubMenuInteractionStateProps = {
|
|
2
|
+
open: boolean;
|
|
3
|
+
focusVisibleWithin: boolean;
|
|
4
|
+
isPointerGraceActive: boolean;
|
|
5
|
+
clearPointerGrace: () => void;
|
|
6
|
+
};
|
|
7
|
+
export declare const useSubMenuInteractionState: ({ open, focusVisibleWithin, isPointerGraceActive, clearPointerGrace, }: UseSubMenuInteractionStateProps) => {
|
|
8
|
+
markTriggerPointerLeft: () => void;
|
|
9
|
+
markTriggerPointerMoved: () => void;
|
|
10
|
+
markMenuContentEntered: () => void;
|
|
11
|
+
resetInteractionState: () => void;
|
|
12
|
+
shouldKeepSubMenuOpen: boolean;
|
|
13
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { PointerEvent as ReactPointerEvent } from 'react';
|
|
2
|
+
import type { NestedMenuPointerEvent, PointerGraceIntent } from '../NestedMenuContext';
|
|
3
|
+
type Side = PointerGraceIntent['side'];
|
|
4
|
+
export type UseSubMenuPointerGraceProps = {
|
|
5
|
+
isPointerMovingToSubMenu?: (event: NestedMenuPointerEvent, intent: PointerGraceIntent) => boolean;
|
|
6
|
+
onPointerGraceIntentChange?: (intent: PointerGraceIntent | null) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const getSubMenuSide: (anchorRect: DOMRect, menuRect: DOMRect) => Side;
|
|
9
|
+
export declare const getPointerGraceIntent: (event: NestedMenuPointerEvent, menuRect: DOMRect, side: Side) => PointerGraceIntent;
|
|
10
|
+
export declare const useSubMenuPointerGrace: (props: UseSubMenuPointerGraceProps) => {
|
|
11
|
+
isPointerGraceActive: boolean;
|
|
12
|
+
clearPointerGrace: () => void;
|
|
13
|
+
startPointerGrace: (event: ReactPointerEvent<HTMLElement>, anchorElement: HTMLElement | null, menuElement: HTMLElement | null) => void;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CamelCase } from 'type-fest';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export type BaseSwipeableDrawerClassesKey = 'header-drag' | 'header-with-content';
|
|
3
|
+
export type SwipeableDrawerClassesKey = CamelCase<BaseSwipeableDrawerClassesKey>;
|
|
4
|
+
export type SwipeableDrawerClasses = {
|
|
5
5
|
name: 'swipeable-drawer';
|
|
6
6
|
classes: BaseSwipeableDrawerClassesKey;
|
|
7
7
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import swipeableDrawerStyles from './styles/SwipeableDrawer.css';
|
|
3
3
|
import type { SwipeableDrawerProps } from './SwipeableDrawer.types';
|
|
4
|
-
declare const SwipeableDrawer: import("react").ForwardRefExoticComponent<Pick<SwipeableDrawerProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "
|
|
4
|
+
declare const SwipeableDrawer: import("react").ForwardRefExoticComponent<Pick<SwipeableDrawerProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "footer" | "header" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "anchor" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "container" | "isEnabled" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "variant" | "open" | "blocking" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "motionProps" | "disablePortal" | "onExitComplete" | "disableBackdropAnimation" | "disableScrollLock" | "bodyProps" | "measurementRefs" | "headerProps" | "gestureControlsProps"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export { SwipeableDrawer, swipeableDrawerStyles };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DrawerProps, DrawerCloseReason } from '../Drawer';
|
|
3
3
|
import { UseDrawerGesturesOptions } from './hooks/useDrawerGestures';
|
|
4
|
-
export
|
|
4
|
+
export type SwipeableDrawerAction = {
|
|
5
5
|
snapTo: (numberOrCallback: number | ((params: {
|
|
6
6
|
snapPoints: number[];
|
|
7
7
|
minHeight: number;
|
|
8
8
|
maxHeight: number;
|
|
9
9
|
}) => number)) => void;
|
|
10
10
|
};
|
|
11
|
-
export
|
|
11
|
+
export type SwipeableDrawerCloseReason = DrawerCloseReason | 'gestureSwipe';
|
|
12
12
|
export interface SwipeableDrawerProps extends DrawerProps {
|
|
13
13
|
onClose?: (event: React.SyntheticEvent<HTMLElement>, reason: SwipeableDrawerCloseReason) => void;
|
|
14
14
|
gestureControlsProps?: Partial<Pick<UseDrawerGesturesOptions, 'snapPoints' | 'initialSnap' | 'action'>>;
|
|
@@ -7,7 +7,7 @@ export interface SnapPointProps {
|
|
|
7
7
|
minHeight: number;
|
|
8
8
|
maxHeight: number;
|
|
9
9
|
}
|
|
10
|
-
export
|
|
10
|
+
export type SnapPointsFunction = (props: SnapPointProps) => number[] | number;
|
|
11
11
|
export interface DefaultSnapProps extends SnapPointProps {
|
|
12
12
|
snapPoints: number[];
|
|
13
13
|
lastSnap: number | null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CamelCase } from 'type-fest';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export type BaseSwitchClassesKey = 'root' | 'track' | 'dot' | 'input';
|
|
3
|
+
export type SwitchClassesKey = CamelCase<BaseSwitchClassesKey>;
|
|
4
|
+
export type SwitchClasses = {
|
|
5
5
|
name: 'switch';
|
|
6
6
|
classes: BaseSwitchClassesKey;
|
|
7
7
|
};
|
package/src/Switch/Switch.d.ts
CHANGED
|
@@ -3,8 +3,10 @@ import switchStyle from './styles/Switch.css';
|
|
|
3
3
|
declare const Switch: import("react").ForwardRefExoticComponent<import("@ringcentral/spring-base").ClassesProp<import("./Switch.classes").SwitchClassesKey> & {
|
|
4
4
|
autoFocus?: boolean | undefined;
|
|
5
5
|
inputRef?: import("react").Ref<HTMLInputElement> | undefined;
|
|
6
|
-
inputProps?: import("@ringcentral/spring-base").SlotProps<"input", "ref"
|
|
7
|
-
rootProps?: import("@ringcentral/spring-base").SlotProps<"span", "ref"
|
|
6
|
+
inputProps?: import("@ringcentral/spring-base").SlotProps<"input", "ref"> | undefined;
|
|
7
|
+
rootProps?: import("@ringcentral/spring-base").SlotProps<"span", "ref"> | undefined;
|
|
8
|
+
loading?: boolean | undefined;
|
|
9
|
+
loadingProps?: import("../CircularProgressIndicator").CircularProgressIndicatorProps | undefined;
|
|
8
10
|
} & Omit<import("@mui/base").UseSwitchParameters, "readOnly"> & {
|
|
9
11
|
className?: string | undefined;
|
|
10
12
|
} & import("@ringcentral/spring-base").HTMLDataAttribute & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { UseSwitchParameters } from '@mui/base';
|
|
2
2
|
import { SlotProps, StandardProps } from '@ringcentral/spring-base';
|
|
3
3
|
import { Ref } from 'react';
|
|
4
|
+
import { CircularProgressIndicatorProps } from '../CircularProgressIndicator';
|
|
4
5
|
import { SwitchClassesKey } from './Switch.classes';
|
|
5
|
-
export
|
|
6
|
+
export type SwitchProps = StandardProps<{
|
|
6
7
|
autoFocus?: boolean;
|
|
7
8
|
inputRef?: Ref<HTMLInputElement>;
|
|
8
9
|
inputProps?: SlotProps<'input', 'ref'>;
|
|
9
10
|
rootProps?: SlotProps<'span', 'ref'>;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
loadingProps?: CircularProgressIndicatorProps;
|
|
10
13
|
} & Omit<UseSwitchParameters, 'readOnly'>, SwitchClassesKey>;
|
package/src/Tab/Tab.classes.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import type { CamelCase } from 'type-fest';
|
|
2
2
|
import type { TabsSize } from '../Tabs/Tabs.type';
|
|
3
3
|
import type { TabColor, TabVariant } from './Tab.type';
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
4
|
+
type TabSlot = 'container' | 'pill' | 'pill-badge' | 'badge-root' | 'badge' | 'text';
|
|
5
|
+
export type BaseTabClassesKey = 'root' | TabVariant | TabSlot | TabsSize | `${TabVariant}-${TabSlot}` | `${TabVariant}-pill-${TabColor}` | `pill-${TabsSize}`;
|
|
6
|
+
export type TabClassesKey = CamelCase<BaseTabClassesKey>;
|
|
7
|
+
export type TabClasses = {
|
|
8
8
|
name: 'tab';
|
|
9
9
|
classes: BaseTabClassesKey;
|
|
10
10
|
};
|
package/src/Tab/Tab.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import tabStyle from './styles/Tab.css';
|
|
3
3
|
import { TabProps } from './Tab.type';
|
|
4
|
-
declare const Tab: import("react").ForwardRefExoticComponent<Pick<TabProps, "symbol" | "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "
|
|
4
|
+
declare const Tab: import("react").ForwardRefExoticComponent<Pick<TabProps, "symbol" | "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "form" | "label" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "name" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "action" | `data-${string}` | "variant" | "autoFocus" | "formEncType" | "TooltipProps" | "BadgeProps"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
5
|
export { Tab, tabStyle };
|
package/src/Tab/Tab.type.d.ts
CHANGED
|
@@ -4,9 +4,9 @@ import { ComponentType, ReactNode } from 'react';
|
|
|
4
4
|
import { BadgeProps } from '../Badge';
|
|
5
5
|
import { TooltipProps } from '../Tooltip';
|
|
6
6
|
import { TabClassesKey } from './Tab.classes';
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
7
|
+
export type TabVariant = 'label' | 'icon';
|
|
8
|
+
export type TabColor = 'default' | 'cobranding';
|
|
9
|
+
export type TabProps = StandardProps<{
|
|
10
10
|
variant?: TabVariant;
|
|
11
11
|
color?: 'default' | 'cobranding';
|
|
12
12
|
label?: ReactNode;
|
|
@@ -18,4 +18,4 @@ export declare type TabProps = StandardProps<{
|
|
|
18
18
|
focusVisible(): void;
|
|
19
19
|
}>;
|
|
20
20
|
} & Omit<UseTabParameters, 'disabled' | 'rootRef' | 'onChange'>, TabClassesKey, 'button'>;
|
|
21
|
-
export
|
|
21
|
+
export type ExternalProps = Record<string, unknown>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { UseTabsParameters } from '@mui/base';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
export
|
|
3
|
+
export type TabContextProps = {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
value?: string | number | null;
|
|
6
6
|
} & Omit<UseTabsParameters, 'orientation' | 'direction' | 'value'>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { CamelCase } from 'type-fest';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export type BaseTabPanelClassesKey = 'root';
|
|
3
|
+
export type TabPanelClassesKey = CamelCase<BaseTabPanelClassesKey>;
|
|
4
|
+
export type TabPanelClasses = {
|
|
5
5
|
name: 'tab-panel';
|
|
6
6
|
classes: BaseTabPanelClassesKey;
|
|
7
7
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import tabPanelStyle from './styles/TabPanel.css';
|
|
3
3
|
import { TabPanelProps } from './TabPanel.type';
|
|
4
|
-
declare const TabPanel: import("react").ForwardRefExoticComponent<Pick<TabPanelProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "
|
|
4
|
+
declare const TabPanel: import("react").ForwardRefExoticComponent<Pick<TabPanelProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "keepMounted"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export { TabPanel, tabPanelStyle };
|