@topconsultnpm/sdkui-react-beta 6.12.42 → 6.12.44

package/lib/components/features/search/TMSearchQueryPanel.js

@@ -0,0 +1,296 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { PlatformObjectValidator, WhereItem, SDK_Localizator, OrderByItem, SelectItem, SelectItemVisibilities, SDK_Globals, SystemMIDsAsNumber, SavedQueryCacheService, SearchEngine, QueryOperators } from '@topconsultnpm/sdk-ts-beta';
+import styled from 'styled-components';
+import TMSearchQueryEditor from './TMSearchQueryEditor';
+import Logo from '../../assets/Toppy-generico.png';
+import { getDcmtTypesByQdAsync, SDKUI_Localizator, getQD, IconMenuVertical, IconAddCircleOutline, IconEdit, IconArchiveDoc, IconEasy, IconAdvanced, IconHide, IconShow, deepCompare, IconSearch, IconClear, getDefaultOperator, prepareQdForSearchAsync, IsParametricQuery } from '../../../helper';
+import { useQueryParametersDialog } from '../../../hooks/useQueryParametersDialog';
+import { FormModes } from '../../../ts';
+import { TMColors } from '../../../utils/theme';
+import { StyledModalContainer } from '../../base/Styled';
+import ShowAlert from '../../base/TMAlert';
+import TMButton from '../../base/TMButton';
+import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
+import TMDropDownMenu from '../../base/TMDropDownMenu';
+import TMLayoutContainer, { TMSplitterLayout, TMLayoutItem } from '../../base/TMLayout';
+import { TMExceptionBoxManager } from '../../base/TMPopUp';
+import TMSpinner from '../../base/TMSpinner';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import TMDistinctValues from '../../choosers/TMDistinctValues';
+import { TMMetadataChooserForm } from '../../choosers/TMMetadataChooser';
+import TMQueryEditor from '../../query/TMQueryEditor';
+import TMSavedQueryForm from './TMSavedQueryForm';
+const TMSearchQueryPanel = ({ fromDTD, rightSidebarItems, isOpenDistinctValuesPanel = false, SQD, onRightSidebarItemClick, onSearchCompleted, onFocusedMetadataChanged, onCloseDistinctValuesPanel, onSqdSaved }) => {
+    const [confirmQueryParams, ConfirmQueryParamsDialog] = useQueryParametersDialog();
+    const [qd, setQd] = useState();
+    const [lastQdParams, setLastQdParams] = useState([]);
+    const [dcmtTypesList, setDcmtTypesList] = useState([]);
+    const [showSqdForm, setShowSqdForm] = useState(false);
+    const [formModeSqdForm, setFormModeSqdForm] = useState(FormModes.Update);
+    const [showAdvancedMenu, setShowAdvancedMenu] = useState(false);
+    const [showAllMdWhere, setShowAllMdWhere] = useState(false);
+    const [showAdvancedSearch, setShowAdvancedSearch] = useState(false);
+    const [showFiltersConfig, setShowFiltersConfig] = useState(false);
+    const [showOutputConfig, setShowOutputConfig] = useState(false);
+    const [showOrderByConfig, setShowOrderByConfig] = useState(false);
+    const [focusedTidMid, setFocusedTidMid] = useState();
+    const deviceType = useDeviceType();
+    let initialMaxItems = deviceType === DeviceType.MOBILE ? 8 : 12;
+    useEffect(() => {
+        if (!SQD)
+            return;
+        setDataAsync(SQD);
+    }, [SQD]);
+    useEffect(() => { onFocusedMetadataChanged?.(focusedTidMid); }, [focusedTidMid]);
+    const setDataAsync = async (sqd) => {
+        let newSqd = (sqd?.id == 1) ? sqd : await SavedQueryCacheService.GetAsync(sqd?.id);
+        let newQd = SearchEngine.NormalizeQueryDescriptor(newSqd?.qd);
+        setQd(newQd);
+        if (newQd)
+            getDcmtTypesByQdAsync(newQd).then((dtdl) => setDcmtTypesList(dtdl)).catch((err) => { TMExceptionBoxManager.show({ exception: err }); });
+        setLastQdParams([]);
+        if (newSqd?.runSearchWhenSelected == 1)
+            await searchAsync?.(newQd, newSqd?.isEasyWhere != 1);
+        setShowAdvancedSearch(newSqd?.isEasyWhere != 1);
+    };
+    const clearFilters = () => {
+        const newWhere = qd?.where?.map((curItem, curIndex) => {
+            let newWi = new WhereItem();
+            newWi.init({ ...curItem, value1: undefined, value2: undefined });
+            return newWi;
+        });
+        setQd({ ...qd, where: newWhere });
+    };
+    const searchAsync = async (qdInput, isAdvancedSearch) => {
+        let searchParams = { isAdvancedSearch: isAdvancedSearch, lastQdParams: lastQdParams, confirmQueryParams: confirmQueryParams, setLastQdParamsCallback: setLastQdParams };
+        let searchResult = await searchByQdAsync(qdInput, searchParams);
+        let dcmtsFound = searchResult?.result?.dcmtsFound ?? 0;
+        if (dcmtsFound <= 0)
+            ShowAlert({ message: SDKUI_Localizator.NoDcmtFound, mode: 'info', title: SDKUI_Localizator.SearchResult, duration: 3000 });
+        else {
+            let results = [];
+            if (searchResult?.result)
+                results.push(searchResult?.result);
+            onSearchCompleted?.(results, searchResult?.qd);
+        }
+    };
+    const openSqdForm = (formMode) => { setFormModeSqdForm(formMode); setShowSqdForm(true); };
+    const changeAdvancedSearchAsync = async (show) => {
+        setShowAdvancedSearch(show);
+        if (show)
+            setQd({ ...qd, where: qd?.where?.filter(o => PlatformObjectValidator.WhereItemHasValues(o)) });
+        else {
+            let qdEasy = SQD?.qd ?? await getQD(fromDTD?.id, false);
+            if (qdEasy && qd?.where) {
+                for (const wi of qd.where) {
+                    let wiEasy = qdEasy.where?.find(o => o.mid == wi.mid);
+                    if (wiEasy) {
+                        wiEasy.or = false;
+                        wiEasy.leftBrackets = "(";
+                        wiEasy.operator = wi.operator;
+                        wiEasy.value1 = wi.value1;
+                        wiEasy.value2 = wi.value2;
+                        wiEasy.rightBrackets = ")";
+                    }
+                }
+                setQd({ ...qd, where: qdEasy?.where });
+            }
+        }
+    };
+    return (_jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: deviceType !== DeviceType.MOBILE && isOpenDistinctValuesPanel, separatorSize: 8, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: deviceType === DeviceType.MOBILE ? ['100%', '0%'] : (isOpenDistinctValuesPanel ? ['55%', '45%'] : ['100%', '0%']), children: [_jsxs(TMToolbarCard, { title: fromDTD?.nameLoc ?? SDKUI_Localizator.Search_Metadata, items: rightSidebarItems, onItemClick: onRightSidebarItemClick, 
+                // onBack={deviceType !== DeviceType.DESKTOP ? () => { setCurrentTID(0) } : undefined}
+                toolbar: _jsx(_Fragment, { children: (SQD && !showSqdForm) ?
+                        _jsx(TMDropDownMenu, { backgroundColor: 'white', borderRadius: '3px', content: _jsx(TMButton, { btnStyle: 'icon', caption: 'Altro', icon: _jsx(IconMenuVertical, { color: 'white' }), showTooltip: false }), items: [
+                                { icon: _jsx(IconAddCircleOutline, {}), text: SDKUI_Localizator.SavedQueryNew, onClick: () => { openSqdForm(FormModes.Create); } },
+                                { icon: _jsx(IconEdit, {}), text: SDKUI_Localizator.SavedQueryUpdate, disabled: (SQD && SQD.id == 1), onClick: () => { openSqdForm(FormModes.Update); } },
+                                { icon: _jsx(IconArchiveDoc, {}), beginGroup: true, text: "Passa ad archiviazione", onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 }) },
+                                { icon: showAdvancedSearch ? _jsx(IconEasy, {}) : _jsx(IconAdvanced, {}), text: showAdvancedSearch ? SDKUI_Localizator.Search_Easy : SDKUI_Localizator.Search_Advanced, onClick: () => { changeAdvancedSearchAsync(!showAdvancedSearch); } },
+                                { icon: _jsx(IconEdit, {}), beginGroup: true, text: `${SDKUI_Localizator.Configure} - ${SDK_Localizator.QueryWhere}`, onClick: () => { setShowFiltersConfig(true); } },
+                                { icon: _jsx(IconEdit, {}), text: `${SDKUI_Localizator.Configure} - ${SDK_Localizator.QuerySelect}`, onClick: () => { setShowOutputConfig(true); } },
+                                { icon: _jsx(IconEdit, {}), text: `${SDKUI_Localizator.Configure} - ${SDK_Localizator.QueryOrderBy}`, onClick: () => { setShowOrderByConfig(true); } },
+                                { icon: showAdvancedMenu ? _jsx(IconHide, {}) : _jsx(IconShow, {}), beginGroup: true, operationType: 'singleRow', text: showAdvancedMenu ? SDKUI_Localizator.StandardMode : SDKUI_Localizator.ExpertMode, onClick: () => setShowAdvancedMenu(!showAdvancedMenu) },
+                            ] })
+                        : _jsx(_Fragment, {}) }), children: [_jsx(ConfirmQueryParamsDialog, {}), SQD
+                        ? _jsxs("div", { style: { height: '100%', width: '100%', position: 'relative', display: 'flex', flexDirection: 'column', gap: 5 }, children: [showAdvancedSearch
+                                    ? _jsx(TMQueryEditor, { formMode: FormModes.Update, showToolbar: false, inputData: qd, validateSelect: true, showApply: false, onQDChanged: (newQd) => { if (!deepCompare(qd, newQd))
+                                            setQd(newQd); } })
+                                    : _jsx(TMSearchQueryEditor, { qd: qd, fromDTD: fromDTD, dcmtTypesList: dcmtTypesList, isOpenDistinctValuesPanel: isOpenDistinctValuesPanel, showAdvancedMenu: showAdvancedMenu, showAllMdWhere: showAllMdWhere, onFocusedMetadataChanged: setFocusedTidMid, onQdChanged: (newQd) => { if (!deepCompare(qd, newQd))
+                                            setQd(newQd); } }), _jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '80px', padding: '15px', position: 'relative' }, children: [_jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '8px' }, children: [_jsx(TMButton, { btnStyle: 'advanced', icon: _jsx(IconSearch, {}), showTooltip: false, caption: SDKUI_Localizator.Search, onClick: async () => await searchAsync(qd, showAdvancedSearch), advancedColor: '#f09c0a' }), _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, caption: SDKUI_Localizator.Clear, icon: _jsx(IconClear, {}), advancedColor: TMColors.primaryColor, onClick: clearFilters })] }), (!showAdvancedSearch && qd?.where && qd?.where?.length > initialMaxItems) && _jsx(TMButton, { elementStyle: { position: 'absolute', right: '10px' }, btnStyle: 'icon', caption: showAllMdWhere ? "Mostra meno" : `Mostra tutti i metadati (+${qd?.where?.length - initialMaxItems})`, icon: showAllMdWhere ?
+                                                _jsx("div", { style: { backgroundColor: TMColors.primaryColor, minWidth: '30px', minHeight: '30px', borderRadius: '10px', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx("p", { style: { color: 'white' }, children: `-${qd?.where?.length - initialMaxItems}` }) }) :
+                                                _jsx("div", { style: { backgroundColor: TMColors.primaryColor, minWidth: '30px', minHeight: '30px', borderRadius: '10px', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx("p", { style: { color: 'white' }, children: `+${qd?.where?.length - initialMaxItems}` }) }), onClick: () => setShowAllMdWhere(!showAllMdWhere) })] }), showFiltersConfig &&
+                                    _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, height: '500px', width: '600px', allowSysMetadata: true, qd: qd, selectedIDs: qd?.where?.map((w) => ({ tid: w.tid, mid: w.mid })), onClose: () => setShowFiltersConfig(false), onChoose: (tid_mids) => {
+                                            if (!fromDTD?.metadata)
+                                                return;
+                                            if (!tid_mids)
+                                                return;
+                                            // copia dei whereItem senza i rimossi
+                                            let newWhere = qd?.where?.filter(wi => tid_mids?.some(tm => tm.mid == wi.mid)) ?? [];
+                                            // aggiungiamo i nuovi
+                                            for (const tm of tid_mids.filter(tm => !qd?.where?.some(wi => wi.mid == tm.mid))) {
+                                                let md = fromDTD?.metadata.find(o => o.id == tm.mid);
+                                                let wi = new WhereItem();
+                                                wi.or = false;
+                                                wi.leftBrackets = "(";
+                                                wi.tid = SQD.masterTID;
+                                                wi.mid = tm.mid;
+                                                wi.operator = getDefaultOperator(md?.dataDomain, md?.dataType);
+                                                wi.rightBrackets = ")";
+                                                let indexMD = 0;
+                                                for (const m of fromDTD?.metadata ?? []) {
+                                                    if (m.id == wi.mid)
+                                                        break;
+                                                    if (newWhere.findIndex(o => o.mid == m.id && o.tid == SQD.masterTID) < 0)
+                                                        continue;
+                                                    indexMD++;
+                                                }
+                                                newWhere.splice(indexMD, 0, wi);
+                                            }
+                                            setQd({ ...qd, where: newWhere });
+                                        } }), showOutputConfig &&
+                                    _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, height: '500px', width: '600px', allowSysMetadata: true, qd: qd, selectedIDs: qd?.select?.map((item) => ({ tid: item.tid, mid: item.mid })), onClose: () => setShowOutputConfig(false), onChoose: (tid_mids) => {
+                                            if (!fromDTD?.metadata)
+                                                return;
+                                            if (!tid_mids)
+                                                return;
+                                            // copia dei SelectItems senza i rimossi
+                                            let newSelect = qd?.select?.filter(item => tid_mids?.some(tm => tm.mid == item.mid)) ?? [];
+                                            // aggiungiamo i nuovi
+                                            for (const tm of tid_mids.filter(tm => !qd?.select?.some(item => item.mid == tm.mid))) {
+                                                let md = fromDTD?.metadata.find(o => o.id == tm.mid);
+                                                let si = new SelectItem();
+                                                si.visibility = SelectItemVisibilities.Visible;
+                                                si.tid = SQD.masterTID;
+                                                si.mid = md?.id;
+                                                let indexMD = 0;
+                                                for (const m of fromDTD?.metadata ?? []) {
+                                                    if (m.id == si.mid)
+                                                        break;
+                                                    if (newSelect.findIndex(o => o.mid == m.id && o.tid == SQD.masterTID) < 0)
+                                                        continue;
+                                                    indexMD++;
+                                                }
+                                                newSelect.splice(indexMD, 0, si);
+                                            }
+                                            setQd({ ...qd, select: newSelect });
+                                        } }), showOrderByConfig &&
+                                    _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, height: '500px', width: '600px', allowSysMetadata: true, qd: qd, selectedIDs: qd?.orderBy?.map((item) => ({ tid: item.tid, mid: item.mid })), onClose: () => setShowOrderByConfig(false), onChoose: (tid_mids) => {
+                                            if (!fromDTD?.metadata)
+                                                return;
+                                            if (!tid_mids)
+                                                return;
+                                            // copia dei OrderByItems senza i rimossi
+                                            let newOrderBy = qd?.orderBy?.filter(item => tid_mids?.some(tm => tm.mid == item.mid)) ?? [];
+                                            // aggiungiamo i nuovi
+                                            for (const tm of tid_mids.filter(tm => !qd?.orderBy?.some(item => item.mid == tm.mid))) {
+                                                let md = fromDTD?.metadata.find(o => o.id == tm.mid);
+                                                let oi = new OrderByItem();
+                                                oi.tid = SQD.masterTID;
+                                                oi.mid = md?.id;
+                                                oi.asc = true;
+                                                newOrderBy.push(oi);
+                                            }
+                                            setQd({ ...qd, orderBy: newOrderBy });
+                                        } })] })
+                        :
+                            _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: [_jsxs(TMLayoutItem, { width: 'max-content', height: 'max-content', children: [" ", _jsxs(StyledToppyTextContainer, { children: [" ", _jsxs(StyledToppyText, { children: [" ", 'Selezionare un tipo documento o ricerca rapida', " "] }), " "] }), " "] }), _jsxs(TMLayoutItem, { width: 'max-content', height: 'max-content', children: [" ", _jsx("img", { src: Logo, width: 120, alt: '' }), " "] })] }), showSqdForm &&
+                        _jsx(StyledModalContainer, { style: { backgroundColor: `${TMColors.backgroundColorHeader}12` }, children: _jsx(TMSavedQueryForm, { height: '50%', width: '50%', id: formModeSqdForm === FormModes.Create ? -1 : SQD?.id, title: 'Ricerca rapida', formMode: formModeSqdForm, showBackButton: true, qd: qd, isAdvancedSearch: showAdvancedSearch, isModal: false, onClose: () => { setShowSqdForm(false); }, onSaved: onSqdSaved }) })] }), _jsx(TMDistinctValues, { tid: focusedTidMid?.tid, mid: focusedTidMid?.mid, separator: ',', onClosePanelCallback: onCloseDistinctValuesPanel, onSelectionChanged: (e) => {
+                    if (!e)
+                        return;
+                    let wi = qd?.where?.find(o => o.tid === focusedTidMid?.tid && o.mid === focusedTidMid?.mid);
+                    if (!wi)
+                        return;
+                    wi.value1 = e.newValue;
+                    let md = fromDTD?.metadata?.find(o => o.id === focusedTidMid?.mid);
+                    wi.operator = e.isAppendMode ? QueryOperators.In : getDefaultOperator(md?.dataDomain, md?.dataType);
+                    const whereCopy = qd?.where?.map((curItem) => {
+                        if (curItem.mid != wi.mid)
+                            return curItem;
+                        return wi;
+                    });
+                    setQd({ ...qd, where: whereCopy });
+                } })] }));
+};
+export default TMSearchQueryPanel;
+const searchByQdAsync = async (qdInput, searchParams) => {
+    let result;
+    let qdSearch;
+    try {
+        qdSearch = await prepareQdForSearchAsync(qdInput);
+        let fromTID = qdSearch?.from?.tid;
+        // In modalità easy rimuovi filtri non valorizzati
+        if (!searchParams.isAdvancedSearch) {
+            qdSearch.where = qdSearch?.where?.filter(o => PlatformObjectValidator.WhereItemHasValues(o));
+            qdSearch.where?.forEach(o => o.or = false); // props.easyOr
+        }
+        qdSearch.select?.forEach(o => { o.visibility ??= SelectItemVisibilities.Visible; });
+        if (qdSearch.orderBy && qdSearch.orderBy.length <= 0) {
+            let obi = new OrderByItem();
+            obi.tid = fromTID;
+            obi.mid = SystemMIDsAsNumber.DID;
+            obi.asc = false;
+            qdSearch.orderBy.push(obi);
+        }
+        if (IsParametricQuery(qdSearch)) {
+            const qdParams = await searchParams.confirmQueryParams?.(qdSearch, searchParams.lastQdParams) ?? [];
+            searchParams.setLastQdParamsCallback?.(qdParams);
+            if (!qdParams || qdParams.length <= 0)
+                return;
+            for (const qpd of qdParams) {
+                let wi = qdSearch.where?.find(o => o.value1 == qpd.name);
+                if (wi)
+                    wi.value1 = wi.value1?.replace(wi.value1, !qpd.value ? '' : qpd.value.toString());
+                else {
+                    wi = qdSearch.where?.find(o => o.value2 == qpd.name);
+                    if (wi)
+                        wi.value2 = wi.value2?.replace(wi.value2, !qpd.value ? '' : qpd.value.toString());
+                }
+            }
+        }
+        TMSpinner.show({ description: `${SDKUI_Localizator.Search} ...`, backgroundColor: 'transparent' });
+        result = await SDK_Globals.tmSession?.NewSearchEngine().SearchByIDAsync(qdSearch);
+    }
+    catch (ex) {
+        TMExceptionBoxManager.show({ title: SDKUI_Localizator.Search, exception: ex });
+    }
+    finally {
+        TMSpinner.hide();
+    }
+    return { result: result, qd: qdSearch };
+};
+export const refreshLastSearch = async (qd) => {
+    if (!qd)
+        return;
+    let searchResults = [];
+    try {
+        TMSpinner.show({ description: `${SDKUI_Localizator.Search} ...`, backgroundColor: 'transparent' });
+        let result = await SDK_Globals.tmSession?.NewSearchEngine().SearchByIDAsync(qd);
+        let dcmtsFound = result?.dcmtsFound ?? 0;
+        if (dcmtsFound <= 0)
+            ShowAlert({ message: SDKUI_Localizator.NoDcmtFound, mode: 'info', title: SDKUI_Localizator.SearchResult, duration: 3000 });
+        else if (result)
+            searchResults.push(result);
+    }
+    catch (ex) {
+        TMExceptionBoxManager.show({ title: SDKUI_Localizator.Search, exception: ex });
+    }
+    finally {
+        TMSpinner.hide();
+    }
+    return searchResults;
+};
+export const StyledToppyTextContainer = styled.div ` 
+    padding: 30px 50px; 
+    max-width: 345px; 
+    border: 1px solid #8D2F88; 
+    border-radius: 30px; 
+    display: flex; 
+    align-items: center; 
+    justify-content: center; 
+`;
+export const StyledToppyText = styled.p ` 
+    text-align: center; 
+    color: #8d2f88; 
+    font-size: 30px; 
+    user-select: none;
+`;

