@buerokratt-ria/common-gui-components 0.0.29 → 0.0.32

package/CHANGELOG.md

@@ -4,6 +4,19 @@ All changes to this project will be documented in this file.
 
 ## Template [MajorVersion.MediterraneanVersion.MinorVersion] - DD-MM-YYYY
 
+## [0.0.32] - 19-11-2025
+
+- Fixed isTest Mark.
+- Fixed Columns Spacing in Firefox
+
+## [0.0.31] - 18-11-2025
+
+- Added chat id to URL params in chats history page.
+
+## [0.0.30] - 10-11-2025
+
+- Enhanced Markdownify
+
 ## [0.0.29] - 03-11-2025
 
 - Added Language to chats/ended/download

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerokratt-ria/common-gui-components",
-  "version": "0.0.29",
+  "version": "0.0.32",
   "description": "Common GUI components and pre defined templates.",
   "main": "index.ts",
   "author": "ExiRai",

package/templates/history-page/src/index.tsx

@@ -565,31 +565,51 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
         </Tooltip>
     );
 
+    const updateChatTest = function (chatId: string, isTest: boolean) {
+      setFilteredEndedChatsList((prevChats) =>
+        prevChats.map((chat) => (chat.id === chatId ? ({ ...chat, istest: isTest } as ChatType) : chat))
+      );
+
+      if (selectedChat && selectedChat.id === chatId) {
+        setSelectedChat({
+          ...selectedChat,
+          istest: isTest,
+        } as ChatType);
+      }
+    };
+
     const markConversationAsTest = (props: any) => {
-        return <>
-            <FormCheckbox
-                label={''}
-                hideLabel
-                emptyItem={true}
-                name="active"
-
-                item={{
-                    label: '',
-                    value: 'active',
-                    checked: props.getValue()
-                }}
-                onChange={(e) => {
-                    return chatTestChangeMutation.mutate({chatId: props.row.original.id, isTest: e.target.checked})
-                }}
-            />
-        </>
-    }
+      const chatId = props.row.original.id;
+      const newIsTestValue = props.getValue();
+      return (
+        <FormCheckbox
+          checked={newIsTestValue}
+          label={""}
+          hideLabel
+          emptyItem={true}
+          name="active"
+          item={{
+            label: "",
+            value: "active",
+          }}
+          onChange={(e) => {
+            const isTest = e.target.checked;
+            updateChatTest(chatId, isTest);
+            chatTestChangeMutation.mutate({ chatId, isTest });
+          }}
+        />
+      );
+    };
 
     const detailsView = (props: any) => (
         <Button
             appearance="text"
             onClick={() => {
                 setSelectedChat(props.row.original);
+                setSearchParams((params) => {
+                    params.set("chat", props.row.original.id);
+                    return params;
+                });
                 setChatState(props.row.original.lastMessageEvent);
             }}
         >

package/types/chat.ts

@@ -87,6 +87,7 @@ export interface Chat {
     feedbackRating?: number;
     nps?: number;
     userDisplayName?: string;
+    istest?: boolean;
 }
 export interface GroupedChat {
     myChats: Chat[];

package/ui-components/Chat/Markdownify.tsx

@@ -43,6 +43,25 @@ const LinkPreview: React.FC<{
 
 const hasSpecialFormat = (m: string) => m.includes("\n\n") && m.indexOf(".") > 0 && m.indexOf(":") > m.indexOf(".");
 
+function formatMessage(message?: string): string {
+  if (!message) return "";
+
+  return message
+    .replace(/&#x([0-9A-Fa-f]+);/g, (_, hex) => String.fromCharCode(parseInt(hex, 16)))
+    .replace(/(^|\n)(\d{4})\.\s/g, (match, prefix, year) => {
+      const remainingText = message.substring(message.indexOf(match) + match.length);
+      const sentenceEnd = remainingText.indexOf("\n\n");
+      if (sentenceEnd !== -1) {
+        const currentSentence = remainingText.substring(0, sentenceEnd);
+        if (currentSentence.trim().endsWith(":")) {
+          return `${prefix}${year}. `;
+        }
+      }
+      return `${prefix}${year}\\. `;
+    })
+    .replace(/(?<=\n)\d+\.\s/g, hasSpecialFormat(message) ? "\n\n$&" : "$&");
+}
+
 const Markdownify: React.FC<MarkdownifyProps> = ({ message, sanitizeLinks = false }) => (
   <div className={"reset"}>
     <Markdown
@@ -59,9 +78,7 @@ const Markdownify: React.FC<MarkdownifyProps> = ({ message, sanitizeLinks = fals
         disableParsingRawHTML: true,
       }}
     >
-      {message
-        ?.replace(/&#x([0-9A-Fa-f]+);/g, (_, hex) => String.fromCharCode(parseInt(hex, 16)))
-        ?.replace(/(?<=\n)\d+\.\s/g, hasSpecialFormat(message) ? "\n\n$&" : "$&") ?? ""}
+      {formatMessage(message)}
     </Markdown>
   </div>
 );

package/ui-components/DataTable/DataTable.scss

@@ -34,7 +34,7 @@
     padding: 12px 24px 12px 16px;
     border-bottom: 1px solid get-color(black-coral-2);
     vertical-align: middle;
-    max-width: fit-content;
+    max-width: 300px;
 
     p{
       white-space: break-spaces;