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

package/CHANGELOG.md

@@ -4,6 +4,15 @@ 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerokratt-ria/common-gui-components",
-  "version": "0.0.30",
+  "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/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;