@topconsultnpm/sdkui-react-beta 6.12.41 → 6.12.43

package/lib/components/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/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/TMSearchResult.js

@@ -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/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/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/helper/Enum_Localizator.d.ts

@@ -1,4 +1,4 @@
-import { ArchiveConstraints, JobTypes, JoinTypes, MetadataFormats, OwnershipLevels, ParametricFilterTypes, QueryFunctions, QueryOperators, UserLevels } from "@topconsultnpm/sdk-ts-beta";
+import { ArchiveConstraints, JobTypes, JoinTypes, MetadataFormats, OwnershipLevels, ParametricFilterTypes, QueryFunctions, QueryOperators, SharingModes, UserLevels } from "@topconsultnpm/sdk-ts-beta";
 import { DcmtOperationTypes, FormModes } from "../ts";
 export declare function LocalizeArchiveConstraints(value: ArchiveConstraints | undefined): "Archivierung nur mit Dateien erlauben" | "Allow file only archiving" | "Permitir solo almacenamientos con archivo" | "Autorise uniquement l'archivage de fichiers" | "Permitir somente depósitos com arquivos" | "Consenti solo archiviazioni con file" | "Alles zulassen" | "Allow everything" | "Permitir todo" | "Autorise tout" | "Permitir que todos" | "Consenti tutto" | "Nur Methadatenarchivierung erlauben" | "Allow metadata only archiving" | "Permitir solo almacenamiento de metadatos" | "Autorise uniquement l'archivage de métadonnées" | "Permitir somente os metadados de arquivamento" | "Consenti solo archiviazioni di metadati";
 export declare function LocalizeDcmtOperationTypes(value: DcmtOperationTypes | undefined): string;
