@darajs/components 1.8.3 → 1.8.5

package/dist/common/markdown/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../js/common/markdown/markdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAA8C,MAAM,cAAc,CAAC;AAG1G,UAAU,aAAc,SAAQ,oBAAoB;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CACvC;AAuKD;;GAEG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAiBnD;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../js/common/markdown/markdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAA8C,MAAM,cAAc,CAAC;AAG1G,UAAU,aAAc,SAAQ,oBAAoB;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CACvC;AAID;;GAEG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAoBnD;AAED,eAAe,QAAQ,CAAC"}

package/dist/common/markdown/markdown.js

@@ -1,173 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import ReactMarkdown from 'react-markdown';
 import rehypeRaw from 'rehype-raw';
-import remarkGfm from 'remark-gfm';
 import { injectCss, useComponentStyles, useVariable } from '@darajs/core';
-import styled from '@darajs/styled-components';
-const _CustomMarkdown = styled.div `
-    /*
-     * Apply some base styles to the markdown content so it looks good by default
-     * Inspired by https://tailwindcss.com/docs/typography-plugin
-    */
-    p {
-        margin-top: 1.25rem;
-        margin-bottom: 1.25rem;
-    }
-
-    blockquote {
-        /* stylelint-disable declaration-property-value-no-unknown */
-        quotes: '"\\201C""\\201D""\\2018""\\2019"';
-        /* stylelint-enable declaration-property-value-no-unknown */
-
-        margin-top: 1.5rem;
-        margin-bottom: 1.5rem;
-        padding-left: 1rem;
-
-        font-weight: 500;
-        font-style: italic;
-        color: ${(props) => props.theme.colors.grey6};
-
-        border-left: 0.25rem solid ${(props) => props.theme.colors.grey3};
-    }
-
-    h1 {
-        margin-top: 2rem;
-        margin-bottom: 1rem;
-        font-size: 2.5rem;
-        line-height: 1.1;
-    }
-
-    h2 {
-        margin-top: 2rem;
-        margin-bottom: 1rem;
-        font-size: 1.5rem;
-        line-height: 1.3;
-    }
-
-    h3 {
-        margin-top: 1.6rem;
-        margin-bottom: 0.6rem;
-        font-size: 1.25rem;
-        line-height: 1.25;
-    }
-
-    h4 {
-        margin-top: 1.5rem;
-        margin-bottom: 0.5rem;
-        line-height: 1.5;
-    }
-
-    img,
-    figure,
-    video {
-        margin-top: 1.5rem;
-        margin-bottom: 1.5rem;
-
-        * {
-            margin-top: 0;
-            margin-bottom: 0;
-        }
-    }
-
-    code {
-        font-size: 0.9rem;
-    }
-
-    h2 code {
-        font-size: 0.875rem;
-    }
-
-    h3 code {
-        font-size: 0.9rem;
-    }
-
-    pre {
-        overflow-x: auto;
-
-        margin-top: 1.7rem;
-        margin-bottom: 1.7rem;
-        padding: 0.85rem 1.15rem;
-
-        font-size: 0.9rem;
-        line-height: 1.7;
-
-        border-radius: 0.375rem;
-    }
-
-    hr {
-        margin-top: 3rem;
-        margin-bottom: 3rem;
-    }
-
-    hr + *,
-    h2 + *,
-    h3 + *,
-    h4 + * {
-        margin-top: 0;
-    }
-
-    ol,
-    ul {
-        margin-top: 1.25rem;
-        margin-bottom: 1.25rem;
-        padding-left: 1.625rem;
-
-        li {
-            margin-top: 0.5rem;
-            margin-bottom: 0.5rem;
-            padding-left: 0.375rem;
-
-            p {
-                margin-top: 0.75rem;
-                margin-bottom: 0.75rem;
-            }
-
-            *:first-child {
-                margin-top: 1.25rem;
-            }
-
-            *:last-child {
-                margin-bottom: 1.25rem;
-            }
-        }
-    }
-
-    table {
-        font-size: 0.875rem;
-        line-height: 1.7;
-
-        thead {
-            th {
-                padding-right: 0.5rem;
-                padding-bottom: 0.5rem;
-                padding-left: 0.5rem;
-            }
-
-            th:first-child {
-                padding-left: 0;
-            }
-
-            th:last-child {
-                padding-right: 0;
-            }
-        }
-
-        tbody {
-            td {
-                padding: 0.5rem;
-            }
-
-            td:first-child {
-                padding-left: 0;
-            }
-
-            td:last-child {
-                padding-right: 0;
-            }
-        }
-    }
-`;
-const CustomMarkdown = injectCss(_CustomMarkdown);
+import { Markdown as UiMarkdown } from '@darajs/ui-components';
+const CustomMarkdown = injectCss(UiMarkdown);
 /**
  * A component for rendering markdown
  */
