@topconsultnpm/sdkui-react-beta 6.12.114 → 6.12.116

package/lib/components/base/TMList.js

@@ -1,4 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import styled from 'styled-components';
 import { TMColors } from '../../utils/theme';
 const StyledListItem = styled.li `
@@ -13,11 +14,10 @@ const StyledListItem = styled.li `
   width: 100%;
   font-size: 1rem;
   letter-spacing: 0px;
+  background-color: ${({ $isSelected }) => ($isSelected ? '#d0e5fb' : 'transparent')};
 
   &:hover {
         background-color: ${TMColors.border_normal};
-        /* color: ${TMColors.secondary}; */
-        /* border-left: 7px solid ${TMColors.primary}; */
         cursor: pointer;
     }
 `;
@@ -29,18 +29,16 @@ const StyledListContainer = styled.div `
   border-radius: 2px;
   box-shadow: 1px 1px 7px rgba(0,0,0,0.15);
 `;
-const StyledListContent = styled.div `
-  height: 100%;
-  width: 100%;
-  background-color: ${TMColors.default_background};
-  padding: 10px;
-  border-radius: 2px;
-  box-shadow: 1px 1px 7px rgba(0,0,0,0.15);
-`;
 ;
 const TMList = ({ items }) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const handleItemClick = (index, onClick) => {
+        setSelectedIndex(index); // Update the selected index
+        if (onClick)
+            onClick(); // Call the item's onClick handler if provided
+    };
     return (_jsx(StyledListContainer, { children: items?.map((item, index) => {
-            return (_jsxs(StyledListItem, { style: { gap: 10 }, onClick: item.onClick, children: [item.icon, item.text] }, index));
+            return (_jsxs(StyledListItem, { "$isSelected": selectedIndex === index, style: { gap: 10 }, onClick: () => handleItemClick(index, item.onClick), children: [item.icon, item.text] }, index));
         }) }));
 };
 export default TMList;

package/lib/components/features/documents/TMDcmtPreview.js

@@ -33,7 +33,7 @@ const TMDcmtPreview = ({ dcmtData, onClose, canNext, canPrev, onNext, onPrev })
             setShowPreview(true);
             return;
         }
-        if ((extensionHandler(dcmtData.fileExt) !== FileExtensionHandler.NONE) && ((dcmtData.fileSize ?? 0) <= SDKUI_Globals.userSettings.searchSettings.previewThreshold)) {
+        if ((extensionHandler(dcmtData.fileExt) !== FileExtensionHandler.NONE) && ((dcmtData.fileSize ?? 0) <= (SDKUI_Globals.userSettings.searchSettings.previewThreshold * 1024))) {
             loadDocumentWithCache();
             setShowPreview(true);
         }

package/lib/components/forms/Login/TMLoginForm.js

@@ -13,9 +13,9 @@ import Menu from "./Menu";
 import TextBox from "./TextBox";
 import Chooser from "./Chooser";
 import SelectBox from "./SelectBox";
-import six_SURFER from '../../../assets/Surfer blu.svg';
-import six_DESIGNER from '../../../assets/Designer blu.svg';
-import six_ORCHESTRATOR from '../../../assets/Orchestrator blu.svg';
+import six_SURFER from '../../../assets/Surfer-blu.svg';
+import six_DESIGNER from '../../../assets/Designer-blu.svg';
+import six_ORCHESTRATOR from '../../../assets/Orchestrator-blu.svg';
 import it from '../../../assets/italy.svg';
 import en from '../../../assets/united-kingdom.svg';
 import es from '../../../assets/spain.svg';

package/lib/components/sidebar/TMHeader.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef, useMemo } from 'react';
+import six_SURFER from '../../assets/Surfer-blu.svg';
+import six_DESIGNER from '../../assets/Designer-blu.svg';
+import six_ORCHESTRATOR from '../../assets/Orchestrator-blu.svg';
 import six from '../../assets/six.svg';
 import { IconBxInfo, IconCloseOutline, IconLogout, IconPassword, IconSearch, IconSettings, IconUserProfile, SDKUI_Localizator } from '../../helper';
 import styled from 'styled-components';
-import { SDK_Globals, AuthenticationModes } from '@topconsultnpm/sdk-ts-beta';
+import { SDK_Globals, AuthenticationModes, AppModules } from '@topconsultnpm/sdk-ts-beta';
 import { FontSize, TMColors } from '../../utils/theme';
 import { ButtonNames, TMMessageBoxManager } from '../base/TMPopUp';
 import { DeviceType, useDeviceType } from '../base/TMDeviceProvider';
@@ -37,6 +40,13 @@ const TMHeader = ({ showSettingsMenu = true, showSearchBar = true, clearSearchJo
     const [searchQEValue, setSearchQEValue] = useState('');
     const menuRef = useRef(null);
     const userIcon = useRef(null);
+    const headerLogo = useMemo(() => {
+        switch (SDK_Globals.appModule) {
+            case AppModules.ORCHESTRATOR: return six_ORCHESTRATOR;
+            case AppModules.DESIGNER: return six_DESIGNER;
+            default: return six_SURFER;
+        }
+    }, [SDK_Globals.appModule]);
     const deviceType = useDeviceType();
     let isMobile = deviceType == DeviceType.MOBILE;
     useEffect(() => { clearSearchJobValue && setSearchJobsValue(''); }, [clearSearchJobValue]);
@@ -74,6 +84,6 @@ const TMHeader = ({ showSettingsMenu = true, showSearchBar = true, clearSearchJo
         document.addEventListener('click', handleClickOutside);
         return () => document.removeEventListener('click', handleClickOutside);
     }, [menuRef, userIcon, menuStatus]);
-    return (_jsxs(StyledHeaderContainer, { "$appName": SDK_Globals.appModule, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'flex-start', width: '100%' }, children: [_jsx("div", { style: { width: '50px', height: '50px', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx("img", { src: six, height: 30, alt: "" }) }), !isMobile && _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'flex-start', justifyContent: 'flex-start', gap: '1px', fontSize: '14px' }, children: [_jsx("div", { style: { userSelect: 'none', color: '#135596' }, children: "TopMedia" }), _jsx("div", { style: { userSelect: 'none', color: '#135596' }, children: SDK_Globals.appModule })] }), showSearchBar && _jsxs(_Fragment, { children: [searchContext === TMSearchContext.JOBS_LIST && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobListValue(e), searchValue: searchJobListValue }), searchContext === TMSearchContext.JOBS && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobsValue(e), searchValue: searchJobsValue }), searchContext === TMSearchContext.PROCESSES && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessesValue(e), searchValue: searchProcessesValue }), searchContext === TMSearchContext.PROCESS_MONITOR && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessMonitorValue(e), searchValue: searchProcessMonitorValue }), searchContext === TMSearchContext.PLATFORM && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchPlatformValue(e), searchValue: searchPlatformValue }), searchContext === TMSearchContext.QE && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchQEValue(e), searchValue: searchQEValue })] })] }), showSettingsMenu && _jsxs(StyledHeaderIcon, { onClick: () => onSettingsClick?.(), children: [" ", _jsx(IconSettings, { fontSize: 20 }), " "] }), _jsxs(StyledHeaderIcon, { "$isSelected": menuStatus, ref: userIcon, onClick: () => setMenuStatus(!menuStatus), children: [" ", _jsx(IconUserProfile, { fontSize: 20 }), " "] }), menuStatus && _jsxs(StyledMenu, { ref: menuRef, children: [SDK_Globals.tmSession?.SessionDescr?.authenticationMode === AuthenticationModes.TopMedia && _jsxs(StyledMenuItem, { "$fontSize": FontSize.defaultFontSize, onClick: () => { setMenuStatus(false); onChangePassword && onChangePassword(); }, style: { fontSize: FontSize.defaultFontSize }, children: [" ", _jsx("span", { children: _jsx(IconPassword, {}) }), " ", _jsx("span", { children: SDKUI_Localizator.ChangePassword }), " "] }), _jsxs(StyledMenuItem, { "$fontSize": FontSize.defaultFontSize, onClick: () => { setMenuStatus(false); onLogout && onLogout(); }, children: [_jsx("span", { children: _jsx(IconLogout, {}) }), " ", _jsx("span", { children: "Logout" }), " "] }), _jsx("div", { style: { width: '100%', height: '1px', backgroundColor: 'gray' } }), _jsxs(StyledMenuItem, { "$fontSize": FontSize.defaultFontSize, onClick: () => { setMenuStatus(false); TMMessageBoxManager.show({ buttons: [ButtonNames.OK], title: `About. ${SDK_Globals.appModule}`, message: _jsx(TMAboutApp, { app: true, skdui: true, sdk: true, websdk: true }) }); }, style: { fontSize: FontSize.defaultFontSize }, children: [" ", _jsx("span", { children: _jsx(IconBxInfo, {}) }), " ", _jsx("span", { children: "About" }), " "] })] })] }));
+    return (_jsxs(StyledHeaderContainer, { "$appName": SDK_Globals.appModule, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'flex-start', width: '100%' }, children: [_jsx("div", { style: { height: '50px', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx("img", { src: isMobile ? six : headerLogo, height: isMobile ? 35 : 40, alt: "" }) }), showSearchBar && _jsxs(_Fragment, { children: [searchContext === TMSearchContext.JOBS_LIST && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobListValue(e), searchValue: searchJobListValue }), searchContext === TMSearchContext.JOBS && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobsValue(e), searchValue: searchJobsValue }), searchContext === TMSearchContext.PROCESSES && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessesValue(e), searchValue: searchProcessesValue }), searchContext === TMSearchContext.PROCESS_MONITOR && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessMonitorValue(e), searchValue: searchProcessMonitorValue }), searchContext === TMSearchContext.PLATFORM && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchPlatformValue(e), searchValue: searchPlatformValue }), searchContext === TMSearchContext.QE && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchQEValue(e), searchValue: searchQEValue })] })] }), showSettingsMenu && _jsxs(StyledHeaderIcon, { onClick: () => onSettingsClick?.(), children: [" ", _jsx(IconSettings, { fontSize: 20 }), " "] }), _jsxs(StyledHeaderIcon, { "$isSelected": menuStatus, ref: userIcon, onClick: () => setMenuStatus(!menuStatus), children: [" ", _jsx(IconUserProfile, { fontSize: 20 }), " "] }), menuStatus && _jsxs(StyledMenu, { ref: menuRef, children: [SDK_Globals.tmSession?.SessionDescr?.authenticationMode === AuthenticationModes.TopMedia && _jsxs(StyledMenuItem, { "$fontSize": FontSize.defaultFontSize, onClick: () => { setMenuStatus(false); onChangePassword && onChangePassword(); }, style: { fontSize: FontSize.defaultFontSize }, children: [" ", _jsx("span", { children: _jsx(IconPassword, {}) }), " ", _jsx("span", { children: SDKUI_Localizator.ChangePassword }), " "] }), _jsxs(StyledMenuItem, { "$fontSize": FontSize.defaultFontSize, onClick: () => { setMenuStatus(false); onLogout && onLogout(); }, children: [_jsx("span", { children: _jsx(IconLogout, {}) }), " ", _jsx("span", { children: "Logout" }), " "] }), _jsx("div", { style: { width: '100%', height: '1px', backgroundColor: 'gray' } }), _jsxs(StyledMenuItem, { "$fontSize": FontSize.defaultFontSize, onClick: () => { setMenuStatus(false); TMMessageBoxManager.show({ buttons: [ButtonNames.OK], title: `About. ${SDK_Globals.appModule}`, message: _jsx(TMAboutApp, { app: true, skdui: true, sdk: true, websdk: true }) }); }, style: { fontSize: FontSize.defaultFontSize }, children: [" ", _jsx("span", { children: _jsx(IconBxInfo, {}) }), " ", _jsx("span", { children: "About" }), " "] })] })] }));
 };
 export default TMHeader;

package/lib/helper/Enum_Localizator.js

@@ -118,7 +118,7 @@ export function LocalizeOrderRetrieveFormats(value) {
         case OrderRetrieveFormats.None: return SDKUI_Localizator.Formats_None;
         case OrderRetrieveFormats.ER_HTML: return SDKUI_Localizator.UBLViewFormats_ER_HTML;
         case OrderRetrieveFormats.ER_PDF: return SDKUI_Localizator.UBLViewFormats_ER_PDF;
-        case OrderRetrieveFormats.NSO_HTML: return SDKUI_Localizator.FEFormats_ASW_HTML;
+        case OrderRetrieveFormats.NSO_HTML: return SDKUI_Localizator.UBLViewFormats_NSO_HTML;
         case OrderRetrieveFormats.NSO_PDF: return SDKUI_Localizator.UBLViewFormats_NSO_PDF;
         default: return String(value);
     }

package/lib/helper/SDKUI_Globals.js

@@ -67,7 +67,7 @@ export class SearchSettings2 {
         this.orderRetrieveFormat = OrderRetrieveFormats.NSO_HTML;
         this.mruTIDs = [];
         this.defaultTree = -1;
-        this.previewThreshold = 500000;
+        this.previewThreshold = 500; // KB
         // filterPageSettings?: FilterPageSettings;
         // resultPageSettings?: ResultPageSettings;
         // dcmtPageSettings?: DcmtPageSettings;

package/lib/helper/SDKUI_Localizator.d.ts

@@ -17,6 +17,7 @@ export declare class SDKUI_Localizator {
     static get AddDefinition(): "Definition hinzufügen" | "Add definition" | "Añadir definición" | "Ajoute la définition" | "Adicionar definição" | "Aggiungi definizione";
     static get AddOrSubstFile(): "Dateien hinzufügen/ersetzen" | "Add/substitute file" | "Añadir/sustituir archivo" | "Ajoute/Remplace le fichier" | "Adicionar / substituir arquivos" | "Aggiungi/sostituisci file";
     static get AddToHomePage(): "Zur Startseite hinzufügen" | "Add to Home Page" | "Añadir a la página inicial" | "Ajoute à Home Page" | "Adicionar a Home Page" | "Aggiungi alla Home Page";
+    static get Advanced(): "Erweitert" | "Advanced" | "Avanzado" | "Avancé" | "Avançado" | "Avanzate";
     static get All(): "Alle" | "All" | "Todos" | "Tous" | "Tutti";
     static get AllDcmtTypes(): "Alle Dokumenttypen" | "All document types" | "Todos los tipos documento" | "Tous les types de documents" | "Todos os tipos de documentos" | "Tutti i tipi documento";
     static get AllFilesAndFoldersInSupportArea(): "Alle Dateien und Ordner im Support-Bereich" | "All files and folders within the support area" | "Todos los archivos y carpetas dentro del área de soporte" | "Tous les fichiers et dossiers dans la zone de support" | "Todos os arquivos e pastas na área de apoio" | "Tutti i file e le cartelle all'interno dell'area di appoggio";
@@ -164,6 +165,7 @@ export declare class SDKUI_Localizator {
     static get File_Downloading(): "Datei wird heruntergeladen" | "File is downloading..." | "El archivo se está descargando" | "Le fichier est en cours de téléchargement" | "O arquivo está sendo baixado" | "Il file è in fase di download";
     static get File_Size(): "Dateigröße" | "File size" | "Tamaño del archivo" | "Taille du fichier" | "Tamanho do arquivo" | "Dimensione del file";
     static get FromTime(): "wurde" | "from" | "par" | "dal";
+    static get General(): "Allgemein" | "General" | "Général" | "Geral" | "Generale";
     static get GetFileDeletionErrorMessage(): "Fehler beim Löschen der Datei" | "Error deleting the file" | "Error al eliminar el archivo" | "Erreur lors de la suppression du fichier" | "Erro ao excluir o arquivo" | "Errore nell'eliminazione del file";
     static get GetFileUploadErrorMessage(): "Fehler beim Hochladen" | "Error during upload" | "Error al subir el archivo" | "Erreur lors du téléchargement" | "Erro ao carregar o arquivo" | "Errore nel caricamento";
     static get GetFolderDeletionErrorMessage(): "Fehler beim Löschen des Ordners" | "Error deleting the folder" | "Error al eliminar la carpeta" | "Erreur lors de la suppression du dossier" | "Erro ao excluir a pasta" | "Errore nell'eliminazione della cartella";
@@ -283,6 +285,7 @@ export declare class SDKUI_Localizator {
     static get Perms(): "Berechtigungen" | "Permissions" | "Permisos" | "Autorisations" | "Permissão" | "Permessi";
     static get PhysDelete(): "Physische Stornierung" | "Physical delete" | "Cancelación física" | "Supression" | "Cancelamento física" | "Cancellazione fisica";
     static get Practice(): "Praxis" | "Practice" | "Práctica" | "Pratique" | "Prática" | "Pratica";
+    static get PreviewDocument(): "Vorschau-Dokument" | "Preview document" | "Documento de vista previa" | "Document d'aperçu" | "Documento de pré-visualização" | "Anteprima documento";
     static get PreviewView(): string;
     static get Previous(): "Vorherige" | "Previous" | "Anterior" | "Précédent" | "Precedente";
     static get ProcessedItems(): "Durchdachte Elemente" | "Processed items" | "Elementos elaborados" | "Items traités" | "Itens processados" | "Elementi elaborati";

package/lib/helper/SDKUI_Localizator.js

@@ -118,6 +118,16 @@ export class SDKUI_Localizator {
             default: return "Aggiungi alla Home Page";
         }
     }
+    static get Advanced() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Erweitert";
+            case CultureIDs.En_US: return "Advanced";
+            case CultureIDs.Es_ES: return "Avanzado";
+            case CultureIDs.Fr_FR: return "Avancé";
+            case CultureIDs.Pt_PT: return "Avançado";
+            default: return "Avanzate";
+        }
+    }
     static get All() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Alle";
@@ -1600,6 +1610,16 @@ export class SDKUI_Localizator {
             default: return "dal";
         }
     }
+    static get General() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Allgemein";
+            case CultureIDs.En_US: return "General";
+            case CultureIDs.Es_ES: return "General";
+            case CultureIDs.Fr_FR: return "Général";
+            case CultureIDs.Pt_PT: return "Geral";
+            default: return "Generale";
+        }
+    }
     static get GetFileDeletionErrorMessage() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Fehler beim Löschen der Datei";
@@ -2781,6 +2801,16 @@ export class SDKUI_Localizator {
             default: return "Pratica";
         }
     }
+    static get PreviewDocument() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Vorschau-Dokument";
+            case CultureIDs.En_US: return "Preview document";
+            case CultureIDs.Es_ES: return "Documento de vista previa";
+            case CultureIDs.Fr_FR: return "Document d'aperçu";
+            case CultureIDs.Pt_PT: return "Documento de pré-visualização";
+            default: return "Anteprima documento";
+        }
+    }
     static get PreviewView() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Vorschauansicht";

package/lib/index.d.ts

@@ -6,4 +6,5 @@ export * from './hooks/useForm';
 export * from './hooks/useOutsideClick';
 export * from './hooks/useQueryParametersDialog';
 export * from './hooks/useDcmtOperations';
+export * from './hooks/useResizeObserver';
 export * from './services';

package/lib/index.js

@@ -6,6 +6,7 @@ export * from './hooks/useForm';
 export * from './hooks/useOutsideClick';
 export * from './hooks/useQueryParametersDialog';
 export * from './hooks/useDcmtOperations';
+export * from './hooks/useResizeObserver';
 export * from './services';
 import config from 'devextreme/core/config';
 // DevExtreme License Key (valid for v24.2 and earlier versions)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react-beta",
-  "version": "6.12.114",
+  "version": "6.12.116",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -42,7 +42,7 @@
     "lib"
   ],
   "dependencies": {
-    "@topconsultnpm/sdk-ts-beta": "6.12.12",
+    "@topconsultnpm/sdk-ts-beta": "6.12.13",
     "buffer": "^6.0.3",
     "devextreme": "24.2.6",
     "devextreme-react": "24.2.6",