@darajs/ui-components 1.7.0 → 1.7.2
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/chat/chat.d.ts +15 -0
- package/dist/chat/chat.d.ts.map +1 -0
- package/dist/chat/chat.js +168 -0
- package/dist/chat/chat.js.map +1 -0
- package/dist/chat/message.d.ts +16 -0
- package/dist/chat/message.d.ts.map +1 -0
- package/dist/chat/message.js +132 -0
- package/dist/chat/message.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +9 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +8 -8
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { InteractiveComponentProps, Message } from '../types';
|
|
2
|
+
export interface ChatProps extends InteractiveComponentProps<Message[]> {
|
|
3
|
+
/** Event triggered when the chat sidebar is closed */
|
|
4
|
+
onClose?: () => void | Promise<void>;
|
|
5
|
+
/** Event triggered when the chat is changed */
|
|
6
|
+
onUpdate?: (value: Message[]) => void | Promise<void>;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* A chat component
|
|
10
|
+
*
|
|
11
|
+
* @param {ChatProps} props - the component props
|
|
12
|
+
*/
|
|
13
|
+
declare function Chat(props: ChatProps): JSX.Element;
|
|
14
|
+
export default Chat;
|
|
15
|
+
//# sourceMappingURL=chat.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/chat/chat.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,yBAAyB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAsE9D,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,OAAO,EAAE,CAAC;IACnE,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACzD;AA4BD;;;;GAIG;AACH,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAgF3C;AAED,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Copyright 2023 Impulse Innovations Limited
|
|
4
|
+
*
|
|
5
|
+
*
|
|
6
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
+
* you may not use this file except in compliance with the License.
|
|
8
|
+
* You may obtain a copy of the License at
|
|
9
|
+
*
|
|
10
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
+
*
|
|
12
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
+
* See the License for the specific language governing permissions and
|
|
16
|
+
* limitations under the License.
|
|
17
|
+
*/
|
|
18
|
+
import { isEqual } from 'lodash';
|
|
19
|
+
import { nanoid } from 'nanoid';
|
|
20
|
+
import * as React from 'react';
|
|
21
|
+
import styled from '@darajs/styled-components';
|
|
22
|
+
import { Xmark } from '@darajs/ui-icons';
|
|
23
|
+
import Button from '../button/button';
|
|
24
|
+
import TextArea from '../textarea/textarea';
|
|
25
|
+
import { default as MessageComponent } from './message';
|
|
26
|
+
const ChatWrapper = styled.div `
|
|
27
|
+
overflow-y: auto;
|
|
28
|
+
display: flex;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
gap: 1rem;
|
|
31
|
+
|
|
32
|
+
width: 350px;
|
|
33
|
+
height: calc(100vh - 2rem);
|
|
34
|
+
margin: 1rem;
|
|
35
|
+
padding: 1.5rem;
|
|
36
|
+
|
|
37
|
+
background-color: ${(props) => props.theme.colors.background}e6;
|
|
38
|
+
border-radius: 0.4rem;
|
|
39
|
+
box-shadow: ${(props) => props.theme.shadow.medium};
|
|
40
|
+
`;
|
|
41
|
+
const ReplyWrapper = styled.div `
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
gap: 1rem;
|
|
45
|
+
justify-self: flex-end;
|
|
46
|
+
|
|
47
|
+
height: 8.6rem;
|
|
48
|
+
margin-top: auto;
|
|
49
|
+
`;
|
|
50
|
+
const ReplyButtons = styled.div `
|
|
51
|
+
display: flex;
|
|
52
|
+
gap: 1rem;
|
|
53
|
+
justify-content: flex-end;
|
|
54
|
+
`;
|
|
55
|
+
const ChatBody = styled.div `
|
|
56
|
+
overflow-y: auto;
|
|
57
|
+
display: flex;
|
|
58
|
+
flex-direction: column;
|
|
59
|
+
gap: 1rem;
|
|
60
|
+
|
|
61
|
+
max-height: calc(100% - 10.225rem);
|
|
62
|
+
margin: -0.25rem;
|
|
63
|
+
padding: 0.25rem;
|
|
64
|
+
`;
|
|
65
|
+
const ChatTop = styled.div `
|
|
66
|
+
display: flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
justify-content: space-between;
|
|
69
|
+
|
|
70
|
+
width: 100%;
|
|
71
|
+
height: 1.625rem;
|
|
72
|
+
|
|
73
|
+
font-size: 1.2rem;
|
|
74
|
+
`;
|
|
75
|
+
const CloseIcon = styled(Xmark) `
|
|
76
|
+
height: 1.2rem;
|
|
77
|
+
color: ${(props) => props.theme.colors.grey4};
|
|
78
|
+
|
|
79
|
+
:hover {
|
|
80
|
+
color: ${(props) => props.theme.colors.grey5};
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
:active {
|
|
84
|
+
color: ${(props) => props.theme.colors.grey6};
|
|
85
|
+
}
|
|
86
|
+
`;
|
|
87
|
+
/**
|
|
88
|
+
* A function to get the formatted timestamp to display in the submitted message
|
|
89
|
+
*/
|
|
90
|
+
function getFormattedTimestamp() {
|
|
91
|
+
const now = new Date();
|
|
92
|
+
const hours = now.getHours().toString().padStart(2, '0');
|
|
93
|
+
const minutes = now.getMinutes().toString().padStart(2, '0');
|
|
94
|
+
const day = now.getDate().toString().padStart(2, '0');
|
|
95
|
+
const month = (now.getMonth() + 1).toString().padStart(2, '0'); // +1 because months are 0-indexed
|
|
96
|
+
const year = now.getFullYear();
|
|
97
|
+
return `${hours}:${minutes} ${day}/${month}/${year}`;
|
|
98
|
+
}
|
|
99
|
+
/**
|
|
100
|
+
* A function to scroll to the bottom of the chat so that the latest message is visible
|
|
101
|
+
*/
|
|
102
|
+
function scrollToBottom(node) {
|
|
103
|
+
setTimeout(() => {
|
|
104
|
+
if (node) {
|
|
105
|
+
node.scrollTop = node.scrollHeight;
|
|
106
|
+
}
|
|
107
|
+
}, 100);
|
|
108
|
+
}
|
|
109
|
+
/**
|
|
110
|
+
* A chat component
|
|
111
|
+
*
|
|
112
|
+
* @param {ChatProps} props - the component props
|
|
113
|
+
*/
|
|
114
|
+
function Chat(props) {
|
|
115
|
+
var _a;
|
|
116
|
+
const [reply, setReply] = React.useState('');
|
|
117
|
+
const [localMessages, setLocalMessages] = React.useState((_a = props.value) !== null && _a !== void 0 ? _a : []);
|
|
118
|
+
if (props.value && !isEqual(props.value, localMessages)) {
|
|
119
|
+
setLocalMessages(props.value);
|
|
120
|
+
}
|
|
121
|
+
const chatBodyRef = React.useRef(null);
|
|
122
|
+
const onSubmitMessage = () => {
|
|
123
|
+
var _a;
|
|
124
|
+
if (reply) {
|
|
125
|
+
// Create a new message
|
|
126
|
+
const newMessage = {
|
|
127
|
+
id: nanoid(),
|
|
128
|
+
// remove any /n and trailing whitespace
|
|
129
|
+
message: reply.replace(/\n/g, ' ').trim(),
|
|
130
|
+
timestamp: getFormattedTimestamp(),
|
|
131
|
+
};
|
|
132
|
+
const newMessages = [...localMessages, newMessage];
|
|
133
|
+
// Add the new message to the chat
|
|
134
|
+
(_a = props.onUpdate) === null || _a === void 0 ? void 0 : _a.call(props, newMessages);
|
|
135
|
+
setLocalMessages(newMessages);
|
|
136
|
+
// Clear the reply field and scroll to the bottom of the chat to show latest message
|
|
137
|
+
setReply('');
|
|
138
|
+
scrollToBottom(chatBodyRef === null || chatBodyRef === void 0 ? void 0 : chatBodyRef.current);
|
|
139
|
+
}
|
|
140
|
+
};
|
|
141
|
+
const onEditMessage = (message) => {
|
|
142
|
+
var _a;
|
|
143
|
+
// Find the message to edit and replace it with the new message
|
|
144
|
+
const newMessages = localMessages.map((m) => {
|
|
145
|
+
if (m.id === message.id) {
|
|
146
|
+
return message;
|
|
147
|
+
}
|
|
148
|
+
return m;
|
|
149
|
+
});
|
|
150
|
+
// Update the chat
|
|
151
|
+
(_a = props.onUpdate) === null || _a === void 0 ? void 0 : _a.call(props, newMessages);
|
|
152
|
+
setLocalMessages(newMessages);
|
|
153
|
+
};
|
|
154
|
+
const onDeleteMessage = (id) => {
|
|
155
|
+
var _a;
|
|
156
|
+
// Remove the message with the given id
|
|
157
|
+
const newMessages = localMessages.filter((message) => message.id !== id);
|
|
158
|
+
// Update the chat
|
|
159
|
+
(_a = props.onUpdate) === null || _a === void 0 ? void 0 : _a.call(props, newMessages);
|
|
160
|
+
setLocalMessages(newMessages);
|
|
161
|
+
};
|
|
162
|
+
React.useLayoutEffect(() => {
|
|
163
|
+
scrollToBottom(chatBodyRef === null || chatBodyRef === void 0 ? void 0 : chatBodyRef.current);
|
|
164
|
+
}, []);
|
|
165
|
+
return (_jsxs(ChatWrapper, { className: props.className, style: props.style, children: [_jsxs(ChatTop, { children: [_jsx("span", { children: "Chat" }), _jsx(CloseIcon, { onClick: props.onClose })] }), _jsx(ChatBody, { ref: chatBodyRef, children: localMessages.map((message) => (_jsx(MessageComponent, { onChange: onEditMessage, onDelete: onDeleteMessage, value: message }, message.id))) }), _jsxs(ReplyWrapper, { children: [_jsx(TextArea, { onChange: setReply, placeholder: "Add a comment", resize: "none", value: reply }), _jsx(ReplyButtons, { children: _jsx(Button, { onClick: onSubmitMessage, children: "Send" }) })] })] }));
|
|
166
|
+
}
|
|
167
|
+
export default Chat;
|
|
168
|
+
//# sourceMappingURL=chat.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../src/chat/chat.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { InteractiveComponentProps, Message } from '../types';
|
|
3
|
+
export interface MessageProps extends InteractiveComponentProps<Message> {
|
|
4
|
+
/** An optional onChange handler for listening to changes in the input */
|
|
5
|
+
onChange?: (value: Message, e?: React.SyntheticEvent<HTMLInputElement>) => void | Promise<void>;
|
|
6
|
+
/** An optional event listener for complete events (enter presses) */
|
|
7
|
+
onDelete?: (id: string) => void | Promise<void>;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A Message component that displays a message with a timestamp and allows for editing and deleting
|
|
11
|
+
*
|
|
12
|
+
* @param {MessageProps} props - the component props
|
|
13
|
+
*/
|
|
14
|
+
declare function MessageComponent(props: MessageProps): JSX.Element;
|
|
15
|
+
export default MessageComponent;
|
|
16
|
+
//# sourceMappingURL=message.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/chat/message.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAoF9D,MAAM,WAAW,YAAa,SAAQ,yBAAyB,CAAC,OAAO,CAAC;IACpE,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChG,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnD;AAED;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAsD1D;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Copyright 2024 Impulse Innovations Limited
|
|
4
|
+
*
|
|
5
|
+
*
|
|
6
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
+
* you may not use this file except in compliance with the License.
|
|
8
|
+
* You may obtain a copy of the License at
|
|
9
|
+
*
|
|
10
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
+
*
|
|
12
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
+
* See the License for the specific language governing permissions and
|
|
16
|
+
* limitations under the License.
|
|
17
|
+
*/
|
|
18
|
+
import { isEqual } from 'lodash';
|
|
19
|
+
import * as React from 'react';
|
|
20
|
+
import styled from '@darajs/styled-components';
|
|
21
|
+
import { PenToSquare, Trash } from '@darajs/ui-icons';
|
|
22
|
+
import Button from '../button/button';
|
|
23
|
+
import TextArea from '../textarea/textarea';
|
|
24
|
+
const InteractiveIcons = styled.div `
|
|
25
|
+
position: absolute;
|
|
26
|
+
top: 0.75rem;
|
|
27
|
+
left: 236px;
|
|
28
|
+
|
|
29
|
+
display: none;
|
|
30
|
+
gap: 0.5rem;
|
|
31
|
+
|
|
32
|
+
padding: 0.3rem;
|
|
33
|
+
|
|
34
|
+
background-color: ${(props) => props.theme.colors.blue1};
|
|
35
|
+
border-radius: 0.25rem;
|
|
36
|
+
box-shadow: ${(props) => props.theme.shadow.medium};
|
|
37
|
+
`;
|
|
38
|
+
const MessageWrapper = styled.div `
|
|
39
|
+
position: relative;
|
|
40
|
+
|
|
41
|
+
gap: 0.5rem;
|
|
42
|
+
|
|
43
|
+
width: 100%;
|
|
44
|
+
padding: 1rem;
|
|
45
|
+
|
|
46
|
+
background-color: ${(props) => props.theme.colors.blue1};
|
|
47
|
+
border-radius: 0.25rem;
|
|
48
|
+
box-shadow: ${(props) => props.theme.shadow.medium};
|
|
49
|
+
|
|
50
|
+
:hover ${InteractiveIcons} {
|
|
51
|
+
display: flex;
|
|
52
|
+
}
|
|
53
|
+
`;
|
|
54
|
+
const MessageTop = styled.div `
|
|
55
|
+
display: flex;
|
|
56
|
+
justify-content: space-between;
|
|
57
|
+
|
|
58
|
+
width: 100%;
|
|
59
|
+
height: 1.625rem;
|
|
60
|
+
|
|
61
|
+
font-size: 0.8rem;
|
|
62
|
+
color: ${(props) => props.theme.colors.grey5};
|
|
63
|
+
`;
|
|
64
|
+
const MessageBody = styled.div `
|
|
65
|
+
display: flex;
|
|
66
|
+
width: 100%;
|
|
67
|
+
color: ${(props) => props.theme.colors.text};
|
|
68
|
+
overflow-wrap: break-word;
|
|
69
|
+
`;
|
|
70
|
+
const DeleteIcon = styled(Trash) `
|
|
71
|
+
height: 0.8rem;
|
|
72
|
+
color: ${(props) => props.theme.colors.secondary};
|
|
73
|
+
|
|
74
|
+
:hover {
|
|
75
|
+
color: ${(props) => props.theme.colors.secondaryHover}CC;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
:active {
|
|
79
|
+
color: ${(props) => props.theme.colors.secondaryDown}99;
|
|
80
|
+
}
|
|
81
|
+
`;
|
|
82
|
+
const EditIcon = styled(PenToSquare) `
|
|
83
|
+
height: 0.8rem;
|
|
84
|
+
color: ${(props) => props.theme.colors.secondary};
|
|
85
|
+
|
|
86
|
+
:hover {
|
|
87
|
+
color: ${(props) => props.theme.colors.secondaryHover}CC;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
:active {
|
|
91
|
+
color: ${(props) => props.theme.colors.secondaryDown}99;
|
|
92
|
+
}
|
|
93
|
+
`;
|
|
94
|
+
const EditButtons = styled.div `
|
|
95
|
+
display: flex;
|
|
96
|
+
gap: 1rem;
|
|
97
|
+
justify-content: flex-end;
|
|
98
|
+
`;
|
|
99
|
+
/**
|
|
100
|
+
* A Message component that displays a message with a timestamp and allows for editing and deleting
|
|
101
|
+
*
|
|
102
|
+
* @param {MessageProps} props - the component props
|
|
103
|
+
*/
|
|
104
|
+
function MessageComponent(props) {
|
|
105
|
+
const [editMode, setEditMode] = React.useState(false);
|
|
106
|
+
const [editMessage, setEditMessage] = React.useState(props.value.message);
|
|
107
|
+
const [localMessage, setLocalMessage] = React.useState(props.value);
|
|
108
|
+
if (props.value && !isEqual(props.value, localMessage)) {
|
|
109
|
+
setLocalMessage(props.value);
|
|
110
|
+
}
|
|
111
|
+
const onAccept = () => {
|
|
112
|
+
// if the message hasn't changed, don't do anything
|
|
113
|
+
if (editMessage === localMessage.message) {
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
// remove any /n and trailing whitespace
|
|
117
|
+
const newMessage = Object.assign(Object.assign({}, localMessage), { message: editMessage.replace(/\n/g, ' ').trim() });
|
|
118
|
+
props === null || props === void 0 ? void 0 : props.onChange(newMessage);
|
|
119
|
+
setLocalMessage(newMessage);
|
|
120
|
+
// need to reset the textarea message to the message without the /n and trailing whitespace
|
|
121
|
+
setEditMessage(newMessage.message);
|
|
122
|
+
setEditMode(false);
|
|
123
|
+
};
|
|
124
|
+
const onDelete = () => {
|
|
125
|
+
if (props.onDelete) {
|
|
126
|
+
props.onDelete(props.value.id);
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
return (_jsxs(MessageWrapper, { className: props.className, style: props.style, children: [_jsxs(MessageTop, { children: [props.value.timestamp, !editMode && (_jsxs(InteractiveIcons, { children: [_jsx(EditIcon, { "data-testid": "message-edit-button", onClick: () => setEditMode(true), role: "button" }), _jsx(DeleteIcon, { "data-testid": "message-delete-button", onClick: onDelete, role: "button" })] }))] }), editMode && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [_jsx(TextArea, { onChange: setEditMessage, resize: "vertical", value: editMessage }), _jsxs(EditButtons, { children: [_jsx(Button, { onClick: () => setEditMode(false), outline: true, children: "Cancel" }), _jsx(Button, { onClick: onAccept, children: "Save" })] })] })), !editMode && _jsx(MessageBody, { children: localMessage.message })] }));
|
|
130
|
+
}
|
|
131
|
+
export default MessageComponent;
|
|
132
|
+
//# sourceMappingURL=message.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message.js","sourceRoot":"","sources":["../../src/chat/message.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -15,12 +15,13 @@
|
|
|
15
15
|
* limitations under the License.
|
|
16
16
|
*/
|
|
17
17
|
export { Key, CONTROL_KEYS } from './constants';
|
|
18
|
-
export { AccordionItemType, JSONData, Item, ComponentSelectItem, InteractiveComponentProps, CarouselItem, } from './types';
|
|
18
|
+
export { AccordionItemType, JSONData, Item, ComponentSelectItem, InteractiveComponentProps, CarouselItem, Message, } from './types';
|
|
19
19
|
export { default as Accordion } from './accordion/accordion';
|
|
20
20
|
export { default as Badge } from './badge/badge';
|
|
21
21
|
export { default as Button } from './button/button';
|
|
22
22
|
export { default as ButtonBar } from './button-bar/button-bar';
|
|
23
23
|
export { default as Carousel } from './carousel/carousel';
|
|
24
|
+
export { default as Chat } from './chat/chat';
|
|
24
25
|
export { default as CategoricalFilter } from './filter/categorical-filter';
|
|
25
26
|
export { default as Checkbox } from './checkbox/checkbox';
|
|
26
27
|
export { default as CheckboxGroup } from './checkbox/checkbox-group';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EACH,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,mBAAmB,EACnB,yBAAyB,EACzB,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EACH,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,mBAAmB,EACnB,yBAAyB,EACzB,YAAY,EACZ,OAAO,GACV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -20,6 +20,7 @@ export { default as Badge } from './badge/badge';
|
|
|
20
20
|
export { default as Button } from './button/button';
|
|
21
21
|
export { default as ButtonBar } from './button-bar/button-bar';
|
|
22
22
|
export { default as Carousel } from './carousel/carousel';
|
|
23
|
+
export { default as Chat } from './chat/chat';
|
|
23
24
|
export { default as CategoricalFilter } from './filter/categorical-filter';
|
|
24
25
|
export { default as Checkbox } from './checkbox/checkbox';
|
|
25
26
|
export { default as CheckboxGroup } from './checkbox/checkbox-group';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAWhD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAc,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAiB,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAyB,MAAM,iCAAiC,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAkB,MAAM,SAAS,CAAC"}
|
package/dist/types.d.ts
CHANGED
|
@@ -63,4 +63,13 @@ export interface InteractiveComponentProps<T> {
|
|
|
63
63
|
/** An optional value field to put the component into controlled mode */
|
|
64
64
|
value?: T;
|
|
65
65
|
}
|
|
66
|
+
/** Type for a Chat message */
|
|
67
|
+
export interface Message {
|
|
68
|
+
/** Unique identifier for the message */
|
|
69
|
+
id: string;
|
|
70
|
+
/** The message content */
|
|
71
|
+
message: string;
|
|
72
|
+
/** The timestamp of the message */
|
|
73
|
+
timestamp: string;
|
|
74
|
+
}
|
|
66
75
|
//# sourceMappingURL=types.d.ts.map
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;CAAE,CAAC;AAE/F,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,4CAA4C;AAC5C,MAAM,WAAW,IAAI;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,KAAK,EAAE,GAAG,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC;IACxC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wEAAwE;IACxE,KAAK,CAAC,EAAE,CAAC,CAAC;CACb"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;CAAE,CAAC;AAE/F,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,4CAA4C;AAC5C,MAAM,WAAW,IAAI;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,KAAK,EAAE,GAAG,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC;IACxC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,mFAAmF;IACnF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wEAAwE;IACxE,KAAK,CAAC,EAAE,CAAC,CAAC;CACb;AAED,8BAA8B;AAC9B,MAAM,WAAW,OAAO;IACpB,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;CACrB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@darajs/ui-components",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.2",
|
|
4
4
|
"description": "The core React UI kit for Dara",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
"@babel/preset-env": "^7.15.6",
|
|
24
24
|
"@babel/preset-react": "^7.14.5",
|
|
25
25
|
"@babel/preset-typescript": "^7.15.0",
|
|
26
|
-
"@darajs/eslint-config": "^1.7.
|
|
27
|
-
"@darajs/prettier-config": "^1.7.
|
|
28
|
-
"@darajs/stylelint-config": "^1.7.
|
|
26
|
+
"@darajs/eslint-config": "^1.7.2",
|
|
27
|
+
"@darajs/prettier-config": "^1.7.2",
|
|
28
|
+
"@darajs/stylelint-config": "^1.7.2",
|
|
29
29
|
"@storybook/addon-a11y": "^6.5.16",
|
|
30
30
|
"@storybook/addon-actions": "^6.5.16",
|
|
31
31
|
"@storybook/addon-essentials": "^6.5.16",
|
|
@@ -68,9 +68,9 @@
|
|
|
68
68
|
"typescript": "^5.0.4"
|
|
69
69
|
},
|
|
70
70
|
"dependencies": {
|
|
71
|
-
"@darajs/styled-components": "^1.7.
|
|
72
|
-
"@darajs/ui-icons": "^1.7.
|
|
73
|
-
"@darajs/ui-utils": "^1.7.
|
|
71
|
+
"@darajs/styled-components": "^1.7.2",
|
|
72
|
+
"@darajs/ui-icons": "^1.7.2",
|
|
73
|
+
"@darajs/ui-utils": "^1.7.2",
|
|
74
74
|
"@fortawesome/free-regular-svg-icons": "~6.4.0",
|
|
75
75
|
"@fortawesome/free-solid-svg-icons": "~6.4.0",
|
|
76
76
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"publishConfig": {
|
|
103
103
|
"access": "public"
|
|
104
104
|
},
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "d17e3f8136b13d95413f657ad2f2bcea1180c49d"
|
|
106
106
|
}
|