@topconsultnpm/sdkui-react 6.21.0-dev2.20 → 6.21.0-dev2.21

package/lib/components/choosers/TMDistinctValues.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { LayoutModes, MetadataDataDomains, AccessLevels, MetadataDataTypes, SDK_Globals, DcmtTypeListCacheService, DataColumnTypes } from '@topconsultnpm/sdk-ts';
+import { LayoutModes, MetadataDataDomains, AccessLevels, MetadataDataTypes, SDK_Globals, DcmtTypeListCacheService, DataColumnTypes, DataListViewModes } from '@topconsultnpm/sdk-ts';
 import styled from 'styled-components';
 import { SDKUI_Localizator, stringIsNullOrEmpty } from '../../helper';
 import TMDataGrid, { TMDataGridPageSize } from '../base/TMDataGrid';
@@ -9,14 +9,17 @@ import TMSpinner from '../base/TMSpinner';
 import TMCheckBox from '../editors/TMCheckBox';
 import TMPanel from '../base/TMPanel';
 import TMModal from '../base/TMModal';
+import { useDataListItem } from '../../hooks/useDataListItem';
+import { useDataUserIdItem } from '../../hooks/useDataUserIdItem';
 const StyledDistinctValues = styled.div `display: flex; flex-direction: column; height: 100%; overflow: hidden; gap: 10px;`;
