@topconsultnpm/sdkui-react-beta 6.12.37 → 6.12.38

package/lib/components/query/TMMasterDetailDcmts.js

@@ -0,0 +1,475 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { DataColumnTypes, DcmtTypeListCacheService, MetadataDataDomains, MetadataFormats, RelationCacheService, RelationTypes, ResultTypes, SDK_Globals, SystemMIDs } from '@topconsultnpm/sdk-ts-beta';
+import TMDcmtIcon from './TMDcmtIcon';
+import { ContextMenu } from 'devextreme-react';
+import { TMNothingToShow } from './TMDcmtPreview';
+import TMDcmtForm from './TMDcmtForm';
+import TMSearchResult from '../search/TMSearchResult';
+import { genUniqueId, getExceptionMessage, IconFolder, IconShow, IconPreview, IconBoard, IconDcmtTypeSys, IconCheckFile, IconDetailDcmts, SDKUI_Localizator, svgToString, IconMail, IconDcmtTypeOnlyMetadata, IconCopy, IconMultipleSelection, IconMenuVertical } from '../../helper';
+import { hasDetailRelations } from '../../helper/dcmtsHelper';
+import { FormModes, SearchResultContext } from '../../ts';
+import { TMColors } from '../../utils/theme';
+import { StyledDivHorizontal, StyledBadge } from '../base/Styled';
+import ShowAlert from '../base/TMAlert';
+import TMButton from '../base/TMButton';
+import { DeviceType } from '../base/TMDeviceProvider';
+import { TMSplitterLayout, TMLayoutItem } from '../base/TMLayout';
+import { TMExceptionBoxManager } from '../base/TMPopUp';
+import TMSpinner from '../base/TMSpinner';
+import TMToolbarCard from '../base/TMToolbarCard';
+import { TMLayoutWaitingContainer } from '../base/TMWaitPanel';
+import { TMUserIdViewer } from '../choosers/TMUserChooser';
+import { TMResultManager } from '../forms/TMResultDialog';
+import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../forms/TMSaveForm';
+import TMDataListItemViewer from '../viewers/TMDataListItemViewer';
+import { TMDcmtTypeTooltip } from '../viewers/TMTidViewer';
+import TMTreeView from '../base/TMTreeView';
+let abortController = new AbortController();
+const TMMasterDetailDcmts = ({ deviceType, inputDcmts, isForMaster, showCurrentDcmtIndicator = true, allowNavigation, canNext, canPrev, onNext, onPrev, onBack, appendMasterDcmts, onTaskCreateRequest }) => {
+    const [id, setID] = useState('');
+    const [data, setData] = useState([]);
+    const [focusedItem, setFocusedItem] = useState();
+    const [selectedItems, setSelectedItems] = useState([]);
+    const [showPreview, setShowPreview] = useState(false);
+    const [showBoard, setShowBoard] = useState(false);
+    const [showSysMetadata, setShowSysMetadata] = useState(false);
+    const [showDcmtForm, setShowDcmtForm] = useState(true);
+    const [showZeroDcmts, setShowZeroDcmts] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const [allowMultipleSelection, setAllowMultipleSelection] = useState(false);
+    const [dtdMaster, setDtdMaster] = useState();
+    const [showWaitPanel, setShowWaitPanel] = useState(false);
+    const [waitPanelTitle, setWaitPanelTitle] = useState('');
+    const [showPrimary, setShowPrimary] = useState(false);
+    const [waitPanelTextPrimary, setWaitPanelTextPrimary] = useState('');
+    const [waitPanelValuePrimary, setWaitPanelValuePrimary] = useState(0);
+    const [waitPanelMaxValuePrimary, setWaitPanelMaxValuePrimary] = useState(0);
+    useEffect(() => { setID(genUniqueId()); }, []);
+    useEffect(() => {
+        if (!inputDcmts || inputDcmts.length <= 0)
+            return;
+        setIsLoading(true);
+        loadDataAsync(inputDcmts, isForMaster).then(() => {
+            setIsLoading(false);
+        });
+    }, [JSON.stringify(inputDcmts), isForMaster]);
+    useEffect(() => {
+        setData(prevData => updateHiddenProperty(prevData));
+    }, [showZeroDcmts]);
+    const updateHiddenProperty = (nodes) => {
+        return nodes.map(node => {
+            const updatedNode = { ...node, hidden: !showZeroDcmts && node.isZero };
+            if (node.items) {
+                updatedNode.items = updateHiddenProperty(node.items);
+            }
+            return updatedNode;
+        });
+    };
+    /** Load initial detail documents (1 level) */
+    const loadDataAsync = async (dcmts, calcMaster) => {
+        // TMSpinner.show({ description: 'Caricamento documenti ...' });
+        let operationTitle = "Caricamento documenti dettaglio";
+        setWaitPanelTitle(operationTitle);
+        setShowWaitPanel(true);
+        setShowPrimary(true);
+        abortController = new AbortController();
+        setWaitPanelMaxValuePrimary(dcmts.length);
+        let data = [];
+        // try {
+        let mDcmts = dcmts;
+        if (calcMaster) {
+            setDtdMaster(await DcmtTypeListCacheService.GetAsync(dcmts[0].TID));
+            let mResults = await SDK_Globals.tmSession?.NewSearchEngine().GetAllMasterDcmtsAsync(dcmts[0].TID, dcmts[0].DID) ?? [];
+            mDcmts = [];
+            for (const searchResult of mResults) {
+                let source = await searchResultToDataSource(searchResult);
+                for (const row of source) {
+                    mDcmts.push({ TID: row?.TID?.value, DID: row?.DID?.value });
+                }
+            }
+        }
+        let operationResult = [];
+        let i = 0;
+        for (const dcmt of mDcmts) {
+            try {
+                if (abortController.signal.aborted) {
+                    operationResult.push({ rowIndex: i, id1: dcmt.TID, id2: dcmt.DID, resultType: ResultTypes.WARNING, description: `Operazione interrotta. Elaborati ${i + 1} documenti` });
+                    break;
+                }
+                setWaitPanelTextPrimary(`Caricamento correlazione ${i + 1} di ${mDcmts.length}`);
+                let result = await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(dcmt.TID, dcmt.DID, false);
+                for (const dc of result?.dtdResult?.columns ?? []) {
+                    if (!dc.extendedProperties)
+                        continue;
+                    let mid = Number(dc.extendedProperties["MID"] ?? "0");
+                    if (mid > 100)
+                        continue;
+                    dc.extendedProperties["Visibility"] = "Hidden";
+                }
+                let dtd = await DcmtTypeListCacheService.GetAsync(dcmt.TID);
+                let mValues = await searchResultToDataSource(result);
+                let details = await getDetailDcmtsAsync(dcmt.TID, dcmt.DID, 1, false);
+                let masterDcmt = { tid: dcmt.TID, did: dcmt.DID, key: `${dcmt.TID}_${dcmt.DID}_root`, expanded: data.length <= 0, isDcmt: true, isContainer: false, values: mValues?.[0], items: details, itemsCount: details.length };
+                let masterDcmtTypeContainer = data.find(o => o.tid === dcmt.TID);
+                if (masterDcmtTypeContainer) {
+                    result?.dtdResult?.rows && masterDcmtTypeContainer.searchResult?.[0].dtdResult?.rows?.push(result?.dtdResult?.rows[0]);
+                    masterDcmtTypeContainer.items?.push(masterDcmt);
+                    masterDcmtTypeContainer.itemsCount++;
+                }
+                else {
+                    let newMasterDcmtTypeContainer = {
+                        tid: dcmt.TID,
+                        dtd: dtd,
+                        did: undefined,
+                        name: result?.fromName,
+                        key: `${dcmt.TID}_${0}`,
+                        isContainer: true,
+                        isLoaded: true,
+                        isRoot: true,
+                        searchResult: result ? [result] : [],
+                        items: [masterDcmt],
+                        itemsCount: 1,
+                        expanded: data.length <= 0
+                    };
+                    data.push(newMasterDcmtTypeContainer);
+                }
+                i++;
+                setWaitPanelValuePrimary(i);
+                operationResult.push({ rowIndex: i, id1: dcmt.TID, id2: dcmt.DID, resultType: ResultTypes.SUCCESS });
+            }
+            catch (ex) {
+                operationResult.push({ rowIndex: i, id1: dcmt.TID, id2: dcmt.DID, resultType: ResultTypes.ERROR, description: getExceptionMessage(ex) });
+                const err = ex;
+                if (err.name === 'CanceledError') {
+                    ShowAlert({ message: err.message, mode: 'warning', duration: 3000, title: 'Abort' });
+                }
+            }
+        }
+        deviceType !== DeviceType.MOBILE && setFocusedItem(data[0]);
+        setData(updateHiddenProperty(data));
+        setWaitPanelTextPrimary('');
+        setWaitPanelMaxValuePrimary(0);
+        setWaitPanelValuePrimary(0);
+        setShowWaitPanel(false);
+        TMResultManager.show(operationResult, operationTitle, "TID", "DID");
+        // }
+        // catch (e: any) { TMExceptionBoxManager.show({ exception: e }) }
+        // finally { TMSpinner.hide() }
+    };
+    /** check if relation (relationID) is ManyToMany */
+    const isManyToManyRelation = async (relationID) => {
+        let allRelations = await RelationCacheService.GetAllAsync();
+        let rdlManyToMany = allRelations.filter(o => o.relationType == RelationTypes.ManyToMany && o.id === relationID) ?? [];
+        return rdlManyToMany.length > 0;
+    };
+    /** Retrieve all detail dcmts of masterTID and masterDID */
+    const getDetailDcmtsAsync = async (mTID, mDID, maxLevel, showSpinner) => {
+        let items = [];
+        if (!mTID)
+            return [];
+        if (!mDID)
+            return [];
+        if (maxLevel <= 0)
+            return [];
+        let dcmtTypeHasRel = await hasDetailRelations(mTID);
+        if (!dcmtTypeHasRel)
+            return [];
+        try {
+            showSpinner && TMSpinner.show({ description: 'Caricamento documenti ...' });
+            let results = await SDK_Globals.tmSession?.NewSearchEngine().GetAllDetailDcmtsAsync(mTID, mDID) ?? [];
+            for (const searchResult of results) {
+                let containerGUID = genUniqueId();
+                let dtd = await DcmtTypeListCacheService.GetAsync(searchResult.fromTID);
+                let newDcmtTypeContainer = {
+                    tid: searchResult.fromTID,
+                    dtd: dtd,
+                    did: undefined,
+                    key: `${searchResult.fromTID}_${searchResult.relationID}_${mTID}_${mDID}_${containerGUID}`,
+                    name: searchResult.fromName,
+                    isContainer: true,
+                    relationId: searchResult.relationID,
+                    isManyToMany: await isManyToManyRelation(searchResult.relationID),
+                    searchResult: [searchResult],
+                    isZero: (searchResult.dcmtsFound ?? 0) <= 0,
+                    itemsCount: (searchResult.dcmtsFound ?? 0)
+                };
+                let source = await searchResultToDataSource(searchResult);
+                if (source && source.length > 0) {
+                    let dcmtDetails = [];
+                    for (const row of source) {
+                        let rowGUID = genUniqueId();
+                        dcmtDetails.push({
+                            tid: row?.TID?.value,
+                            did: row?.DID?.value,
+                            key: `${row?.TID?.value}_${row?.DID?.value}_${searchResult.relationID}_${mTID}_${mDID}_${rowGUID}`,
+                            isDcmt: true,
+                            isContainer: false,
+                            values: row,
+                            searchResult: [searchResult],
+                            itemsCount: 0
+                            // items: await getDetailDcmtsAsync(row?.TID, row?.DID, maxLevel - 1)
+                        });
+                    }
+                    newDcmtTypeContainer.items = dcmtDetails;
+                }
+                items.push(newDcmtTypeContainer);
+            }
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            showSpinner && TMSpinner.hide();
+        }
+        return items;
+    };
+    /** Render each TreeView item with custom styling/icons */
+    const renderItem = useCallback((itemData) => {
+        return (!itemData ? _jsx(_Fragment, {}) :
+            _jsxs("div", { style: { minWidth: '90px', width: '100%', display: 'flex', marginLeft: itemData.did ? '5px' : '0px', gap: itemData.did ? '15px' : '10px', alignItems: 'center', opacity: !itemData.isDcmt && (itemData.items?.length ?? 0) <= 0 ? 0.5 : 1 }, children: [itemData.did && showCurrentDcmtIndicator && itemData.did === inputDcmts?.[0].DID ? _jsx(IconBackhandIndexPointingRight, { fontSize: 22, overflow: 'visible' }) : _jsx(_Fragment, {}), itemData.did
+                        ? _jsx(TMDcmtIcon, { fileExtension: itemData.values?.FILEEXT?.value, fileCount: itemData.values?.FILECOUNT?.value, isLexProt: itemData.values?.IsLexProt?.value, isMail: itemData.values?.ISMAIL?.value, isShared: itemData.values?.ISSHARED?.value, isSigned: itemData.values?.ISSIGNED?.value })
+                        : itemData.dtd && _jsx(TMDcmtTypeTooltip, { dtd: itemData.dtd, children: _jsx("div", { style: { position: 'relative' }, children: _jsx(IconFolder, { color: itemData.isManyToMany ? '#ff8f44' : '#e6c200', fontSize: 28 }) }) }), itemData.did
+                        ?
+                            // <TMTooltip content={
+                            // 	<StyledTooltipContainer style={{ gap: '3px' }}>
+                            // 		<TMTidViewer tid={itemData.tid} showIcon showId />
+                            // 		<StyledTooltipSeparatorItem />
+                            // 		{
+                            // 			getMetadataKeys(itemData.values).map((key, index) => {
+                            // 				let md = itemData.values?.[key].md as MetadataDescriptor;
+                            // 				let value = itemData.values?.[key].value;
+                            // 				return (
+                            // 					<StyledDivHorizontal key={`${key}_${index}`} style={{ gap: '3px' }} >
+                            // 						<p style={{ fontSize: '1rem' }}>{`${key}: `}</p>
+                            // 						{
+                            // 							md.dataDomain == MetadataDataDomains.DataList ?
+                            // 								<TMDataListItemViewer dataListId={md.dataListID} viewMode={md.dataListViewMode} value={value} />
+                            // 								: md.dataDomain == MetadataDataDomains.UserID ?
+                            // 									<TMUserIdViewer userId={value as number} showIcon noneSelectionText='' />
+                            // 									:
+                            // 									<p style={{ fontSize: '1rem', fontWeight: 600 }}>{value}</p>
+                            // 						}
+                            // 					</StyledDivHorizontal>
+                            // 				)
+                            // 			})
+                            // 		}
+                            // 	</StyledTooltipContainer>
+                            // }>
+                            _jsx(StyledDivHorizontal, { style: { whiteSpace: 'nowrap', textOverflow: 'ellipsis' }, children: getDcmtDisplayValue(itemData.values).map((key, index) => {
+                                    let md = itemData.values?.[key].md;
+                                    let value = itemData.values?.[key].value;
+                                    return (_jsxs(StyledDivHorizontal, { children: [index > 0 && _jsx("p", { style: { marginRight: '2px' }, children: ";" }), md.dataDomain == MetadataDataDomains.DataList ?
+                                                _jsx(TMDataListItemViewer, { dataListId: md.dataListID, viewMode: md.dataListViewMode, value: value })
+                                                : md.dataDomain == MetadataDataDomains.UserID ?
+                                                    _jsx(TMUserIdViewer, { userId: value, showIcon: true, noneSelectionText: '' })
+                                                    :
+                                                        _jsx("p", { style: { fontSize: '1rem' }, children: value })] }, `${key}_${index}`));
+                                }) })
+                        // </TMTooltip>
+                        : _jsxs(StyledDivHorizontal, { style: { gap: 5, overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' }, children: [_jsx("p", { style: { whiteSpace: 'nowrap', textOverflow: 'ellipsis' }, children: itemData.name }), _jsx(StyledBadge, { "$backgroundColor": TMColors.info, children: itemData.items?.length })] })] }));
+    }, []);
+    /** Function for calculate related documents */
+    const calculateItemsForNode = async (node) => {
+        if (node.isDcmt)
+            return node.items;
+        let newItems = [];
+        for (const dcmt of node.items ?? []) {
+            dcmt.items = await getDetailDcmtsAsync(dcmt.tid, dcmt.did, 1, true);
+            newItems.push(dcmt);
+        }
+        node.isLoaded = true;
+        return newItems;
+    };
+    const handleFocusedItemChanged = useCallback((item) => {
+        setFocusedItem(item);
+    }, []);
+    const handleSelectedItemsChanged = useCallback((items) => {
+        setSelectedItems(items);
+    }, []);
+    const sideBarItems = [
+        { icon: _jsx(IconShow, {}), id: 'Preview', visibleName: 'Anteprima', isActive: showPreview, onClick: () => { setShowPreview(!showPreview); } },
+        { icon: _jsx(IconPreview, {}), id: 'DcmtForm', visibleName: 'Form', isActive: showDcmtForm, onClick: () => { setShowDcmtForm(!showDcmtForm); } },
+        { icon: _jsx(IconBoard, {}), id: 'Board', visibleName: 'Bacheca', beginGroup: true, isActive: showBoard, onClick: () => { setShowSysMetadata(false); setShowBoard(!showBoard); } },
+        { icon: _jsx(IconDcmtTypeSys, {}), id: 'SystemMetadata', visibleName: 'Metadati di sistema', isActive: showSysMetadata, onClick: () => { setShowBoard(false); setShowSysMetadata(!showSysMetadata); } },
+        { icon: _jsx(IconCheckFile, {}), id: 'allowZeroRelations', visibleName: 'Consenti dettagli con 0 documenti', beginGroup: true, isActive: showZeroDcmts, onClick: () => { setShowZeroDcmts(!showZeroDcmts); } },
+        { icon: _jsx(IconDetailDcmts, { fontSize: 20, transform: 'scale(-1, 1)' }), id: 'Master', beginGroup: true, visible: isForMaster, disabled: !focusedItem?.isDcmt, visibleName: SDKUI_Localizator.DcmtsMaster, onClick: () => { appendMasterDcmts?.(focusedItem?.tid, focusedItem?.did); } }
+    ];
+    const commandsMenuItems = [
+        {
+            icon: svgToString(_jsx(IconMail, {})),
+            text: "Invia per posta",
+            operationType: 'multiRow',
+            disabled: false,
+            items: [
+                {
+                    icon: svgToString(_jsx(IconMail, {})),
+                    text: "I documenti selezionati",
+                    operationType: 'multiRow',
+                    disabled: false,
+                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                },
+                {
+                    icon: svgToString(_jsx(IconMail, {})),
+                    text: "I documenti di primo livello e tutti i documenti correlati",
+                    operationType: 'multiRow',
+                    disabled: false,
+                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                },
+                {
+                    icon: svgToString(_jsx(IconMail, {})),
+                    text: "I documenti di primo livello e i documenti correlati personalizzando l'operazione",
+                    operationType: 'multiRow',
+                    disabled: false,
+                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                },
+            ]
+        },
+        {
+            icon: svgToString(_jsx(IconDcmtTypeOnlyMetadata, {})),
+            text: "Unisci in un file PDF",
+            operationType: 'multiRow',
+            disabled: false,
+            items: [
+                {
+                    icon: svgToString(_jsx(IconDcmtTypeOnlyMetadata, {})),
+                    text: "I documenti selezionati",
+                    operationType: 'multiRow',
+                    disabled: false,
+                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                },
+                {
+                    icon: svgToString(_jsx(IconDcmtTypeOnlyMetadata, {})),
+                    text: "I documenti di primo livello e tutti i documenti correlati",
+                    operationType: 'multiRow',
+                    disabled: false,
+                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                },
+                {
+                    icon: svgToString(_jsx(IconDcmtTypeOnlyMetadata, {})),
+                    text: "I documenti di primo livello e i documenti correlati personalizzando l'operazione",
+                    operationType: 'multiRow',
+                    disabled: false,
+                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                },
+            ]
+        },
+        {
+            icon: svgToString(_jsx(IconCopy, {})),
+            text: "Copia in una cartella",
+            operationType: 'multiRow',
+            disabled: false,
+            items: [
+                {
+                    icon: svgToString(_jsx(IconCopy, {})),
+                    text: "I documenti selezionati",
+                    operationType: 'multiRow',
+                    disabled: false,
+                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                },
+                {
+                    icon: svgToString(_jsx(IconCopy, {})),
+                    text: "I documenti di primo livello e tutti i documenti correlati",
+                    operationType: 'multiRow',
+                    disabled: false,
+                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                },
+                {
+                    icon: svgToString(_jsx(IconCopy, {})),
+                    text: "I documenti di primo livello e i documenti correlati personalizzando l'operazione",
+                    operationType: 'multiRow',
+                    disabled: false,
+                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                },
+            ]
+        }
+    ];
+    const toolbar = _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px' }, children: [allowMultipleSelection && _jsx("p", { style: { color: TMColors.colorHeader, textAlign: 'center', padding: '1px 4px', borderRadius: '3px', display: 'flex' }, children: `${selectedItems.length} selezionati` }), _jsx(TMButton, { btnStyle: 'icon', caption: 'Selezione multipla', icon: _jsx(IconMultipleSelection, { fontSize: 16, color: allowMultipleSelection ? TMColors.tertiary : 'white' }), onClick: () => setAllowMultipleSelection(!allowMultipleSelection) }), allowNavigation && canPrev != undefined && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', iconColor: 'white', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: onPrev }), allowNavigation && canNext != undefined && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', iconColor: 'white', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: onNext }), _jsx(IconMenuVertical, { id: `commands-detail-${id}`, color: 'white', cursor: 'pointer' }), _jsx(ContextMenu, { showEvent: 'click', dataSource: commandsMenuItems, target: `#commands-detail-${id}` })] });
+    const getTitle = () => isForMaster ? `${SDKUI_Localizator.DcmtsMaster} - ${dtdMaster?.nameLoc}` : SDKUI_Localizator.DcmtsDetail;
+    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: focusedItem != undefined, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: focusedItem && (showDcmtForm || showPreview || showBoard || showSysMetadata) ? deviceType != DeviceType.MOBILE ? ["40%", "60%"] : ["0%", "100%"] : ["100%", "0%"], children: [_jsx(TMToolbarCard, { title: getTitle(), toolbar: toolbar, items: sideBarItems, onBack: onBack, children: isLoading ? _jsx(_Fragment, {}) :
+                        data.length <= 0
+                            ?
+                                _jsx(TMNothingToShow, { text: getTitle(), secondText: SDKUI_Localizator.NoDataToDisplay, icon: isForMaster ? _jsx(IconDetailDcmts, { fontSize: 96, transform: 'scale(-1, 1)' }) : _jsx(IconDetailDcmts, { fontSize: 96 }) })
+                            :
+                                _jsx(TMTreeView, { dataSource: data, allowMultipleSelection: allowMultipleSelection, calculateItemsForNode: calculateItemsForNode, itemRender: renderItem, focusedItem: focusedItem, selectedItems: selectedItems, onFocusedItemChanged: handleFocusedItemChanged, onSelectionChanged: handleSelectedItemsChanged, onDataChanged: (items) => setData(updateHiddenProperty(items)) }) }), _jsx(TMLayoutItem, { children: focusedItem?.isDcmt ?
+                        _jsx(TMDcmtForm, { TID: focusedItem?.tid, DID: focusedItem.did, isClosable: deviceType !== DeviceType.MOBILE, allowNavigation: false, allowRelations: deviceType !== DeviceType.MOBILE, showDcmtFormSidebar: deviceType === DeviceType.MOBILE, showPreview: showPreview, showBoard: showBoard, showSysMetadata: showSysMetadata, showDcmtForm: showDcmtForm, onClose: () => { setShowDcmtForm(false); }, onClosePreview: () => { setShowPreview(false); } }) :
+                        _jsx(TMSearchResult, { context: SearchResultContext.METADATA_SEARCH, searchResults: focusedItem?.searchResult ?? [], showSearchResultSidebar: false, onClose: () => { setShowDcmtForm(false); }, onClosePreview: () => { setShowPreview(false); }, onTaskCreateRequest: onTaskCreateRequest }) })] }, "TMDetails-panel") }));
+};
+export default TMMasterDetailDcmts;
+function getMetadataKeys(obj) {
+    if (!obj)
+        return [];
+    let keys = Object.keys(obj);
+    let sysMIDs = Object.values(SystemMIDs).map(o => o.toUpperCase());
+    return keys.filter(k => obj?.[k].value && !sysMIDs.includes(k)).filter(o => o !== "rowIndex" && o !== "ISLEXPROT");
+}
+function getDcmtDisplayValue(obj) {
+    let mdKeys = getMetadataKeys(obj);
+    if (mdKeys.includes("SYS_Abstract"))
+        return ["SYS_Abstract"];
+    return mdKeys.slice(0, 5);
+}
+const searchResultToDataSource = async (searchResult, hideSysMetadata) => {
+    let rows = searchResult?.dtdResult?.rows ?? [];
+    let tid = searchResult?.fromTID;
+    let dtd = await DcmtTypeListCacheService.GetAsync(tid);
+    let output = [];
+    for (let index = 0; index < rows.length; index++) {
+        let item = { rowIndex: index };
+        let row = rows[index];
+        for (let i = 0; i < row.length; i++) {
+            let mid = Number(searchResult?.dtdResult?.columns?.[i]?.extendedProperties?.["MID"] ?? "0");
+            if (hideSysMetadata && mid < 100)
+                continue;
+            let key = searchResult?.dtdResult?.columns?.[i].caption ?? '';
+            if (mid <= 100)
+                key = key.toUpperCase();
+            let value = row[i];
+            let md = dtd?.metadata?.find(o => o.id == mid);
+            item[key] = { md: md, value: getDisplayValueByColumn(searchResult?.dtdResult?.columns?.[i], value) };
+        }
+        output.push(item);
+    }
+    return output;
+};
+const getDisplayValueByColumn = (col, value) => {
+    if (!value)
+        return value;
+    if (!col)
+        return value;
+    if (col.dataType === DataColumnTypes.Text)
+        return value;
+    const format = MetadataFormats[(col.extendedProperties?.["Format"] ?? "None")];
+    const formatCulture = col.extendedProperties?.["FormatCulture"] ?? window.navigator.language;
+    if (col.dataType === DataColumnTypes.DateTime) {
+        let date = new Date(value);
+        switch (format) {
+            case MetadataFormats.ShortDate: return date.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit" } : { dateStyle: 'short' });
+            case MetadataFormats.ShortTime: return date.toLocaleString(formatCulture, { timeStyle: 'short' });
+            case MetadataFormats.ShortDateLongTime: return date.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit", hour: '2-digit', minute: '2-digit', second: '2-digit' } : { dateStyle: 'short', timeStyle: 'medium' }).replace(',', '');
+            case MetadataFormats.ShortDateShortTime: return date.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit", hour: '2-digit', minute: '2-digit' } : { dateStyle: 'short', timeStyle: 'short' }).replace(',', '');
+            case MetadataFormats.LongDate: return date.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric" });
+            case MetadataFormats.LongTime: return date.toLocaleString(formatCulture, { timeStyle: 'medium' });
+            case MetadataFormats.LongDateLongTime: return date.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric", hour: '2-digit', minute: '2-digit', second: '2-digit' });
+            case MetadataFormats.LongDateShortTime: return date.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric", hour: '2-digit', minute: '2-digit' });
+            default: return date.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit" } : { dateStyle: 'short' });
+        }
+    }
+    if (col.dataType === DataColumnTypes.Number) {
+        return value.toLocaleString(formatCulture, { useGrouping: format == MetadataFormats.NumberWithThousandsSeparator });
+    }
+    if (format == MetadataFormats.None)
+        return value;
+    if (format == MetadataFormats.CurrencyEuro)
+        return value.toLocaleString({ type: 'currency', precision: 2, currency: "EUR" });
+    if (format == MetadataFormats.CurrencyDollar)
+        return value.toLocaleString({ type: 'currency', precision: 2, currency: "USD" });
+    if (format == MetadataFormats.CurrencyPound)
+        return value.toLocaleString({ type: 'currency', precision: 2, currency: "GBP" });
+    if (format == MetadataFormats.CurrencyYen)
+        return value.toLocaleString({ type: 'currency', currency: "JPY" });
+    return value;
+};
+export function IconBackhandIndexPointingRight(props) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", width: "1em", height: "1em", ...props, children: [_jsx("path", { fill: "#E0BB95", d: "M58.7 41.1c10.8.1 53.3.4 54.9.4c12.8.3 12.7 16.7.7 16.9c-1.5 0-25 1.1-32.2 1.3c5.2 2 7.5 11.9-3.1 14.9c5 2.6 6.4 12.9-4.2 14.7c3.8 2.5 4.3 10.9-6 14.2c-8.4 2.7-28.2 2-40.3-2.3c-9.1-3.3-8.4-5.8-16.7-5.6c-1.4 0-2.1-1.1-2.4-2.4c-1.3-5.9-1.9-26.3-.3-33.8c.4-1.6 1.7-1.8 2.2-1.9c2.1-.4 4.2-2.5 5-4.3c3.2-6.4 12.8-12.8 23.4-18.2c5.5-2.8 9.2-8.8 10.4-18.3c.8-6.3 8.6-7.7 11.8-2.5c2.2 3.6 2.9 7 2.9 10.4c.2 6.2-1.6 10.1-6.1 16.5" }), _jsx("defs", { children: _jsx("path", { id: "notoBackhandIndexPointingRightMediumLightSkinTone0", d: "M58.7 41.1c10.8.1 53.3.4 54.9.4c12.8.3 12.7 16.7.7 16.9c-1.5 0-25 1.1-32.2 1.3c5.2 2 7.5 11.9-3.1 14.9c5 2.6 6.4 12.9-4.2 14.7c3.8 2.5 4.3 10.9-6 14.2c-8.4 2.7-28.2 2-40.3-2.3c-9.1-3.3-8.4-5.8-16.7-5.6c-1.4 0-2.1-1.1-2.4-2.4c-1.3-5.9-1.9-26.3-.3-33.8c.4-1.6 1.7-1.8 2.2-1.9c2.1-.4 4.2-2.5 5-4.3c3.2-6.4 12.8-12.8 23.4-18.2c5.5-2.8 9.2-8.8 10.4-18.3c.8-6.3 8.6-7.7 11.8-2.5c2.2 3.6 2.9 7 2.9 10.4c.2 6.2-1.6 10.1-6.1 16.5" }) }), _jsx("clipPath", { id: "notoBackhandIndexPointingRightMediumLightSkinTone1", children: _jsx("use", { href: "#notoBackhandIndexPointingRightMediumLightSkinTone0" }) }), _jsx("g", { fill: "#D19661", clipPath: "url(#notoBackhandIndexPointingRightMediumLightSkinTone1)", children: _jsx("path", { d: "M73.3 59.5c.1 1.6 2.8 2.9 2.8 6.4c0 3.7-3 4.7-3.1 7.5c-.1 2.7 2 3.8 1.5 7.7c-.6 4.5-4.1 4-4.2 7.1c0 2.7 1.8 3.2 1.8 6.6c0 3.1-3 5.8-5.5 7s-1.2 3.4 0 3.4s11.9-1.3 14.5-8.2c3-8 11-29.6 8.8-36.9c-7.1-1-11.5-1.6-13.7-1.8c-.7-.1-2.9-.6-2.9 1.2M60.1 40.7c0 .9.1 1.5 1 1.5c1 0 43.6 2.1 51.6 2.3c9.2.2 8.7 7.6 5.9 10.1c-1.9 1.7.6 4 2.2 2.6s4.4-3.4 4.3-8.4s-4.4-8.6-8.4-8.9c-3.8-.3-56.6.8-56.6.8m-51.9 21c15.9 0 14.1-11.7 25.2-18.9c15.4-10.1 16.3-11.1 19.7-25.2c1.2-4.9 5.7-4.4 7.7-2.1s4.9-1.3 3.6-2.7s-7.8-7.7-14.8-1.1s-42 46.2-42 46.2z" }) }), _jsx("defs", { children: _jsx("use", { href: "#notoBackhandIndexPointingRightMediumLightSkinTone0", id: "notoBackhandIndexPointingRightMediumLightSkinTone2" }) }), _jsx("clipPath", { id: "notoBackhandIndexPointingRightMediumLightSkinTone3", children: _jsx("use", { href: "#notoBackhandIndexPointingRightMediumLightSkinTone2" }) }), _jsx("g", { fill: "#8D542E", clipPath: "url(#notoBackhandIndexPointingRightMediumLightSkinTone3)", children: _jsx("path", { d: "M58.7 41.1h-1.9c-.4 0-.8-.4-.2-1.3s5.8-8 5.8-15c0-3.2-.5-7.7-3.4-12.4c-.6-.9.2-1.4.9-1c.7.5 6.4 3.2 6.5 13.4s-7.7 16.3-7.7 16.3m65.1 8.8c-.5 0-1.1-.2-1.7 1c-.7 1.5-3.1 4.4-8.4 4.7s-38.1 2.5-38.9 2.5c-1.1 0-1.2 1.9.1 1.8c1.7-.1 7.2-.2 7.2-.2s30.9 1.8 36.9-.6c6.1-2.4 4.8-9.2 4.8-9.2M86.6 68.5c-.3-.1-.7-.1-1 .3c-1.5 2-4.6 3.5-10.6 3.3c-1.4 0-1.6 2.7.1 2.7c.7 0 4-.1 4-.1l6.6-.2zm-3.6 15c-.3-.1-.7-.1-1.1.4c-1.5 2-3.5 2.8-9.7 3c-1.5.1-1.4 2.6.2 2.6c1.1 0 2.4-.1 2.4-.1l7-.6zm-5.4 12.7c-.3-.1-.8-.2-1.2.4c-.8 1.1-2.9 3-7.5 4.4c-3.7 1.1-21.3 1.9-32.5-.7c-2.3-.5-9.9-3-13.6-5.3s-7.3-1.6-8.3-1.4s-6.3.7-6.3.7l2.5 3.7l27 8.6l38.5-.6z" }) })] }));
+}

