@smwb/ui-mcp-solid 0.1.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/LICENSE +21 -0
- package/README.md +56 -0
- package/component-meta/base/animateHeight/animateHeight.json +74 -0
- package/component-meta/base/icon/icon.json +61 -0
- package/component-meta/base/ripple/ripple.json +51 -0
- package/component-meta/clickAwayListener/clickAwayListener.json +40 -0
- package/component-meta/dataDisplay/accordion/accordion.json +79 -0
- package/component-meta/dataDisplay/avatar/avatar.avatarGroup.json +41 -0
- package/component-meta/dataDisplay/avatar/avatar.json +56 -0
- package/component-meta/dataDisplay/badge/badge.json +66 -0
- package/component-meta/dataDisplay/card/card.json +46 -0
- package/component-meta/dataDisplay/carousel/carousel.json +89 -0
- package/component-meta/dataDisplay/chat/chat.json +225 -0
- package/component-meta/dataDisplay/chat/chatAttachmentImage.json +27 -0
- package/component-meta/dataDisplay/chat/chatAttachments.json +32 -0
- package/component-meta/dataDisplay/chat/chatComposer.json +76 -0
- package/component-meta/dataDisplay/chat/chatHeader.json +60 -0
- package/component-meta/dataDisplay/chat/chatIconButton.json +38 -0
- package/component-meta/dataDisplay/chat/chatLayout.chatLayoutChat.json +20 -0
- package/component-meta/dataDisplay/chat/chatLayout.json +85 -0
- package/component-meta/dataDisplay/chat/chatMessageAvatar.json +34 -0
- package/component-meta/dataDisplay/chat/chatMessageBubble.json +91 -0
- package/component-meta/dataDisplay/chat/chatMessageIncoming.json +60 -0
- package/component-meta/dataDisplay/chat/chatMessageItem.json +65 -0
- package/component-meta/dataDisplay/chat/chatMessageOutgoing.json +60 -0
- package/component-meta/dataDisplay/chat/chatMessageSkeleton.json +39 -0
- package/component-meta/dataDisplay/chat/chatMessageStatus.json +44 -0
- package/component-meta/dataDisplay/chat/chatMessageSystem.json +29 -0
- package/component-meta/dataDisplay/chat/chatMessages.json +91 -0
- package/component-meta/dataDisplay/chat/chatOverlayLayout.chatOverlayLayoutChat.json +20 -0
- package/component-meta/dataDisplay/chat/chatOverlayLayout.json +70 -0
- package/component-meta/dataDisplay/chat/chatShell.json +71 -0
- package/component-meta/dataDisplay/chip/chip.json +104 -0
- package/component-meta/dataDisplay/expansionPanel/expansionPanel.json +85 -0
- package/component-meta/dataDisplay/imagesList/imagesList.json +57 -0
- package/component-meta/dataDisplay/imagesList/imagesListItem/imagesListItem.json +64 -0
- package/component-meta/dataDisplay/imagesList/imagesListItem/imagesListItemModal.json +32 -0
- package/component-meta/dataDisplay/list/list.json +36 -0
- package/component-meta/dataDisplay/list/listItem.json +62 -0
- package/component-meta/dataDisplay/table/table.json +59 -0
- package/component-meta/dataDisplay/table/tableBody.json +26 -0
- package/component-meta/dataDisplay/table/tableCell.json +31 -0
- package/component-meta/dataDisplay/table/tableHead.json +26 -0
- package/component-meta/dataDisplay/table/tableHeadCell.json +58 -0
- package/component-meta/dataDisplay/table/tablePagination/tablePagination.baseTablePagination.json +47 -0
- package/component-meta/dataDisplay/table/tablePagination/tablePagination.json +21 -0
- package/component-meta/dataDisplay/table/tableRow.json +36 -0
- package/component-meta/dataDisplay/treeView/treeView.json +93 -0
- package/component-meta/dataDisplay/typography/typography.json +56 -0
- package/component-meta/feedBack/message/message.json +53 -0
- package/component-meta/feedBack/modal/modal.json +92 -0
- package/component-meta/feedBack/modal/modal.modalSlot.json +22 -0
- package/component-meta/feedBack/progressIndicator/progressIndicator.circularProgress.json +22 -0
- package/component-meta/feedBack/progressIndicator/progressIndicator.json +57 -0
- package/component-meta/feedBack/skeleton/skeleton.json +61 -0
- package/component-meta/feedBack/snackbar/snackbar.json +71 -0
- package/component-meta/feedBack/snackbar/snackbar.snackbarsProvider.json +51 -0
- package/component-meta/feedBack/tooltip/tooltip.json +62 -0
- package/component-meta/inputs/button/button.json +94 -0
- package/component-meta/inputs/buttonGroups/buttonGroup.json +59 -0
- package/component-meta/inputs/checkbox/checkbox.json +89 -0
- package/component-meta/inputs/datePicker/dataPickerDays.json +87 -0
- package/component-meta/inputs/datePicker/dataPickerHeader.json +48 -0
- package/component-meta/inputs/datePicker/dataPickerInput.json +34 -0
- package/component-meta/inputs/datePicker/datePicker.json +129 -0
- package/component-meta/inputs/datePicker/datePickerActionLabel.json +55 -0
- package/component-meta/inputs/datePicker/datePickerDay.json +61 -0
- package/component-meta/inputs/datePicker/datePickerIconButton.json +18 -0
- package/component-meta/inputs/datePicker/datePickerList.json +33 -0
- package/component-meta/inputs/dateTimePicker/dateTimePicker.json +120 -0
- package/component-meta/inputs/dateTimePicker/dateTimePickerInput.json +35 -0
- package/component-meta/inputs/fileDrop/countPreview.json +40 -0
- package/component-meta/inputs/fileDrop/fileDrop.json +71 -0
- package/component-meta/inputs/fileDrop/preview.json +46 -0
- package/component-meta/inputs/fileDrop/previewWrapper.json +51 -0
- package/component-meta/inputs/fileInput/fileInput.json +61 -0
- package/component-meta/inputs/floatingButton/floatingButton.json +43 -0
- package/component-meta/inputs/radioButton/radioButton.json +90 -0
- package/component-meta/inputs/rating/rating.json +104 -0
- package/component-meta/inputs/selectField/dropdownMenu.json +107 -0
- package/component-meta/inputs/selectField/selectField.json +203 -0
- package/component-meta/inputs/slider/slider.json +133 -0
- package/component-meta/inputs/textField/textField.json +126 -0
- package/component-meta/inputs/textField/textFieldAdornment.json +47 -0
- package/component-meta/inputs/textField/textFieldWrapper.json +96 -0
- package/component-meta/inputs/timePicker/timePicker.json +75 -0
- package/component-meta/inputs/timePicker/timePickerColumns.json +37 -0
- package/component-meta/inputs/timePicker/timePickerInput.json +35 -0
- package/component-meta/inputs/timePicker/timePickerList.json +32 -0
- package/component-meta/inputs/toggle/toggle.json +90 -0
- package/component-meta/layout/appLayout/appLayout.json +88 -0
- package/component-meta/layout/divider/divider.json +56 -0
- package/component-meta/layout/grid/grid.column.json +81 -0
- package/component-meta/layout/grid/grid.container.json +36 -0
- package/component-meta/layout/grid/grid.row.json +51 -0
- package/component-meta/layout/page/page.json +41 -0
- package/component-meta/layout/pageHeader/pageHeader.json +53 -0
- package/component-meta/layout/screenDivider/screenDivider.json +57 -0
- package/component-meta/layout/sheet/sheet.json +114 -0
- package/component-meta/layout/stack/stack.json +56 -0
- package/component-meta/navigation/appBar/appBar.json +71 -0
- package/component-meta/navigation/bottomBar/bottomBar.bottomBarMenuItem.json +55 -0
- package/component-meta/navigation/bottomBar/bottomBar.json +61 -0
- package/component-meta/navigation/breadcrumbs/breadcrumbs.json +61 -0
- package/component-meta/navigation/menu/menu.json +20 -0
- package/component-meta/navigation/menu/menuDivider.json +26 -0
- package/component-meta/navigation/menu/menuFloating.json +51 -0
- package/component-meta/navigation/menu/menuItem.json +68 -0
- package/component-meta/navigation/menu/menuItemIcon.json +31 -0
- package/component-meta/navigation/menu/menuItemText.json +31 -0
- package/component-meta/navigation/menu/menuList.json +26 -0
- package/component-meta/navigation/menu/menuSubmenu.json +47 -0
- package/component-meta/navigation/pagination/pagination.json +98 -0
- package/component-meta/navigation/sidebar/sidebar.json +79 -0
- package/component-meta/navigation/sidebar/sidebar.sidebarMenuItem.json +56 -0
- package/component-meta/navigation/stepper/stepper.json +53 -0
- package/component-meta/navigation/tabs/tab/tab.json +64 -0
- package/component-meta/navigation/tabs/tabs.json +60 -0
- package/componentMeta.mjs +493 -0
- package/customizationMeta.mjs +451 -0
- package/package.json +37 -0
- package/server.mjs +169 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatMessageAvatar",
|
|
3
|
+
"description": "Optional author avatar shown beside a chat message.",
|
|
4
|
+
"styles": {
|
|
5
|
+
"base": [
|
|
6
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
7
|
+
"@smwb/ui-styles/less/theme.less"
|
|
8
|
+
],
|
|
9
|
+
"entries": [
|
|
10
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
11
|
+
],
|
|
12
|
+
"dependencies": [
|
|
13
|
+
"@smwb/ui-styles/less/components/avatar/avatar.entry.less"
|
|
14
|
+
],
|
|
15
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/avatar/avatar.entry.less\";"
|
|
16
|
+
},
|
|
17
|
+
"props": {
|
|
18
|
+
"author": {
|
|
19
|
+
"type": "ChatAuthor | undefined",
|
|
20
|
+
"required": false,
|
|
21
|
+
"description": "Message author metadata such as name and avatar."
|
|
22
|
+
},
|
|
23
|
+
"enabled": {
|
|
24
|
+
"type": "boolean | undefined",
|
|
25
|
+
"required": false,
|
|
26
|
+
"description": "Whether the optional sub-feature is enabled."
|
|
27
|
+
},
|
|
28
|
+
"class": {
|
|
29
|
+
"type": "string | undefined",
|
|
30
|
+
"required": false,
|
|
31
|
+
"description": "Class. Optional. Type: string | undefined."
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatMessageBubble",
|
|
3
|
+
"description": "Shared bubble layout for incoming and outgoing messages.",
|
|
4
|
+
"styles": {
|
|
5
|
+
"base": [
|
|
6
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
7
|
+
"@smwb/ui-styles/less/theme.less"
|
|
8
|
+
],
|
|
9
|
+
"entries": [
|
|
10
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
11
|
+
],
|
|
12
|
+
"dependencies": [
|
|
13
|
+
"@smwb/ui-styles/less/components/avatar/avatar.entry.less",
|
|
14
|
+
"@smwb/ui-styles/less/components/icon/icon.entry.less",
|
|
15
|
+
"@smwb/ui-styles/less/components/typography/typography.entry.less"
|
|
16
|
+
],
|
|
17
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/avatar/avatar.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
|
|
18
|
+
},
|
|
19
|
+
"props": {
|
|
20
|
+
"class": {
|
|
21
|
+
"type": "string | undefined",
|
|
22
|
+
"required": false,
|
|
23
|
+
"description": "Class. Optional. Type: string | undefined."
|
|
24
|
+
},
|
|
25
|
+
"align": {
|
|
26
|
+
"type": "\"start\" | \"end\"",
|
|
27
|
+
"required": true,
|
|
28
|
+
"description": "Horizontal alignment of the message bubble."
|
|
29
|
+
},
|
|
30
|
+
"message": {
|
|
31
|
+
"type": "ChatMessage",
|
|
32
|
+
"required": true,
|
|
33
|
+
"description": "Chat message data object."
|
|
34
|
+
},
|
|
35
|
+
"author": {
|
|
36
|
+
"type": "ChatAuthor | undefined",
|
|
37
|
+
"required": false,
|
|
38
|
+
"description": "Message author metadata such as name and avatar."
|
|
39
|
+
},
|
|
40
|
+
"text": {
|
|
41
|
+
"type": "JSX.Element",
|
|
42
|
+
"required": false,
|
|
43
|
+
"description": "Primary text content of the message."
|
|
44
|
+
},
|
|
45
|
+
"attachments": {
|
|
46
|
+
"type": "ChatAttachment[] | undefined",
|
|
47
|
+
"required": false,
|
|
48
|
+
"description": "File attachments associated with the message."
|
|
49
|
+
},
|
|
50
|
+
"timestamp": {
|
|
51
|
+
"type": "string | Date | undefined",
|
|
52
|
+
"required": false,
|
|
53
|
+
"description": "Message timestamp displayed in the meta row."
|
|
54
|
+
},
|
|
55
|
+
"status": {
|
|
56
|
+
"type": "ChatMessageStatusValue | undefined",
|
|
57
|
+
"required": false,
|
|
58
|
+
"description": "Message delivery status value."
|
|
59
|
+
},
|
|
60
|
+
"showAvatars": {
|
|
61
|
+
"type": "boolean | undefined",
|
|
62
|
+
"required": false,
|
|
63
|
+
"description": "Whether author avatars are shown in chat messages."
|
|
64
|
+
},
|
|
65
|
+
"showAttachments": {
|
|
66
|
+
"type": "boolean | undefined",
|
|
67
|
+
"required": false,
|
|
68
|
+
"description": "Whether file attachments are shown in chat messages."
|
|
69
|
+
},
|
|
70
|
+
"showStatus": {
|
|
71
|
+
"type": "boolean | undefined",
|
|
72
|
+
"required": false,
|
|
73
|
+
"description": "Whether delivery status icons are shown on outgoing messages."
|
|
74
|
+
},
|
|
75
|
+
"statusIcons": {
|
|
76
|
+
"type": "(ChatMessageStatusIcons & Record<string, string | undefined>) | undefined",
|
|
77
|
+
"required": false,
|
|
78
|
+
"description": "Custom Material icon names mapped to message delivery statuses."
|
|
79
|
+
},
|
|
80
|
+
"renderStatus": {
|
|
81
|
+
"type": "((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined",
|
|
82
|
+
"required": false,
|
|
83
|
+
"description": "Custom render function for message delivery status indicators."
|
|
84
|
+
},
|
|
85
|
+
"bubbleClass": {
|
|
86
|
+
"type": "string | undefined",
|
|
87
|
+
"required": false,
|
|
88
|
+
"description": "Bubble Class. Optional. Type: string | undefined."
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatMessageIncoming",
|
|
3
|
+
"description": "Incoming chat message bubble aligned to the start.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"ChatMessageRenderContext"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [
|
|
17
|
+
"@smwb/ui-styles/less/components/avatar/avatar.entry.less",
|
|
18
|
+
"@smwb/ui-styles/less/components/icon/icon.entry.less",
|
|
19
|
+
"@smwb/ui-styles/less/components/typography/typography.entry.less"
|
|
20
|
+
],
|
|
21
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/avatar/avatar.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
|
|
22
|
+
},
|
|
23
|
+
"props": {
|
|
24
|
+
"message": {
|
|
25
|
+
"type": "ChatMessage",
|
|
26
|
+
"required": true,
|
|
27
|
+
"description": "Chat message data object."
|
|
28
|
+
},
|
|
29
|
+
"class": {
|
|
30
|
+
"type": "string | undefined",
|
|
31
|
+
"required": false,
|
|
32
|
+
"description": "Class. Optional. Type: string | undefined."
|
|
33
|
+
},
|
|
34
|
+
"showAvatars": {
|
|
35
|
+
"type": "boolean",
|
|
36
|
+
"required": true,
|
|
37
|
+
"description": "Whether author avatars are shown in chat messages."
|
|
38
|
+
},
|
|
39
|
+
"showAttachments": {
|
|
40
|
+
"type": "boolean",
|
|
41
|
+
"required": true,
|
|
42
|
+
"description": "Whether file attachments are shown in chat messages."
|
|
43
|
+
},
|
|
44
|
+
"showStatus": {
|
|
45
|
+
"type": "boolean | undefined",
|
|
46
|
+
"required": false,
|
|
47
|
+
"description": "Whether delivery status icons are shown on outgoing messages."
|
|
48
|
+
},
|
|
49
|
+
"statusIcons": {
|
|
50
|
+
"type": "(ChatMessageStatusIcons & Record<string, string | undefined>) | undefined",
|
|
51
|
+
"required": false,
|
|
52
|
+
"description": "Custom Material icon names mapped to message delivery statuses."
|
|
53
|
+
},
|
|
54
|
+
"renderStatus": {
|
|
55
|
+
"type": "((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined",
|
|
56
|
+
"required": false,
|
|
57
|
+
"description": "Custom render function for message delivery status indicators."
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatMessageItem",
|
|
3
|
+
"description": "Router that renders a chat message by variant or custom renderer.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"ChatMessageRenderContext"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [
|
|
17
|
+
"@smwb/ui-styles/less/components/avatar/avatar.entry.less",
|
|
18
|
+
"@smwb/ui-styles/less/components/icon/icon.entry.less",
|
|
19
|
+
"@smwb/ui-styles/less/components/typography/typography.entry.less"
|
|
20
|
+
],
|
|
21
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/avatar/avatar.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
|
|
22
|
+
},
|
|
23
|
+
"props": {
|
|
24
|
+
"message": {
|
|
25
|
+
"type": "ChatMessage",
|
|
26
|
+
"required": true,
|
|
27
|
+
"description": "Chat message data object."
|
|
28
|
+
},
|
|
29
|
+
"class": {
|
|
30
|
+
"type": "string | undefined",
|
|
31
|
+
"required": false,
|
|
32
|
+
"description": "Class. Optional. Type: string | undefined."
|
|
33
|
+
},
|
|
34
|
+
"renderMessage": {
|
|
35
|
+
"type": "((message: ChatMessage, ctx: ChatMessageRenderContext) => JSX.Element) | undefined",
|
|
36
|
+
"required": false,
|
|
37
|
+
"description": "Custom render function for an individual chat message."
|
|
38
|
+
},
|
|
39
|
+
"showAvatars": {
|
|
40
|
+
"type": "boolean",
|
|
41
|
+
"required": true,
|
|
42
|
+
"description": "Whether author avatars are shown in chat messages."
|
|
43
|
+
},
|
|
44
|
+
"showAttachments": {
|
|
45
|
+
"type": "boolean",
|
|
46
|
+
"required": true,
|
|
47
|
+
"description": "Whether file attachments are shown in chat messages."
|
|
48
|
+
},
|
|
49
|
+
"showStatus": {
|
|
50
|
+
"type": "boolean | undefined",
|
|
51
|
+
"required": false,
|
|
52
|
+
"description": "Whether delivery status icons are shown on outgoing messages."
|
|
53
|
+
},
|
|
54
|
+
"statusIcons": {
|
|
55
|
+
"type": "(ChatMessageStatusIcons & Record<string, string | undefined>) | undefined",
|
|
56
|
+
"required": false,
|
|
57
|
+
"description": "Custom Material icon names mapped to message delivery statuses."
|
|
58
|
+
},
|
|
59
|
+
"renderStatus": {
|
|
60
|
+
"type": "((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined",
|
|
61
|
+
"required": false,
|
|
62
|
+
"description": "Custom render function for message delivery status indicators."
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatMessageOutgoing",
|
|
3
|
+
"description": "Outgoing chat message bubble aligned to the end.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"ChatMessageRenderContext"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [
|
|
17
|
+
"@smwb/ui-styles/less/components/avatar/avatar.entry.less",
|
|
18
|
+
"@smwb/ui-styles/less/components/icon/icon.entry.less",
|
|
19
|
+
"@smwb/ui-styles/less/components/typography/typography.entry.less"
|
|
20
|
+
],
|
|
21
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/avatar/avatar.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
|
|
22
|
+
},
|
|
23
|
+
"props": {
|
|
24
|
+
"message": {
|
|
25
|
+
"type": "ChatMessage",
|
|
26
|
+
"required": true,
|
|
27
|
+
"description": "Chat message data object."
|
|
28
|
+
},
|
|
29
|
+
"class": {
|
|
30
|
+
"type": "string | undefined",
|
|
31
|
+
"required": false,
|
|
32
|
+
"description": "Class. Optional. Type: string | undefined."
|
|
33
|
+
},
|
|
34
|
+
"showAvatars": {
|
|
35
|
+
"type": "boolean",
|
|
36
|
+
"required": true,
|
|
37
|
+
"description": "Whether author avatars are shown in chat messages."
|
|
38
|
+
},
|
|
39
|
+
"showAttachments": {
|
|
40
|
+
"type": "boolean",
|
|
41
|
+
"required": true,
|
|
42
|
+
"description": "Whether file attachments are shown in chat messages."
|
|
43
|
+
},
|
|
44
|
+
"showStatus": {
|
|
45
|
+
"type": "boolean | undefined",
|
|
46
|
+
"required": false,
|
|
47
|
+
"description": "Whether delivery status icons are shown on outgoing messages."
|
|
48
|
+
},
|
|
49
|
+
"statusIcons": {
|
|
50
|
+
"type": "(ChatMessageStatusIcons & Record<string, string | undefined>) | undefined",
|
|
51
|
+
"required": false,
|
|
52
|
+
"description": "Custom Material icon names mapped to message delivery statuses."
|
|
53
|
+
},
|
|
54
|
+
"renderStatus": {
|
|
55
|
+
"type": "((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined",
|
|
56
|
+
"required": false,
|
|
57
|
+
"description": "Custom render function for message delivery status indicators."
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatMessageSkeleton",
|
|
3
|
+
"description": "Loading placeholder shaped like a chat message.",
|
|
4
|
+
"styles": {
|
|
5
|
+
"base": [
|
|
6
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
7
|
+
"@smwb/ui-styles/less/theme.less"
|
|
8
|
+
],
|
|
9
|
+
"entries": [
|
|
10
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
11
|
+
],
|
|
12
|
+
"dependencies": [
|
|
13
|
+
"@smwb/ui-styles/less/components/skeleton/skeleton.entry.less"
|
|
14
|
+
],
|
|
15
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/skeleton/skeleton.entry.less\";"
|
|
16
|
+
},
|
|
17
|
+
"props": {
|
|
18
|
+
"class": {
|
|
19
|
+
"type": "string | undefined",
|
|
20
|
+
"required": false,
|
|
21
|
+
"description": "Class. Optional. Type: string | undefined."
|
|
22
|
+
},
|
|
23
|
+
"align": {
|
|
24
|
+
"type": "\"start\" | \"end\" | undefined",
|
|
25
|
+
"required": false,
|
|
26
|
+
"description": "Horizontal alignment of the message bubble."
|
|
27
|
+
},
|
|
28
|
+
"showAvatar": {
|
|
29
|
+
"type": "boolean | undefined",
|
|
30
|
+
"required": false,
|
|
31
|
+
"description": "Whether a skeleton avatar placeholder is shown."
|
|
32
|
+
},
|
|
33
|
+
"lines": {
|
|
34
|
+
"type": "number | undefined",
|
|
35
|
+
"required": false,
|
|
36
|
+
"description": "Number of skeleton text lines."
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatMessageStatus",
|
|
3
|
+
"description": "Delivery status icon or custom status renderer for outgoing messages.",
|
|
4
|
+
"styles": {
|
|
5
|
+
"base": [
|
|
6
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
7
|
+
"@smwb/ui-styles/less/theme.less"
|
|
8
|
+
],
|
|
9
|
+
"entries": [
|
|
10
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
11
|
+
],
|
|
12
|
+
"dependencies": [
|
|
13
|
+
"@smwb/ui-styles/less/components/icon/icon.entry.less"
|
|
14
|
+
],
|
|
15
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";"
|
|
16
|
+
},
|
|
17
|
+
"props": {
|
|
18
|
+
"class": {
|
|
19
|
+
"type": "string | undefined",
|
|
20
|
+
"required": false,
|
|
21
|
+
"description": "Class. Optional. Type: string | undefined."
|
|
22
|
+
},
|
|
23
|
+
"message": {
|
|
24
|
+
"type": "ChatMessage",
|
|
25
|
+
"required": true,
|
|
26
|
+
"description": "Chat message data object."
|
|
27
|
+
},
|
|
28
|
+
"status": {
|
|
29
|
+
"type": "ChatMessageStatusValue",
|
|
30
|
+
"required": true,
|
|
31
|
+
"description": "Message delivery status value."
|
|
32
|
+
},
|
|
33
|
+
"statusIcons": {
|
|
34
|
+
"type": "(ChatMessageStatusIcons & Record<string, string | undefined>) | undefined",
|
|
35
|
+
"required": false,
|
|
36
|
+
"description": "Custom Material icon names mapped to message delivery statuses."
|
|
37
|
+
},
|
|
38
|
+
"renderStatus": {
|
|
39
|
+
"type": "((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined",
|
|
40
|
+
"required": false,
|
|
41
|
+
"description": "Custom render function for message delivery status indicators."
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatMessageSystem",
|
|
3
|
+
"description": "Centered system notice message.",
|
|
4
|
+
"styles": {
|
|
5
|
+
"base": [
|
|
6
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
7
|
+
"@smwb/ui-styles/less/theme.less"
|
|
8
|
+
],
|
|
9
|
+
"entries": [
|
|
10
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
11
|
+
],
|
|
12
|
+
"dependencies": [
|
|
13
|
+
"@smwb/ui-styles/less/components/typography/typography.entry.less"
|
|
14
|
+
],
|
|
15
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
|
|
16
|
+
},
|
|
17
|
+
"props": {
|
|
18
|
+
"message": {
|
|
19
|
+
"type": "ChatMessage",
|
|
20
|
+
"required": true,
|
|
21
|
+
"description": "Chat message data object."
|
|
22
|
+
},
|
|
23
|
+
"class": {
|
|
24
|
+
"type": "string | undefined",
|
|
25
|
+
"required": false,
|
|
26
|
+
"description": "Class. Optional. Type: string | undefined."
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatMessages",
|
|
3
|
+
"description": "Scrollable message list with infinite scroll and loading skeletons.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"ChatMessageRenderContext"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [
|
|
17
|
+
"@smwb/ui-styles/less/components/avatar/avatar.entry.less",
|
|
18
|
+
"@smwb/ui-styles/less/components/icon/icon.entry.less",
|
|
19
|
+
"@smwb/ui-styles/less/components/skeleton/skeleton.entry.less",
|
|
20
|
+
"@smwb/ui-styles/less/components/typography/typography.entry.less"
|
|
21
|
+
],
|
|
22
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/avatar/avatar.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/skeleton/skeleton.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
|
|
23
|
+
},
|
|
24
|
+
"props": {
|
|
25
|
+
"class": {
|
|
26
|
+
"type": "string | undefined",
|
|
27
|
+
"required": false,
|
|
28
|
+
"description": "Class. Optional. Type: string | undefined."
|
|
29
|
+
},
|
|
30
|
+
"messages": {
|
|
31
|
+
"type": "ChatMessage[]",
|
|
32
|
+
"required": true,
|
|
33
|
+
"description": "Chat message list to render."
|
|
34
|
+
},
|
|
35
|
+
"onLoadMore": {
|
|
36
|
+
"type": "(() => void | Promise<void>) | undefined",
|
|
37
|
+
"required": false,
|
|
38
|
+
"description": "Callback to load older messages for infinite scroll."
|
|
39
|
+
},
|
|
40
|
+
"hasMore": {
|
|
41
|
+
"type": "boolean | undefined",
|
|
42
|
+
"required": false,
|
|
43
|
+
"description": "Whether more older messages are available to load."
|
|
44
|
+
},
|
|
45
|
+
"loading": {
|
|
46
|
+
"type": "boolean | undefined",
|
|
47
|
+
"required": false,
|
|
48
|
+
"description": "Whether content is loading."
|
|
49
|
+
},
|
|
50
|
+
"loadingMore": {
|
|
51
|
+
"type": "boolean | undefined",
|
|
52
|
+
"required": false,
|
|
53
|
+
"description": "Whether older messages are currently loading."
|
|
54
|
+
},
|
|
55
|
+
"loadingSkeletonCount": {
|
|
56
|
+
"type": "number | undefined",
|
|
57
|
+
"required": false,
|
|
58
|
+
"description": "Number of skeleton placeholders shown while loading."
|
|
59
|
+
},
|
|
60
|
+
"renderMessage": {
|
|
61
|
+
"type": "((message: ChatMessage, ctx: ChatMessageRenderContext) => JSX.Element) | undefined",
|
|
62
|
+
"required": false,
|
|
63
|
+
"description": "Custom render function for an individual chat message."
|
|
64
|
+
},
|
|
65
|
+
"showAvatars": {
|
|
66
|
+
"type": "boolean",
|
|
67
|
+
"required": true,
|
|
68
|
+
"description": "Whether author avatars are shown in chat messages."
|
|
69
|
+
},
|
|
70
|
+
"showAttachments": {
|
|
71
|
+
"type": "boolean",
|
|
72
|
+
"required": true,
|
|
73
|
+
"description": "Whether file attachments are shown in chat messages."
|
|
74
|
+
},
|
|
75
|
+
"showStatus": {
|
|
76
|
+
"type": "boolean | undefined",
|
|
77
|
+
"required": false,
|
|
78
|
+
"description": "Whether delivery status icons are shown on outgoing messages."
|
|
79
|
+
},
|
|
80
|
+
"statusIcons": {
|
|
81
|
+
"type": "(ChatMessageStatusIcons & Record<string, string | undefined>) | undefined",
|
|
82
|
+
"required": false,
|
|
83
|
+
"description": "Custom Material icon names mapped to message delivery statuses."
|
|
84
|
+
},
|
|
85
|
+
"renderStatus": {
|
|
86
|
+
"type": "((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined",
|
|
87
|
+
"required": false,
|
|
88
|
+
"description": "Custom render function for message delivery status indicators."
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatOverlayLayoutChat",
|
|
3
|
+
"description": "Chat Overlay Layout Chat component from the dataDisplay module.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"Omit<\n ChatProps,\n | \"class\"\n | \"overlayContext\"\n | \"embedded\"\n | \"floatingTrigger\"\n | \"anchor\"\n | \"allowedLayouts\"\n | \"layout\"\n | \"defaultLayout\"\n | \"onLayoutChange\"\n | \"open\"\n | \"defaultOpen\"\n | \"onOpenChange\"\n>"
|
|
6
|
+
],
|
|
7
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
8
|
+
"styles": {
|
|
9
|
+
"base": [
|
|
10
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
11
|
+
"@smwb/ui-styles/less/theme.less"
|
|
12
|
+
],
|
|
13
|
+
"entries": [
|
|
14
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": [],
|
|
17
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";"
|
|
18
|
+
},
|
|
19
|
+
"props": {}
|
|
20
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ChatOverlayLayout",
|
|
3
|
+
"description": "Chat Overlay Layout component from the dataDisplay module.",
|
|
4
|
+
"extends": [
|
|
5
|
+
"ParentProps",
|
|
6
|
+
"JSX.HTMLAttributes<HTMLDivElement>"
|
|
7
|
+
],
|
|
8
|
+
"inheritedAttributes": "Also accepts standard HTML attributes for the underlying element (see extends clause in TypeScript).",
|
|
9
|
+
"styles": {
|
|
10
|
+
"base": [
|
|
11
|
+
"@smwb/ui-styles/less/foundation.less",
|
|
12
|
+
"@smwb/ui-styles/less/theme.less"
|
|
13
|
+
],
|
|
14
|
+
"entries": [
|
|
15
|
+
"@smwb/ui-styles/less/components/chat/chat.entry.less"
|
|
16
|
+
],
|
|
17
|
+
"dependencies": [
|
|
18
|
+
"@smwb/ui-styles/less/components/avatar/avatar.entry.less",
|
|
19
|
+
"@smwb/ui-styles/less/components/floatingButton/floatingButton.entry.less",
|
|
20
|
+
"@smwb/ui-styles/less/components/icon/icon.entry.less",
|
|
21
|
+
"@smwb/ui-styles/less/components/ripple/ripple.entry.less",
|
|
22
|
+
"@smwb/ui-styles/less/components/skeleton/skeleton.entry.less",
|
|
23
|
+
"@smwb/ui-styles/less/components/textField/textField.entry.less",
|
|
24
|
+
"@smwb/ui-styles/less/components/typography/typography.entry.less"
|
|
25
|
+
],
|
|
26
|
+
"importExample": "@import (less) \"node_modules/@smwb/ui-styles/less/foundation.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/theme.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/chat/chat.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/avatar/avatar.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/floatingButton/floatingButton.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/icon/icon.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/ripple/ripple.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/skeleton/skeleton.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/textField/textField.entry.less\";\n@import (less) \"node_modules/@smwb/ui-styles/less/components/typography/typography.entry.less\";"
|
|
27
|
+
},
|
|
28
|
+
"props": {
|
|
29
|
+
"contentClass": {
|
|
30
|
+
"type": "string | undefined",
|
|
31
|
+
"required": false,
|
|
32
|
+
"description": "Content Class. Optional. Type: string | undefined."
|
|
33
|
+
},
|
|
34
|
+
"chatClass": {
|
|
35
|
+
"type": "string | undefined",
|
|
36
|
+
"required": false,
|
|
37
|
+
"description": "Chat Class. Optional. Type: string | undefined."
|
|
38
|
+
},
|
|
39
|
+
"side": {
|
|
40
|
+
"type": "ChatLayoutSide | undefined",
|
|
41
|
+
"required": false,
|
|
42
|
+
"description": "Side of the layout where the chat panel is docked."
|
|
43
|
+
},
|
|
44
|
+
"chatWidth": {
|
|
45
|
+
"type": "number | string | undefined",
|
|
46
|
+
"required": false,
|
|
47
|
+
"description": "Width of the docked chat panel."
|
|
48
|
+
},
|
|
49
|
+
"allowedLayouts": {
|
|
50
|
+
"type": "ChatLayoutMode[] | undefined",
|
|
51
|
+
"required": false,
|
|
52
|
+
"description": "Layout modes available in the chat header controls."
|
|
53
|
+
},
|
|
54
|
+
"defaultLayout": {
|
|
55
|
+
"type": "ChatLayoutMode | undefined",
|
|
56
|
+
"required": false,
|
|
57
|
+
"description": "Initial uncontrolled chat layout mode."
|
|
58
|
+
},
|
|
59
|
+
"defaultOpen": {
|
|
60
|
+
"type": "boolean | undefined",
|
|
61
|
+
"required": false,
|
|
62
|
+
"description": "Initial uncontrolled open state."
|
|
63
|
+
},
|
|
64
|
+
"chat": {
|
|
65
|
+
"type": "ChatOverlayLayoutChatProps",
|
|
66
|
+
"required": true,
|
|
67
|
+
"description": "Chat configuration passed to ChatLayout."
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|