-const StyledPanelContainer = styled.div ` width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; `;
 const TMDistinctValues = ({ tid, mid, layoutMode = LayoutModes.None, allowAppendMode = true, showHeader = true, isModal, separator = " ", onSelectionChanged, onClosePanelCallback }) => {
     const [focusedItem, setFocusedItem] = useState();
     const [dataSource, setDataSource] = useState([]);
     const [isAppendMode, setIsAppendMode] = useState(false);
     const [md, setMd] = useState();
     const [currentValue, setCurrentValue] = useState('');
+    const { loadDataListsAsync, renderDataListCell, dataListsCache } = useDataListItem();
+    const { loadUsersAsync, renderUserIdViewer, usersCache } = useDataUserIdItem();
     useEffect(() => {
         getDistictValuesAsync();
     }, [mid]);
@@ -57,8 +60,23 @@ const TMDistinctValues = ({ tid, mid, layoutMode = LayoutModes.None, allowAppend
         try {
             TMSpinner.show({ description: 'Caricamento dei valori distinti...' });
             let dtd = await DcmtTypeListCacheService.GetAsync(tid, true);
-            setMd(dtd?.metadata?.find(o => o.id === mid));
+            const currentMd = dtd?.metadata?.find(o => o.id === mid);
+            setMd(currentMd);
             let result = await SDK_Globals.tmSession?.NewSearchEngine().GetDistinctValuesAsync(tid, mid, 10000);
+            // Load DataList or UserID cache based on metadata domain
+            if (currentMd?.dataDomain === MetadataDataDomains.DataList && currentMd.dataListID) {
+                await loadDataListsAsync(new Set([currentMd.dataListID]));
+            }
+            if (currentMd?.dataDomain === MetadataDataDomains.UserID && result?.dtdResult?.rows) {
+                const userIDs = new Set();
+                result.dtdResult.rows.forEach((row) => {
+                    const userId = Number(row[0]);
+                    if (userId && userId > 0) {
+                        userIDs.add(userId);
+                    }
+                });
+                await loadUsersAsync(userIDs);
+            }
             setDataSource(convertDataTableToObject(result?.dtdResult));
         }
         catch (e) {
@@ -69,31 +87,27 @@ const TMDistinctValues = ({ tid, mid, layoutMode = LayoutModes.None, allowAppend
             TMSpinner.hide();
         }
     };
-    const getDcmtTypeAsync = async () => {
-        if (!tid)
-            return;
-        try {
-            TMSpinner.show({ description: 'Caricamento dei valori distinti...' });
-            let dtd = await DcmtTypeListCacheService.GetAsync(tid, true);
-            setMd(dtd?.metadata?.find(o => o.id === mid));
-        }
-        catch (e) {
-            let err = e;
-            TMExceptionBoxManager.show({ exception: err });
-        }
-        finally {
-            TMSpinner.hide();
-        }
-    };
     const onFocusedRowChanged = useCallback((e) => {
         setFocusedItem(e.row?.data);
     }, []);
+    const valueCellRender = useCallback((cellData) => {
+        if (!cellData || cellData.value === undefined)
+            return null;
+        if (md?.dataDomain === MetadataDataDomains.DataList && md.dataListID) {
+            return renderDataListCell(cellData.value, md.dataListID, md.dataListViewMode ?? DataListViewModes.None);
+        }
+        if (md?.dataDomain === MetadataDataDomains.UserID) {
+            return renderUserIdViewer(Number(cellData.value), true);
+        }
+        return _jsx("div", { children: cellData.text });
+    }, [md, renderDataListCell, renderUserIdViewer]);
     const customColumns = useMemo(() => {
+        const needsCellRender = md?.dataDomain === MetadataDataDomains.DataList || md?.dataDomain === MetadataDataDomains.UserID;
         return ([
-            { dataField: 'value', dataType: md?.dataType === MetadataDataTypes.DateTime ? 'date' : 'string', caption: md?.nameLoc, width: 'min-content' },
+            { dataField: 'value', dataType: md?.dataType === MetadataDataTypes.DateTime ? 'date' : 'string', caption: md?.nameLoc, width: 'min-content', ...(needsCellRender && { cellRender: valueCellRender }) },
             { dataField: 'Count', dataType: 'number', caption: 'N°' }
         ]);
-    }, [md]);
+    }, [md, valueCellRender]);
     const customSummary = useMemo(() => {
         return ({
             totalItems: [

package/lib/helper/SDKUI_Localizator.d.ts

@@ -695,6 +695,7 @@ export declare class SDKUI_Localizator {
     static get Subject(): "Betreff" | "Subject" | "Asunto" | "Objet" | "Assunto" | "Oggetto";
     static get Summary(): "Zusammenfassung" | "Summary" | "Resumen" | "Résumé" | "Resumo" | "Riepilogo";
     static get SwitchUser(): "Benutzer wechseln" | "Switch user" | "Cambiar usuario" | "Changer d'utilisateur" | "Mudar de usuário" | "Cambia utente";
+    static get SystemUser(): string;
     static get TargetedSearch(): "Gezielte Suche" | "Targeted search" | "Búsqueda dirigida" | "Recherche ciblée" | "Pesquisa direcionada" | "Ricerca puntuale";
     static get TaskAssignedMessage(): "Aufgabe wurde vom Benutzer \"{{0}}\" zugewiesen." | "Task assigned by user \"{{0}}\"." | "Tarea asignada por el usuario \"{{0}}\"." | "Tâche assignée par l'utilisateur \"{{0}}\"." | "Tarefa atribuída pelo usuário \"{{0}}\"." | "Attività assegnata dall'utente \"{{0}}\".";
     static get MoreInfoRequestedTo(): "Weitere Informationen angefordert von \"{{0}}\"." | "More information requested to \"{{0}}\"." | "Solicitud de más información a \"{{0}}\"." | "Demande d'informations supplémentaires à \"{{0}}\"." | "Pedido de mais informações a \"{{0}}\"." | "Richiesta di maggiori informazioni a \"{{0}}\".";

package/lib/helper/SDKUI_Localizator.js

@@ -6924,6 +6924,16 @@ export class SDKUI_Localizator {
             default: return "Cambia utente";
         }
     }
+    static get SystemUser() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Systembenutzer";
+            case CultureIDs.En_US: return "System user";
+            case CultureIDs.Es_ES: return "Usuario del sistema";
+            case CultureIDs.Fr_FR: return "Utilisateur système";
+            case CultureIDs.Pt_PT: return "Usuário do sistema";
+            default: return "Utente di sistema";
+        }
+    }
     static get TargetedSearch() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Gezielte Suche";

package/lib/hooks/useDataUserIdItem.js

@@ -15,7 +15,7 @@ export const useDataUserIdItem = () => {
         if (userIDs.size === 0)
             return;
         try {
-            const results = await Promise.all(Array.from(userIDs).map(id => UserListCacheService.GetAsync(id).then(user => ({ id, user }))
+            const results = await Promise.all(Array.from(userIDs).filter(id => id > 0).map(id => UserListCacheService.GetAsync(id).then(user => ({ id, user }))
                 .catch(() => ({ id, user: undefined }))));
             const newCache = new Map();
             results.forEach(({ id, user }) => {
@@ -70,17 +70,19 @@ export const useDataUserIdItem = () => {
      * @returns Elemento React per visualizzare l'utente
      */
     const renderUserIdViewer = useCallback((userId, showIcon = false, showTitile = true) => {
-        const ud = userId && userId > 0 ? getUserItem(userId) : undefined;
+        const ud = userId !== undefined && userId > 0 ? getUserItem(userId) : undefined;
         const getIcon = () => {
             if (!showIcon)
                 return null;
-            if (!userId)
+            if (userId === undefined)
                 return null;
             return ud ? _jsx(TMUserIcon, { ud: ud }) : _jsx("span", { title: showTitile ? SDKUI_Localizator.ValueNotPresent : undefined, style: { display: 'inline-flex', alignItems: 'center' }, children: _jsx(IconWarning, { color: TMColors.warning }) });
         };
         const getDescription = () => {
-            if (!userId)
+            if (userId == null)
                 return undefined;
+            if (userId === 0)
+                return SDKUI_Localizator.SystemUser;
             return ud ? getCompleteUserName(ud.domain, ud.name) : userId.toString() ?? SDKUI_Localizator.NoneSelection;
         };
         return (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: '4px', lineHeight: 1 }, children: [getIcon(), _jsx("span", { style: { lineHeight: 'normal' }, children: getDescription() })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.21.0-dev2.20",
+    "version": "6.21.0-dev2.21",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",