package/lib/components/query/TMQueryEditor.js

@@ -6,7 +6,7 @@ import Accordion, { Item } from 'devextreme-react/accordion';
 import { SDKUI_Localizator, IconSearch, IconCount, getQueryCountAsync, calcIsModified, IconClear, IconAddCircleOutline, IconDotsVerticalCircleOutline, IconHide, IconShow, IconDraggabledots, genUniqueId, LocalizeQueryOperators, LocalizeQueryFunctions, LocalizeQueryJoinTypes, IconArchiveDoc, IconArrowRight, svgToString } from '../../helper';
 import { displayMetadataValue, getDcmtTypesByQdAsync, getTIDsByQd, IsParametricQuery, prepareQdForSearchAsync } from '../../helper/queryHelper';
 import { useOutsideClick } from '../../hooks/useOutsideClick';
-import { FormModes } from '../../ts';
+import { FormModes, SearchResultContext } from '../../ts';
 import { TMColors } from '../../utils/theme';
 import { StyledDivHorizontal, StyledDraggableDiv, StyledModalContainer } from '../base/Styled';
 import TMButton from '../base/TMButton';
@@ -26,7 +26,7 @@ import { getDisplayAlias } from '../viewers/TMMidViewer';
 import { useApplyForm } from '../../hooks/useForm';
 import ShowAlert from '../base/TMAlert';
 import { TMDynDataListItemChooserForm } from '../choosers/TMDynDataListItemChooser';
