@ringcentral/spring-ui 1.11.2 → 1.13.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/Accordion.js +90 -34
- package/AccordionHeader.js +72 -20
- package/Alert.js +120 -28
- package/Animation.js +2 -45
- package/Announcement.js +46 -35
- package/Autocomplete.js +1011 -580
- package/Avatar.js +134 -73
- package/AvatarGroup.js +50 -7
- package/Backdrop.js +45 -7
- package/Badge.js +77 -15
- package/Block.js +34 -12
- package/BlockHeader.js +55 -11
- package/BottomNavigation.js +181 -65
- package/BottomNavigationItem.js +93 -30
- package/Button.js +160 -24
- package/CallButton.js +53 -31
- package/Checkbox.js +88 -26
- package/Chip.js +126 -26
- package/CircularProgressIndicator.js +80 -8
- package/ClickAwayListener.js +4 -1
- package/ComponentsProps.js +1 -0
- package/DatePicker.js +611 -190
- package/DateUtilsContext.js +43 -25
- package/Dialer.js +576 -250
- package/Dialog.js +100 -45
- package/Divider.js +43 -7
- package/DragHandle.js +32 -6
- package/Drawer.js +117 -19
- package/Dropdown.js +154 -74
- package/EmptyState.js +63 -11
- package/FabButton.js +51 -17
- package/FocusTrap.js +109 -12
- package/FormField.js +106 -8
- package/FormLabel.js +81 -7
- package/Icon.js +1 -8
- package/IconButton.js +142 -26
- package/IconButtonGroup.js +35 -12
- package/InlineEditable.js +98 -44
- package/LinearProgressIndicator.js +73 -24
- package/Link.js +40 -11
- package/List.js +54 -9
- package/ListItem.js +152 -23
- package/ListItemText.js +44 -16
- package/ListNavigation.js +272 -20
- package/Menu.js +139 -23
- package/MenuActions.js +37 -12
- package/MenuDivider.js +34 -8
- package/MenuFooter.js +36 -12
- package/MenuHeader.js +54 -15
- package/MenuItem.js +402 -33
- package/MenuItemText.js +51 -8
- package/MenuList.js +87 -34
- package/Modal.js +345 -16
- package/NestedMenuContext.js +183 -11
- package/Option.js +32 -34
- package/Overlap.js +54 -7
- package/PageHeader.js +62 -24
- package/PickerTextField.js +156 -33
- package/Popover.js +262 -21
- package/Popper.js +130 -77
- package/PopperPaper.js +54 -8
- package/Portal.js +6 -1
- package/Radio.js +65 -21
- package/RadioGroup.js +56 -17
- package/Rating.js +223 -87
- package/Select.js +387 -41
- package/SingleFilter.js +148 -77
- package/Skeleton.js +68 -17
- package/Slider.js +168 -69
- package/Snackbar.js +122 -59
- package/SortableList.js +32 -12
- package/SortableListDndContext.js +69 -22
- package/SortableListItem.js +92 -47
- package/SortableVirtualizedList.js +52 -28
- package/SplitButton.js +124 -86
- package/Squircle.js +4 -7
- package/StatusIndicator.js +51 -9
- package/Step.js +63 -38
- package/StepButton.js +51 -23
- package/StepConnector.js +48 -8
- package/StepContent.js +68 -25
- package/StepIcon.js +90 -9
- package/StepLabel.js +90 -14
- package/Stepper.js +65 -23
- package/SubMenu.js +203 -99
- package/SwipeableDrawer.js +439 -194
- package/Switch.js +70 -23
- package/Tab.js +120 -57
- package/TabContext.js +59 -15
- package/TabPanel.js +40 -13
- package/Table.js +60 -17
- package/TableBody.js +42 -12
- package/TableCell.js +84 -50
- package/TableContainer.js +32 -10
- package/TableFooter.js +38 -10
- package/TableHead.js +49 -15
- package/TablePagination.js +153 -77
- package/TableRow.js +60 -21
- package/Tabs.js +593 -268
- package/Tag.js +51 -16
- package/Text.js +68 -37
- package/TextField.js +209 -29
- package/Textarea.js +51 -40
- package/TimePicker.js +490 -230
- package/Tooltip.js +48 -23
- package/Tray.js +237 -13
- package/TrayMenu.js +62 -41
- package/VirtualizedList.js +208 -109
- package/VirtualizedMenu.js +359 -29
- package/VisuallyHidden.js +29 -6
- package/chunks/1250.js +98 -0
- package/chunks/1294.js +126 -0
- package/chunks/2956.js +18 -0
- package/chunks/4476.js +460 -0
- package/chunks/4491.js +10 -0
- package/chunks/4535.js +364 -0
- package/chunks/5047.js +3 -0
- package/chunks/6335.js +24 -0
- package/chunks/7279.js +10 -0
- package/chunks/8011.js +8 -0
- package/chunks/8307.js +56 -0
- package/chunks/8467.js +8 -0
- package/chunks/8809.js +8 -0
- package/chunks/{RadioGroup.context.js → 9551.js} +12 -6
- package/chunks/987.js +8 -0
- package/index.css +2624 -2416
- package/index.js +245 -193
- package/internal/utils/index.d.ts +1 -0
- package/internal/utils/setRef.d.ts +2 -0
- package/package.json +8 -8
- package/src/Alert/Alert.type.d.ts +2 -1
- package/src/Animation/components/Fade/Fade.d.ts +4 -2
- package/src/Animation/components/Grow/Grow.d.ts +4 -2
- package/src/Animation/components/ShowHideEye/ShowHideEye.d.ts +1 -1
- package/src/Animation/components/SlideIn/SlideIn.d.ts +4 -2
- package/src/Animation/components/SlideIn/getSlideIn.d.ts +1 -1
- package/src/Animation/hooks/useMotionSafeTransition/useMotionSafeTransition.d.ts +2 -0
- package/src/Autocomplete/SuggestionList/SuggestionList.d.ts +1 -1
- package/src/Autocomplete/useAutocomplete.d.ts +18 -18
- package/src/Autocomplete/useAutocompleteTag.d.ts +18 -18
- package/src/Badge/Badge.d.ts +2 -1
- package/src/Button/Button.classes.d.ts +1 -1
- package/src/ComponentsProps.d.ts +111 -110
- package/src/DatePicker/DatePickerDataAttributes.d.ts +11 -0
- package/src/DatePicker/utils/DatePickerAriaLabelUtils.d.ts +2 -1
- package/src/DatePicker/utils/DatePickerUtils.d.ts +1 -1
- package/src/Dialer/DialDelete/DialDelete.d.ts +2 -2
- package/src/Dialer/DialPad/DialPad.d.ts +2 -2
- package/src/Dialer/Dialer.d.ts +4 -2
- package/src/Dropdown/Dropdown.type.d.ts +2 -2
- package/src/InlineEditable/InlineEditable.type.d.ts +2 -1
- package/src/ListNavigation/useListNavigation.d.ts +3 -3
- package/src/MenuActions/MenuActions.d.ts +2 -2
- package/src/MenuItem/MenuItem.type.d.ts +1 -0
- package/src/MenuItem/useMenuItem.d.ts +1 -1
- package/src/MenuItem/useVirtualizedMenuItem.d.ts +1 -1
- package/src/MenuList/MenuList.type.d.ts +1 -1
- package/src/MenuList/MenuListContext.d.ts +2 -3
- package/src/Modal/Modal.type.d.ts +1 -0
- package/src/NestedMenuContext/MenuOverlayGroupContext.d.ts +2 -2
- package/src/Popover/Popover.classes.d.ts +1 -1
- package/src/Popover/Popover.internal.d.ts +8 -0
- package/src/Popover/Popover.type.d.ts +1 -0
- package/src/Popper/Popper.type.d.ts +10 -7
- package/src/Rating/utils.d.ts +3 -2
- package/src/Select/Select.type.d.ts +7 -5
- package/src/Slider/Slider.d.ts +2 -2
- package/src/Slider/SliderThumb.d.ts +2 -1
- package/src/Squircle/Squircle.d.ts +1 -1
- package/src/StatusIndicator/StatusIndicator.d.ts +2 -1
- package/src/SubMenu/PopperMenu.type.d.ts +4 -1
- package/src/Table/Table.type.d.ts +3 -0
- package/src/Table/TableContext.d.ts +3 -0
- package/src/Table/TableRowContext.d.ts +7 -0
- package/src/Table/index.d.ts +1 -0
- package/src/TableCell/TableCell.classes.d.ts +1 -1
- package/src/TableFooter/TableFooter.classes.d.ts +1 -1
- package/src/TableFooter/TableFooter.type.d.ts +1 -0
- package/src/TableHead/TableHead.classes.d.ts +1 -1
- package/src/TableHead/TableHead.type.d.ts +1 -0
- package/src/TableRow/TableRow.type.d.ts +2 -0
- package/chunks/AccordionContext.js +0 -6
- package/chunks/Alert.js +0 -48
- package/chunks/AvatarGroup.js +0 -22
- package/chunks/Backdrop.js +0 -18
- package/chunks/Badge.js +0 -32
- package/chunks/BottomNavigationItem.js +0 -36
- package/chunks/Button.js +0 -88
- package/chunks/Chip.js +0 -73
- package/chunks/CircularProgressIndicator.js +0 -36
- package/chunks/Divider.js +0 -19
- package/chunks/DragHandle.js +0 -11
- package/chunks/Drawer.js +0 -32
- package/chunks/ExpandCollapseCaret.js +0 -24
- package/chunks/FormLabel.js +0 -27
- package/chunks/Icon.js +0 -25
- package/chunks/IconButtonLabel.js +0 -68
- package/chunks/List.js +0 -22
- package/chunks/ListItem.js +0 -83
- package/chunks/Menu.js +0 -61
- package/chunks/MenuDivider.js +0 -14
- package/chunks/MenuItemText.js +0 -17
- package/chunks/MenuList.js +0 -46
- package/chunks/Modal.js +0 -212
- package/chunks/Overlap.js +0 -25
- package/chunks/PickerTextField.js +0 -85
- package/chunks/Popover.js +0 -53
- package/chunks/PopperPaper.js +0 -15
- package/chunks/Select.js +0 -220
- package/chunks/ShowHideEye.js +0 -56
- package/chunks/SlideIn.js +0 -19
- package/chunks/SortableArrow.js +0 -73
- package/chunks/Squircle.js +0 -31
- package/chunks/StatusIndicator.js +0 -20
- package/chunks/StepConnector.js +0 -21
- package/chunks/StepIcon.js +0 -43
- package/chunks/StepLabel.js +0 -29
- package/chunks/StepperContext.js +0 -9
- package/chunks/TableContext.js +0 -6
- package/chunks/Tablelvl2Context.js +0 -6
- package/chunks/TabsContext.js +0 -6
- package/chunks/TextField.js +0 -110
- package/chunks/Tooltip.js +0 -217
- package/chunks/VirtualizedMenu.js +0 -164
- package/chunks/VisuallyHidden.js +0 -12
- package/chunks/getFade.js +0 -27
- package/chunks/getGrow.js +0 -70
- package/chunks/getSlideIn.js +0 -30
- package/chunks/hasContent.js +0 -3
- package/chunks/useAnimationFrame.js +0 -15
- package/chunks/useFocusTrapStack.js +0 -36
- package/chunks/useHelperTextId.js +0 -22
- package/chunks/useListNavigation.js +0 -199
- package/chunks/useMenuItemSelect.js +0 -273
- package/chunks/useMotionSafeTransition.js +0 -9
- package/chunks/useNestedMenuItem.js +0 -27
- package/chunks/useNestedParentMenu.js +0 -113
- package/chunks/usePrefersReducedMotion.js +0 -36
- package/chunks/useTooltipForceHide.js +0 -27
- package/chunks/useTrayNavigate.js +0 -150
- package/chunks/withTooltip.js +0 -15
package/index.js
CHANGED
|
@@ -1,193 +1,245 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
export {
|
|
128
|
-
export {
|
|
129
|
-
export {
|
|
130
|
-
export {
|
|
131
|
-
export
|
|
132
|
-
export
|
|
133
|
-
export {
|
|
134
|
-
export {
|
|
135
|
-
export {
|
|
136
|
-
export {
|
|
137
|
-
export {
|
|
138
|
-
export {
|
|
139
|
-
export {
|
|
140
|
-
export {
|
|
141
|
-
export {
|
|
142
|
-
export {
|
|
143
|
-
export {
|
|
144
|
-
export {
|
|
145
|
-
export {
|
|
146
|
-
export {
|
|
147
|
-
export {
|
|
148
|
-
export {
|
|
149
|
-
export {
|
|
150
|
-
export {
|
|
151
|
-
export {
|
|
152
|
-
export {
|
|
153
|
-
export {
|
|
154
|
-
export {
|
|
155
|
-
export {
|
|
156
|
-
export {
|
|
157
|
-
export {
|
|
158
|
-
export {
|
|
159
|
-
export {
|
|
160
|
-
export {
|
|
161
|
-
export {
|
|
162
|
-
export {
|
|
163
|
-
export {
|
|
164
|
-
export {
|
|
165
|
-
export {
|
|
166
|
-
export {
|
|
167
|
-
export {
|
|
168
|
-
export {
|
|
169
|
-
export {
|
|
170
|
-
export {
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
1
|
+
import "./Squircle.js";
|
|
2
|
+
|
|
3
|
+
export * from "@ringcentral/spring-base";
|
|
4
|
+
export * from "@ringcentral/spring-theme";
|
|
5
|
+
// ! the re-export order is important for the generated css order, should take case of it, be override by the last import
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
var src_DEFAULT_PADDING = (/* inlined export .DEFAULT_PADDING */8);
|
|
120
|
+
var src_DIALER_PAD_PLUS = (/* inlined export .DIALER_PAD_PLUS */"+");
|
|
121
|
+
var src_HALF_DAY_HOURS = (/* inlined export .HALF_DAY_HOURS */12);
|
|
122
|
+
var src_HOUR_MINUTES = (/* inlined export .HOUR_MINUTES */60);
|
|
123
|
+
var src_K_ENTER = (/* inlined export .K_ENTER */"Enter");
|
|
124
|
+
var src_K_SPACE = (/* inlined export .K_SPACE */" ");
|
|
125
|
+
var src_TIME_GAP = (/* inlined export .TIME_GAP */15);
|
|
126
|
+
var src_lastMinute = (/* inlined export .lastMinute */45);
|
|
127
|
+
export { src_DEFAULT_PADDING as DEFAULT_PADDING, src_DIALER_PAD_PLUS as DIALER_PAD_PLUS, src_HALF_DAY_HOURS as HALF_DAY_HOURS, src_HOUR_MINUTES as HOUR_MINUTES, src_K_ENTER as K_ENTER, src_K_SPACE as K_SPACE, src_TIME_GAP as TIME_GAP, src_lastMinute as lastMinute };
|
|
128
|
+
export { ACCEPTABLE_KEYS, DIALER_PAD_ICONS, DialDelete, DialPad, DialPadButton, DialTextField, Dialer, DialerContext, DialerPadSoundsMPEG, DialerPadSoundsOGG, dialPadButtonStyle, dialPadStyle, getDialPadValueOnlyRegex, useDialKeyboard, useDialerContext, useFixedEndSelection, useKeyAudio } from "./Dialer.js";
|
|
129
|
+
export { Accordion, accordionStyles } from "./Accordion.js";
|
|
130
|
+
export { AccordionContext, useAccordionContext } from "./chunks/8467.js";
|
|
131
|
+
export { AccordionHeader, accordionHeaderStyles } from "./AccordionHeader.js";
|
|
132
|
+
export { Action, MenuItem, MenuItemSelectContext, MenuListContext, menuItemStyle, useMenuItem, useMenuItemSelect, useMenuItemSelectContext, useMenuListContext, useVirtualizedMenuItem } from "./MenuItem.js";
|
|
133
|
+
export { Alert, AlertTitle, alertStyles, alertTitleStyles } from "./Alert.js";
|
|
134
|
+
export { Announcement, announcementStyles } from "./Announcement.js";
|
|
135
|
+
export { Autocomplete, DEFAULT_GET_OPTION_LABEL, DEFAULT_KEY_TO_CHIPS, RcAutocompleteDefaultFilterOptions, SuggestionList, SuggestionListItem, autocompleteStyles, getPaddingValue, isFirstInGroup, stringArrToRegExp, suggestionListStyles, useAutocomplete, useAutocompleteGroup, useAutocompleteTag, useDynamicHeight, useHighlightScroll, useSuggestionList } from "./Autocomplete.js";
|
|
136
|
+
export { Avatar, avatarStyles } from "./Avatar.js";
|
|
137
|
+
export { AvatarGroup, AvatarGroupContext, avatarGroupStyles } from "./AvatarGroup.js";
|
|
138
|
+
export { Backdrop, backdropStyles } from "./Backdrop.js";
|
|
139
|
+
export { Badge, badgeStyles } from "./Badge.js";
|
|
140
|
+
export { Block, blockStyles } from "./Block.js";
|
|
141
|
+
export { BlockHeader, blockHeaderStyles } from "./BlockHeader.js";
|
|
142
|
+
export { BottomNavigation, BottomNavigationGroup, bottomNavigationGroupStyles, bottomNavigationStyles } from "./BottomNavigation.js";
|
|
143
|
+
export { BottomNavigationContext, BottomNavigationItem, bottomNavigationItemStyles, useBottomNavigationContext } from "./BottomNavigationItem.js";
|
|
144
|
+
export { Button, buttonClasses, buttonIconSizeMap } from "./Button.js";
|
|
145
|
+
export { Calendar, DEFAULT_FORMAT, DatePicker, DatePickerClassesContext, DatePickerHeader, Day, HeaderAction, ScreenReaderContext, ScreenReaderProvider, Year, Years, datePickerStyle, findClosestEnabledDate, focusDayElement, invalidateDateInRange, isSameYearAndMonth, useDatePickerClasses, useScreenReaderContext } from "./DatePicker.js";
|
|
146
|
+
export { CallButton, callButtonStyle } from "./CallButton.js";
|
|
147
|
+
export { Checkbox, checkboxStyle } from "./Checkbox.js";
|
|
148
|
+
export { Chip, chipStyle } from "./Chip.js";
|
|
149
|
+
export { CircularProgressIndicator, circularProgressIndicatorStyle } from "./CircularProgressIndicator.js";
|
|
150
|
+
export { ClickAwayListener } from "./ClickAwayListener.js";
|
|
151
|
+
export { DateUtilsProvider, useDateUtilsContext } from "./DateUtilsContext.js";
|
|
152
|
+
export { Dialog, DialogActions, DialogContent, DialogTitle, dialogStyle } from "./Dialog.js";
|
|
153
|
+
export { Divider, dividerStyle } from "./Divider.js";
|
|
154
|
+
export { DndKeyboardBlocker, SortableListDndContext, arrayMove, useSortableListDndContext } from "./SortableListDndContext.js";
|
|
155
|
+
export { DragHandle, dragHandleStyle } from "./DragHandle.js";
|
|
156
|
+
export { Drawer, drawerStyles } from "./Drawer.js";
|
|
157
|
+
export { Dropdown, dropdownStyle } from "./Dropdown.js";
|
|
158
|
+
export { EmptyState, emptyStateStyle } from "./EmptyState.js";
|
|
159
|
+
export { ExpandCollapseCaret, expandCollapseCaretStyles, useMotionSafeTransition, usePrefersReducedMotion } from "./chunks/1294.js";
|
|
160
|
+
export { FabButton, fabButtonStyle } from "./FabButton.js";
|
|
161
|
+
export { Fade, Grow, ShowHideEye, SlideIn, SortableArrow, getFade, getGrow, getSlideIn, getTransformOriginStringForPlacement, showHideEyeStyles } from "./chunks/4476.js";
|
|
162
|
+
export { FilterButton, SingleFilter, filterButtonStyle, singleFilterStyle } from "./SingleFilter.js";
|
|
163
|
+
export { FocusTrap, useFocusTrapStack } from "./FocusTrap.js";
|
|
164
|
+
export { FormField, formFieldStyle, useHelperTextId } from "./FormField.js";
|
|
165
|
+
export { FormLabel, FormLabelContext, formLabelStyle, useFormLabel } from "./FormLabel.js";
|
|
166
|
+
export { HoverActions, ListItem, listItemStyle } from "./ListItem.js";
|
|
167
|
+
export { Icon, iconStyle } from "./chunks/8307.js";
|
|
168
|
+
export { IconButton, IconButtonLabel, iconButtonLabelStyle, iconButtonStyle } from "./IconButton.js";
|
|
169
|
+
export { IconButtonGroup, iconButtonGroupStyle } from "./IconButtonGroup.js";
|
|
170
|
+
export { InlineEditable, inlineEditableStyle } from "./InlineEditable.js";
|
|
171
|
+
export { InnerModal, Modal, ModalContext, modalStyles, useModalContext } from "./Modal.js";
|
|
172
|
+
export { LinearProgressIndicator, linearProgressIndicatorStyle } from "./LinearProgressIndicator.js";
|
|
173
|
+
export { Link, linkStyle } from "./Link.js";
|
|
174
|
+
export { List, listStyle } from "./List.js";
|
|
175
|
+
export { ListItemText, listItemTextStyle } from "./ListItemText.js";
|
|
176
|
+
export { ListNavigationContext, useItemNavigation, useListNavigation, useListNavigationContext } from "./ListNavigation.js";
|
|
177
|
+
export { Menu, MenuContext, menuStyle, useMenuContext } from "./Menu.js";
|
|
178
|
+
export { MenuActions, MenuActionsGroup, menuActionsStyle } from "./MenuActions.js";
|
|
179
|
+
export { MenuDivider, menuDividerStyle } from "./MenuDivider.js";
|
|
180
|
+
export { MenuFooter, menuFooterStyle } from "./MenuFooter.js";
|
|
181
|
+
export { MenuHeader, menuHeaderStyle } from "./MenuHeader.js";
|
|
182
|
+
export { MenuItemText, menuItemTextStyle } from "./MenuItemText.js";
|
|
183
|
+
export { MenuList, menuListStyle } from "./MenuList.js";
|
|
184
|
+
export { NestedMenuContext, useNestedChildMenu, useNestedMenuContext, useNestedMenuItem, useNestedParentMenu } from "./NestedMenuContext.js";
|
|
185
|
+
export { NumberPicker, ONE_HOUR, PickerView, SelectionView, TIME_SYSTEM_TEXT, TimeBoundary, TimeButton, TimePicker, TimePickerClassesContext, ToggleText, getFormattedTime, getHourAndMinute, getNumberPickerBoundary, getPeriod, getRangeBoundary, getRecoupHour, getTimestamp, getTimestampFromDate, getTimestampFromHourAndMin, isClick, minuteSource, pad, parseNumber, parseNumberToString, timePickerStyle, twelveHourSystemSource, twentyFourHourSystemSource, useTimePickerClasses } from "./TimePicker.js";
|
|
186
|
+
export { Option } from "./Option.js";
|
|
187
|
+
export { Overlap, overlapStyle } from "./Overlap.js";
|
|
188
|
+
export { PageHeader, PageHeaderCenter, PageHeaderLeft, PageHeaderRight, PageHeaderTitle, pageHeaderStyle } from "./PageHeader.js";
|
|
189
|
+
export { PickerTextField, pickerTextFieldStyle } from "./PickerTextField.js";
|
|
190
|
+
export { Popover, popoverStyle } from "./Popover.js";
|
|
191
|
+
export { Popper } from "./Popper.js";
|
|
192
|
+
export { PopperMenu, SubMenu, popperMenuStyle } from "./SubMenu.js";
|
|
193
|
+
export { PopperPaper, popperPaperStyle } from "./PopperPaper.js";
|
|
194
|
+
export { Portal } from "./Portal.js";
|
|
195
|
+
export { Radio, radioStyle } from "./Radio.js";
|
|
196
|
+
export { RadioGroup, radioGroupStyle } from "./RadioGroup.js";
|
|
197
|
+
export { RadioGroupContext, callbacksInSeries, useRadioGroup } from "./chunks/9551.js";
|
|
198
|
+
export { Rating, RatingItem, defaultEmptyIcon, defaultIcon, defaultLabelText, ratingStyle, roundValueToPrecision } from "./Rating.js";
|
|
199
|
+
export { Select, selectStyle, useSelect } from "./Select.js";
|
|
200
|
+
export { Skeleton, SkeletonContainer, skeletonContainerStyle, skeletonStyle } from "./Skeleton.js";
|
|
201
|
+
export { Slider, sliderStyle } from "./Slider.js";
|
|
202
|
+
export { Snackbar, SnackbarContent, snackbarContentStyles, snackbarStyle, useSnackbarWrapper } from "./Snackbar.js";
|
|
203
|
+
export { SortableList } from "./SortableList.js";
|
|
204
|
+
export { SortableListItem, SortableListItemOverlay } from "./SortableListItem.js";
|
|
205
|
+
export { SortableVirtualizedList } from "./SortableVirtualizedList.js";
|
|
206
|
+
export { SplitButton, splitButtonStyle } from "./SplitButton.js";
|
|
207
|
+
export { Squircle, squircleStyle } from "./chunks/1250.js";
|
|
208
|
+
export { StatusIndicator, statusIndicatorStyle } from "./StatusIndicator.js";
|
|
209
|
+
export { Step, stepStyle } from "./Step.js";
|
|
210
|
+
export { StepButton, stepButtonStyle } from "./StepButton.js";
|
|
211
|
+
export { StepConnector, stepConnectorStyle } from "./StepConnector.js";
|
|
212
|
+
export { StepContent, stepContentStyle } from "./StepContent.js";
|
|
213
|
+
export { StepContext, StepperContext, useStepContext, useStepperContext } from "./chunks/2956.js";
|
|
214
|
+
export { StepIcon, stepIconStyle } from "./StepIcon.js";
|
|
215
|
+
export { StepLabel, stepLabelStyle } from "./StepLabel.js";
|
|
216
|
+
export { Stepper, stepperStyle } from "./Stepper.js";
|
|
217
|
+
export { SwipeableDrawer, swipeableDrawerStyles } from "./SwipeableDrawer.js";
|
|
218
|
+
export { Switch, switchStyle } from "./Switch.js";
|
|
219
|
+
export { Tab, tabStyle } from "./Tab.js";
|
|
220
|
+
export { TabContext, generateTabStableIds, useInternalTabsContext, useTabContext, useTabStableIds } from "./TabContext.js";
|
|
221
|
+
export { TabMoreMenu, TabScrollButton, Tabs, tabsStyle, useComputedTabs, useTabsScroller } from "./Tabs.js";
|
|
222
|
+
export { TabPanel, tabPanelStyle } from "./TabPanel.js";
|
|
223
|
+
export { Table, tableStyle } from "./Table.js";
|
|
224
|
+
export { TableBody, tableBodyStyle } from "./TableBody.js";
|
|
225
|
+
export { TableCell, tableCellStyle } from "./TableCell.js";
|
|
226
|
+
export { TableContainer, tableContainerStyle } from "./TableContainer.js";
|
|
227
|
+
export { TableContext, useTableContext } from "./chunks/7279.js";
|
|
228
|
+
export { TableFooter, tableFooterStyles } from "./TableFooter.js";
|
|
229
|
+
export { TableHead, tableHeadStyle } from "./TableHead.js";
|
|
230
|
+
export { TablePagination, tablePaginationStyles } from "./TablePagination.js";
|
|
231
|
+
export { TableRow, tableRowStyle } from "./TableRow.js";
|
|
232
|
+
export { TableRowContext, useTableRowContext } from "./chunks/987.js";
|
|
233
|
+
export { Tablelvl2Context, useTablelvl2Context } from "./chunks/8011.js";
|
|
234
|
+
export { TabsContext, useTabsContext } from "./chunks/8809.js";
|
|
235
|
+
export { Tag, tagStyle } from "./Tag.js";
|
|
236
|
+
export { Text, textStyle } from "./Text.js";
|
|
237
|
+
export { TextField, textFieldStyle } from "./TextField.js";
|
|
238
|
+
export { Textarea, textareaStyle } from "./Textarea.js";
|
|
239
|
+
export { Tooltip, TooltipTrigger, TooltipView, tooltipViewStyle, withTooltip } from "./chunks/4535.js";
|
|
240
|
+
export { Tray, TrayContext, TrayPanel, trayStyle, useTray, useTrayContext, useTrayNavigate, useTrayPanel } from "./Tray.js";
|
|
241
|
+
export { TrayMenu, TrayMenuItem } from "./TrayMenu.js";
|
|
242
|
+
export { VirtualizedItemPropsContext, VirtualizedList, VirtuosoComponents, useVirtualizedItemPropsContext } from "./VirtualizedList.js";
|
|
243
|
+
export { VirtualizedMenu, VirtualizedMenuContext, VirtualizedMenuList, useVirtualizedMenuContext, virtualizedMenuStyle } from "./VirtualizedMenu.js";
|
|
244
|
+
export { VisuallyHidden, visuallyHiddenStyle } from "./VisuallyHidden.js";
|
|
245
|
+
export { useTooltipForceHide } from "./Tooltip.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ringcentral/spring-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.13.0",
|
|
4
4
|
"author": "RingCentral",
|
|
5
5
|
"description": "A comprehensive React component library built with Tailwind CSS, featuring production-ready components",
|
|
6
6
|
"main": "./index.js",
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"@dnd-kit/utilities": "^3.2.2",
|
|
15
15
|
"@floating-ui/react-dom": "2.1.1",
|
|
16
16
|
"@juggle/resize-observer": "3.4.0",
|
|
17
|
-
"@mui/base": "5.0.0-beta.
|
|
18
|
-
"@ringcentral/spring-base": "^1.
|
|
19
|
-
"@ringcentral/spring-icon": "^1.
|
|
20
|
-
"@ringcentral/spring-theme": "^1.
|
|
17
|
+
"@mui/base": "5.0.0-beta.70",
|
|
18
|
+
"@ringcentral/spring-base": "^1.13.0",
|
|
19
|
+
"@ringcentral/spring-icon": "^1.13.0",
|
|
20
|
+
"@ringcentral/spring-theme": "^1.13.0",
|
|
21
21
|
"@types/lodash": "^4.14.182",
|
|
22
22
|
"@use-gesture/react": "10.3.1",
|
|
23
23
|
"clsx": "^1.2.1",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"type-fest": "^2.12.2"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
|
-
"@types/react": "
|
|
30
|
+
"@types/react": "^17.0.3 || ^18.0.0 || ^19.0.0",
|
|
31
31
|
"dayjs": "^1.11.13",
|
|
32
|
-
"react": "
|
|
33
|
-
"react-dom": "
|
|
32
|
+
"react": "^17.0.2 || ^18.0.0 || ^19.0.0",
|
|
33
|
+
"react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0",
|
|
34
34
|
"react-virtuoso": "4.7.10"
|
|
35
35
|
},
|
|
36
36
|
"sideEffects": false,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ElementType } from 'react';
|
|
2
|
-
import { OverridableComponent, OverridableProps, StandardProps, WithClassesProps } from '@ringcentral/spring-base';
|
|
2
|
+
import { OverridableComponent, OverridableProps, SlotProps, StandardProps, WithClassesProps } from '@ringcentral/spring-base';
|
|
3
3
|
import { IconButtonProps } from '../IconButton';
|
|
4
4
|
import { AlertClassesKey } from './Alert.classes';
|
|
5
5
|
import { AlertTitleClassesKey } from './AlertTitle.classes';
|
|
@@ -14,6 +14,7 @@ type BaseAlertProps = WithClassesProps<{
|
|
|
14
14
|
closeText?: string;
|
|
15
15
|
severity?: AlertSeverity;
|
|
16
16
|
CloseButtonProps?: IconButtonProps;
|
|
17
|
+
contentProps?: SlotProps<'div', 'children'>;
|
|
17
18
|
}, AlertClassesKey>;
|
|
18
19
|
export type AlertProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseAlertProps, T>;
|
|
19
20
|
export type AlertComponent = OverridableComponent<{
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { HTMLMotionProps } from 'framer-motion';
|
|
2
|
-
import { ComponentType } from 'react';
|
|
2
|
+
import { ComponentType, ReactNode } from 'react';
|
|
3
3
|
import { GetFadeOptions } from './getFade';
|
|
4
|
-
export type FadeProps = GetFadeOptions & HTMLMotionProps<'div'
|
|
4
|
+
export type FadeProps = GetFadeOptions & Omit<HTMLMotionProps<'div'>, 'children'> & {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
};
|
|
5
7
|
export declare const Fade: ComponentType<FadeProps>;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { HTMLMotionProps } from 'framer-motion';
|
|
2
|
-
import { ComponentType } from 'react';
|
|
2
|
+
import { ComponentType, ReactNode } from 'react';
|
|
3
3
|
import { GetGrowOptions } from './getGrow';
|
|
4
|
-
export type GrowProps = GetGrowOptions & HTMLMotionProps<'div'
|
|
4
|
+
export type GrowProps = GetGrowOptions & Omit<HTMLMotionProps<'div'>, 'children'> & {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
};
|
|
5
7
|
export declare const Grow: ComponentType<GrowProps>;
|
|
@@ -4,7 +4,7 @@ import { MotionComponent } from '../types';
|
|
|
4
4
|
import { ShowHideEyeClassesKey } from './ShowHideEye.classes';
|
|
5
5
|
import showHideEyeStyles from './styles/ShowHideEye.css';
|
|
6
6
|
export type ShowHideEyeProps = WithClassesProps<{
|
|
7
|
-
hide
|
|
7
|
+
hide?: boolean;
|
|
8
8
|
} & Omit<IconProps, 'symbol' | 'classes'>, ShowHideEyeClassesKey>;
|
|
9
9
|
export declare const ShowHideEye: MotionComponent<ShowHideEyeProps>;
|
|
10
10
|
export { showHideEyeStyles };
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { HTMLMotionProps } from 'framer-motion';
|
|
2
|
-
import { ComponentType } from 'react';
|
|
2
|
+
import { ComponentType, ReactNode } from 'react';
|
|
3
3
|
import { GetSlideInOptions } from './getSlideIn';
|
|
4
|
-
export type SlideInProps = GetSlideInOptions & HTMLMotionProps<'div'
|
|
4
|
+
export type SlideInProps = GetSlideInOptions & Omit<HTMLMotionProps<'div'>, 'children'> & {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
};
|
|
5
7
|
export declare const SlideIn: ComponentType<SlideInProps>;
|
|
@@ -5,5 +5,5 @@ export type GetSlideInOptions = CommonMotionOptions & {
|
|
|
5
5
|
from?: Direction;
|
|
6
6
|
transition?: Transition;
|
|
7
7
|
};
|
|
8
|
-
export declare const getSlideIn: ({ toggle, from, prefersReducedMotion, toggleOnTransition, toggleOffTransition, }?: GetSlideInOptions) => MotionProps;
|
|
8
|
+
export declare const getSlideIn: ({ toggle, from, prefersReducedMotion, toggleOnTransition, toggleOffTransition, transition, }?: GetSlideInOptions) => MotionProps;
|
|
9
9
|
export {};
|
|
@@ -56,5 +56,5 @@ export declare const SuggestionList: React.ForwardRefExoticComponent<{
|
|
|
56
56
|
optionsGroupList?: SuggestionListGroupedOption<SuggestionListItemData>[] | undefined;
|
|
57
57
|
renderOption?: ((option: SuggestionListItemData, state: AutocompleteRenderOptionState) => React.ReactNode) | undefined;
|
|
58
58
|
renderGroup?: ((option: SuggestionListItemData, state: AutocompleteRenderOptionState) => React.ReactNode) | undefined;
|
|
59
|
-
} & Pick<UseSuggestionListParams, "getOptionDisabled" | "
|
|
59
|
+
} & Pick<UseSuggestionListParams, "getOptionDisabled" | "groupVariant" | "groupExpanded" | "getOptionLabel" | "inputValue"> & Omit<Partial<VirtuosoProps<SuggestionListItemData, any>>, "color" | "data" | "itemContent" | "totalCount"> & ClassesProp<SuggestionListClassesKey> & HTMLDataAttribute & React.RefAttributes<VirtuosoHandle>>;
|
|
60
60
|
export { suggestionListStyles };
|