@buerokratt-ria/common-gui-components 0.0.45 → 0.0.47

package/CHANGELOG.md

@@ -4,6 +4,14 @@ All changes to this project will be documented in this file.
 
 ## Template [MajorVersion.MediterraneanVersion.MinorVersion] - DD-MM-YYYY
 
+## [0.0.47] - 21.04.2026
+
+- Added total chat counter under chat history
+
+## [0.0.46] - 10.04.2026
+
+- Fixed CHAT_STATUS import
+
 ## [0.0.45] - 07.04.2026
 
 - Enhanced downloadChatHistory

package/package.json

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

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

@@ -106,6 +106,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
         right: ['detail'],
     };
     const [totalPages, setTotalPages] = useState<number>(1);
+    const [totalCount, setTotalCount] = useState<number | null>(null);
     const [initialLoad, setInitialLoad] = useState<boolean>(true);
     const [filteredEndedChatsList, setFilteredEndedChatsList] = useState<
         ChatType[]
@@ -331,6 +332,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 });
             filterChatsList(res.data.response ?? []);
             setTotalPages(res?.data?.response[0]?.totalPages ?? 1);
+            setTotalCount(res?.data?.response[0]?.totalCount ?? null);
         },
     });
 
@@ -972,7 +974,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
     return (
         <>
             {displayTitle && (
-                <h1>{t('chat.history.title')}</h1>
+                <h1>{t('chat.history.title')}{totalCount === null ? '' : ` (${totalCount.toLocaleString('et-EE')})`}</h1>
             )}
 
             {showDownload && (
@@ -1191,6 +1193,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                             }}
                             isClientSide={false}
                             pagesCount={totalPages}
+                            totalCountLabel={totalCount === null ? null : `${t('chat.history.title')} ${totalCount.toLocaleString('et-EE')}`}
                         />
                     </Card>
                 </div>

package/types/chat.ts

@@ -91,6 +91,7 @@ export interface Chat {
     isFiveRatingScale?: string;
     allCsa?: string[];
     totalPages?: number;
+    totalCount?: number;
 }
 export interface GroupedChat {
     myChats: Chat[];

package/ui-components/DataTable/index.tsx

@@ -55,6 +55,7 @@ type DataTableProps = {
     pagesCount?: number;
     meta?: TableMeta<any>;
     selectedRow?: (row: Row<any>) => boolean;
+    totalCountLabel?: string | null;
 };
 
 type ColumnMeta = {
@@ -115,6 +116,7 @@ const DataTable: FC<DataTableProps> = ({
                                            pagesCount,
                                            meta,
                                            selectedRow,
+                                           totalCountLabel,
                                        }) => {
     const id = useId();
     const { t } = useTranslation();
@@ -408,6 +410,7 @@ const DataTable: FC<DataTableProps> = ({
                             </div>
                         )}
                     <div className="data-table__page-size">
+                        {totalCountLabel && <><span>{totalCountLabel}</span><span>|</span></>}
                         <label htmlFor={id}>{t('global.resultCount')}</label>
                         <select
                             id={id}
@@ -416,7 +419,7 @@ const DataTable: FC<DataTableProps> = ({
                                 table.setPageSize(Number(e.target.value));
                             }}
                         >
-                            {[10, 20, 30, 40, 50].map((pageSize) => (
+                            {[10, 20, 30, 40, 50, 100, 150, 200].map((pageSize) => (
                                 <option key={pageSize} value={pageSize}>
                                     {pageSize}
                                 </option>

package/ui-components/HistoricalChat/index.tsx

@@ -5,7 +5,7 @@ import { MdOutlineModeEditOutline, MdOutlineSave } from "react-icons/md";
 
 import { Button, FormSelect, FormTextarea, Icon, Track } from "../";
 import { ReactComponent as BykLogoWhite } from "../../assets/logo-white.svg";
-import { CHAT_EVENTS, Chat as ChatType, BACKOFFICE_NAME } from "../../types/chat";
+import { CHAT_EVENTS, Chat as ChatType, BACKOFFICE_NAME, CHAT_STATUS } from "../../types/chat";
 import { Message } from "../../types/message";
 import ChatMessage from "./ChatMessage";
 import "./HistoricalChat.scss";