-import TMQueryResultForm, { SearchResultContext } from './TMQueryResultForm';
+import TMQueryResultForm from './TMQueryResultForm';
 import TMMetadataEditor from '../editors/TMMetadataEditor';
 import { ContextMenu } from 'devextreme-react';
 import { useQueryParametersDialog } from '../../hooks/useQueryParametersDialog';

package/lib/components/query/TMQueryResultForm.d.ts

@@ -1,11 +1,5 @@
 import { SearchResultDescriptor } from '@topconsultnpm/sdk-ts-beta';
-export declare enum SearchResultContext {
-    METADATA_SEARCH = "metadataSearch",
-    WORKFLOW_APPROVE = "workflowApprove",
-    FAVORITES = "favorites",
-    RECENT = "recent",
-    FREE_SEARCH = "freeSearch"
-}
+import { SearchResultContext } from '../../ts';
 declare const TMQueryResultForm: ({ onUpdate, isModal, onClose, context, result1, result2, elapsedTime, searchText, tabIcon1, tabIcon2, tabTitle1, tabTitle2 }: {
     tabTitle1?: string;
     tabTitle2?: string;

package/lib/components/query/TMQueryResultForm.js

@@ -4,7 +4,7 @@ import { SDK_Globals, AppModules } from '@topconsultnpm/sdk-ts-beta';
 import TMQueryResult from './TMQueryResult';
 import styled from 'styled-components';
 import { IconApply, IconCloseOutline, IconUser, IconInfo, IconRefresh, IconSync, IconDownload, IconPreview, IconPrinter, IconCheckIn, IconEdit, IconStar, IconRecursiveOps, IconMail, IconDcmtTypeOnlyMetadata, IconCopy, IconRelation, IconSignature, IconDelete, IconUndo, IconCloseCircle, IconMenuVertical, IconArchiveDoc, IconDuplicate, IconSubstFile, IconConvertFilePdf, IconCheckFile, IconBatchUpdate, IconShare, IconSharedDcmt, IconSearch, IconExportTo, IconShow, IconSettings, IconActivityLog, SDKUI_Localizator, IconArrowLeft } from '../../helper';
-import { FormModes } from '../../ts';
+import { FormModes, SearchResultContext } from '../../ts';
 import { TMColors } from '../../utils/theme';
 import { StyledBadge } from '../base/Styled';
 import ShowAlert from '../base/TMAlert';
@@ -20,14 +20,6 @@ import TMApplyForm from '../forms/TMApplyForm';
 import TMTidViewer from '../viewers/TMTidViewer';
 import TMListView from '../base/TMListView';
 import { DeviceType, useDeviceType } from '../base/TMDeviceProvider';
-export var SearchResultContext;
-(function (SearchResultContext) {
-    SearchResultContext["METADATA_SEARCH"] = "metadataSearch";
-    SearchResultContext["WORKFLOW_APPROVE"] = "workflowApprove";
-    SearchResultContext["FAVORITES"] = "favorites";
-    SearchResultContext["RECENT"] = "recent";
-    SearchResultContext["FREE_SEARCH"] = "freeSearch";
-})(SearchResultContext || (SearchResultContext = {}));
 const StyledWorkFlowOperationButtonsContainer = styled.div `
     display: flex;
     align-items: center;

package/lib/components/query/TMWorkflowPopup.d.ts

@@ -0,0 +1,29 @@
+import { DeviceType } from "../base/TMDeviceProvider";
+export declare const WorkFlowOperationButtons: ({ isInDcmtForm, deviceType, onApprove, onReAssign, onReject, approveDisable, reassignDisable, rejectDisable, infoDisable }: {
+    isInDcmtForm?: boolean;
+    onApprove?: () => void;
+    onReject?: () => void;
+    onReAssign?: () => void;
+    approveDisable?: boolean;
+    rejectDisable?: boolean;
+    reassignDisable?: boolean;
+    infoDisable?: boolean;
+    deviceType?: DeviceType;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkFlowApproveRejectPopUp: ({ TID, DID, deviceType, op, onClose, selectedItems, onUpdate }: {
+    TID?: number;
+    DID?: number;
+    deviceType?: DeviceType;
+    selectedItems?: any[];
+    onClose?: () => void;
+    op: number;
+    onUpdate?: () => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkFlowReAssignPopUp: ({ DID, TID, deviceType, onClose, selectedItems, onUpdate }: {
+    TID?: number;
+    DID?: number;
+    deviceType?: DeviceType;
+    onClose?: () => void;
+    selectedItems?: any[];
+    onUpdate?: () => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;