@@ -178,7 +13,9 @@ function Markdown(props) {
     if (props.html_raw) {
         rehypePlugins.push(rehypeRaw);
     }
-    return (_jsx(CustomMarkdown, { "$rawCss": css, className: props.className, style: style, children: _jsx(ReactMarkdown, { rehypePlugins: rehypePlugins, remarkPlugins: [remarkGfm], children: markdown }) }));
+    return (_jsx(CustomMarkdown, { "$rawCss": css, className: props.className, style: style, markdown: markdown, 
+        // @ts-expect-error rehype type
+        rehypePlugins: rehypePlugins }));
 }
 export default Markdown;
 //# sourceMappingURL=markdown.js.map

package/dist/common/markdown/markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../js/common/markdown/markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAa/C,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;iBAqBjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;qCAEf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IvE,CAAC;AACF,MAAM,cAAc,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;AAElD;;GAEG;AACH,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,EAAE,CAAC;IAEzB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAED,OAAO,CACH,KAAC,cAAc,eAAU,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,YAClE,KAAC,aAAa,IAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,SAAS,CAAC,YAClE,QAAQ,GACG,GACH,CACpB,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../js/common/markdown/markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAkC,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC1G,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAa/D,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAE7C;;GAEG;AACH,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,EAAE,CAAC;IAEzB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAED,OAAO,CACH,KAAC,cAAc,eACF,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ;QAClB,+BAA+B;QAC/B,aAAa,EAAE,aAAa,GAC9B,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/smart/chat/chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../js/smart/chat/chat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,oBAAoB,EAEpB,QAAQ,EAQX,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAA0C,MAAM,uBAAuB,CAAC;AAGxF,UAAU,SAAU,SAAQ,oBAAoB;IAC5C,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;CAC/B;AAiGD;;;;GAIG;AACH,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAgF3C;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../js/smart/chat/chat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,oBAAoB,EAEpB,QAAQ,EAQX,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAA0C,MAAM,uBAAuB,CAAC;AAGxF,UAAU,SAAU,SAAQ,oBAAoB;IAC5C,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;CAC/B;AAkID;;;;GAIG;AACH,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAyF3C;AAED,eAAe,IAAI,CAAC"}

package/dist/smart/chat/chat.js

@@ -7,31 +7,37 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { handleAuthErrors, injectCss, request, useComponentStyles, useRequestExtras, useUser, useVariable, } from '@darajs/core';
 import styled, { useTheme } from '@darajs/styled-components';
 import { Chat as UiChat } from '@darajs/ui-components';
 import { HTTP_METHOD, validateResponse } from '@darajs/ui-utils';
-const ChatWrapper = styled.div `
+const ThreadWrapper = styled.div `
     pointer-events: auto;
 
     position: fixed;
-    z-index: 999;
     right: 1rem;
     bottom: -0.1rem;
+
+    margin: 1rem;
+
+    border-radius: 0.4rem;
 `;
 const ChatButton = styled.button `
