@ringcentral/spring-ui 1.7.0 → 1.9.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 +3 -3
- package/Announcement.js +1 -1
- package/Autocomplete.js +216 -243
- package/Avatar.js +27 -13
- package/BottomNavigation.js +0 -3
- package/Checkbox.js +0 -2
- package/DatePicker.js +5 -13
- package/DateUtilsContext.js +0 -1
- package/Dialer.js +2 -50
- package/Dialog.js +18 -6
- package/Dropdown.js +0 -7
- package/FocusTrap.js +0 -32
- package/InlineEditable.js +0 -4
- package/Link.js +1 -1
- package/ListItem.js +1 -1
- package/ListNavigation.js +0 -6
- package/Menu.js +1 -1
- package/MenuDivider.js +2 -2
- package/MenuFooter.js +4 -4
- package/MenuHeader.js +4 -4
- package/MenuItem.js +1 -1
- package/MenuItemText.js +1 -1
- package/Modal.js +1 -1
- package/PageHeader.js +6 -4
- package/Popper.js +0 -1
- package/Rating.js +0 -5
- package/SingleFilter.js +0 -1
- package/Slider.js +1 -4
- package/Snackbar.js +0 -14
- package/SortableListItem.js +0 -1
- package/SplitButton.js +1 -3
- package/StatusIndicator.js +1 -1
- package/StepButton.js +2 -3
- package/StepContent.js +3 -8
- package/SubMenu.js +0 -4
- package/SwipeableDrawer.js +37 -162
- package/Switch.js +1 -4
- package/Tab.js +7 -8
- package/TabContext.js +0 -5
- package/TableBody.js +1 -1
- package/TableCell.js +0 -6
- package/TableRow.js +2 -4
- package/Tabs.js +22 -121
- package/Text.js +2 -4
- package/TimePicker.js +7 -46
- package/VirtualizedList.js +6 -39
- package/VirtualizedMenu.js +1 -1
- package/chunks/Alert.js +8 -7
- package/chunks/BottomNavigationItem.js +0 -1
- package/chunks/Button.js +0 -1
- package/chunks/Chip.js +0 -5
- package/chunks/Drawer.js +1 -30
- package/chunks/ListItem.js +3 -6
- package/chunks/Menu.js +6 -5
- package/chunks/MenuDivider.js +2 -3
- package/chunks/MenuItemText.js +3 -3
- package/chunks/MenuList.js +3 -6
- package/chunks/Modal.js +1 -1
- package/chunks/PickerTextField.js +0 -1
- package/chunks/Popover.js +0 -5
- package/chunks/Select.js +2 -39
- package/chunks/Squircle.js +0 -7
- package/chunks/StatusIndicator.js +1 -0
- package/chunks/StepIcon.js +1 -3
- package/chunks/StepperContext.js +0 -7
- package/chunks/Tooltip.js +0 -36
- package/chunks/VirtualizedMenu.js +45 -99
- package/chunks/getFade.js +4 -0
- package/chunks/useFocusTrapStack.js +0 -8
- package/chunks/useHelperTextId.js +0 -24
- package/chunks/useListNavigation.js +5 -17
- package/chunks/useMenuItemSelect.js +9 -22
- package/chunks/useMotionSafeTransition.js +0 -4
- package/chunks/useNestedParentMenu.js +5 -18
- package/chunks/usePrefersReducedMotion.js +6 -12
- package/chunks/useTooltipForceHide.js +0 -4
- package/chunks/useTrayNavigate.js +0 -1
- package/index.css +434 -135
- package/index.js +1 -1
- package/package.json +4 -4
- package/src/Accordion/Accordion.d.ts +1 -1
- package/src/Accordion/Accordion.type.d.ts +0 -21
- package/src/AccordionHeader/AccordionHeader.d.ts +1 -1
- package/src/AccordionHeader/AccordionHeader.type.d.ts +0 -14
- package/src/Alert/Alert.d.ts +1 -1
- package/src/Alert/Alert.type.d.ts +0 -32
- package/src/Animation/components/ExpandCollapseCaret/ExpandCollapseCaret.d.ts +0 -4
- package/src/Animation/components/ShowHideEye/ShowHideEye.d.ts +0 -4
- package/src/Animation/hooks/useMotionSafeTransition/useMotionSafeTransition.d.ts +0 -4
- package/src/Autocomplete/Autocomplete.d.ts +0 -5
- package/src/Autocomplete/Autocomplete.type.d.ts +0 -84
- package/src/Autocomplete/SuggestionList/SuggestionList.d.ts +5 -89
- package/src/Autocomplete/SuggestionList/SuggestionListItem.d.ts +0 -2
- package/src/Autocomplete/SuggestionList/utils/SuggestionListItem.d.ts +1 -13
- package/src/Autocomplete/SuggestionList/utils/useDynamicHeight.d.ts +0 -6
- package/src/Autocomplete/SuggestionList/utils/useHighlightScroll.d.ts +4 -23
- package/src/Autocomplete/SuggestionList/utils/useSuggestionList.d.ts +3 -41
- package/src/Autocomplete/SuggestionList/utils/useSuggestionListGroup.d.ts +0 -49
- package/src/Autocomplete/useAutocomplete.d.ts +5 -66
- package/src/Autocomplete/useAutocompleteTag.d.ts +3 -36
- package/src/Avatar/Avatar.type.d.ts +0 -58
- package/src/AvatarGroup/AvatarGroup.type.d.ts +0 -3
- package/src/Backdrop/Backdrop.type.d.ts +0 -4
- package/src/Badge/Badge.type.d.ts +0 -33
- package/src/Block/Block.type.d.ts +0 -24
- package/src/BlockHeader/BlockHeader.type.d.ts +0 -5
- package/src/BottomNavigation/BottomNavigation.type.d.ts +0 -34
- package/src/BottomNavigationItem/BottomNavigationItem.type.d.ts +0 -39
- package/src/Button/Button.type.d.ts +0 -30
- package/src/CallButton/CallButton.type.d.ts +0 -4
- package/src/Checkbox/Checkbox.type.d.ts +0 -17
- package/src/Chip/Chip.type.d.ts +0 -41
- package/src/CircularProgressIndicator/CircularProgressIndicator.d.ts +1 -1
- package/src/CircularProgressIndicator/CircularProgressIndicator.type.d.ts +0 -19
- package/src/DatePicker/Calendar.d.ts +1 -20
- package/src/DatePicker/DatePicker.type.d.ts +0 -18
- package/src/DatePicker/DatePickerHeader.d.ts +1 -12
- package/src/DatePicker/Day.d.ts +1 -8
- package/src/DatePicker/Year.d.ts +1 -7
- package/src/DatePicker/Years.d.ts +0 -7
- package/src/Dialer/DialDelete/DialDelete.d.ts +0 -3
- package/src/Dialer/DialPad/DialPad.d.ts +0 -106
- package/src/Dialer/DialPad/utils/types.d.ts +0 -5
- package/src/Dialer/DialPad/utils/useDialKeyboard.d.ts +0 -5
- package/src/Dialer/DialPad/utils/useKeyAudio.d.ts +0 -9
- package/src/Dialer/DialPadButton/DialPadButton.d.ts +0 -14
- package/src/Dialer/DialTextField/DialTextField.d.ts +0 -23
- package/src/Dialer/DialTextField/utils/getDialPadValueOnlyRegex.d.ts +0 -3
- package/src/Dialer/DialTextField/utils/useFixedEndSelection.d.ts +0 -3
- package/src/Dialog/Dialog.classes.d.ts +1 -1
- package/src/Dialog/Dialog.d.ts +1 -1
- package/src/Dialog/Dialog.type.d.ts +3 -11
- package/src/Divider/Divider.type.d.ts +0 -17
- package/src/DragHandle/DragHandle.type.d.ts +0 -4
- package/src/Drawer/Drawer.d.ts +1 -29
- package/src/Drawer/Drawer.type.d.ts +0 -84
- package/src/Dropdown/Dropdown.type.d.ts +0 -64
- package/src/EmptyState/EmptyState.d.ts +1 -1
- package/src/EmptyState/EmptyState.type.d.ts +0 -12
- package/src/FabButton/FabButton.type.d.ts +0 -5
- package/src/FocusTrap/FocusTrap.d.ts +0 -38
- package/src/FocusTrap/useFocusTrapStack.d.ts +0 -9
- package/src/FormField/FormField.type.d.ts +0 -26
- package/src/FormField/useHelperTextId.d.ts +0 -25
- package/src/FormLabel/FormLabel.d.ts +1 -1
- package/src/FormLabel/FormLabel.type.d.ts +0 -14
- package/src/Icon/Icon.d.ts +1 -1
- package/src/Icon/Icon.type.d.ts +0 -15
- package/src/IconButton/IconButton.type.d.ts +0 -30
- package/src/IconButton/IconButtonLabel.d.ts +1 -1
- package/src/IconButton/IconButtonLabel.type.d.ts +0 -3
- package/src/IconButtonGroup/IconButtonGroup.type.d.ts +0 -8
- package/src/InlineEditable/InlineEditable.type.d.ts +0 -75
- package/src/LinearProgressIndicator/LinearProgressIndicator.type.d.ts +0 -31
- package/src/Link/Link.classes.d.ts +1 -1
- package/src/Link/Link.type.d.ts +1 -10
- package/src/ListItem/ListItem.type.d.ts +0 -41
- package/src/ListItemText/ListItemText.d.ts +1 -1
- package/src/ListItemText/ListItemText.type.d.ts +0 -21
- package/src/ListNavigation/useListNavigation.d.ts +0 -16
- package/src/Menu/Menu.d.ts +1 -1
- package/src/Menu/Menu.type.d.ts +0 -10
- package/src/MenuFooter/MenuFooter.type.d.ts +0 -4
- package/src/MenuHeader/MenuHeader.type.d.ts +0 -10
- package/src/MenuItem/MenuItem.d.ts +1 -1
- package/src/MenuItem/MenuItem.type.d.ts +0 -19
- package/src/MenuItem/MenuItemSelectContext.d.ts +0 -3
- package/src/MenuItem/useMenuItemSelect.d.ts +0 -21
- package/src/MenuItemText/MenuItemText.d.ts +1 -1
- package/src/MenuItemText/MenuItemText.type.d.ts +0 -17
- package/src/MenuList/MenuList.type.d.ts +0 -4
- package/src/MenuList/MenuListContext.d.ts +0 -6
- package/src/Modal/InnerModal.d.ts +2 -2
- package/src/Modal/InnerModal.type.d.ts +0 -5
- package/src/Modal/Modal.classes.d.ts +1 -1
- package/src/Modal/Modal.d.ts +3 -3
- package/src/Modal/Modal.type.d.ts +0 -11
- package/src/Modal/ModalContext.d.ts +0 -4
- package/src/NestedMenuContext/NestedMenuContext.d.ts +1 -1
- package/src/Option/Option.d.ts +1 -1
- package/src/Option/Option.type.d.ts +0 -3
- package/src/Overlap/Overlap.type.d.ts +0 -11
- package/src/PageHeader/PageHeader.type.d.ts +0 -4
- package/src/PickerTextField/PickerTextField.type.d.ts +0 -10
- package/src/Popover/Popover.d.ts +1 -1
- package/src/Popover/Popover.type.d.ts +0 -29
- package/src/Popper/Popper.d.ts +1 -1
- package/src/Popper/Popper.type.d.ts +0 -61
- package/src/PopperPaper/PopperPaper.d.ts +1 -1
- package/src/Radio/Radio.type.d.ts +0 -5
- package/src/RadioGroup/RadioGroup.d.ts +1 -1
- package/src/RadioGroup/RadioGroup.type.d.ts +0 -4
- package/src/Rating/Rating.d.ts +1 -1
- package/src/Rating/Rating.type.d.ts +0 -74
- package/src/Rating/RatingItem.d.ts +1 -1
- package/src/Select/Select.type.d.ts +0 -84
- package/src/SingleFilter/FilterButton/FilterButton.d.ts +1 -1
- package/src/SingleFilter/FilterButton/FilterButton.type.d.ts +0 -16
- package/src/SingleFilter/SingleFilter.d.ts +1 -1
- package/src/SingleFilter/SingleFilter.type.d.ts +0 -26
- package/src/Skeleton/Skeleton.type.d.ts +0 -1
- package/src/Skeleton/SkeletonContainer/SkeletonContainer.classes.d.ts +1 -1
- package/src/Slider/Slider.classes.d.ts +1 -5
- package/src/Slider/Slider.d.ts +2 -2
- package/src/Slider/Slider.type.d.ts +0 -104
- package/src/Snackbar/Snackbar.type.d.ts +0 -18
- package/src/SortableListItem/SortableListItemOverlay.d.ts +1 -1
- package/src/SplitButton/SplitButton.d.ts +1 -1
- package/src/SplitButton/SplitButton.type.d.ts +0 -21
- package/src/Squircle/Squircle.type.d.ts +0 -3
- package/src/StatusIndicator/StatusIndicator.classes.d.ts +1 -1
- package/src/StatusIndicator/StatusIndicator.type.d.ts +1 -9
- package/src/Step/Step.type.d.ts +0 -29
- package/src/Step/StepContext.d.ts +0 -7
- package/src/StepButton/StepButton.type.d.ts +0 -15
- package/src/StepContent/StepContent.d.ts +1 -1
- package/src/StepContent/StepContent.type.d.ts +0 -7
- package/src/StepIcon/StepIcon.type.d.ts +0 -26
- package/src/StepLabel/StepLabel.d.ts +1 -1
- package/src/StepLabel/StepLabel.type.d.ts +0 -23
- package/src/Stepper/Stepper.type.d.ts +0 -27
- package/src/SubMenu/PopperMenu.d.ts +1 -1
- package/src/SubMenu/SubMenu.d.ts +1 -1
- package/src/SwipeableDrawer/SwipeableDrawer.d.ts +1 -27
- package/src/SwipeableDrawer/SwipeableDrawer.types.d.ts +0 -67
- package/src/SwipeableDrawer/hooks/useDrawerGestures.d.ts +0 -110
- package/src/SwipeableDrawer/hooks/useElementSizeObserver.d.ts +0 -5
- package/src/SwipeableDrawer/hooks/useSnapPoints.d.ts +0 -60
- package/src/Switch/Switch.type.d.ts +0 -9
- package/src/Tab/Tab.classes.d.ts +3 -2
- package/src/Tab/Tab.d.ts +1 -1
- package/src/Tab/Tab.type.d.ts +0 -29
- package/src/TabContext/TabContext.d.ts +0 -4
- package/src/TabContext/TabContext.type.d.ts +0 -7
- package/src/TabPanel/TabPanel.d.ts +1 -1
- package/src/TabPanel/TabPanel.type.d.ts +0 -10
- package/src/Table/Table.type.d.ts +0 -19
- package/src/TableBody/TableBody.type.d.ts +0 -3
- package/src/TableCell/TableCell.d.ts +0 -4
- package/src/TableCell/TableCell.type.d.ts +0 -35
- package/src/TableContainer/TableContainer.type.d.ts +0 -7
- package/src/TableFooter/TableFooter.type.d.ts +0 -3
- package/src/TableHead/TableHead.type.d.ts +0 -6
- package/src/TablePagination/TablePagination.type.d.ts +0 -47
- package/src/TableRow/TableRow.type.d.ts +0 -17
- package/src/Tabs/TabMoreMenu.d.ts +0 -16
- package/src/Tabs/TabScrollButton.d.ts +1 -11
- package/src/Tabs/Tabs.classes.d.ts +1 -1
- package/src/Tabs/Tabs.d.ts +1 -1
- package/src/Tabs/Tabs.type.d.ts +2 -36
- package/src/Tabs/TabsContext.d.ts +2 -0
- package/src/Tabs/hooks/useTabsScroller.d.ts +0 -30
- package/src/Tag/Tag.d.ts +1 -1
- package/src/Tag/Tag.type.d.ts +0 -12
- package/src/Text/Text.type.d.ts +0 -13
- package/src/TextField/TextField.type.d.ts +0 -64
- package/src/Textarea/Textarea.d.ts +1 -1
- package/src/Textarea/Textarea.type.d.ts +0 -13
- package/src/TimePicker/NumberPicker.d.ts +1 -1
- package/src/TimePicker/NumberPicker.type.d.ts +0 -12
- package/src/TimePicker/SelectionView.d.ts +0 -6
- package/src/TimePicker/TimeButton.d.ts +1 -4
- package/src/TimePicker/TimePicker.type.d.ts +0 -11
- package/src/TimePicker/ToggleText.d.ts +1 -1
- package/src/TimePicker/ToggleText.type.d.ts +0 -3
- package/src/TimePicker/utils/TimeBoundary.d.ts +0 -3
- package/src/TimePicker/utils/TimePickerHelper.d.ts +0 -19
- package/src/TimePicker/utils/getNumberPickerBoundary.d.ts +0 -3
- package/src/Tooltip/TooltipTrigger.a11y.d.ts +0 -9
- package/src/Tooltip/TooltipTrigger.type.d.ts +0 -44
- package/src/Tooltip/TooltipView.type.d.ts +0 -25
- package/src/Tooltip/useTooltipForceHide.d.ts +0 -4
- package/src/Tray/Tray.d.ts +1 -1
- package/src/Tray/Tray.type.d.ts +0 -13
- package/src/Tray/TrayContext.d.ts +0 -4
- package/src/Tray/hooks/useTray.d.ts +0 -16
- package/src/Tray/hooks/useTrayPanel.d.ts +0 -3
- package/src/TrayMenu/TrayMenu.d.ts +1 -1
- package/src/TrayMenu/TrayMenuItem.d.ts +1 -1
- package/src/VirtualizedList/VirtualizedList.type.d.ts +0 -27
- package/src/VirtualizedMenu/VirtualizedMenu.classes.d.ts +1 -1
- package/src/VirtualizedMenu/VirtualizedMenu.type.d.ts +0 -17
|
@@ -3,12 +3,7 @@ import { OverridableComponent, OverridableProps, WithClassesProps } from '@ringc
|
|
|
3
3
|
import { BlockHeaderClassesKey } from './BlockHeader.classes';
|
|
4
4
|
declare type DefaultElementType = 'div';
|
|
5
5
|
declare type BaseBlockHeaderProps = WithClassesProps<{
|
|
6
|
-
/** End slot of this header. */
|
|
7
6
|
endSlot?: ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* If true, show blockHeader divider
|
|
10
|
-
* @default false
|
|
11
|
-
*/
|
|
12
7
|
divider?: boolean;
|
|
13
8
|
}, BlockHeaderClassesKey>;
|
|
14
9
|
export declare type BlockHeaderProps<T extends ElementType = DefaultElementType> = OverridableProps<BaseBlockHeaderProps, T>;
|
|
@@ -5,55 +5,21 @@ import { BottomNavigationItemProps } from '../BottomNavigationItem';
|
|
|
5
5
|
import { BottomNavigationClassesKey } from './BottomNavigation.classes';
|
|
6
6
|
export declare type CollapseReason = 'EscapeKeyDown' | 'TabBlur' | 'ClickAway' | 'ToggleMore' | 'ItemSelected';
|
|
7
7
|
export declare type BottomNavigationProps<T = string> = StandardProps<{
|
|
8
|
-
/**
|
|
9
|
-
* The default value. Use when the component is not controlled.
|
|
10
|
-
*/
|
|
11
8
|
defaultValue?: T;
|
|
12
|
-
/**
|
|
13
|
-
* The value of the activated navigation item.
|
|
14
|
-
*/
|
|
15
9
|
value?: T;
|
|
16
|
-
/**
|
|
17
|
-
* The default data of navigation items. Use when the component is not controlled.
|
|
18
|
-
*/
|
|
19
10
|
defaultData?: {
|
|
20
11
|
visible: T[];
|
|
21
12
|
more?: T[];
|
|
22
13
|
};
|
|
23
|
-
/**
|
|
24
|
-
* The data of navigation items.
|
|
25
|
-
* The max count of visible items is **6**,
|
|
26
|
-
* it would be **5** due to the appearance of more button when there are items in more section.
|
|
27
|
-
*/
|
|
28
14
|
data?: {
|
|
29
15
|
visible: T[];
|
|
30
16
|
more?: T[];
|
|
31
17
|
};
|
|
32
|
-
/**
|
|
33
|
-
* Callback invoked when new value is being set.
|
|
34
|
-
*/
|
|
35
18
|
onChange?: (event: React.SyntheticEvent, value: T) => void;
|
|
36
|
-
/**
|
|
37
|
-
* Used when rendering the navigation items.
|
|
38
|
-
* @param value value of current navigation item
|
|
39
|
-
* @returns {ReactNode}
|
|
40
|
-
*/
|
|
41
19
|
renderItem: (value: T) => ReactNode;
|
|
42
|
-
/**
|
|
43
|
-
* Props applied to the more button (which only appears when there are items in the more section.)
|
|
44
|
-
*/
|
|
45
20
|
MoreProps?: Omit<BottomNavigationItemProps, 'symbol'>;
|
|
46
|
-
/**
|
|
47
|
-
* Shows up at the bottom when more section expanded.
|
|
48
|
-
*/
|
|
49
21
|
description?: ReactNode;
|
|
50
|
-
/**
|
|
51
|
-
* Invoke when more section collapsed.
|
|
52
|
-
*/
|
|
53
22
|
onCollapse?: (event: React.SyntheticEvent | undefined, reason: CollapseReason) => void;
|
|
54
|
-
/**
|
|
55
|
-
* If `true`, the bottom navigation will take up the full width of its container.
|
|
56
|
-
*/
|
|
57
23
|
fullWidth?: boolean;
|
|
58
24
|
} & Omit<HTMLMotionProps<'div'>, 'onChange'>, BottomNavigationClassesKey>;
|
|
59
25
|
export interface BottomNavigationComponent {
|
|
@@ -5,56 +5,17 @@ import { IconButtonProps } from '../IconButton';
|
|
|
5
5
|
import { TooltipProps } from '../Tooltip';
|
|
6
6
|
import { BottomNavigationItemClassesKey } from './BottomNavigationItem.classes';
|
|
7
7
|
export declare type BottomNavigationItemProps<T = string> = StandardProps<{
|
|
8
|
-
/**
|
|
9
|
-
* Value of the navigation item.
|
|
10
|
-
*/
|
|
11
8
|
value?: T;
|
|
12
|
-
/**
|
|
13
|
-
* Icon symbol.
|
|
14
|
-
*/
|
|
15
9
|
symbol: ComponentType;
|
|
16
|
-
/**
|
|
17
|
-
* Icon symbol when activated is true.
|
|
18
|
-
*/
|
|
19
10
|
activatedSymbol?: ComponentType;
|
|
20
|
-
/**
|
|
21
|
-
* Badge count.
|
|
22
|
-
* The integer to display. It displays in dot mode if has not count specified.
|
|
23
|
-
*/
|
|
24
11
|
count?: number;
|
|
25
|
-
/**
|
|
26
|
-
* If true, navigation item will be displayed in an activated state.
|
|
27
|
-
*/
|
|
28
12
|
activated?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* If true, navigation item will be displayed in an expanded state.
|
|
31
|
-
*/
|
|
32
13
|
expanded?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Callback fired when the button is clicked.
|
|
35
|
-
*
|
|
36
|
-
* @param {React.MouseEvent<HTMLButtonElement>} event The event source of the callback.
|
|
37
|
-
*/
|
|
38
14
|
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
39
|
-
/**
|
|
40
|
-
* Props applied to Badge component
|
|
41
|
-
*/
|
|
42
15
|
BadgeProps?: Omit<BadgeProps, 'count'> & HTMLDataAttribute;
|
|
43
|
-
/**
|
|
44
|
-
* Props applied to IconButton component
|
|
45
|
-
*/
|
|
46
16
|
ButtonProps?: Omit<IconButtonProps, 'symbol' | 'variant' | 'size' | 'shape' | 'color' | 'onClick'> & HTMLDataAttribute;
|
|
47
|
-
/**
|
|
48
|
-
* This label will be displayed in tooltip by default.
|
|
49
|
-
*/
|
|
50
17
|
label?: string;
|
|
51
|
-
/**
|
|
52
|
-
* Props applied to Tooltip component
|
|
53
|
-
*/
|
|
54
18
|
TooltipProps?: Omit<TooltipProps, 'title' | 'PopperProps' | 'open' | 'onOpenStateChange'> & HTMLDataAttribute;
|
|
55
|
-
/**
|
|
56
|
-
* Ref will be passed to the button.
|
|
57
|
-
*/
|
|
58
19
|
ref?: React.ForwardedRef<HTMLButtonElement>;
|
|
59
20
|
}, BottomNavigationItemClassesKey>;
|
|
60
21
|
export interface BottomNavigationItemComponent {
|
|
@@ -9,44 +9,14 @@ export declare type ButtonSize = 'xlarge' | 'large' | 'medium' | 'small' | 'xsma
|
|
|
9
9
|
export declare type ButtonVariant = 'text' | 'contained' | 'outlined' | 'inverted';
|
|
10
10
|
export declare type ButtonColor = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'neutral';
|
|
11
11
|
declare type BaseButtonProps = WithClassesProps<WithTooltipProps<{
|
|
12
|
-
/** Icon placed before the children. */
|
|
13
12
|
startIcon?: IconProps['symbol'] | React.ReactNode;
|
|
14
|
-
/** Icon placed after the children. */
|
|
15
13
|
endIcon?: IconProps['symbol'] | React.ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* If `true`, the button will take up the full width of its container.
|
|
18
|
-
* @default false
|
|
19
|
-
*/
|
|
20
14
|
fullWidth?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* The size of the component.
|
|
23
|
-
* @default 'medium'
|
|
24
|
-
*/
|
|
25
15
|
size?: ButtonSize;
|
|
26
|
-
/**
|
|
27
|
-
* The variant to use.
|
|
28
|
-
* @default 'contained'
|
|
29
|
-
*/
|
|
30
16
|
variant?: ButtonVariant;
|
|
31
|
-
/**
|
|
32
|
-
* The color of the component.
|
|
33
|
-
* @default 'primary'
|
|
34
|
-
*/
|
|
35
17
|
color?: ButtonColor;
|
|
36
|
-
/**
|
|
37
|
-
* If the component is in a loading state. Disables interactions and hides the startIcon if set.
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
/**
|
|
41
|
-
* Controls whether the component should have a background in its resting state.
|
|
42
|
-
* Does not apply to the "text" variant.
|
|
43
|
-
* @default true
|
|
44
|
-
*/
|
|
45
18
|
background?: boolean;
|
|
46
19
|
loading?: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Sets the props that are applied to the CircularProgressIndicator if `loading` is `true`.
|
|
49
|
-
*/
|
|
50
20
|
CircularProgressIndicatorProps?: CircularProgressIndicatorProps;
|
|
51
21
|
} & Omit<UseButtonParameters, 'href' | 'type' | 'rootRef'>>, ButtonClassesKey>;
|
|
52
22
|
export declare type ButtonProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseButtonProps, T>;
|
|
@@ -5,10 +5,6 @@ export declare type DefaultElementType = 'button';
|
|
|
5
5
|
declare type ExtendElementType = 'button';
|
|
6
6
|
declare type BaseCallButtonProps = Omit<IconButtonProps, 'classes' | 'symbol' | 'label' | 'color' | 'variant' | 'shape' | 'size'> & WithClassesProps<{
|
|
7
7
|
variant: 'start' | 'end';
|
|
8
|
-
/**
|
|
9
|
-
* The size of the component.
|
|
10
|
-
* @default "medium"
|
|
11
|
-
*/
|
|
12
8
|
size?: 'large' | 'medium' | 'small';
|
|
13
9
|
}, UnionOmit<IconButtonClassesKey, 'rectangular' | 'outlined' | 'label' | 'primary'>>;
|
|
14
10
|
export declare type CallButtonProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseCallButtonProps, T>;
|
|
@@ -4,27 +4,10 @@ import { StandardProps } from '@ringcentral/spring-base';
|
|
|
4
4
|
import { CheckboxClassesKey } from './Checkbox.classes';
|
|
5
5
|
export declare type CheckboxShape = 'rectangular' | 'squircle';
|
|
6
6
|
export declare type CheckboxProps = StandardProps<{
|
|
7
|
-
/**
|
|
8
|
-
* If `true`, the component appears indeterminate.
|
|
9
|
-
* @default false
|
|
10
|
-
*/
|
|
11
7
|
indeterminate?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* If `true`, the Checkbox will be automatically focused on mount.
|
|
14
|
-
* @default false
|
|
15
|
-
*/
|
|
16
8
|
autoFocus?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Pass a ref to the `input` element.
|
|
19
|
-
*/
|
|
20
9
|
inputRef?: Ref<HTMLInputElement>;
|
|
21
|
-
/** Attributes applied to root */
|
|
22
10
|
rootProps?: Omit<ComponentProps<'div'>, 'className'>;
|
|
23
|
-
/** Attributes applied to `input` element */
|
|
24
11
|
inputProps?: Omit<ComponentProps<'input'>, 'className' | 'type' | 'ref'>;
|
|
25
|
-
/**
|
|
26
|
-
* The shape of the checkbox.
|
|
27
|
-
* @default 'rectangular'
|
|
28
|
-
*/
|
|
29
12
|
shape?: CheckboxShape;
|
|
30
13
|
} & Omit<UseSwitchParameters, 'readonly'>, CheckboxClassesKey>;
|
package/src/Chip/Chip.type.d.ts
CHANGED
|
@@ -5,56 +5,15 @@ import { ChipClassesKey } from './Chip.classes';
|
|
|
5
5
|
declare type DefaultElementType = 'div';
|
|
6
6
|
export declare type ExtendElementType = 'div' | 'a';
|
|
7
7
|
declare type BaseChipProps = WithClassesProps<{
|
|
8
|
-
/**
|
|
9
|
-
* Slot for putting an Avatar or Icon before label
|
|
10
|
-
*/
|
|
11
8
|
startSlot?: ReactElement;
|
|
12
|
-
/**
|
|
13
|
-
* This prop isn't supported.
|
|
14
|
-
* Use the `component` prop if you need to change the children structure.
|
|
15
|
-
*/
|
|
16
9
|
children?: null;
|
|
17
|
-
/**
|
|
18
|
-
* If `true`, the chip will appear clickable,
|
|
19
|
-
* even if the onClick prop is not defined.
|
|
20
|
-
* If `false`, the chip will not appear clickable, even if onClick prop is defined.
|
|
21
|
-
* This can be used, for example,
|
|
22
|
-
* along with the component prop to indicate an anchor Chip is clickable.
|
|
23
|
-
* Note: this controls the UI and does not affect the onClick event.
|
|
24
|
-
*/
|
|
25
10
|
clickable?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* If `true`, there is a max-width at 144,
|
|
28
|
-
* If `false`, there is no max-width.
|
|
29
|
-
* @default true
|
|
30
|
-
*/
|
|
31
11
|
truncate?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* The color of the component.
|
|
34
|
-
* @default 'default'
|
|
35
|
-
*/
|
|
36
12
|
color?: 'default' | 'error';
|
|
37
|
-
/**
|
|
38
|
-
* The size of the component.
|
|
39
|
-
* @default 'large'
|
|
40
|
-
*/
|
|
41
13
|
size?: 'large' | 'medium' | 'small';
|
|
42
|
-
/**
|
|
43
|
-
* The content of the component.
|
|
44
|
-
*/
|
|
45
14
|
label?: React.ReactNode;
|
|
46
|
-
/**
|
|
47
|
-
* Callback fired
|
|
48
|
-
* 1. when the delete icon is clicked
|
|
49
|
-
* 2. press 'Backspace' or 'Delete' when Chip is focused
|
|
50
|
-
* If set, the delete icon will be shown.
|
|
51
|
-
*/
|
|
52
15
|
onDelete?: (event: MouseEvent<Element> | KeyboardEvent<Element>) => void;
|
|
53
|
-
/** Attributes applied to delete icon button */
|
|
54
16
|
DeleteIconProps?: Omit<IconButtonProps, 'variant' | 'size' | 'shape'>;
|
|
55
|
-
/**
|
|
56
|
-
* If `true`, the component is disabled.
|
|
57
|
-
*/
|
|
58
17
|
disabled?: boolean;
|
|
59
18
|
}, ChipClassesKey>;
|
|
60
19
|
export declare type ChipProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseChipProps, T>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { CircularProgressIndicatorProps } from './CircularProgressIndicator.type';
|
|
3
3
|
import circularProgressIndicatorStyle from './styles/CircularProgressIndicator.css';
|
|
4
|
-
declare const CircularProgressIndicator: React.ForwardRefExoticComponent<Pick<CircularProgressIndicatorProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onClick" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "size" | "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" | "
|
|
4
|
+
declare const CircularProgressIndicator: React.ForwardRefExoticComponent<Pick<CircularProgressIndicatorProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "size" | "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" | "progressBarProps"> & React.RefAttributes<HTMLSpanElement>>;
|
|
5
5
|
export { CircularProgressIndicator, circularProgressIndicatorStyle };
|
|
@@ -5,28 +5,9 @@ export declare type CircularProgressIndicatorVariant = 'indeterminate' | 'determ
|
|
|
5
5
|
export declare type CircularProgressIndicatorSize = 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
|
|
6
6
|
export declare type CircularProgressIndicatorColor = 'primary' | 'neutral' | 'danger' | 'success' | 'warning';
|
|
7
7
|
export declare type CircularProgressIndicatorProps = StandardProps<{
|
|
8
|
-
/**
|
|
9
|
-
* The variant of the indicator.
|
|
10
|
-
* @default indeterminate
|
|
11
|
-
*/
|
|
12
8
|
variant?: CircularProgressIndicatorVariant;
|
|
13
|
-
/**
|
|
14
|
-
* Sets the size of the indicator.
|
|
15
|
-
* @default large
|
|
16
|
-
*/
|
|
17
9
|
size?: CircularProgressIndicatorSize;
|
|
18
|
-
/**
|
|
19
|
-
* Sets the color of the indicator.
|
|
20
|
-
* @default primary
|
|
21
|
-
*/
|
|
22
10
|
color?: CircularProgressIndicatorColor;
|
|
23
|
-
/**
|
|
24
|
-
* Sets the value of the indicator.
|
|
25
|
-
* Only applies to variant `determinate`
|
|
26
|
-
*/
|
|
27
11
|
value?: number;
|
|
28
|
-
/**
|
|
29
|
-
* Sets the props that are applied to the `role="progressbar"` element
|
|
30
|
-
*/
|
|
31
12
|
progressBarProps?: Omit<ComponentProps<'span'>, 'ref' | 'role'>;
|
|
32
13
|
}, CircularProgressIndicatorClassesKey, 'span'>;
|
|
@@ -1,36 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DateType } from './DatePicker.type';
|
|
3
3
|
declare type CalendarProps = {
|
|
4
|
-
/** DateRange for setting */
|
|
5
4
|
dateRange: {
|
|
6
|
-
/** Min date @DateIOType */
|
|
7
5
|
min: DateType;
|
|
8
|
-
/** Max date @DateIOType */
|
|
9
6
|
max: DateType;
|
|
10
7
|
};
|
|
11
|
-
/** Disable past dates */
|
|
12
8
|
disablePast?: boolean;
|
|
13
|
-
/** Disable future dates */
|
|
14
9
|
disableFuture?: boolean;
|
|
15
|
-
/** Text label for Today button */
|
|
16
10
|
todayButtonText?: string;
|
|
17
|
-
/** Date format string, default with 'MM/DD/YYYY' */
|
|
18
11
|
formatString?: string;
|
|
19
|
-
|
|
20
|
-
renderDay?: (
|
|
21
|
-
/** day to render */
|
|
22
|
-
day: DateType,
|
|
23
|
-
/** the selelcted Date */
|
|
24
|
-
selectedDate: DateType,
|
|
25
|
-
/** is the day in current month */
|
|
26
|
-
dayInCurrentMonth: boolean,
|
|
27
|
-
/** day Component */
|
|
28
|
-
dayComponent: JSX.Element) => JSX.Element;
|
|
29
|
-
/** Disable specific date @DateIOType */
|
|
12
|
+
renderDay?: (day: DateType, selectedDate: DateType, dayInCurrentMonth: boolean, dayComponent: JSX.Element) => JSX.Element;
|
|
30
13
|
shouldDisableDate: (day: DateType) => boolean;
|
|
31
|
-
/** Callback firing on month change. Return promise to render spinner till it will not be resolved @DateIOType */
|
|
32
14
|
onMonthChange?: (date: DateType) => void | Promise<void>;
|
|
33
|
-
/** Custom loading indicator */
|
|
34
15
|
loadingIndicator?: JSX.Element;
|
|
35
16
|
date: DateType;
|
|
36
17
|
onSelectDay: (day: DateType, fromUserSelect?: boolean) => void;
|
|
@@ -6,31 +6,13 @@ import { DatePickerClassesKey } from './DatePicker.classes';
|
|
|
6
6
|
import { ScreenReaderProps } from './utils';
|
|
7
7
|
export declare type DateType = dayjs.Dayjs;
|
|
8
8
|
export declare type DatePickerProps = StandardProps<{
|
|
9
|
-
/**
|
|
10
|
-
* Calendar onChange
|
|
11
|
-
*
|
|
12
|
-
* @param {Date} date update date value
|
|
13
|
-
* @param {boolean} fromUserSelect is that change come from user select day, when `false` mean that is come from range limitation
|
|
14
|
-
*/
|
|
15
9
|
onChange?: (date: Date | null, fromUserSelect?: boolean) => void;
|
|
16
|
-
/** i18n locale country */
|
|
17
10
|
locale?: string;
|
|
18
|
-
/** value for picker */
|
|
19
11
|
value?: Date | null;
|
|
20
|
-
/**
|
|
21
|
-
* Customize aria-labels for DatePicker components.
|
|
22
|
-
* Pass this prop for localization or custom accessibility labels.
|
|
23
|
-
* If not provided, default English labels will be used.
|
|
24
|
-
*/
|
|
25
12
|
screenReaderProps?: ScreenReaderProps;
|
|
26
|
-
/** Date format string, default with 'MM/DD/YYYY' */
|
|
27
13
|
formatString?: string;
|
|
28
|
-
/** when hover on the textField, if show the clearBtn. With default is true. */
|
|
29
14
|
clearBtn?: boolean;
|
|
30
|
-
/** Min date */
|
|
31
15
|
min?: Date | DateType | null;
|
|
32
|
-
/** Max date */
|
|
33
16
|
max?: Date | DateType | null;
|
|
34
|
-
/** Text label for Today button */
|
|
35
17
|
todayButtonText?: string;
|
|
36
18
|
} & Omit<Partial<CalendarProps>, 'date' | 'dateRange' | 'handleDaySelect' | 'getInvalidateDateInRange'>, DatePickerClassesKey, typeof PickerTextField, 'value' | 'children' | 'defaultValue'>;
|
|
@@ -3,23 +3,12 @@ import { SlideDirection } from './SlideDirection';
|
|
|
3
3
|
import { DateType } from './DatePicker.type';
|
|
4
4
|
declare type ViewType = 'day' | 'year';
|
|
5
5
|
declare type DatePickerHeaderProps = {
|
|
6
|
-
/** the month on display */
|
|
7
6
|
focusedDate: DateType;
|
|
8
|
-
/** with options 'right' | 'left' */
|
|
9
7
|
slideDirection: SlideDirection;
|
|
10
|
-
/** the current view mode, with options 'day' | 'year'. */
|
|
11
8
|
view: ViewType;
|
|
12
|
-
/** when change view mode */
|
|
13
9
|
onViewChange: () => void;
|
|
14
|
-
|
|
15
|
-
onMonthChange: (
|
|
16
|
-
/** the month selected */
|
|
17
|
-
date: DateType,
|
|
18
|
-
/** slideDirection */
|
|
19
|
-
direction: SlideDirection) => void | Promise<void>;
|
|
20
|
-
/** is disable PrevMonth? with default false. */
|
|
10
|
+
onMonthChange: (date: DateType, direction: SlideDirection) => void | Promise<void>;
|
|
21
11
|
disablePrevMonth?: boolean;
|
|
22
|
-
/** is disable NextMonth? with default false. */
|
|
23
12
|
disableNextMonth?: boolean;
|
|
24
13
|
};
|
|
25
14
|
declare const DatePickerHeader: FunctionComponent<DatePickerHeaderProps>;
|
package/src/DatePicker/Day.d.ts
CHANGED
|
@@ -2,22 +2,15 @@
|
|
|
2
2
|
import { PropsWithRoot } from '@ringcentral/spring-base';
|
|
3
3
|
import { DateType } from './DatePicker.type';
|
|
4
4
|
declare type DayProps = PropsWithRoot<{
|
|
5
|
-
/** display as content */
|
|
6
5
|
children: string;
|
|
7
|
-
/** is the year disabled */
|
|
8
6
|
disabled: boolean;
|
|
9
|
-
/** is the year focused */
|
|
10
7
|
focused?: boolean;
|
|
11
|
-
/** when user select */
|
|
12
8
|
onSelect: (value: string) => void;
|
|
13
|
-
/** is the year selected */
|
|
14
9
|
selected: boolean;
|
|
15
|
-
/** the value of the year */
|
|
16
10
|
value: string;
|
|
17
|
-
/** tabindex */
|
|
18
11
|
date: DateType;
|
|
19
12
|
current: boolean;
|
|
20
13
|
}, 'button', 'className'>;
|
|
21
|
-
declare const Day: import("react").ForwardRefExoticComponent<Pick<DayProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "current" | "aria-hidden" | "dir" | "form" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "name" | "focused" | "selected" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "date" | "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" | "
|
|
14
|
+
declare const Day: import("react").ForwardRefExoticComponent<Pick<DayProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "current" | "aria-hidden" | "dir" | "form" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "name" | "focused" | "selected" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "date" | "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" | "formEncType"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
22
15
|
export { Day };
|
|
23
16
|
export type { DayProps };
|
package/src/DatePicker/Year.d.ts
CHANGED
|
@@ -2,20 +2,14 @@
|
|
|
2
2
|
import { PropsWithRoot } from '@ringcentral/spring-base';
|
|
3
3
|
import { DateType } from './DatePicker.type';
|
|
4
4
|
declare type YearProps = PropsWithRoot<{
|
|
5
|
-
/** display as content */
|
|
6
5
|
children: string;
|
|
7
|
-
/** is the year disabled */
|
|
8
6
|
disabled: boolean;
|
|
9
|
-
/** when user select */
|
|
10
7
|
onSelect: (value: string) => void;
|
|
11
|
-
/** is the year selected */
|
|
12
8
|
selected: boolean;
|
|
13
|
-
/** the value of the year */
|
|
14
9
|
value: string;
|
|
15
|
-
/** tabindex */
|
|
16
10
|
date: DateType;
|
|
17
11
|
current: boolean;
|
|
18
12
|
}, 'button', 'className'>;
|
|
19
|
-
declare const Year: import("react").ForwardRefExoticComponent<Pick<YearProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "current" | "aria-hidden" | "dir" | "form" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "name" | "selected" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "date" | "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" | "
|
|
13
|
+
declare const Year: import("react").ForwardRefExoticComponent<Pick<YearProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "current" | "aria-hidden" | "dir" | "form" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "name" | "selected" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "date" | "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" | "formEncType"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
20
14
|
export { Year };
|
|
21
15
|
export type { YearProps };
|
|
@@ -1,19 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DateType } from './DatePicker.type';
|
|
3
3
|
declare type YearsProps = {
|
|
4
|
-
/** the selected date. */
|
|
5
4
|
date: DateType;
|
|
6
|
-
/** min Date of the displayed years range. */
|
|
7
5
|
minDate: DateType;
|
|
8
|
-
/** max Date of the displayed years range. */
|
|
9
6
|
maxDate: DateType;
|
|
10
|
-
/** is disable the past years. */
|
|
11
7
|
disablePast?: boolean;
|
|
12
|
-
/** is disable the future years. */
|
|
13
8
|
disableFuture?: boolean;
|
|
14
|
-
/** when selected year changes. */
|
|
15
9
|
onYearChange: (date: DateType) => void;
|
|
16
|
-
/** now date */
|
|
17
10
|
now: DateType;
|
|
18
11
|
};
|
|
19
12
|
declare const Years: import("react").ForwardRefExoticComponent<YearsProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { FunctionComponent } from 'react';
|
|
2
2
|
import { DialPadOnChangeReason } from '../DialPad';
|
|
3
3
|
declare type DialDeleteProps = {
|
|
4
|
-
/** that children for host delete behaviors */
|
|
5
4
|
children: React.ReactElement;
|
|
6
|
-
/** trigger when delete */
|
|
7
5
|
onDelete?: (e: React.MouseEvent<unknown, MouseEvent> | React.TouchEvent<unknown> | React.KeyboardEvent<unknown>, reason: DialPadOnChangeReason) => void;
|
|
8
|
-
/** trigger when clear */
|
|
9
6
|
onClear?: (e: React.MouseEvent<unknown, MouseEvent> | React.TouchEvent<unknown> | React.KeyboardEvent<unknown>, reason: DialPadOnChangeReason) => void;
|
|
10
7
|
externalWindow?: Window;
|
|
11
8
|
};
|