@@ -10,4 +10,5 @@ export declare function LocalizeParametricFilterTypes(value: ParametricFilterTyp
 export declare function LocalizeQueryFunctions(value: QueryFunctions | undefined): "Zählen" | "Count" | "Contar" | "Compte" | "Contagem" | "Conta" | "" | "None" | "Niemand" | "Ninguno" | "Aucun" | "Nenhum" | "Nessuno" | "Max" | "Höchstwert" | "Máximo" | "Massimo" | "Min" | "Mindestwert" | "Mínimo" | "Minimo" | "Sum" | "Summe" | "Suma" | "Somme" | "Soma" | "Somma";
 export declare function LocalizeQueryJoinTypes(value: JoinTypes | undefined): string;
 export declare function LocalizeQueryOperators(value: QueryOperators | undefined): string;
+export declare function LocalizeSharingModes(value: SharingModes | undefined): string;
 export declare function LocalizeUserLevels(value: UserLevels | undefined): string | undefined;

package/lib/helper/Enum_Localizator.js

@@ -1,4 +1,4 @@
-import { ArchiveConstraints, CultureIDs, JobTypes, JoinTypes, MetadataFormats, OwnershipLevels, ParametricFilterTypes, QueryFunctions, QueryOperators, SDK_Globals, SDK_Localizator, UserLevels } from "@topconsultnpm/sdk-ts-beta";
+import { ArchiveConstraints, CultureIDs, JobTypes, JoinTypes, MetadataFormats, OwnershipLevels, ParametricFilterTypes, QueryFunctions, QueryOperators, SDK_Globals, SDK_Localizator, SharingModes, UserLevels } from "@topconsultnpm/sdk-ts-beta";
 import { SDKUI_Localizator } from "./SDKUI_Localizator";
 import { DcmtOperationTypes, FormModes } from "../ts";
 export function LocalizeArchiveConstraints(value) {
@@ -181,6 +181,14 @@ export function LocalizeQueryOperators(value) {
         default: return '';
     }
 }
+export function LocalizeSharingModes(value) {
+    switch (value) {
+        case SharingModes.Private: return SDKUI_Localizator.SharingModes_Private;
+        case SharingModes.Public: return SDKUI_Localizator.SharingModes_Public;
+        case SharingModes.Shared: return SDKUI_Localizator.SharingModes_Shared;
+        default: return value;
+    }
+}
 export function LocalizeUserLevels(value) {
     switch (value) {
         case UserLevels.Administrator: return SDKUI_Localizator.UserLevelAdmin;

package/lib/helper/SDKUI_Localizator.d.ts

@@ -16,7 +16,9 @@ export declare class SDKUI_Localizator {
     static get AddAlls(): "Alle hinzufügen" | "Add all" | "Añadir todos" | "Ajoute toutes" | "Adicionar todos" | "Aggiungi tutti";
     static get AddDefinition(): "Definition hinzufügen" | "Add definition" | "Añadir definición" | "Ajoute la définition" | "Adicionar definição" | "Aggiungi definizione";
     static get AddOrSubstFile(): "Dateien hinzufügen/ersetzen" | "Add/substitute file" | "Añadir/sustituir archivo" | "Ajoute/Remplace le fichier" | "Adicionar / substituir arquivos" | "Aggiungi/sostituisci file";
+    static get AddToHomePage(): "Zur Startseite hinzufügen" | "Add to Home Page" | "Añadir a la página inicial" | "Ajoute à Home Page" | "Adicionar a Home Page" | "Aggiungi alla Home Page";
     static get All(): "Alle" | "All" | "Todos" | "Tous" | "Tutti";
+    static get AllDcmtTypes(): "Alle Dokumenttypen" | "All document types" | "Todos los tipos documento" | "Tous les types de documents" | "Todos os tipos de documentos" | "Tutti i tipi documento";
     static get AllFilesAndFoldersInSupportArea(): "Alle Dateien und Ordner im Support-Bereich" | "All files and folders within the support area" | "Todos los archivos y carpetas dentro del área de soporte" | "Tous les fichiers et dossiers dans la zone de support" | "Todos os arquivos e pastas na área de apoio" | "Tutti i file e le cartelle all'interno dell'area di appoggio";
     static get AllItems(): "alle Artikel" | "All items" | "Todos los artículos" | "tous les articles" | "todos os artigos" | "tutti gli elementi";
     static get Alls2(): "Alle" | "All" | "Todos" | "Tous" | "Tutte";
@@ -329,9 +331,14 @@ export declare class SDKUI_Localizator {
     static get SelectedItems(): "Ausgewählte Artikel" | "Selected items" | "Artículos seleccionados" | "Articles sélectionnés" | "Itens selecionados" | "Elementi selezionati";
     static get SendLinkByMail(): "Link per E-Mail senden" | "Send link via mail" | "Enviar enlace por correo electrónico" | "Envoyer le lien par email" | "Enviar link por e-mail" | "Invia link tramite mail";
     static get SendToSupport(): "An den Support senden" | "Send to support" | "Enviar a soporte" | "Envoyer au support" | "Enviar para suporte" | "Invia a supporto";
+    static get SetAsDefault(): "Als Standardbaum festlegen" | "Set as default" | "Establecer como predeterminado" | "Définir par défaut" | "Definir como padrão" | "Imposta come predefinito";
+    static get SetAsDefault2(): "Standard setzen" | "Set default" | "Configurar predeterminado" | "Place le défaut" | "Definir padrão" | "Imposta default";
     static get SetAsFavorite(): "Als Favorit festlegen" | "Set as favorite" | "Establecer como favorito" | "Définir comme favori" | "Definir como favorito" | "Imposta come preferito";
     static get SetNamedCredentialsAsPreferred(): "Möchten Sie die Anmeldedaten '{{0}}' als bevorzugt festlegen?" | "Do you want to set the '{{0}}' credentials as preferred?" | "¿Quieres configurar las credenciales '{{0}}' como preferidas?" | "Voulez-vous définir les identifiants '{{0}}' comme préférés ?" | "Deseja definir as credenciais '{{0}}' como preferidas?" | "Vuoi impostare le credenziali '{{0}}' come preferite?";
     static get Settings(): "Einstellungen" | "Settings" | "Ajustes" | "Réglages" | "Definições" | "Impostazioni";
+    static get SharingModes_Private(): "Privat" | "Private" | "Privada" | "Privé" | "Privado" | "Privata";
+    static get SharingModes_Public(): "Öffentlich" | "Public" | "Pública" | "Público" | "Pubblica";
+    static get SharingModes_Shared(): "Geteilt" | "Shared" | "Compartida" | "Partagé" | "Partilhada" | "Condivisa";
     static get Show_CompleteName(): "Vollständigen Namen anzeigen" | "View full name" | "Mostrar nombre completo" | "Afficher le nom complet" | "Mostrar nome completo" | "Visualizza nome completo";
     static get ShowDetails(): "Details anzeigen" | "Show details" | "Mostrar detalles" | "Afficher les détails" | "Mostrar detalhes" | "Mostra dettagli";
     static get ShowFilters(): string;
@@ -354,6 +361,8 @@ export declare class SDKUI_Localizator {
     static get Type(): "Typ" | "Type" | "Tipo";
     static get TypeAMessage(): "Geben Sie eine Nachricht ein" | "Type a message" | "Escribe un mensaje" | "Tapez un message" | "Digite uma mensagem" | "Digita un messaggio";
     static get Tracing(): "Trassierung" | "Tracing" | "Trazado" | "Marquage" | "Marcação" | "Tracciatura";
+    static get TreesNoAvailable(): "Keine Bäume vorhanden" | "No trees available" | "No hay árboles disponibles" | "Aucun arbre disponible" | "Não há árvores disponíveis" | "Nessun albero disponibile";
+    static get TreeRemoveDefault(): "Standardbaum entfernen" | "Remove default tree" | "Eliminar árbol predeterminado" | "Supprimer l'arbre par défaut" | "Remover árvore padrão" | "Rimuovi albero predefinito";
     static get UBLViewFormats_ER_HTML(): "ER Style Sheet (HTML)" | "Hoja de estilo ER (HTML)" | "Feuille de style ER (HTML)" | "Folha de estilo ER (HTML)" | "Foglio di stile ER (HTML)";
     static get UBLViewFormats_ER_PDF(): "ER Style Sheet (PDF)" | "Hoja de estilo ER (PDF)" | "Feuille de style ER (PDF)" | "Folha de estilo ER (PDF)" | "Foglio di stile ER (PDF)";
     static get UBLViewFormats_NSO_HTML(): "NSO Style Sheet (HTML)" | "Hoja de estilo NSO (HTML)" | "Feuille de style NSO (HTML)" | "Folha de estilo NSO (HTML)" | "Foglio di stile NSO (HTML)";