@smwb/ui-solid 0.7.0 → 0.8.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/dist/assets/styles/less/components/confirmDialog/confirmDialog.entry.css +1 -0
- package/dist/components/feedBack/confirmDialog/confirmDialog.d.ts +27 -0
- package/dist/components/feedBack/confirmDialog/confirmDialog.js +108 -0
- package/dist/components/feedBack/confirmDialog/confirmDialog.js.map +1 -0
- package/dist/components/feedBack/confirmDialog/index.d.ts +2 -0
- package/dist/headless/components/feedBack/confirmDialog/confirmDialog.js +107 -0
- package/dist/headless/components/feedBack/confirmDialog/confirmDialog.js.map +1 -0
- package/dist/headless/index.js +201 -199
- package/dist/headless/index.js.map +1 -1
- package/dist/headless/source/components/feedBack/confirmDialog/confirmDialog.jsx +76 -0
- package/dist/headless/source/components/feedBack/confirmDialog/confirmDialog.jsx.map +1 -0
- package/dist/headless/source/components/feedBack/confirmDialog/index.js +5 -0
- package/dist/headless/source/components/feedBack/confirmDialog/index.js.map +7 -0
- package/dist/headless/source/index.js +2 -0
- package/dist/headless/source/index.js.map +2 -2
- package/dist/index.d.ts +2 -0
- package/dist/index.js +201 -199
- package/dist/index.js.map +1 -1
- package/dist/source/components/feedBack/confirmDialog/confirmDialog.jsx +77 -0
- package/dist/source/components/feedBack/confirmDialog/confirmDialog.jsx.map +1 -0
- package/dist/source/components/feedBack/confirmDialog/index.js +5 -0
- package/dist/source/components/feedBack/confirmDialog/index.js.map +7 -0
- package/dist/source/index.js +2 -0
- package/dist/source/index.js.map +2 -2
- package/package.json +11 -5
package/dist/headless/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { Theme as f, createTheme as i } from "./primitives/createTheme.js";
|
|
|
5
5
|
import { createFloating as n } from "./primitives/createFloating.js";
|
|
6
6
|
import { createFocusTrap as u } from "./primitives/createFocusTrap.js";
|
|
7
7
|
import { createCssTransition as C } from "./primitives/createCssTransition.js";
|
|
8
|
-
import { createDropzone as
|
|
8
|
+
import { createDropzone as g } from "./primitives/createDropzone.js";
|
|
9
9
|
import { createVirtualList as h } from "./primitives/createVirtualList.js";
|
|
10
10
|
import { createMaskedInput as M } from "./primitives/createMaskedInput.js";
|
|
11
11
|
import { createMediaQuery as I } from "./primitives/createMediaQuery.js";
|
|
@@ -29,7 +29,7 @@ import { Chat as se } from "./components/dataDisplay/chat/chat.js";
|
|
|
29
29
|
import { ChatAttachmentImage as le } from "./components/dataDisplay/chat/chatAttachmentImage.js";
|
|
30
30
|
import { ChatAttachments as ce } from "./components/dataDisplay/chat/chatAttachments.js";
|
|
31
31
|
import { ChatComposer as Te } from "./components/dataDisplay/chat/chatComposer.js";
|
|
32
|
-
import { ChatHeader as
|
|
32
|
+
import { ChatHeader as de } from "./components/dataDisplay/chat/chatHeader.js";
|
|
33
33
|
import { ChatIconButton as Se } from "./components/dataDisplay/chat/chatIconButton.js";
|
|
34
34
|
import { ChatLayout as Ae } from "./components/dataDisplay/chat/chatLayout.js";
|
|
35
35
|
import { ChatMessageAvatar as De } from "./components/dataDisplay/chat/chatMessageAvatar.js";
|
|
@@ -49,93 +49,94 @@ import { ChipGroup as qe } from "./components/dataDisplay/chipGroup/chipGroup.js
|
|
|
49
49
|
import { CircularProgress as Ze, ProgressIndicator as $e } from "./components/feedBack/progressIndicator/progressIndicator.js";
|
|
50
50
|
import { ClickAwayListener as rr } from "./components/clickAwayListener/clickAwayListener.js";
|
|
51
51
|
import { Column as tr, Container as ar, Grid as mr, Row as pr } from "./components/layout/grid/grid.js";
|
|
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 {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
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 {
|
|
115
|
-
import {
|
|
116
|
-
import {
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
121
|
-
import {
|
|
122
|
-
import {
|
|
123
|
-
import {
|
|
124
|
-
import {
|
|
125
|
-
import {
|
|
126
|
-
import {
|
|
127
|
-
import {
|
|
128
|
-
import {
|
|
129
|
-
import {
|
|
130
|
-
import {
|
|
131
|
-
import {
|
|
132
|
-
import {
|
|
133
|
-
import {
|
|
134
|
-
import {
|
|
135
|
-
import {
|
|
136
|
-
import {
|
|
137
|
-
import {
|
|
138
|
-
import {
|
|
52
|
+
import { ConfirmDialog as fr } from "./components/feedBack/confirmDialog/confirmDialog.js";
|
|
53
|
+
import { CountPreview as sr } from "./components/inputs/fileDrop/countPreview.js";
|
|
54
|
+
import { DEFAULT_TIME_FORMAT as lr } from "./components/inputs/timePicker/timeUtils.js";
|
|
55
|
+
import { DataPickerDays as cr } from "./components/inputs/datePicker/dataPickerDays.js";
|
|
56
|
+
import { DataPickerHeader as Tr } from "./components/inputs/datePicker/dataPickerHeader.js";
|
|
57
|
+
import { DataPickerInput as dr } from "./components/inputs/datePicker/dataPickerInput.js";
|
|
58
|
+
import { DatePicker as Sr } from "./components/inputs/datePicker/datePicker.js";
|
|
59
|
+
import { DatePickerActionLabel as Ar } from "./components/inputs/datePicker/datePickerActionLabel.js";
|
|
60
|
+
import { DatePickerDay as Dr } from "./components/inputs/datePicker/datePickerDay.js";
|
|
61
|
+
import { DatePickerIconButton as br } from "./components/inputs/datePicker/datePickerIconButton.js";
|
|
62
|
+
import { DatePickerList as kr } from "./components/inputs/datePicker/datePickerList.js";
|
|
63
|
+
import { DateTimePicker as Br } from "./components/inputs/dateTimePicker/dateTimePicker.js";
|
|
64
|
+
import { DateTimePickerInput as yr } from "./components/inputs/dateTimePicker/dateTimePickerInput.js";
|
|
65
|
+
import { Divider as _r } from "./components/layout/divider/divider.js";
|
|
66
|
+
import { DropdownMenu as Hr } from "./components/inputs/selectField/dropdownMenu.js";
|
|
67
|
+
import { ExpansionPanel as Ur } from "./components/dataDisplay/expansionPanel/expansionPanel.js";
|
|
68
|
+
import { FileDrop as Rr } from "./components/inputs/fileDrop/fileDrop.js";
|
|
69
|
+
import { FileInput as Nr } from "./components/inputs/fileInput/fileInput.js";
|
|
70
|
+
import { FloatingButton as Wr } from "./components/inputs/floatingButton/floatingButton.js";
|
|
71
|
+
import { Icon as Yr } from "./components/base/icon/icon.js";
|
|
72
|
+
import { ImagesList as Qr } from "./components/dataDisplay/imagesList/imagesList.js";
|
|
73
|
+
import { ImagesListItem as qr } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItem.js";
|
|
74
|
+
import { ImagesListItemModal as Zr } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js";
|
|
75
|
+
import { LazyImage as eo } from "./components/dataDisplay/lazyImage/lazyImage.js";
|
|
76
|
+
import { List as oo } from "./components/dataDisplay/list/list.js";
|
|
77
|
+
import { ListItem as ao } from "./components/dataDisplay/list/listItem.js";
|
|
78
|
+
import { Menu as po } from "./components/navigation/menu/menu.js";
|
|
79
|
+
import { MenuContext as fo, useMenuContext as io } from "./components/navigation/menu/menuContext.js";
|
|
80
|
+
import { MenuDivider as no } from "./components/navigation/menu/menuDivider.js";
|
|
81
|
+
import { MenuFloating as uo, buildMenuFloatingMiddleware as co } from "./components/navigation/menu/menuFloating.js";
|
|
82
|
+
import { MenuItem as To } from "./components/navigation/menu/menuItem.js";
|
|
83
|
+
import { MenuItemIcon as ho } from "./components/navigation/menu/menuItemIcon.js";
|
|
84
|
+
import { MenuItemText as Mo } from "./components/navigation/menu/menuItemText.js";
|
|
85
|
+
import { MenuList as Io } from "./components/navigation/menu/menuList.js";
|
|
86
|
+
import { MenuSubmenu as Po } from "./components/navigation/menu/menuSubmenu.js";
|
|
87
|
+
import { Message as Lo, MessageContainer as ko } from "./components/feedBack/message/message.js";
|
|
88
|
+
import { Modal as Bo } from "./components/feedBack/modal/modal.js";
|
|
89
|
+
import { OpenView as yo } from "./components/inputs/datePicker/openView.js";
|
|
90
|
+
import { OverflowMenu as _o } from "./components/navigation/overflowMenu/overflowMenu.js";
|
|
91
|
+
import { Page as Ho } from "./components/layout/page/page.js";
|
|
92
|
+
import { PageHeader as Uo } from "./components/layout/pageHeader/pageHeader.js";
|
|
93
|
+
import { Pagination as Ro } from "./components/navigation/pagination/pagination.js";
|
|
94
|
+
import { Preview as No } from "./components/inputs/fileDrop/preview.js";
|
|
95
|
+
import { PreviewWrapper as Wo } from "./components/inputs/fileDrop/previewWrapper.js";
|
|
96
|
+
import { RadioButton as Yo } from "./components/inputs/radioButton/radioButton.js";
|
|
97
|
+
import { Rating as Qo } from "./components/inputs/rating/rating.js";
|
|
98
|
+
import { Ripple as qo } from "./components/base/ripple/ripple.js";
|
|
99
|
+
import { SaveAssetDialog as Zo } from "./components/feedBack/saveAssetDialog/saveAssetDialog.js";
|
|
100
|
+
import { ScreenDivider as et } from "./components/layout/screenDivider/screenDivider.js";
|
|
101
|
+
import { SelectField as ot } from "./components/inputs/selectField/selectField.js";
|
|
102
|
+
import { Sheet as at } from "./components/layout/sheet/sheet.js";
|
|
103
|
+
import { Sidebar as pt } from "./components/navigation/sidebar/sidebar.js";
|
|
104
|
+
import { Skeleton as ft } from "./components/feedBack/skeleton/skeleton.js";
|
|
105
|
+
import { Slider as st } from "./components/inputs/slider/slider.js";
|
|
106
|
+
import { Snackbar as lt, SnackbarProvider as ut, useSnackbar as ct } from "./components/feedBack/snackbar/snackbar.js";
|
|
107
|
+
import { Stack as Tt } from "./components/layout/stack/stack.js";
|
|
108
|
+
import { Stepper as dt } from "./components/navigation/stepper/stepper.js";
|
|
109
|
+
import { Tab as St } from "./components/navigation/tabs/tab/tab.js";
|
|
110
|
+
import { Table as At } from "./components/dataDisplay/table/table.js";
|
|
111
|
+
import { TableBody as Dt } from "./components/dataDisplay/table/tableBody.js";
|
|
112
|
+
import { TableCell as bt } from "./components/dataDisplay/table/tableCell.js";
|
|
113
|
+
import { TableHead as kt } from "./components/dataDisplay/table/tableHead.js";
|
|
114
|
+
import { TableHeadCell as Bt } from "./components/dataDisplay/table/tableHeadCell.js";
|
|
115
|
+
import { TablePagination as yt } from "./components/dataDisplay/table/tablePagination/tablePagination.js";
|
|
116
|
+
import { TableRow as _t } from "./components/dataDisplay/table/tableRow.js";
|
|
117
|
+
import { Tabs as Ht } from "./components/navigation/tabs/tabs.js";
|
|
118
|
+
import { TabsContext as Ut, useTabsContext as Gt } from "./components/navigation/tabs/tabsContext.js";
|
|
119
|
+
import { TextField as Vt } from "./components/inputs/textField/textField.js";
|
|
120
|
+
import { TextFieldAdornment as zt } from "./components/inputs/textField/textFieldAdornment.js";
|
|
121
|
+
import { TextFieldWrapper as Xt } from "./components/inputs/textField/textFieldWrapper.js";
|
|
122
|
+
import { ThumbCard as Jt } from "./components/dataDisplay/thumbCard/thumbCard.js";
|
|
123
|
+
import { TimePicker as jt } from "./components/inputs/timePicker/timePicker.js";
|
|
124
|
+
import { TimePickerColumns as Kt } from "./components/inputs/timePicker/timePickerColumns.js";
|
|
125
|
+
import { TimePickerInput as $t } from "./components/inputs/timePicker/timePickerInput.js";
|
|
126
|
+
import { Toggle as ra } from "./components/inputs/toggle/toggle.js";
|
|
127
|
+
import { Tooltip as ta } from "./components/feedBack/tooltip/tooltip.js";
|
|
128
|
+
import { TreeView as ma } from "./components/dataDisplay/treeView/treeView.js";
|
|
129
|
+
import { Typography as xa } from "./components/dataDisplay/typography/typography.js";
|
|
130
|
+
import { ValueSlider as ia } from "./components/inputs/valueSlider/valueSlider.js";
|
|
131
|
+
import { createChatFileUpload as na, resolveChatFileUploadMaxFiles as la } from "./components/dataDisplay/chat/useChatFileUpload.js";
|
|
132
|
+
import { createChatInfiniteScroll as ca } from "./components/dataDisplay/chat/useChatInfiniteScroll.js";
|
|
133
|
+
import { createChatStickToBottom as Ta, isScrolledToBottom as ga, scrollChatToBottom as da } from "./components/dataDisplay/chat/useChatStickToBottom.js";
|
|
134
|
+
import { createDateInput as Sa } from "./components/inputs/datePicker/useDateInput.js";
|
|
135
|
+
import { createDateTimeInput as Aa, getCurrentDateTimeFormat as Ia, getDisplayDateTime as Da } from "./components/inputs/dateTimePicker/useDateTimeInput.js";
|
|
136
|
+
import { createTimeInput as ba } from "./components/inputs/timePicker/useTimeInput.js";
|
|
137
|
+
import { formatChatTimestamp as ka, getChatLayoutActions as Fa, isChatMessageDeliveryStatus as Ba, isImageAttachment as va, resolveAllowedLayouts as ya, resolveChatMessageStatusIcon as Ea, resolveChatMessageStatusLabel as _a, shouldComposerNewlineOnEnter as wa, shouldShowChatCloseButton as Ha } from "./components/dataDisplay/chat/utils.js";
|
|
138
|
+
import { formatDateTimeByPattern as Ua, isDateTimePatternMatch as Ga, parseDateTimeByPattern as Ra } from "./components/inputs/dateTimePicker/dateTimeFormat.js";
|
|
139
|
+
import { isImageFile as Na } from "./components/inputs/fileDrop/utils.js";
|
|
139
140
|
export {
|
|
140
141
|
v as Accordion,
|
|
141
142
|
E as AnimateHeight,
|
|
@@ -160,7 +161,7 @@ export {
|
|
|
160
161
|
le as ChatAttachmentImage,
|
|
161
162
|
ce as ChatAttachments,
|
|
162
163
|
Te as ChatComposer,
|
|
163
|
-
|
|
164
|
+
de as ChatHeader,
|
|
164
165
|
Se as ChatIconButton,
|
|
165
166
|
Ae as ChatLayout,
|
|
166
167
|
De as ChatMessageAvatar,
|
|
@@ -180,101 +181,102 @@ export {
|
|
|
180
181
|
Ze as CircularProgress,
|
|
181
182
|
rr as ClickAwayListener,
|
|
182
183
|
tr as Column,
|
|
184
|
+
fr as ConfirmDialog,
|
|
183
185
|
ar as Container,
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
186
|
+
sr as CountPreview,
|
|
187
|
+
lr as DEFAULT_TIME_FORMAT,
|
|
188
|
+
cr as DataPickerDays,
|
|
189
|
+
Tr as DataPickerHeader,
|
|
190
|
+
dr as DataPickerInput,
|
|
191
|
+
Sr as DatePicker,
|
|
192
|
+
Ar as DatePickerActionLabel,
|
|
193
|
+
Dr as DatePickerDay,
|
|
194
|
+
br as DatePickerIconButton,
|
|
195
|
+
kr as DatePickerList,
|
|
196
|
+
Br as DateTimePicker,
|
|
197
|
+
yr as DateTimePickerInput,
|
|
198
|
+
_r as Divider,
|
|
199
|
+
Hr as DropdownMenu,
|
|
200
|
+
Ur as ExpansionPanel,
|
|
201
|
+
Rr as FileDrop,
|
|
202
|
+
Nr as FileInput,
|
|
203
|
+
Wr as FloatingButton,
|
|
202
204
|
mr as Grid,
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
205
|
+
Yr as Icon,
|
|
206
|
+
Qr as ImagesList,
|
|
207
|
+
qr as ImagesListItem,
|
|
208
|
+
Zr as ImagesListItemModal,
|
|
209
|
+
eo as LazyImage,
|
|
210
|
+
oo as List,
|
|
211
|
+
ao as ListItem,
|
|
212
|
+
po as Menu,
|
|
213
|
+
fo as MenuContext,
|
|
214
|
+
no as MenuDivider,
|
|
215
|
+
uo as MenuFloating,
|
|
216
|
+
To as MenuItem,
|
|
217
|
+
ho as MenuItemIcon,
|
|
218
|
+
Mo as MenuItemText,
|
|
219
|
+
Io as MenuList,
|
|
220
|
+
Po as MenuSubmenu,
|
|
221
|
+
Lo as Message,
|
|
222
|
+
ko as MessageContainer,
|
|
223
|
+
Bo as Modal,
|
|
224
|
+
yo as OpenView,
|
|
225
|
+
_o as OverflowMenu,
|
|
226
|
+
Ho as Page,
|
|
227
|
+
Uo as PageHeader,
|
|
228
|
+
Ro as Pagination,
|
|
229
|
+
No as Preview,
|
|
230
|
+
Wo as PreviewWrapper,
|
|
229
231
|
$e as ProgressIndicator,
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
232
|
+
Yo as RadioButton,
|
|
233
|
+
Qo as Rating,
|
|
234
|
+
qo as Ripple,
|
|
233
235
|
pr as Row,
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
236
|
+
Zo as SaveAssetDialog,
|
|
237
|
+
et as ScreenDivider,
|
|
238
|
+
ot as SelectField,
|
|
239
|
+
at as Sheet,
|
|
240
|
+
pt as Sidebar,
|
|
241
|
+
ft as Skeleton,
|
|
242
|
+
st as Slider,
|
|
243
|
+
lt as Snackbar,
|
|
244
|
+
ut as SnackbarProvider,
|
|
245
|
+
Tt as Stack,
|
|
246
|
+
dt as Stepper,
|
|
247
|
+
St as Tab,
|
|
248
|
+
At as Table,
|
|
249
|
+
Dt as TableBody,
|
|
250
|
+
bt as TableCell,
|
|
251
|
+
kt as TableHead,
|
|
252
|
+
Bt as TableHeadCell,
|
|
253
|
+
yt as TablePagination,
|
|
254
|
+
_t as TableRow,
|
|
255
|
+
Ht as Tabs,
|
|
256
|
+
Ut as TabsContext,
|
|
257
|
+
Vt as TextField,
|
|
258
|
+
zt as TextFieldAdornment,
|
|
259
|
+
Xt as TextFieldWrapper,
|
|
258
260
|
f as Theme,
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
261
|
+
Jt as ThumbCard,
|
|
262
|
+
jt as TimePicker,
|
|
263
|
+
Kt as TimePickerColumns,
|
|
264
|
+
$t as TimePickerInput,
|
|
265
|
+
ra as Toggle,
|
|
266
|
+
ta as Tooltip,
|
|
267
|
+
ma as TreeView,
|
|
268
|
+
xa as Typography,
|
|
269
|
+
ia as ValueSlider,
|
|
268
270
|
L as buildFloatingMiddleware,
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
271
|
+
co as buildMenuFloatingMiddleware,
|
|
272
|
+
na as createChatFileUpload,
|
|
273
|
+
ca as createChatInfiniteScroll,
|
|
274
|
+
Ta as createChatStickToBottom,
|
|
273
275
|
p as createControllableState,
|
|
274
276
|
C as createCssTransition,
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
277
|
+
Sa as createDateInput,
|
|
278
|
+
Aa as createDateTimeInput,
|
|
279
|
+
g as createDropzone,
|
|
278
280
|
n as createFloating,
|
|
279
281
|
u as createFocusTrap,
|
|
280
282
|
a as createId,
|
|
@@ -282,31 +284,31 @@ export {
|
|
|
282
284
|
I as createMediaQuery,
|
|
283
285
|
P as createPersistedJson,
|
|
284
286
|
i as createTheme,
|
|
285
|
-
|
|
287
|
+
ba as createTimeInput,
|
|
286
288
|
h as createVirtualList,
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
289
|
+
ka as formatChatTimestamp,
|
|
290
|
+
Ua as formatDateTimeByPattern,
|
|
291
|
+
Fa as getChatLayoutActions,
|
|
292
|
+
Ia as getCurrentDateTimeFormat,
|
|
293
|
+
Da as getDisplayDateTime,
|
|
294
|
+
Ba as isChatMessageDeliveryStatus,
|
|
295
|
+
Ga as isDateTimePatternMatch,
|
|
296
|
+
va as isImageAttachment,
|
|
297
|
+
Na as isImageFile,
|
|
298
|
+
ga as isScrolledToBottom,
|
|
297
299
|
o as mergeRefs,
|
|
298
|
-
|
|
300
|
+
Ra as parseDateTimeByPattern,
|
|
299
301
|
k as placements,
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
302
|
+
ya as resolveAllowedLayouts,
|
|
303
|
+
la as resolveChatFileUploadMaxFiles,
|
|
304
|
+
Ea as resolveChatMessageStatusIcon,
|
|
305
|
+
_a as resolveChatMessageStatusLabel,
|
|
304
306
|
F as resolvePlacement,
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
307
|
+
da as scrollChatToBottom,
|
|
308
|
+
wa as shouldComposerNewlineOnEnter,
|
|
309
|
+
Ha as shouldShowChatCloseButton,
|
|
310
|
+
io as useMenuContext,
|
|
311
|
+
ct as useSnackbar,
|
|
312
|
+
Gt as useTabsContext
|
|
311
313
|
};
|
|
312
314
|
//# 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,76 @@
|
|
|
1
|
+
import { Show, splitProps, createUniqueId } from "solid-js";
|
|
2
|
+
import cn from "clsx";
|
|
3
|
+
import { Modal } from "../modal";
|
|
4
|
+
import { Button } from "../../inputs/button";
|
|
5
|
+
import { Typography } from "../../dataDisplay/typography";
|
|
6
|
+
function ConfirmDialog(props) {
|
|
7
|
+
const [local] = splitProps(props, [
|
|
8
|
+
"open",
|
|
9
|
+
"title",
|
|
10
|
+
"subject",
|
|
11
|
+
"message",
|
|
12
|
+
"confirmLabel",
|
|
13
|
+
"cancelLabel",
|
|
14
|
+
"danger",
|
|
15
|
+
"busy",
|
|
16
|
+
"onConfirm",
|
|
17
|
+
"onCancel",
|
|
18
|
+
"class"
|
|
19
|
+
]);
|
|
20
|
+
const subjectId = createUniqueId();
|
|
21
|
+
const messageId = createUniqueId();
|
|
22
|
+
const ariaDescribed = () => {
|
|
23
|
+
const ids = [local.subject ? subjectId : "", local.message ? messageId : ""].filter(Boolean).join(" ");
|
|
24
|
+
return ids ? { "aria-describedby": ids } : {};
|
|
25
|
+
};
|
|
26
|
+
return <Modal
|
|
27
|
+
open={local.open}
|
|
28
|
+
onClose={() => local.onCancel()}
|
|
29
|
+
size="small"
|
|
30
|
+
role="alertdialog"
|
|
31
|
+
backdrop="dark"
|
|
32
|
+
closeOnEsc={!local.busy}
|
|
33
|
+
closeOnOutsideClick={!local.busy}
|
|
34
|
+
aria-label={local.title}
|
|
35
|
+
{...ariaDescribed()}
|
|
36
|
+
>
|
|
37
|
+
<Modal.Header>{local.title}</Modal.Header>
|
|
38
|
+
<Modal.Content>
|
|
39
|
+
<div class={cn("smwb-confirm-dialog__body", local.class)}>
|
|
40
|
+
<Show when={local.subject}>
|
|
41
|
+
<Typography id={subjectId} variant="body2" color="textPrimary" component="span">
|
|
42
|
+
{local.subject}
|
|
43
|
+
</Typography>
|
|
44
|
+
</Show>
|
|
45
|
+
<Show when={local.message}>
|
|
46
|
+
<Typography id={messageId} variant="caption" color="textSecondary" component="span">
|
|
47
|
+
{local.message}
|
|
48
|
+
</Typography>
|
|
49
|
+
</Show>
|
|
50
|
+
</div>
|
|
51
|
+
</Modal.Content>
|
|
52
|
+
<Modal.Footer>
|
|
53
|
+
<Button
|
|
54
|
+
variant="text"
|
|
55
|
+
size="small"
|
|
56
|
+
disabled={!!local.busy}
|
|
57
|
+
onClick={() => local.onCancel()}
|
|
58
|
+
label={local.cancelLabel ?? "Cancel"}
|
|
59
|
+
/>
|
|
60
|
+
<Button
|
|
61
|
+
variant="contained"
|
|
62
|
+
size="small"
|
|
63
|
+
color={local.danger ? "error" : "primary"}
|
|
64
|
+
disabled={!!local.busy}
|
|
65
|
+
onClick={() => local.onConfirm()}
|
|
66
|
+
label={local.confirmLabel}
|
|
67
|
+
/>
|
|
68
|
+
</Modal.Footer>
|
|
69
|
+
</Modal>;
|
|
70
|
+
}
|
|
71
|
+
var confirmDialog_default = ConfirmDialog;
|
|
72
|
+
export {
|
|
73
|
+
ConfirmDialog,
|
|
74
|
+
confirmDialog_default as default
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=confirmDialog.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/feedBack/confirmDialog/confirmDialog.tsx"],"sourcesContent":["import { type JSX, Show, splitProps, createUniqueId } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Modal } from \"../modal\";\nimport { Button } from \"../../inputs/button\";\nimport { Typography } from \"../../dataDisplay/typography\";\n\nexport interface ConfirmDialogProps {\n open: boolean;\n title: string;\n /** The subject of the action, shown emphasised on its own line (e.g. the asset name). */\n subject?: string;\n /** A secondary explanatory line (e.g. \"can't be undone\"). */\n message?: string;\n confirmLabel: string;\n cancelLabel?: string;\n /** Style the confirm button as destructive (red). */\n danger?: boolean;\n /** Disable the actions + gate Esc/outside-click while a confirm is in flight. */\n busy?: boolean;\n onConfirm: () => void;\n onCancel: () => void;\n class?: string;\n}\n\n/**\n * An alert/confirm dialog built on {@link Modal}: a title, an optional emphasised subject + secondary\n * message, and Cancel / Confirm actions. `role=\"alertdialog\"` with the subject + message wired to\n * `aria-describedby` so a screen reader announces the consequence, not just the title. While `busy`,\n * Escape + outside-click are gated and the buttons disabled. Pure presentation — the caller owns the\n * open state and the confirm/cancel handlers (and supplies localised labels).\n */\nexport function ConfirmDialog(props: ConfirmDialogProps): JSX.Element {\n const [local] = splitProps(props, [\n \"open\",\n \"title\",\n \"subject\",\n \"message\",\n \"confirmLabel\",\n \"cancelLabel\",\n \"danger\",\n \"busy\",\n \"onConfirm\",\n \"onCancel\",\n \"class\",\n ]);\n const subjectId = createUniqueId();\n const messageId = createUniqueId();\n // Only include aria-describedby when there's something to describe (the lib's exactOptionalPropertyTypes\n // forbids passing an explicit `undefined` to Modal's optional prop, so spread a precisely-typed object).\n const ariaDescribed = (): { \"aria-describedby\"?: string } => {\n const ids = [local.subject ? subjectId : \"\", local.message ? messageId : \"\"].filter(Boolean).join(\" \");\n return ids ? { \"aria-describedby\": ids } : {};\n };\n\n return (\n <Modal\n open={local.open}\n onClose={() => local.onCancel()}\n size=\"small\"\n role=\"alertdialog\"\n backdrop=\"dark\"\n closeOnEsc={!local.busy}\n closeOnOutsideClick={!local.busy}\n aria-label={local.title}\n {...ariaDescribed()}\n >\n <Modal.Header>{local.title}</Modal.Header>\n <Modal.Content>\n <div class={cn(\"smwb-confirm-dialog__body\", local.class)}>\n <Show when={local.subject}>\n <Typography id={subjectId} variant=\"body2\" color=\"textPrimary\" component=\"span\">\n {local.subject}\n </Typography>\n </Show>\n <Show when={local.message}>\n <Typography id={messageId} variant=\"caption\" color=\"textSecondary\" component=\"span\">\n {local.message}\n </Typography>\n </Show>\n </div>\n </Modal.Content>\n <Modal.Footer>\n <Button\n variant=\"text\"\n size=\"small\"\n disabled={!!local.busy}\n onClick={() => local.onCancel()}\n label={local.cancelLabel ?? \"Cancel\"}\n />\n <Button\n variant=\"contained\"\n size=\"small\"\n color={local.danger ? \"error\" : \"primary\"}\n disabled={!!local.busy}\n onClick={() => local.onConfirm()}\n label={local.confirmLabel}\n />\n </Modal.Footer>\n </Modal>\n );\n}\n\nexport default ConfirmDialog;\n"],"mappings":"AAAA,SAAmB,MAAM,YAAY,sBAAsB;AAC3D,OAAO,QAAQ;AACf,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AA2BpB,SAAS,cAAc,OAAwC;AACpE,QAAM,CAAC,KAAK,IAAI,WAAW,OAAO;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,YAAY,eAAe;AACjC,QAAM,YAAY,eAAe;AAGjC,QAAM,gBAAgB,MAAuC;AAC3D,UAAM,MAAM,CAAC,MAAM,UAAU,YAAY,IAAI,MAAM,UAAU,YAAY,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACrG,WAAO,MAAM,EAAE,oBAAoB,IAAI,IAAI,CAAC;AAAA,EAC9C;AAEA,SACE,CAAC;AAAA,IACC,MAAM,MAAM;AAAA,IACZ,SAAS,MAAM,MAAM,SAAS;AAAA,IAC9B,KAAK;AAAA,IACL,KAAK;AAAA,IACL,SAAS;AAAA,IACT,YAAY,CAAC,MAAM;AAAA,IACnB,qBAAqB,CAAC,MAAM;AAAA,IAC5B,YAAY,MAAM;AAAA,QACd,cAAc;AAAA,GACnB;AAAA,MACC,CAAC,MAAM,QAAQ,MAAM,MAAM,EAA1B,MAAM,OAAmC;AAAA,MAC1C,CAAC,MAAM,QAAQ;AAAA,QACb,CAAC,IAAI,OAAO,GAAG,6BAA6B,MAAM,KAAK,GAAG;AAAA,UACxD,CAAC,KAAK,MAAM,MAAM,SAAS;AAAA,YACzB,CAAC,WAAW,IAAI,WAAW,QAAQ,QAAQ,MAAM,cAAc,UAAU,OAAO;AAAA,eAC7E,MAAM,QAAQ;AAAA,YACjB,EAFC,WAEY;AAAA,UACf,EAJC,KAIM;AAAA,UACP,CAAC,KAAK,MAAM,MAAM,SAAS;AAAA,YACzB,CAAC,WAAW,IAAI,WAAW,QAAQ,UAAU,MAAM,gBAAgB,UAAU,OAAO;AAAA,eACjF,MAAM,QAAQ;AAAA,YACjB,EAFC,WAEY;AAAA,UACf,EAJC,KAIM;AAAA,QACT,EAXC,IAWK;AAAA,MACR,EAbC,MAAM,QAaS;AAAA,MAChB,CAAC,MAAM,OAAO;AAAA,QACZ,CAAC;AAAA,IACC,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,UAAU,CAAC,CAAC,MAAM;AAAA,IAClB,SAAS,MAAM,MAAM,SAAS;AAAA,IAC9B,OAAO,MAAM,eAAe;AAAA,EAC9B,EAAE;AAAA,QACF,CAAC;AAAA,IACC,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,OAAO,MAAM,SAAS,UAAU;AAAA,IAChC,UAAU,CAAC,CAAC,MAAM;AAAA,IAClB,SAAS,MAAM,MAAM,UAAU;AAAA,IAC/B,OAAO,MAAM;AAAA,EACf,EAAE;AAAA,MACJ,EAhBC,MAAM,OAgBQ;AAAA,IACjB,EA3CC;AA6CL;AAEA,IAAO,wBAAQ;","names":[],"file":"confirmDialog.jsx"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../src/components/feedBack/confirmDialog/index.ts"],
|
|
4
|
+
"sourcesContent": ["export { ConfirmDialog } from \"./confirmDialog\";\nexport type { ConfirmDialogProps } from \"./confirmDialog\";\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,qBAAqB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -84,6 +84,7 @@ import { ProgressIndicator, CircularProgress } from "./components/feedBack/progr
|
|
|
84
84
|
import { Tooltip } from "./components/feedBack/tooltip";
|
|
85
85
|
import { Modal } from "./components/feedBack/modal";
|
|
86
86
|
import { SaveAssetDialog } from "./components/feedBack/saveAssetDialog";
|
|
87
|
+
import { ConfirmDialog } from "./components/feedBack/confirmDialog";
|
|
87
88
|
import { SnackbarProvider, Snackbar, useSnackbar } from "./components/feedBack/snackbar";
|
|
88
89
|
import { ClickAwayListener } from "./components/clickAwayListener";
|
|
89
90
|
import { Divider } from "./components/layout/divider";
|
|
@@ -195,6 +196,7 @@ export {
|
|
|
195
196
|
CircularProgress,
|
|
196
197
|
ClickAwayListener,
|
|
197
198
|
Column,
|
|
199
|
+
ConfirmDialog,
|
|
198
200
|
Container,
|
|
199
201
|
CountPreview,
|
|
200
202
|
DEFAULT_TIME_FORMAT,
|