@smwb/ui-react 2.3.0 → 2.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/clickAwayListener/clickAwayListener.js +19 -14
- package/dist/components/clickAwayListener/clickAwayListener.js.map +1 -1
- package/dist/components/dataDisplay/treeView/treeView.d.ts +5 -2
- package/dist/components/dataDisplay/treeView/treeView.js +78 -75
- package/dist/components/dataDisplay/treeView/treeView.js.map +1 -1
- package/dist/components/feedBack/modal/modal.js +40 -38
- package/dist/components/feedBack/modal/modal.js.map +1 -1
- package/dist/components/inputs/datePicker/datePicker.js +13 -12
- package/dist/components/inputs/datePicker/datePicker.js.map +1 -1
- package/dist/components/inputs/dateTimePicker/dateTimePicker.js +28 -27
- package/dist/components/inputs/dateTimePicker/dateTimePicker.js.map +1 -1
- package/dist/components/inputs/selectField/dropdownMenu.js +7 -6
- package/dist/components/inputs/selectField/dropdownMenu.js.map +1 -1
- package/dist/components/inputs/timePicker/timePicker.js +16 -15
- package/dist/components/inputs/timePicker/timePicker.js.map +1 -1
- package/dist/components/layout/sheet/sheet.js +102 -92
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/navigation/menu/menuSubmenu.d.ts +1 -1
- package/dist/headless/components/clickAwayListener/clickAwayListener.js +19 -14
- package/dist/headless/components/clickAwayListener/clickAwayListener.js.map +1 -1
- package/dist/headless/components/dataDisplay/treeView/treeView.js +78 -75
- package/dist/headless/components/dataDisplay/treeView/treeView.js.map +1 -1
- package/dist/headless/components/feedBack/modal/modal.js +42 -40
- package/dist/headless/components/feedBack/modal/modal.js.map +1 -1
- package/dist/headless/components/inputs/datePicker/datePicker.js +13 -12
- package/dist/headless/components/inputs/datePicker/datePicker.js.map +1 -1
- package/dist/headless/components/inputs/dateTimePicker/dateTimePicker.js +28 -27
- package/dist/headless/components/inputs/dateTimePicker/dateTimePicker.js.map +1 -1
- package/dist/headless/components/inputs/selectField/dropdownMenu.js +7 -6
- package/dist/headless/components/inputs/selectField/dropdownMenu.js.map +1 -1
- package/dist/headless/components/inputs/timePicker/timePicker.js +16 -15
- package/dist/headless/components/inputs/timePicker/timePicker.js.map +1 -1
- package/dist/headless/components/layout/sheet/sheet.js +95 -85
- package/dist/headless/components/layout/sheet/sheet.js.map +1 -1
- package/dist/headless/hooks/useHoverPopover.js +117 -0
- package/dist/headless/hooks/useHoverPopover.js.map +1 -0
- package/dist/headless/index.js +242 -240
- package/dist/headless/index.js.map +1 -1
- package/dist/headless/utils/overlayLayer.js +11 -0
- package/dist/headless/utils/overlayLayer.js.map +1 -0
- package/dist/hooks/useHoverPopover.d.ts +73 -0
- package/dist/hooks/useHoverPopover.js +117 -0
- package/dist/hooks/useHoverPopover.js.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +242 -240
- package/dist/index.js.map +1 -1
- package/dist/utils/overlayLayer.d.ts +13 -0
- package/dist/utils/overlayLayer.js +11 -0
- package/dist/utils/overlayLayer.js.map +1 -0
- package/package.json +1 -1
package/dist/headless/index.js
CHANGED
|
@@ -4,253 +4,255 @@ import { useId as f } from "./hooks/useId.js";
|
|
|
4
4
|
import { useFocusTrap as s } from "./hooks/useFocusTrap.js";
|
|
5
5
|
import { useRovingTabIndex as l } from "./hooks/useRovingTabIndex.js";
|
|
6
6
|
import { useVirtualList as n } from "./hooks/useVirtualList.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import { default as Oe } from "./components/dataDisplay/imagesList/imagesListItem/
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import { default as _o } from "./components/dataDisplay/table/
|
|
67
|
-
import { default as
|
|
68
|
-
import { default as yo } from "./components/dataDisplay/table/
|
|
69
|
-
import { default as Uo } from "./components/dataDisplay/table/
|
|
70
|
-
import { default as Go } from "./components/dataDisplay/table/
|
|
71
|
-
import { default as Ro } from "./components/dataDisplay/table/
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
110
|
-
import {
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import {
|
|
114
|
-
import {
|
|
7
|
+
import { useHoverPopover as C } from "./hooks/useHoverPopover.js";
|
|
8
|
+
import { Accordion as S } from "./components/dataDisplay/accordion/accordion.js";
|
|
9
|
+
import { AppBar as c } from "./components/navigation/appBar/appBar.js";
|
|
10
|
+
import { AppLayout as A } from "./components/layout/appLayout/appLayout.js";
|
|
11
|
+
import { AssetGrid as M } from "./components/dataDisplay/assetGrid/assetGrid.js";
|
|
12
|
+
import { Avatar as L, AvatarGroup as P } from "./components/dataDisplay/avatar/avatar.js";
|
|
13
|
+
import { Badge as k } from "./components/dataDisplay/badge/badge.js";
|
|
14
|
+
import { BottomBar as _ } from "./components/navigation/bottomBar/bottomBar.js";
|
|
15
|
+
import { Breadcrumbs as B } from "./components/navigation/breadcrumbs/breadcrumbs.js";
|
|
16
|
+
import { Button as y } from "./components/inputs/button/button.js";
|
|
17
|
+
import { ButtonGroup as U } from "./components/inputs/buttonGroups/buttonGroup.js";
|
|
18
|
+
import { Card as G } from "./components/dataDisplay/card/card.js";
|
|
19
|
+
import { Chat as R } from "./components/dataDisplay/chat/chat.js";
|
|
20
|
+
import { ChatAttachmentImage as N } from "./components/dataDisplay/chat/chatAttachmentImage.js";
|
|
21
|
+
import { ChatAttachments as Y } from "./components/dataDisplay/chat/chatAttachments.js";
|
|
22
|
+
import { ChatComposer as W } from "./components/dataDisplay/chat/chatComposer.js";
|
|
23
|
+
import { ChatHeader as q } from "./components/dataDisplay/chat/chatHeader.js";
|
|
24
|
+
import { ChatLayout as K } from "./components/dataDisplay/chat/chatLayout.js";
|
|
25
|
+
import { ChatMessageAvatar as Z } from "./components/dataDisplay/chat/chatMessageAvatar.js";
|
|
26
|
+
import { ChatMessageBubble as ee } from "./components/dataDisplay/chat/chatMessageBubble.js";
|
|
27
|
+
import { ChatMessageIncoming as re } from "./components/dataDisplay/chat/chatMessageIncoming.js";
|
|
28
|
+
import { ChatMessageItem as ae } from "./components/dataDisplay/chat/chatMessageItem.js";
|
|
29
|
+
import { ChatMessageOutgoing as pe } from "./components/dataDisplay/chat/chatMessageOutgoing.js";
|
|
30
|
+
import { ChatMessageSkeleton as xe } from "./components/dataDisplay/chat/chatMessageSkeleton.js";
|
|
31
|
+
import { ChatMessageStatus as ie } from "./components/dataDisplay/chat/chatMessageStatus.js";
|
|
32
|
+
import { ChatMessageSystem as ue } from "./components/dataDisplay/chat/chatMessageSystem.js";
|
|
33
|
+
import { ChatMessages as Te } from "./components/dataDisplay/chat/chatMessages.js";
|
|
34
|
+
import { ChatShell as de } from "./components/dataDisplay/chat/chatShell.js";
|
|
35
|
+
import { Checkbox as ge } from "./components/inputs/checkbox/checkbox.js";
|
|
36
|
+
import { Chip as he } from "./components/dataDisplay/chip/chip.js";
|
|
37
|
+
import { ChipGroup as Ie } from "./components/dataDisplay/chipGroup/chipGroup.js";
|
|
38
|
+
import { DatePicker as De, OpenView as Le } from "./components/inputs/datePicker/datePicker.js";
|
|
39
|
+
import { DateTimePicker as be } from "./components/inputs/dateTimePicker/dateTimePicker.js";
|
|
40
|
+
import { Divider as Ee } from "./components/layout/divider/divider.js";
|
|
41
|
+
import { ExpansionPanel as ve } from "./components/dataDisplay/expansionPanel/expansionPanel.js";
|
|
42
|
+
import { FloatingButton as Fe } from "./components/inputs/floatingButton/floatingButton.js";
|
|
43
|
+
import { Icon as He } from "./components/base/icon/icon.js";
|
|
44
|
+
import { ImagesList as we } from "./components/dataDisplay/imagesList/imagesList.js";
|
|
45
|
+
import { default as Oe } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItem.js";
|
|
46
|
+
import { default as Ve } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js";
|
|
47
|
+
import { LazyImage as Xe } from "./components/dataDisplay/lazyImage/lazyImage.js";
|
|
48
|
+
import { List as ze } from "./components/dataDisplay/list/list.js";
|
|
49
|
+
import { ListItem as je } from "./components/dataDisplay/list/listItem.js";
|
|
50
|
+
import { default as Je, MessageContainer as Ke } from "./components/feedBack/message/message.js";
|
|
51
|
+
import { Modal as Ze } from "./components/feedBack/modal/modal.js";
|
|
52
|
+
import { OverflowMenu as eo } from "./components/navigation/overflowMenu/overflowMenu.js";
|
|
53
|
+
import { Page as ro } from "./components/layout/page/page.js";
|
|
54
|
+
import { PageHeader as ao } from "./components/layout/pageHeader/pageHeader.js";
|
|
55
|
+
import { Pagination as po } from "./components/navigation/pagination/pagination.js";
|
|
56
|
+
import { CircularProgress as xo, ProgressIndicator as so } from "./components/feedBack/progressIndicator/progressIndicator.js";
|
|
57
|
+
import { RadioButton as lo } from "./components/inputs/radioButton/radioButton.js";
|
|
58
|
+
import { Rating as no } from "./components/inputs/rating/rating.js";
|
|
59
|
+
import { SaveAssetDialog as Co } from "./components/feedBack/saveAssetDialog/saveAssetDialog.js";
|
|
60
|
+
import { ScreenDivider as go } from "./components/layout/screenDivider/screenDivider.js";
|
|
61
|
+
import { Sheet as ho } from "./components/layout/sheet/sheet.js";
|
|
62
|
+
import { Sidebar as Io } from "./components/navigation/sidebar/sidebar.js";
|
|
63
|
+
import { Skeleton as Do } from "./components/feedBack/skeleton/skeleton.js";
|
|
64
|
+
import { Stack as Po } from "./components/layout/stack/stack.js";
|
|
65
|
+
import { Stepper as ko } from "./components/navigation/stepper/stepper.js";
|
|
66
|
+
import { default as _o } from "./components/dataDisplay/table/table.js";
|
|
67
|
+
import { default as Bo } from "./components/dataDisplay/table/tableBody.js";
|
|
68
|
+
import { default as yo } from "./components/dataDisplay/table/tableCell.js";
|
|
69
|
+
import { default as Uo } from "./components/dataDisplay/table/tableHead.js";
|
|
70
|
+
import { default as Go } from "./components/dataDisplay/table/tableHeadCell.js";
|
|
71
|
+
import { default as Ro } from "./components/dataDisplay/table/tablePagination/tablePagination.js";
|
|
72
|
+
import { default as No } from "./components/dataDisplay/table/tableRow.js";
|
|
73
|
+
import { ThumbCard as Yo } from "./components/dataDisplay/thumbCard/thumbCard.js";
|
|
74
|
+
import { TimePicker as Wo } from "./components/inputs/timePicker/timePicker.js";
|
|
75
|
+
import { Toggle as qo } from "./components/inputs/toggle/toggle.js";
|
|
76
|
+
import { Tooltip as Ko } from "./components/feedBack/tooltip/tooltip.js";
|
|
77
|
+
import { TreeView as Zo } from "./components/dataDisplay/treeView/treeView.js";
|
|
78
|
+
import { Typography as er } from "./components/dataDisplay/typography/typography.js";
|
|
79
|
+
import { ValueSlider as rr } from "./components/inputs/valueSlider/valueSlider.js";
|
|
80
|
+
import { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES as ar, CHAT_EXPAND_LAYOUTS as mr, CHAT_MESSAGE_DELIVERY_STATUSES as pr, CHAT_MESSAGE_STATUS_ICONS as fr, CHAT_MESSAGE_STATUS_LABELS as xr } from "./components/dataDisplay/chat/types.js";
|
|
81
|
+
import { Carousel as ir } from "./components/dataDisplay/carousel/carousel.js";
|
|
82
|
+
import { ClickAwayListener as ur } from "./components/clickAwayListener/clickAwayListener.js";
|
|
83
|
+
import { Column as Tr, Container as Cr, Grid as dr, Row as Sr } from "./components/layout/grid/grid.js";
|
|
84
|
+
import { DEFAULT_TIME_FORMAT as cr } from "./components/inputs/timePicker/timeUtils.js";
|
|
85
|
+
import { DataPickerDays as Ar } from "./components/inputs/datePicker/dataPickerDays.js";
|
|
86
|
+
import { DataPickerHeader as Mr } from "./components/inputs/datePicker/dataPickerHeader.js";
|
|
87
|
+
import { DataPickerInput as Lr } from "./components/inputs/datePicker/dataPickerInput.js";
|
|
88
|
+
import { DatePickerActionLabel as br } from "./components/inputs/datePicker/datePickerActionLabel.js";
|
|
89
|
+
import { DatePickerIconButton as Er } from "./components/inputs/datePicker/datePickerIconButton.js";
|
|
90
|
+
import { DatePickerList as vr } from "./components/inputs/datePicker/datePickerList.js";
|
|
91
|
+
import { DateTimePickerInput as Fr } from "./components/inputs/dateTimePicker/dateTimePickerInput.js";
|
|
92
|
+
import { Menu as Hr } from "./components/navigation/menu/menu.js";
|
|
93
|
+
import { MenuDivider as wr } from "./components/navigation/menu/menuDivider.js";
|
|
94
|
+
import { MenuItem as Or } from "./components/navigation/menu/menuItem.js";
|
|
95
|
+
import { MenuItemIcon as Vr } from "./components/navigation/menu/menuItemIcon.js";
|
|
96
|
+
import { MenuItemText as Xr } from "./components/navigation/menu/menuItemText.js";
|
|
97
|
+
import { MenuSubmenu as zr } from "./components/navigation/menu/menuSubmenu.js";
|
|
98
|
+
import { Ripple as jr } from "./components/base/ripple/ripple.js";
|
|
99
|
+
import { SelectField as Jr } from "./components/inputs/selectField/selectField.js";
|
|
100
|
+
import { Slider as Qr } from "./components/inputs/slider/slider.js";
|
|
101
|
+
import { SnackbarProvider as $r, useSnackbar as et } from "./components/feedBack/snackbar/snackbar.js";
|
|
102
|
+
import { Tab as rt } from "./components/navigation/tabs/tab/tab.js";
|
|
103
|
+
import { Tabs as at } from "./components/navigation/tabs/tabs.js";
|
|
104
|
+
import { TextField as pt } from "./components/inputs/textField/textField.js";
|
|
105
|
+
import { TextFieldAdornment as xt } from "./components/inputs/textField/textFieldAdornment.js";
|
|
106
|
+
import { TextFieldWrapper as it } from "./components/inputs/textField/textFieldWrapper.js";
|
|
107
|
+
import { TimePickerColumns as ut } from "./components/inputs/timePicker/timePickerColumns.js";
|
|
108
|
+
import { TimePickerInput as Tt } from "./components/inputs/timePicker/timePickerInput.js";
|
|
109
|
+
import { formatChatTimestamp as dt, getChatLayoutActions as St, isChatMessageDeliveryStatus as gt, isImageAttachment as ct, resolveAllowedLayouts as ht, resolveChatMessageStatusIcon as At, resolveChatMessageStatusLabel as It, shouldComposerNewlineOnEnter as Mt } from "./components/dataDisplay/chat/utils.js";
|
|
110
|
+
import { getCurrentDateTimeFormat as Lt, getDisplayDateTime as Pt, useDateTimeInput as bt } from "./components/inputs/dateTimePicker/useDateTimeInput.js";
|
|
111
|
+
import { isScrolledToBottom as Et, scrollChatToBottom as _t, useChatStickToBottom as vt } from "./components/dataDisplay/chat/useChatStickToBottom.js";
|
|
112
|
+
import { resolveChatFileUploadMaxFiles as Ft, default as yt } from "./components/dataDisplay/chat/useChatFileUpload.js";
|
|
113
|
+
import { useChatInfiniteScroll as Ut } from "./components/dataDisplay/chat/useChatInfiniteScroll.js";
|
|
114
|
+
import { useDateInput as Gt } from "./components/inputs/datePicker/useDateInput.js";
|
|
115
|
+
import { useTimeInput as Rt } from "./components/inputs/timePicker/useTimeInput.js";
|
|
115
116
|
export {
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
117
|
+
S as Accordion,
|
|
118
|
+
c as AppBar,
|
|
119
|
+
A as AppLayout,
|
|
120
|
+
M as AssetGrid,
|
|
121
|
+
L as Avatar,
|
|
122
|
+
P as AvatarGroup,
|
|
123
|
+
k as Badge,
|
|
124
|
+
_ as BottomBar,
|
|
125
|
+
B as Breadcrumbs,
|
|
126
|
+
y as Button,
|
|
127
|
+
U as ButtonGroup,
|
|
128
|
+
ar as CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,
|
|
129
|
+
mr as CHAT_EXPAND_LAYOUTS,
|
|
130
|
+
pr as CHAT_MESSAGE_DELIVERY_STATUSES,
|
|
131
|
+
fr as CHAT_MESSAGE_STATUS_ICONS,
|
|
132
|
+
xr as CHAT_MESSAGE_STATUS_LABELS,
|
|
133
|
+
G as Card,
|
|
134
|
+
ir as Carousel,
|
|
135
|
+
R as Chat,
|
|
136
|
+
N as ChatAttachmentImage,
|
|
137
|
+
Y as ChatAttachments,
|
|
138
|
+
W as ChatComposer,
|
|
139
|
+
q as ChatHeader,
|
|
140
|
+
K as ChatLayout,
|
|
141
|
+
Z as ChatMessageAvatar,
|
|
142
|
+
ee as ChatMessageBubble,
|
|
143
|
+
re as ChatMessageIncoming,
|
|
144
|
+
ae as ChatMessageItem,
|
|
145
|
+
pe as ChatMessageOutgoing,
|
|
146
|
+
xe as ChatMessageSkeleton,
|
|
147
|
+
ie as ChatMessageStatus,
|
|
148
|
+
ue as ChatMessageSystem,
|
|
149
|
+
Te as ChatMessages,
|
|
150
|
+
de as ChatShell,
|
|
151
|
+
ge as Checkbox,
|
|
152
|
+
he as Chip,
|
|
153
|
+
Ie as ChipGroup,
|
|
154
|
+
xo as CircularProgress,
|
|
155
|
+
ur as ClickAwayListener,
|
|
156
|
+
Tr as Column,
|
|
157
|
+
Cr as Container,
|
|
158
|
+
cr as DEFAULT_TIME_FORMAT,
|
|
159
|
+
Ar as DataPickerDays,
|
|
160
|
+
Mr as DataPickerHeader,
|
|
161
|
+
Lr as DataPickerInput,
|
|
162
|
+
De as DatePicker,
|
|
163
|
+
br as DatePickerActionLabel,
|
|
164
|
+
Er as DatePickerIconButton,
|
|
165
|
+
vr as DatePickerList,
|
|
166
|
+
be as DateTimePicker,
|
|
167
|
+
Fr as DateTimePickerInput,
|
|
168
|
+
Ee as Divider,
|
|
169
|
+
ve as ExpansionPanel,
|
|
170
|
+
Fe as FloatingButton,
|
|
171
|
+
dr as Grid,
|
|
172
|
+
He as Icon,
|
|
173
|
+
we as ImagesList,
|
|
174
|
+
Oe as ImagesListItem,
|
|
175
|
+
Ve as ImagesListItemModal,
|
|
176
|
+
Xe as LazyImage,
|
|
177
|
+
ze as List,
|
|
178
|
+
je as ListItem,
|
|
179
|
+
Hr as Menu,
|
|
180
|
+
wr as MenuDivider,
|
|
181
|
+
Or as MenuItem,
|
|
182
|
+
Vr as MenuItemIcon,
|
|
183
|
+
Xr as MenuItemText,
|
|
184
|
+
zr as MenuSubmenu,
|
|
185
|
+
Je as Message,
|
|
186
|
+
Ke as MessageContainer,
|
|
187
|
+
Ze as Modal,
|
|
188
|
+
Le as OpenView,
|
|
189
|
+
eo as OverflowMenu,
|
|
190
|
+
ro as Page,
|
|
191
|
+
ao as PageHeader,
|
|
192
|
+
po as Pagination,
|
|
193
|
+
so as ProgressIndicator,
|
|
194
|
+
lo as RadioButton,
|
|
195
|
+
no as Rating,
|
|
196
|
+
jr as Ripple,
|
|
197
|
+
Sr as Row,
|
|
198
|
+
Co as SaveAssetDialog,
|
|
199
|
+
go as ScreenDivider,
|
|
200
|
+
Jr as SelectField,
|
|
201
|
+
ho as Sheet,
|
|
202
|
+
Io as Sidebar,
|
|
203
|
+
Do as Skeleton,
|
|
204
|
+
Qr as Slider,
|
|
205
|
+
$r as SnackbarProvider,
|
|
206
|
+
Po as Stack,
|
|
207
|
+
ko as Stepper,
|
|
208
|
+
rt as Tab,
|
|
209
|
+
_o as Table,
|
|
210
|
+
Bo as TableBody,
|
|
211
|
+
yo as TableCell,
|
|
212
|
+
Uo as TableHead,
|
|
213
|
+
Go as TableHeadCell,
|
|
214
|
+
Ro as TablePagination,
|
|
215
|
+
No as TableRow,
|
|
216
|
+
at as Tabs,
|
|
217
|
+
pt as TextField,
|
|
218
|
+
xt as TextFieldAdornment,
|
|
219
|
+
it as TextFieldWrapper,
|
|
219
220
|
r as Theme,
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
221
|
+
Yo as ThumbCard,
|
|
222
|
+
Wo as TimePicker,
|
|
223
|
+
ut as TimePickerColumns,
|
|
224
|
+
Tt as TimePickerInput,
|
|
225
|
+
qo as Toggle,
|
|
226
|
+
Ko as Tooltip,
|
|
227
|
+
Zo as TreeView,
|
|
228
|
+
er as Typography,
|
|
229
|
+
rr as ValueSlider,
|
|
230
|
+
dt as formatChatTimestamp,
|
|
231
|
+
St as getChatLayoutActions,
|
|
232
|
+
Lt as getCurrentDateTimeFormat,
|
|
233
|
+
Pt as getDisplayDateTime,
|
|
234
|
+
gt as isChatMessageDeliveryStatus,
|
|
235
|
+
ct as isImageAttachment,
|
|
236
|
+
Et as isScrolledToBottom,
|
|
237
|
+
ht as resolveAllowedLayouts,
|
|
238
|
+
Ft as resolveChatFileUploadMaxFiles,
|
|
239
|
+
At as resolveChatMessageStatusIcon,
|
|
240
|
+
It as resolveChatMessageStatusLabel,
|
|
241
|
+
_t as scrollChatToBottom,
|
|
242
|
+
Mt as shouldComposerNewlineOnEnter,
|
|
243
|
+
yt as useChatFileUpload,
|
|
244
|
+
Ut as useChatInfiniteScroll,
|
|
245
|
+
vt as useChatStickToBottom,
|
|
245
246
|
m as useControllableState,
|
|
246
|
-
|
|
247
|
-
|
|
247
|
+
Gt as useDateInput,
|
|
248
|
+
bt as useDateTimeInput,
|
|
248
249
|
s as useFocusTrap,
|
|
250
|
+
C as useHoverPopover,
|
|
249
251
|
f as useId,
|
|
250
252
|
l as useRovingTabIndex,
|
|
251
|
-
|
|
253
|
+
et as useSnackbar,
|
|
252
254
|
t as useTheme,
|
|
253
|
-
|
|
255
|
+
Rt as useTimeInput,
|
|
254
256
|
n as useVirtualList
|
|
255
257
|
};
|
|
256
258
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const e = "data-smwb-overlay-layer", r = () => typeof document == "undefined" ? [] : Array.from(document.querySelectorAll(`[${e}]`)), a = (n, o) => typeof n.composedPath != "function" ? !1 : n.composedPath().some((t) => t instanceof Element && t.hasAttribute(e) && !t.contains(o)), s = (n) => {
|
|
2
|
+
if (!n) return !0;
|
|
3
|
+
const o = r(), t = o[o.length - 1];
|
|
4
|
+
return !t || t === n || t.contains(n) || n.contains(t);
|
|
5
|
+
};
|
|
6
|
+
export {
|
|
7
|
+
e as OVERLAY_LAYER_ATTR,
|
|
8
|
+
a as isEventInForeignOverlay,
|
|
9
|
+
s as isTopOverlayLayer
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=overlayLayer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overlayLayer.js","sources":["../../../src/utils/overlayLayer.ts"],"sourcesContent":["/** Attribute marking the root of a portaled overlay layer (modal, sheet wrapper, dropdown, …). */\nexport const OVERLAY_LAYER_ATTR = \"data-smwb-overlay-layer\";\n\n/** All open overlay layers in document order (last = topmost). */\nconst overlayLayers = (): Element[] =>\n typeof document === \"undefined\" ? [] : Array.from(document.querySelectorAll(`[${OVERLAY_LAYER_ATTR}]`));\n\n/**\n * True when `event` happened inside an overlay layer that does NOT contain\n * `node` — i.e. `node` sits underneath that layer, so the interaction is not\n * a \"click away\" from `node`.\n */\nexport const isEventInForeignOverlay = (event: Event, node: Element): boolean => {\n if (typeof event.composedPath !== \"function\") return false;\n return event\n .composedPath()\n .some((el) => el instanceof Element && el.hasAttribute(OVERLAY_LAYER_ATTR) && !el.contains(node));\n};\n\n/**\n * True when `el` belongs to the topmost open overlay layer (or no layers are\n * open). Used to make Escape close only the top layer instead of every layer.\n */\nexport const isTopOverlayLayer = (el: Element | null | undefined): boolean => {\n if (!el) return true;\n const all = overlayLayers();\n const top = all[all.length - 1];\n return !top || top === el || top.contains(el) || el.contains(top);\n};\n"],"names":["OVERLAY_LAYER_ATTR","overlayLayers","isEventInForeignOverlay","event","node","el","isTopOverlayLayer","all","top"],"mappings":"AACO,MAAMA,IAAqB,2BAG5BC,IAAgB,MACpB,OAAO,YAAa,cAAc,CAAA,IAAK,MAAM,KAAK,SAAS,iBAAiB,IAAID,CAAkB,GAAG,CAAC,GAO3FE,IAA0B,CAACC,GAAcC,MAChD,OAAOD,EAAM,gBAAiB,aAAmB,KAC9CA,EACJ,aAAA,EACA,KAAK,CAACE,MAAOA,aAAc,WAAWA,EAAG,aAAaL,CAAkB,KAAK,CAACK,EAAG,SAASD,CAAI,CAAC,GAOvFE,IAAoB,CAACD,MAA4C;AAC5E,MAAI,CAACA,EAAI,QAAO;AAChB,QAAME,IAAMN,EAAA,GACNO,IAAMD,EAAIA,EAAI,SAAS,CAAC;AAC9B,SAAO,CAACC,KAAOA,MAAQH,KAAMG,EAAI,SAASH,CAAE,KAAKA,EAAG,SAASG,CAAG;AAClE;"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import type { CSSProperties, PointerEvent as ReactPointerEvent } from "react";
|
|
2
|
+
import type { Middleware } from "@floating-ui/react";
|
|
3
|
+
import type { Placement } from "../utils/floating";
|
|
4
|
+
export interface UseHoverPopoverParams {
|
|
5
|
+
/** Placement of the popover relative to its anchor. Default `"bottom-start"`. */
|
|
6
|
+
placement?: Placement;
|
|
7
|
+
/** Offset (px) applied on both axes between the anchor and the popover. Default `4`. */
|
|
8
|
+
offsetPx?: number;
|
|
9
|
+
/** Delay (ms) before opening after pointer enter. Default `0`. */
|
|
10
|
+
openDelay?: number;
|
|
11
|
+
/** Delay (ms) before closing after pointer leave. Default `0`. */
|
|
12
|
+
closeDelay?: number;
|
|
13
|
+
/** Extra floating-ui middleware appended after the smwb defaults. */
|
|
14
|
+
middleware?: Middleware[];
|
|
15
|
+
}
|
|
16
|
+
/** A pointer position in viewport (client) coordinates. */
|
|
17
|
+
export interface HoverPopoverPoint {
|
|
18
|
+
x: number;
|
|
19
|
+
y: number;
|
|
20
|
+
}
|
|
21
|
+
export interface HoverPopoverReferenceProps {
|
|
22
|
+
onPointerEnter: (event: ReactPointerEvent) => void;
|
|
23
|
+
onPointerMove: (event: ReactPointerEvent) => void;
|
|
24
|
+
onPointerLeave: (event: ReactPointerEvent) => void;
|
|
25
|
+
}
|
|
26
|
+
export interface HoverPopoverFloatingProps {
|
|
27
|
+
ref: (node: HTMLElement | null) => void;
|
|
28
|
+
style: CSSProperties;
|
|
29
|
+
onPointerEnter: () => void;
|
|
30
|
+
onPointerLeave: () => void;
|
|
31
|
+
}
|
|
32
|
+
export interface UseHoverPopoverResult {
|
|
33
|
+
/** Whether the popover is currently open. */
|
|
34
|
+
open: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Pointer handlers for the trigger element(s). Spread on a single anchor, or
|
|
37
|
+
* on EVERY row of a list/table to share one popover across many triggers. By
|
|
38
|
+
* default the popover is anchored to the cursor position frozen when it opens.
|
|
39
|
+
* Pass your own handlers to compose them (e.g. to mark which row is active).
|
|
40
|
+
*/
|
|
41
|
+
getReferenceProps: (userHandlers?: Partial<HoverPopoverReferenceProps>) => HoverPopoverReferenceProps;
|
|
42
|
+
/** Props for the single floating element; keeps it open while it is hovered. */
|
|
43
|
+
getFloatingProps: (userProps?: {
|
|
44
|
+
style?: CSSProperties;
|
|
45
|
+
}) => HoverPopoverFloatingProps;
|
|
46
|
+
/** Anchor the popover to a real element instead of the cursor (`null` clears it). */
|
|
47
|
+
setAnchorEl: (element: Element | null) => void;
|
|
48
|
+
/** Anchor the popover to an explicit point, e.g. an external cursor source. */
|
|
49
|
+
setVirtualAnchor: (point: HoverPopoverPoint) => void;
|
|
50
|
+
/** Open immediately, ignoring `openDelay`. */
|
|
51
|
+
openNow: () => void;
|
|
52
|
+
/** Open after `openDelay`. */
|
|
53
|
+
scheduleOpen: () => void;
|
|
54
|
+
/** Close after `closeDelay`. */
|
|
55
|
+
scheduleClose: () => void;
|
|
56
|
+
/** Close immediately. */
|
|
57
|
+
close: () => void;
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Headless hover-popover positioning.
|
|
61
|
+
*
|
|
62
|
+
* Wraps floating-ui with the smwb placement / offset / flip / shift conventions
|
|
63
|
+
* but imposes NO DOM structure: spread `getReferenceProps()` on any trigger
|
|
64
|
+
* (including a `<tr>`, which the wrapper-based `<Tooltip>` cannot do) and
|
|
65
|
+
* `getFloatingProps()` on a single floating element you render yourself.
|
|
66
|
+
*
|
|
67
|
+
* The default anchor is the cursor point frozen when the popover opens (a
|
|
68
|
+
* floating-ui virtual element), so ONE instance can serve a whole table/list —
|
|
69
|
+
* call `getReferenceProps()` on every row and render one shared popover instead
|
|
70
|
+
* of mounting one floating engine per row. Use `setAnchorEl` to anchor to a
|
|
71
|
+
* real element instead.
|
|
72
|
+
*/
|
|
73
|
+
export declare function useHoverPopover(params?: UseHoverPopoverParams): UseHoverPopoverResult;
|