package/lib/components/{search → features/search}/TMSearchResult.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SearchResultDescriptor } from '@topconsultnpm/sdk-ts-beta';
-import { SearchResultContext } from '../../ts';
+import { SearchResultContext, TaskContext } from '../../../ts';
 interface ITMSearchResultProps {
     context?: SearchResultContext;
     title?: string;
@@ -21,11 +21,7 @@ interface ITMSearchResultProps {
     onRefreshSearchAsync?: () => Promise<void>;
     onRefreshAfterAddDcmtToFavs?: () => void;
     onClosePreview?: () => void;
-    onTaskCreateRequest?: (activityContext: {
-        tid: number;
-        did: number;
-        name: string;
-    } | undefined) => void;
+    onTaskCreateRequest?: (taskContext: TaskContext | undefined) => void;
 }
 declare const TMSearchResult: React.FC<ITMSearchResultProps>;
 export default TMSearchResult;

package/lib/components/{search → features/search}/TMSearchResult.js

@@ -4,36 +4,36 @@ import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, M
 import styled from 'styled-components';
 import { commandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
 import { ContextMenu } from 'devextreme-react';
-import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconTag, IconDetails, IconCommand, IconDelete, IconRefresh, IconMenuVertical, IconDownload, IconSignature, IconSave, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, SDKUI_Globals, IconArchive, IconActivityLog, IconStar, IconFreeSearch, IconChevronDown, searchResultToMetadataValues } from '../../helper';
-import { useDcmtOperations } from '../../hooks/useDcmtOperations';
-import { useInputCvtFormatDialog } from '../../hooks/useInputDialog';
-import { DcmtOperationTypes, FormModes, SearchResultContext } from '../../ts';
-import { TMColors } from '../../utils/theme';
-import { StyledModalContainer, StyledBadge, StyledMultiViewPanel } from '../base/Styled';
-import ShowAlert from '../base/TMAlert';
-import TMButton from '../base/TMButton';
-import TMDataGrid, { TMDataGridPageSize } from '../base/TMDataGrid';
-import { useDeviceType, DeviceType } from '../base/TMDeviceProvider';
-import { TMSplitterLayout, TMLayoutItem } from '../base/TMLayout';
-import { CustomListViewHeader } from '../base/TMListView';
-import { TMMessageBoxManager, ButtonNames } from '../base/TMPopUp';
-import TMToolbarCard from '../base/TMToolbarCard';
-import TMTooltip from '../base/TMTooltip';
-import { TMLayoutWaitingContainer } from '../base/TMWaitPanel';
-import { TMUserIdViewer } from '../choosers/TMUserChooser';
-import TMMetadataValues from '../editors/TMMetadataValues';
-import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../forms/TMSaveForm';
-import TMDataListItemViewer from '../viewers/TMDataListItemViewer';
-import TMTidViewer from '../viewers/TMTidViewer';
-import TMDcmtIcon from '../query/TMDcmtIcon';
-import { hasDetailRelations, hasMasterRelations } from '../../helper/dcmtsHelper';
-import TMDcmtPreview, { TMNothingToShow } from '../query/TMDcmtPreview';
-import TMFloatingToolbar from '../base/TMFloatingToolbar';
-import { WorkFlowApproveRejectPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../query/TMWorkflowPopup';
-import TMMasterDetailDcmts from '../query/TMMasterDetailDcmts';
-import TMBatchUpdateForm from '../query/TMBatchUpdateForm';
-import TMDcmtForm from '../query/TMDcmtForm';
-import TMDcmtBlog from '../query/TMDcmtBlog';
+import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconTag, IconDetails, IconCommand, IconDelete, IconRefresh, IconMenuVertical, IconDownload, IconSignature, IconSave, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, SDKUI_Globals, IconArchive, IconActivityLog, IconStar, IconFreeSearch, IconChevronDown, searchResultToMetadataValues } from '../../../helper';
+import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
+import { useInputCvtFormatDialog } from '../../../hooks/useInputDialog';
+import { DcmtOperationTypes, FormModes, SearchResultContext } from '../../../ts';
+import { TMColors } from '../../../utils/theme';
+import { StyledModalContainer, StyledBadge, StyledMultiViewPanel } from '../../base/Styled';
+import ShowAlert from '../../base/TMAlert';
+import TMButton from '../../base/TMButton';
+import TMDataGrid, { TMDataGridPageSize } from '../../base/TMDataGrid';
+import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
+import { TMSplitterLayout, TMLayoutItem } from '../../base/TMLayout';
+import { CustomListViewHeader } from '../../base/TMListView';
+import { TMMessageBoxManager, ButtonNames } from '../../base/TMPopUp';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import TMTooltip from '../../base/TMTooltip';
+import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
+import { TMUserIdViewer } from '../../choosers/TMUserChooser';
+import TMMetadataValues from '../../editors/TMMetadataValues';
+import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../../forms/TMSaveForm';
+import TMDataListItemViewer from '../../viewers/TMDataListItemViewer';
+import TMTidViewer from '../../viewers/TMTidViewer';
+import { hasDetailRelations, hasMasterRelations } from '../../../helper/dcmtsHelper';
+import TMDcmtPreview, { TMNothingToShow } from '../documents/TMDcmtPreview';
+import TMFloatingToolbar from '../../base/TMFloatingToolbar';
+import { WorkFlowApproveRejectPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
+import TMMasterDetailDcmts from '../documents/TMMasterDetailDcmts';
+import TMBatchUpdateForm from '../../features/documents/TMBatchUpdateForm';
+import TMDcmtForm from '../documents/TMDcmtForm';
+import TMDcmtBlog from '../documents/TMDcmtBlog';
+import TMDcmtIcon from '../documents/TMDcmtIcon';
 //#endregion region Interfaces, Types and Enums
 //#region Styled Components
 const StyledContainer = styled.div ` overflow: hidden; background-color: #ffffff; width: calc(100%); height: calc(100%); display: flex; gap: 10px; `;
@@ -156,7 +156,7 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
                     const dtd = await DcmtTypeListCacheService.GetAsync(item.TID);
                     if (dtd) {
                         const name = `${dtd.name ?? '-'} (DID: ${item.DID})`;
-                        onTaskCreateRequest?.({ tid: item.TID, did: item.DID, name });
+                        onTaskCreateRequest?.({ document: { tid: item.TID, did: item.DID, name } });
                     }
                 }
                 catch (error) {

package/lib/components/{search → features/search}/TMSearchResultsMenuItems.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DcmtTypeDescriptor, FileFormats, LayoutModes, RecentCategories } from '@topconsultnpm/sdk-ts-beta';
-import { TMDataGridContextMenuItem } from '../base/TMDataGrid';
-import { DcmtInfo, DcmtOperationTypes, SearchResultContext } from '../../ts';
+import { TMDataGridContextMenuItem } from '../../base/TMDataGrid';
+import { DcmtInfo, DcmtOperationTypes, SearchResultContext } from '../../../ts';
 export declare const getSelectedDcmtsOrFocused: (selectedItems: Array<any>, focusedItem: any, category?: RecentCategories, fileFormat?: FileFormats) => DcmtInfo[];
 export declare const commandsMenuItems: (dtd: DcmtTypeDescriptor | undefined, selectedItems: Array<any>, focusedItem: any, context: SearchResultContext, showFloatingBar: boolean, setShowFloatingBar: React.Dispatch<React.SetStateAction<boolean>>, openFormHandler: (layoutMode: LayoutModes) => void, downloadDcmtsAsync: (inputDcmts: DcmtInfo[] | undefined) => Promise<void>, runOperationAsync: (inputDcmts: DcmtInfo[] | undefined, dcmtOperationType: DcmtOperationTypes, actionAfterOperationAsync?: () => Promise<void>) => Promise<void>, onRefreshSearchAsync: (() => Promise<void>) | undefined, onRefreshDataRowsAsync: (() => Promise<void>) | undefined, onRefreshAfterAddDcmtToFavs: (() => void) | undefined, confirmFormat: () => Promise<FileFormats>, openTaskFormHandler: (value: boolean) => void, openDetailDcmtsFormHandler: (value: boolean) => void, openMasterDcmtsFormHandler: (value: boolean) => void, openBatchUpdateFormHandler: (value: boolean) => void, fromDatagrid: boolean, showDetailDcmts: boolean) => Array<TMDataGridContextMenuItem>;

package/lib/components/{search → features/search}/TMSearchResultsMenuItems.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AccessLevels, AccessLevelsEx, FileFormats, LayoutModes, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
-import { IconActivity, IconArchiveDoc, IconBatchUpdate, IconCheckFile, IconCheckIn, IconCloseCircle, IconConvertFilePdf, IconDelete, IconDotsVerticalCircleOutline, IconDownload, IconExportTo, IconFileDots, IconHide, IconInfo, IconPreview, IconRelation, IconSave, IconSearch, IconShare, IconSharedDcmt, IconShow, IconSignature, IconStar, IconSubstFile, IconUndo, SDKUI_Localizator, svgToString } from '../../helper';
-import ShowAlert from '../base/TMAlert';
-import { TMMessageBoxManager, ButtonNames, TMExceptionBoxManager } from '../base/TMPopUp';
-import TMSpinner from '../base/TMSpinner';
-import { DcmtOperationTypes, SearchResultContext } from '../../ts';
+import { IconActivity, IconArchiveDoc, IconBatchUpdate, IconCheckFile, IconCheckIn, IconCloseCircle, IconConvertFilePdf, IconDelete, IconDotsVerticalCircleOutline, IconDownload, IconExportTo, IconFileDots, IconHide, IconInfo, IconPreview, IconRelation, IconSave, IconSearch, IconShare, IconSharedDcmt, IconShow, IconSignature, IconStar, IconSubstFile, IconUndo, SDKUI_Localizator, svgToString } from '../../../helper';
+import ShowAlert from '../../base/TMAlert';
+import { TMMessageBoxManager, ButtonNames, TMExceptionBoxManager } from '../../base/TMPopUp';
+import TMSpinner from '../../base/TMSpinner';
+import { DcmtOperationTypes, SearchResultContext } from '../../../ts';
 const disabledForSingleRow = (selectedItems, focusedItem) => {
     return selectedItems.length > 1 || focusedItem === undefined;
 };

package/lib/components/features/search/TMTreeSelector.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { LayoutModes } from '@topconsultnpm/sdk-ts-beta';
+interface ITMTreeSelectorProps {
+    layoutMode?: LayoutModes;
+    onSelectedTIDChanged?: (tid: number | undefined, treeId?: number | undefined) => void;
+    onClose?: () => void;
+}
+declare const TMTreeSelector: React.FC<ITMTreeSelectorProps>;
+export default TMTreeSelector;

package/lib/components/features/search/TMTreeSelector.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { LayoutModes, LocalStorageService, SDK_Globals, SDK_Localizator, TreeCacheService, TreeItemTypes } from '@topconsultnpm/sdk-ts-beta';
+import { TreeList, Column, Scrolling, Selection } from 'devextreme-react/tree-list';
+import { DropDownBox } from 'devextreme-react';
+import { IconStarRemove, IconStar, SDKUI_Localizator, SDKUI_Globals } from '../../../helper';
+import { StyledDivHorizontal } from '../../base/Styled';
+import TMButton from '../../base/TMButton';
+import TMDataGrid from '../../base/TMDataGrid';
+import TMLayoutContainer, { TMLayoutItem } from '../../base/TMLayout';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import TMTidViewer from '../../viewers/TMTidViewer';
+const TMTreeSelector = ({ layoutMode = LayoutModes.Update, onSelectedTIDChanged, onClose }) => {
+    const [trees, setTrees] = useState([]);
+    const [treeItems, setTreeItems] = useState([]);
+    const [selectedTreeId, setSelectedTreeId] = useState(0);
+    // State to store selected row keys
+    const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+    // State hook to store the currently focused row key, initially set to undefined
+    const [focusedRowKey, setFocusedRowKey] = useState(undefined);
+    const [isGridBoxOpened, setIsGridBoxOpened] = useState(false);
+    const [defaultTreeId, setDefaultTreeId] = useState(-1);
+    const DEFAULT_TREE_KEY_NAME = `DEFAULT_TREE_${SDK_Globals.tmSession?.SessionDescr?.archiveID}_${SDK_Globals.tmSession?.SessionDescr?.userID}`;
+    useEffect(() => {
+        if (treeItems.length > 0 && treeItems[0].id) {
+            setSelectedRowKeys([treeItems[0].id]);
+        }
+    }, [treeItems]);
+    useEffect(() => {
+        const setResultCache = (result) => {
+            if (result && result.length > 0) {
+                setTrees(result);
+                let defaultTree = Number(LocalStorageService.getItem(DEFAULT_TREE_KEY_NAME) ?? -1);
+                if (defaultTree > 0) {
+                    setDefaultTreeId(defaultTree);
+                    setSelectedTreeId(defaultTree);
+                    const treeItemDescriptor = result.find(o => o.id == defaultTree);
+                    if (treeItemDescriptor?.id)
+                        setSelectedRowKeys([treeItemDescriptor.id]);
+                }
+                else {
+                    setSelectedTreeId(result?.[0].id ?? 0);
+                    const treeItemDescriptor = result?.[0];
+                    if (treeItemDescriptor?.id)
+                        setSelectedRowKeys([treeItemDescriptor.id]);
+                }
+            }
+        };
+        if (layoutMode == LayoutModes.Update) {
+            TreeCacheService.GetAllSearchAsync().then((result) => { setResultCache(result); });
+        }
+        else {
+            TreeCacheService.GetAllArchiveAsync().then((result) => { setResultCache(result); });
+        }
+    }, []);
+    useEffect(() => {
+        let newTreeItems = trees.find(o => o.id == selectedTreeId)?.items ?? [];
+        setTreeItems(newTreeItems);
+    }, [selectedTreeId]);
+    const renderCell = (data) => {
+        let treeItem = data.data;
+        if (treeItem.type == TreeItemTypes.DcmtType)
+            return (_jsx(TMTidViewer, { tid: treeItem.tid, showIcon: true }));
+        else
+            return (_jsxs(StyledDivHorizontal, { style: { gap: 5 }, children: [_jsx(IconFolder, { fontSize: 18 }), _jsx("p", { children: treeItem.nameLoc })] }));
+    };
+    // Handles selection change in the data grid
+    const onSelectionChanged = useCallback((e) => {
+        const selectedKeys = e.component.getSelectedRowKeys() ?? [];
+        if (selectedKeys.length === 0)
+            return;
+        if (selectedKeys[0] === undefined)
+            return;
+        if (selectedKeys.length > 0)
+            setSelectedTreeId(selectedKeys[0]);
+        setSelectedRowKeys(selectedKeys);
+        setIsGridBoxOpened(false);
+    }, []);
+    // Handles focus change in the data grid
+    const onFocusedRowChanged = useCallback((e) => {
+        setFocusedRowKey(e.row?.key);
+    }, []);
+    const syncDataGridSelection = useCallback((e) => {
+        const treeItemDescriptor = e.value;
+        if (treeItemDescriptor?.id)
+            setSelectedRowKeys([treeItemDescriptor.id]);
+    }, []);
+    const onGridBoxOpened = useCallback((e) => {
+        if (e.name === 'opened') {
+            setIsGridBoxOpened(e.value);
+        }
+        ;
+    }, []);
+    return (_jsx(TMToolbarCard, { title: SDK_Localizator.Trees, totalItems: trees.length, onClose: onClose, toolbar: _jsx(TMButton, { btnStyle: 'icon', caption: defaultTreeId == selectedTreeId ? SDKUI_Localizator.TreeRemoveDefault : SDKUI_Localizator.SetAsDefault, icon: defaultTreeId == selectedTreeId ? _jsx(IconStarRemove, { color: 'rgb(243, 114, 92)' }) : _jsx(IconStar, { color: 'rgb(248, 215, 117)' }), onClick: () => {
+                if (defaultTreeId == selectedTreeId) {
+                    LocalStorageService.deleteItem(DEFAULT_TREE_KEY_NAME);
+                    setDefaultTreeId(-1);
+                }
+                else {
+                    LocalStorageService.setItem(DEFAULT_TREE_KEY_NAME, selectedTreeId.toString());
+                    setDefaultTreeId(selectedTreeId);
+                }
+            } }), children: trees.length > 0
+            ?
+                _jsxs(TMLayoutContainer, { gap: 20, children: [_jsx(TMLayoutItem, { height: '30px', children: _jsx(DropDownBox, { dropDownOptions: {
+                                    resizeEnabled: true,
+                                    minWidth: "100%",
+                                    height: trees.length <= 10 ? 300 : 500,
+                                    maxWidth: "100%"
+                                }, value: selectedTreeId, opened: isGridBoxOpened, valueExpr: "id", displayExpr: "nameLoc", deferRendering: false, dataSource: trees, onValueChanged: syncDataGridSelection, onOptionChanged: onGridBoxOpened, children: _jsx(TMDataGrid, { height: "100%", width: "100%", dataSource: trees, dataColumns: [
+                                        { dataField: 'nameLoc', caption: SDKUI_Localizator.Name, width: 'auto' },
+                                        { dataField: 'description', caption: SDKUI_Localizator.Description, width: 'auto' },
+                                    ], selection: { mode: 'single', showCheckBoxesMode: "none" }, 
+                                    // scrolling={{ mode: 'virtual', useNative: SDKUI_Globals.dataGridUseNativeScrollbar }}
+                                    showRowLines: SDKUI_Globals.dataGridShowRowLines, showColumnLines: SDKUI_Globals.dataGridShowColumnLines, showHeaderFilter: false, selectedRowKeys: selectedRowKeys, onSelectionChanged: onSelectionChanged, focusedRowKey: focusedRowKey, onFocusedRowChanged: onFocusedRowChanged }) }) }), _jsx(TMLayoutItem, { height: 'calc(100% - 50px)', children: _jsxs(TreeList, { height: "100%", elementAttr: { class: 'tm-dx-treelist' }, dataSource: treeItems, showRowLines: SDKUI_Globals.dataGridShowRowLines, showColumnLines: SDKUI_Globals.dataGridShowColumnLines, showBorders: false, columnAutoWidth: true, keyExpr: "id", parentIdExpr: "parentID", dataStructure: "plain", showColumnHeaders: false, onContentReady: (e) => e.component.clearSelection(), onSelectionChanged: (e) => {
+                                    if (e.selectedRowsData[0] && e.selectedRowsData[0].type == TreeItemTypes.DcmtType) {
+                                        onSelectedTIDChanged?.(e.selectedRowsData[0].tid, selectedTreeId);
+                                    }
+                                }, children: [_jsx(Column, { dataField: "nameLoc", caption: SDKUI_Localizator.Name, cellRender: renderCell }), _jsx(Scrolling, { mode: "virtual", useNative: SDKUI_Globals.dataGridUseNativeScrollbar }), _jsx(Selection, { mode: "single" })] }) })] })
+            : _jsx("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%', fontSize: '1.5rem' }, children: SDKUI_Localizator.TreesNoAvailable }) }));
+};
+export default TMTreeSelector;
+function IconFolder(props) {
+    return (_jsx("svg", { viewBox: "0 0 512 512", height: "1em", width: "1em", ...props, children: _jsx("g", { id: "Icon", children: _jsx("g", { id: "_10", children: _jsxs("g", { id: "Folder", children: [_jsx("path", { d: "m214.2 107-40.2-29.9c-9.5-7-20.9-10.8-32.7-10.8h-110.2c-16.6 0-30 13.4-30 30v349.5h404.1c15.2 0 27.4-12.3 27.4-27.4v-270.6c0-16.6-13.4-30-30-30h-155.6c-11.8 0-23.3-3.8-32.8-10.8z", fill: "#f6c012" }), _jsxs("g", { children: [_jsx("path", { d: "m76.9 143.7h300c8.3 0 15 6.7 15 15v200c0 8.3-6.7 15-15 15h-300c-8.3 0-15-6.7-15-15v-200c0-8.3 6.7-15 15-15z", fill: "#ffeac5" }), _jsx("path", { d: "m56.9 163.7h300c8.3 0 15 6.7 15 15v200c0 8.3-6.7 15-15 15h-300c-8.3 0-15-6.7-15-15v-200c0-8.3 6.7-15 15-15z", fill: "#fff7e6" })] }), _jsx("path", { d: "m85.2 220.1-84.1 225.6h410.8c12.5 0 23.7-7.8 28.1-19.5l69-185.2c7.3-19.6-7.2-40.5-28.1-40.5h-367.6c-12.5.1-23.7 7.8-28.1 19.6z", fill: "#fbd87c" })] }) }) }) }));
+}

package/lib/components/{query → features/workflow}/TMWorkflowPopup.d.ts

@@ -1,4 +1,4 @@
-import { DeviceType } from "../base/TMDeviceProvider";
+import { DeviceType } from "../../base/TMDeviceProvider";
 export declare const WorkFlowOperationButtons: ({ isInDcmtForm, deviceType, onApprove, onReAssign, onReject, approveDisable, reassignDisable, rejectDisable, infoDisable }: {
     isInDcmtForm?: boolean;
     onApprove?: () => void;

package/lib/components/{query → features/workflow}/TMWorkflowPopup.js

@@ -3,14 +3,14 @@ import { useMemo, useState } from "react";
 import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
 import { Menu } from "devextreme-react";
 import styled from "styled-components";
-import { SDKUI_Localizator, IconApply, IconCloseOutline, IconUser, IconInfo } from "../../helper";
-import { TMColors } from "../../utils/theme";
-import TMButton from "../base/TMButton";
-import { DeviceType } from "../base/TMDeviceProvider";
-import TMModal from "../base/TMModal";
-import { TMExceptionBoxManager } from "../base/TMPopUp";
-import TMSpinner from "../base/TMSpinner";
-import TMUserChooser from "../choosers/TMUserChooser";
+import { SDKUI_Localizator, IconApply, IconCloseOutline, IconUser, IconInfo } from "../../../helper";
+import { TMColors } from "../../../utils/theme";
+import TMButton from "../../base/TMButton";
+import { DeviceType } from "../../base/TMDeviceProvider";
+import TMModal from "../../base/TMModal";
+import { TMExceptionBoxManager } from "../../base/TMPopUp";
+import TMSpinner from "../../base/TMSpinner";
+import TMUserChooser from "../../choosers/TMUserChooser";
 const StyledWorkFlowOperationButtonsContainer = styled.div `
     display: flex;
     align-items: center;

package/lib/components/grids/TMBlogsUtils.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { BlogPost, BlogPostAttachment, DcmtTypeDescriptor, HomeBlogPost } from "@topconsultnpm/sdk-ts-beta";
 import { FileItem } from '../base/TMFileManager';
+import { DcmtInfo } from '../../ts';
 export declare const DRAFT_TYPE_TID = 6;
 export declare const colors: {
     DARK_BLUE: string;
@@ -71,7 +72,7 @@ export declare const AttachmentElement: (attachment: BlogPostAttachment, treeFs:
     did: number;
     fileExt: string;
     fileSize: string;
-}> | undefined, dcmtTypeDescriptors: Map<number, DcmtTypeDescriptor>, isSelected: boolean, searchText: string, color: string, handleClickAttachmentFolderFileCallback: ((folderId: number, draftId: number) => void) | undefined, downloadDcmtsAsync: (inputDcmts: Array<any> | undefined) => Promise<void>) => import("react/jsx-runtime").JSX.Element;
+}> | undefined, dcmtTypeDescriptors: Map<number, DcmtTypeDescriptor>, isSelected: boolean, searchText: string, color: string, handleClickAttachmentFolderFileCallback: ((folderId: number, draftId: number) => void) | undefined, downloadDcmtsAsync: (inputDcmts: Array<DcmtInfo> | undefined) => Promise<void>) => import("react/jsx-runtime").JSX.Element;
 export declare const OwnerInitialsBadge: (blogPost: BlogPost | HomeBlogPost) => import("react/jsx-runtime").JSX.Element;
 export declare const IconAndHeaderElement: (blogPost: BlogPost | HomeBlogPost, iconColor: string, isSelected: boolean, headerClickCallback: () => void, searchText: string) => import("react/jsx-runtime").JSX.Element;
 export declare const findFileItemByDraftID: (tree: FileItem | undefined, draftID: number | undefined) => FileItem | null;