-    width: 3.5rem;
-    height: 3.5rem;
-    margin: 0 2rem 2rem 0;
-    padding-top: 0.5rem;
+    position: absolute;
+    right: 1rem;
+    bottom: 1rem;
+
+    width: 2rem;
+    height: 2rem;
+    padding-top: 0.45rem;
 
     color: ${(props) => props.theme.colors.background};
 
     background-color: ${(props) => props.theme.colors.primary};
     border: none;
-    border-radius: 3rem;
+    border-radius: 2rem;
 
     :hover {
         background-color: ${(props) => props.theme.colors.primaryHover};
@@ -92,6 +98,31 @@ function sendNewMessage(payload, extras) {
         }
     });
 }
+/**
+ * Check if the given selector has been rendered more than once in the document
+ *
+ * @param selector the selector to check
+ */
+function checkMoreThanOneRenderedElement(selector) {
+    const elements = document.querySelectorAll(selector);
+    return elements.length > 1;
+}
+/**
+ * Get the highest z-index of the elements with the given selector
+ *
+ * @param selector the selector to get the z-index from
+ */
+function getHighestZIndex(selector) {
+    const elements = document.querySelectorAll(selector);
+    let highest = 998; // Start with 998
+    elements.forEach((element) => {
+        const zIndex = parseInt(window.getComputedStyle(element).zIndex);
+        if (zIndex > highest) {
+            highest = zIndex;
+        }
+    });
+    return highest;
+}
 /**
  * The Chat component switches between a chat button and a chat sidebar, allowing the user to interact with a chat.
  *
@@ -102,6 +133,8 @@ function Chat(props) {
     const [style, css] = useComponentStyles(props);
     const [value, setValue] = useVariable(props.value);
     const [showChat, setShowChat] = React.useState(false);
+    const [areThereOtherChats, setAreThereOtherChats] = React.useState(false);
+    const [zIndex, setZIndex] = React.useState(998);
     const user = useUser();
     const theme = useTheme();
     const extras = useRequestExtras();
@@ -121,7 +154,23 @@ function Chat(props) {
         }
         setValue(newValue);
     };
-    return (_jsxs(ChatWrapper, { children: [showChat && (_jsx(StyledChat, { "$rawCss": css, className: props.className, onClose: () => setShowChat(false), onUpdate: onUpdate, style: style, value: value, activeUser: parseUserData(userData) })), !showChat && (_jsx(ChatButton, { onClick: () => setShowChat(true), children: _jsxs("svg", { fill: "none", height: "32", viewBox: "0 0 32 32", width: "32", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { fill: "none", height: "24", rx: "3", width: "30", x: "1", y: "1.33594" }), _jsx("rect", { height: "24", rx: "3", stroke: theme.colors.background, strokeWidth: "2", width: "30", x: "1", y: "1.33594" }), _jsx("path", { d: "M8 8.33594H24", stroke: theme.colors.background, strokeLinecap: "round", strokeWidth: "2" }), _jsx("path", { d: "M8 13.3359H24", stroke: theme.colors.background, strokeLinecap: "round", strokeWidth: "2" }), _jsx("path", { d: "M8 18.3359H24", stroke: theme.colors.background, strokeLinecap: "round", strokeWidth: "2" }), _jsx("path", { d: "M18.5981 26.1641L16 30.6641L13.4019 26.1641L18.5981 26.1641Z", fill: theme.colors.background, stroke: theme.colors.background }), _jsx("path", { d: "M16 28.3359L13.4019 23.8359L18.5981 23.8359L16 28.3359Z", fill: "none" })] }) }))] }));
+    const onClickChatButton = () => {
+        setShowChat(true);
+        setZIndex(getHighestZIndex('.chat-thread') + 1);
+        // we need to update here so that if the chat button is clicked again when it is already open, the background color is updated
+        setAreThereOtherChats(checkMoreThanOneRenderedElement('.chat-thread'));
+    };
+    React.useLayoutEffect(() => {
+        setAreThereOtherChats(checkMoreThanOneRenderedElement('.chat-thread'));
+    }, [showChat]);
+    return (_jsxs(_Fragment, { children: [showChat && (
+            // we set the z-index so that the latest chat thread opened is always on top, and if there is a chat thread open, we set the background color so that the transparency does not show the thread behind
+            _jsx(ThreadWrapper, { className: "chat-thread", style: {
+                    zIndex,
+                    backgroundColor: areThereOtherChats ? theme.colors.background : 'transparent',
+                }, children: _jsx(StyledChat, { "$rawCss": css, className: props.className, onClose: () => setShowChat(false), onUpdate: onUpdate, 
+                    // TODO: remove margin 0 when dara-ui is updated to not set it
+                    style: Object.assign({ margin: 0 }, style), value: value, activeUser: parseUserData(userData) }) })), _jsx(ChatButton, { onClick: onClickChatButton, children: _jsxs("svg", { fill: "none", height: "32", viewBox: "0 0 52 52", width: "32", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { fill: "none", height: "24", rx: "3", width: "30", x: "1", y: "1.33594" }), _jsx("rect", { height: "24", rx: "3", stroke: theme.colors.background, strokeWidth: "2", width: "30", x: "1", y: "1.33594" }), _jsx("path", { d: "M8 8.33594H24", stroke: theme.colors.background, strokeLinecap: "round", strokeWidth: "2" }), _jsx("path", { d: "M8 13.3359H24", stroke: theme.colors.background, strokeLinecap: "round", strokeWidth: "2" }), _jsx("path", { d: "M8 18.3359H24", stroke: theme.colors.background, strokeLinecap: "round", strokeWidth: "2" }), _jsx("path", { d: "M18.5981 26.1641L16 30.6641L13.4019 26.1641L18.5981 26.1641Z", fill: theme.colors.background, stroke: theme.colors.background }), _jsx("path", { d: "M16 28.3359L13.4019 23.8359L18.5981 23.8359L16 28.3359Z", fill: "none" })] }) })] }));
 }
 export default Chat;
 //# sourceMappingURL=chat.js.map

package/dist/smart/chat/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../js/smart/chat/chat.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../js/smart/chat/chat.tsx"],"names":[],"mappings":"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"}

package/dist/umd/dara.components.umd.js

@@ -31232,7 +31232,7 @@
     };
     return jsxRuntime.exports.jsxs(MessageWrapper, { className: props.className, style: props.style, children: [jsxRuntime.exports.jsxs(MessageTop, { children: [jsxRuntime.exports.jsxs(UserInfoWrapper, { children: [jsxRuntime.exports.jsx(AvatarIcon, { style: { backgroundColor: selectColor(localMessage.user.name, tokenColors) }, children: getInitials(localMessage.user.name) }), jsxRuntime.exports.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [localMessage.user.name, jsxRuntime.exports.jsx(MessageTimestamp, { children: getFormattedTimestamp(props.value.created_at) })] }), localMessage.updated_at !== localMessage.created_at && jsxRuntime.exports.jsx(Tooltip$1, { content: getFormattedTimestamp(props.value.updated_at), children: jsxRuntime.exports.jsx(EditedText, { children: " (edited)" }) })] }), !editMode && props.isEditable && jsxRuntime.exports.jsxs(InteractiveIcons, { children: [jsxRuntime.exports.jsx(EditIcon, { "data-testid": "message-edit-button", onClick: () => setEditMode(true), role: "button" }), jsxRuntime.exports.jsx(DeleteIcon, { "data-testid": "message-delete-button", onClick: onDelete, role: "button" })] })] }), editMode && jsxRuntime.exports.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [jsxRuntime.exports.jsx(TextArea, { onChange: setEditMessage, resize: "vertical", value: editMessage }), jsxRuntime.exports.jsxs(EditButtons, { children: [jsxRuntime.exports.jsx(Button$3, { onClick: () => setEditMode(false), outline: true, children: "Cancel" }), jsxRuntime.exports.jsx(Button$3, { onClick: onAccept, children: "Save" })] })] }), !editMode && jsxRuntime.exports.jsx(MessageBody, { children: jsxRuntime.exports.jsx(Markdown$1, { markdown: processText(localMessage.message) }) })] });
   }
-  const ChatWrapper$1 = styled__default.default.div`
+  const ChatWrapper = styled__default.default.div`
     overflow-y: auto;
     display: flex;
     flex-direction: column;
@@ -31358,7 +31358,7 @@
     React__namespace.useLayoutEffect(() => {
       scrollToBottom(chatBodyRef === null || chatBodyRef === void 0 ? void 0 : chatBodyRef.current);
     }, []);
-    return jsxRuntime.exports.jsxs(ChatWrapper$1, { className: props.className, style: props.style, children: [jsxRuntime.exports.jsxs(ChatTop, { children: [jsxRuntime.exports.jsx("span", { children: "Chat" }), jsxRuntime.exports.jsx(CloseIcon, { onClick: props.onClose })] }), jsxRuntime.exports.jsx(ChatBody, { ref: chatBodyRef, children: localMessages.map((message) => jsxRuntime.exports.jsx(MessageComponent, { onChange: onEditMessage, onDelete: onDeleteMessage, value: message, isEditable: didUserWriteMessage(message, props.activeUser) }, message.id)) }), jsxRuntime.exports.jsxs(ReplyWrapper, { children: [jsxRuntime.exports.jsx(TextArea, { onChange: onChangeReply, onComplete: onSubmitMessage, placeholder: "Add a comment", resize: "none", value: reply }), jsxRuntime.exports.jsx(ReplyButtons, { children: jsxRuntime.exports.jsx(Button$3, { disabled: !(reply.trim().length > 0), onClick: onSubmitMessage, children: "Send" }) })] })] });
+    return jsxRuntime.exports.jsxs(ChatWrapper, { className: props.className, style: props.style, children: [jsxRuntime.exports.jsxs(ChatTop, { children: [jsxRuntime.exports.jsx("span", { children: "Chat" }), jsxRuntime.exports.jsx(CloseIcon, { onClick: props.onClose })] }), jsxRuntime.exports.jsx(ChatBody, { ref: chatBodyRef, children: localMessages.map((message) => jsxRuntime.exports.jsx(MessageComponent, { onChange: onEditMessage, onDelete: onDeleteMessage, value: message, isEditable: didUserWriteMessage(message, props.activeUser) }, message.id)) }), jsxRuntime.exports.jsxs(ReplyWrapper, { children: [jsxRuntime.exports.jsx(TextArea, { onChange: onChangeReply, onComplete: onSubmitMessage, placeholder: "Add a comment", resize: "none", value: reply }), jsxRuntime.exports.jsx(ReplyButtons, { children: jsxRuntime.exports.jsx(Button$3, { disabled: !(reply.trim().length > 0), onClick: onSubmitMessage, children: "Send" }) })] })] });
   }
   const CheckboxWrapper$1 = styled__default.default.label`
     cursor: ${(props) => props.disabled ? "not-allowed" : "pointer"};
@@ -64319,170 +64319,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return result;
     };
   }
-  const _CustomMarkdown = styled__default.default.div`
-    /*
-     * Apply some base styles to the markdown content so it looks good by default
-     * Inspired by https://tailwindcss.com/docs/typography-plugin
-    */
-    p {
-        margin-top: 1.25rem;
-        margin-bottom: 1.25rem;
-    }
-
-    blockquote {
-        /* stylelint-disable declaration-property-value-no-unknown */
-        quotes: '"\\201C""\\201D""\\2018""\\2019"';
-        /* stylelint-enable declaration-property-value-no-unknown */
-
-        margin-top: 1.5rem;
-        margin-bottom: 1.5rem;
-        padding-left: 1rem;
-
-        font-weight: 500;
-        font-style: italic;
-        color: ${(props) => props.theme.colors.grey6};
-
-        border-left: 0.25rem solid ${(props) => props.theme.colors.grey3};
-    }
-
-    h1 {
-        margin-top: 2rem;
-        margin-bottom: 1rem;
-        font-size: 2.5rem;
-        line-height: 1.1;
-    }
-
-    h2 {
-        margin-top: 2rem;
-        margin-bottom: 1rem;
-        font-size: 1.5rem;
-        line-height: 1.3;
-    }
-
-    h3 {
-        margin-top: 1.6rem;
-        margin-bottom: 0.6rem;
-        font-size: 1.25rem;
-        line-height: 1.25;
-    }
-
-    h4 {
-        margin-top: 1.5rem;
-        margin-bottom: 0.5rem;
-        line-height: 1.5;
-    }
-
-    img,
-    figure,
-    video {
-        margin-top: 1.5rem;
-        margin-bottom: 1.5rem;
-
-        * {
-            margin-top: 0;
-            margin-bottom: 0;
-        }
-    }
-
-    code {
-        font-size: 0.9rem;
-    }
-
-    h2 code {
-        font-size: 0.875rem;
-    }
-
-    h3 code {
-        font-size: 0.9rem;
-    }
-
-    pre {
-        overflow-x: auto;
-
-        margin-top: 1.7rem;
-        margin-bottom: 1.7rem;
-        padding: 0.85rem 1.15rem;
-
-        font-size: 0.9rem;
-        line-height: 1.7;
-
-        border-radius: 0.375rem;
-    }
-
-    hr {
-        margin-top: 3rem;
-        margin-bottom: 3rem;
-    }
-
-    hr + *,
-    h2 + *,
-    h3 + *,
-    h4 + * {
-        margin-top: 0;
-    }
-
-    ol,
-    ul {
-        margin-top: 1.25rem;
-        margin-bottom: 1.25rem;
-        padding-left: 1.625rem;
-
-        li {
-            margin-top: 0.5rem;
-            margin-bottom: 0.5rem;
-            padding-left: 0.375rem;
-
-            p {
-                margin-top: 0.75rem;
-                margin-bottom: 0.75rem;
-            }
-
-            *:first-child {
-                margin-top: 1.25rem;
-            }
-
-            *:last-child {
-                margin-bottom: 1.25rem;
-            }
-        }
-    }
-
-    table {
-        font-size: 0.875rem;
-        line-height: 1.7;
-
-        thead {
-            th {
-                padding-right: 0.5rem;
-                padding-bottom: 0.5rem;
-                padding-left: 0.5rem;
-            }
-
-            th:first-child {
-                padding-left: 0;
-            }
-
-            th:last-child {
-                padding-right: 0;
-            }
-        }
-
-        tbody {
-            td {
-                padding: 0.5rem;
-            }
-
-            td:first-child {
-                padding-left: 0;
-            }
-
-            td:last-child {
-                padding-right: 0;
-            }
-        }
-    }
-`;
-  const CustomMarkdown = core$2.injectCss(_CustomMarkdown);
+  const CustomMarkdown = core$2.injectCss(Markdown$1);
   function Markdown(props) {
     const [style2, css2] = core$2.useComponentStyles(props);
     const [markdown] = core$2.useVariable(props.markdown);
@@ -64490,7 +64327,16 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     if (props.html_raw) {
       rehypePlugins.push(rehypeRaw);
     }
-    return /* @__PURE__ */ React__default.default.createElement(CustomMarkdown, { $rawCss: css2, className: props.className, style: style2 }, /* @__PURE__ */ React__default.default.createElement(Markdown$2, { rehypePlugins, remarkPlugins: [remarkGfm] }, markdown));
+    return /* @__PURE__ */ React__default.default.createElement(
+      CustomMarkdown,
+      {
+        $rawCss: css2,
+        className: props.className,
+        style: style2,
+        markdown,
+        rehypePlugins
+      }
+    );
   }
   const StyledModal = core$2.injectCss(Modal$1);
   function Modal(props) {
@@ -309868,25 +309714,31 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const [script, setScript] = core$2.useVariable(props.script);
     return /* @__PURE__ */ React__default.default.createElement(StyledCodeEditor, { $rawCss: css2, initialScript: script, onChange: setScript, style: style2 });
   }
-  const ChatWrapper = styled__default.default.div`
+  const ThreadWrapper = styled__default.default.div`
     pointer-events: auto;
 
     position: fixed;
-    z-index: 999;
     right: 1rem;
     bottom: -0.1rem;
+
+    margin: 1rem;
+
+    border-radius: 0.4rem;
 `;
   const ChatButton = styled__default.default.button`
-    width: 3.5rem;
-    height: 3.5rem;
-    margin: 0 2rem 2rem 0;
-    padding-top: 0.5rem;
+    position: absolute;
+    right: 1rem;
+    bottom: 1rem;
+
+    width: 2rem;
+    height: 2rem;
+    padding-top: 0.45rem;
 
     color: ${(props) => props.theme.colors.background};
 
     background-color: ${(props) => props.theme.colors.primary};
     border: none;
-    border-radius: 3rem;
+    border-radius: 2rem;
 
     :hover {
         background-color: ${(props) => props.theme.colors.primaryHover};
@@ -309931,11 +309783,28 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       console.error("Failed to send message notification:", error2);
     }
   }
+  function checkMoreThanOneRenderedElement(selector2) {
+    const elements = document.querySelectorAll(selector2);
+    return elements.length > 1;
+  }
+  function getHighestZIndex(selector2) {
+    const elements = document.querySelectorAll(selector2);
+    let highest = 998;
+    elements.forEach((element2) => {
+      const zIndex = parseInt(window.getComputedStyle(element2).zIndex);
+      if (zIndex > highest) {
+        highest = zIndex;
+      }
+    });
+    return highest;
+  }
   function Chat(props) {
     var _a3;
     const [style2, css2] = core$2.useComponentStyles(props);
     const [value, setValue] = core$2.useVariable(props.value);
     const [showChat, setShowChat] = React__namespace.useState(false);
+    const [areThereOtherChats, setAreThereOtherChats] = React__namespace.useState(false);
+    const [zIndex, setZIndex] = React__namespace.useState(998);
     const user = core$2.useUser();
     const theme2 = useClTheme();
     const extras = core$2.useRequestExtras();
@@ -309953,18 +309822,36 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
       setValue(newValue);
     };
-    return /* @__PURE__ */ React__namespace.createElement(ChatWrapper, null, showChat && /* @__PURE__ */ React__namespace.createElement(
-      StyledChat,
+    const onClickChatButton = () => {
+      setShowChat(true);
+      setZIndex(getHighestZIndex(".chat-thread") + 1);
+      setAreThereOtherChats(checkMoreThanOneRenderedElement(".chat-thread"));
+    };
+    React__namespace.useLayoutEffect(() => {
+      setAreThereOtherChats(checkMoreThanOneRenderedElement(".chat-thread"));
+    }, [showChat]);
+    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, showChat && /* @__PURE__ */ React__namespace.createElement(
+      ThreadWrapper,
       {
-        $rawCss: css2,
-        className: props.className,
-        onClose: () => setShowChat(false),
-        onUpdate,
-        style: style2,
-        value,
-        activeUser: parseUserData(userData)
-      }
-    ), !showChat && /* @__PURE__ */ React__namespace.createElement(ChatButton, { onClick: () => setShowChat(true) }, /* @__PURE__ */ React__namespace.createElement("svg", { fill: "none", height: "32", viewBox: "0 0 32 32", width: "32", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React__namespace.createElement("rect", { fill: "none", height: "24", rx: "3", width: "30", x: "1", y: "1.33594" }), /* @__PURE__ */ React__namespace.createElement(
+        className: "chat-thread",
+        style: {
+          zIndex,
+          backgroundColor: areThereOtherChats ? theme2.colors.background : "transparent"
+        }
+      },
+      /* @__PURE__ */ React__namespace.createElement(
+        StyledChat,
+        {
+          $rawCss: css2,
+          className: props.className,
+          onClose: () => setShowChat(false),
+          onUpdate,
+          style: { margin: 0, ...style2 },
+          value,
+          activeUser: parseUserData(userData)
+        }
+      )
+    ), /* @__PURE__ */ React__namespace.createElement(ChatButton, { onClick: onClickChatButton }, /* @__PURE__ */ React__namespace.createElement("svg", { fill: "none", height: "32", viewBox: "0 0 52 52", width: "32", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React__namespace.createElement("rect", { fill: "none", height: "24", rx: "3", width: "30", x: "1", y: "1.33594" }), /* @__PURE__ */ React__namespace.createElement(
       "rect",
       {
         height: "24",
@@ -309975,31 +309862,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         x: "1",
         y: "1.33594"
       }
-    ), /* @__PURE__ */ React__namespace.createElement(
-      "path",
-      {
-        d: "M8 8.33594H24",
-        stroke: theme2.colors.background,
-        strokeLinecap: "round",
-        strokeWidth: "2"
-      }
-    ), /* @__PURE__ */ React__namespace.createElement(
-      "path",
-      {
-        d: "M8 13.3359H24",
-        stroke: theme2.colors.background,
-        strokeLinecap: "round",
-        strokeWidth: "2"
-      }
-    ), /* @__PURE__ */ React__namespace.createElement(
-      "path",
-      {
-        d: "M8 18.3359H24",
-        stroke: theme2.colors.background,
-        strokeLinecap: "round",
-        strokeWidth: "2"
-      }
-    ), /* @__PURE__ */ React__namespace.createElement(
+    ), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 8.33594H24", stroke: theme2.colors.background, strokeLinecap: "round", strokeWidth: "2" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 13.3359H24", stroke: theme2.colors.background, strokeLinecap: "round", strokeWidth: "2" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 18.3359H24", stroke: theme2.colors.background, strokeLinecap: "round", strokeWidth: "2" }), /* @__PURE__ */ React__namespace.createElement(
       "path",
       {
         d: "M18.5981 26.1641L16 30.6641L13.4019 26.1641L18.5981 26.1641Z",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/components",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "description": "Components for the Dara framework",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -54,7 +54,7 @@
   },
   "dependencies": {
     "@bokeh/bokehjs": "~3.1.1",
-    "@darajs/core": "1.8.3",
+    "@darajs/core": "1.8.5",
     "@darajs/styled-components": "~1.9.1",
     "@darajs/ui-causal-graph-editor": "~1.9.1",
     "@darajs/ui-code-editor": "~1.9.1",
@@ -72,12 +72,10 @@
     "prism-react-renderer": "^1.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-markdown": "^9.0.1",
     "react-plotly.js": "~2.6.0",
     "react-virtualized-auto-sizer": "1.0.6",
     "recoil": "^0.7.7",
-    "rehype-raw": "^6.1.1",
-    "remark-gfm": "^4.0.0"
+    "rehype-raw": "^6.1.1"
   },
   "files": [
     "dist"
@@ -85,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ffff2bfec38372833e56eea7d38b2b6c57a97de1"
+  "gitHead": "f4c1285e26248fd773de207552542e357fe66553"
 }