npm - @topconsultnpm/sdkui-react-beta - Versions diffs - 6.12.42 → 6.12.44 - Mend

@topconsultnpm/sdkui-react-beta 6.12.42 → 6.12.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/lib/components/features/search/TMSearch.js ADDED Viewed

@@ -0,0 +1,188 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { SavedQueryCacheService, SDK_Globals, DcmtTypeListCacheService, SDK_Localizator, LocalStorageService } from '@topconsultnpm/sdk-ts-beta';
+import TMSavedQuerySelector from './TMSavedQuerySelector';
+import TMTreeSelector from './TMTreeSelector';
+import { TabPanel, Item } from 'devextreme-react/tab-panel';
+import TMSearchQueryPanel, { refreshLastSearch } from './TMSearchQueryPanel';
+import { getSysAllDcmtsSQD, IconDataList, IconProgressReady, IconSavedQuery, IconTree, SDKUI_Globals, SDKUI_Localizator } from '../../../helper';
+import TMLayoutContainer, { TMLayoutItem, TMSplitterLayout } from '../../base/TMLayout';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import TMSearchResult from './TMSearchResult';
+import TMRecentsManager from '../../grids/TMRecentsManager';
+import { SearchResultContext } from '../../../ts';
+import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
+var TMSearchViews;
+(function (TMSearchViews) {
+    TMSearchViews[TMSearchViews["None"] = 0] = "None";
+    TMSearchViews[TMSearchViews["Result"] = 1] = "Result";
+})(TMSearchViews || (TMSearchViews = {}));
+const TMSearch = ({ inputTID, inputSqdID, onRefreshAfterAddDcmtToFavs, onTaskCreateRequest }) => {
+    const [allSQDs, setAllSQDs] = useState([]);
+    const [filteredByTIDSQDs, setFilteredByTIDSQDs] = useState([]);
+    const [currentSQD, setCurrentSQD] = useState();
+    const [currentTID, setCurrentTID] = useState(0);
+    const [currentMruTID, setCurrentMruTID] = useState(0);
+    const [fromDTD, setFromDTD] = useState();
+    const [searchResult, setSearchResult] = useState([]);
+    const [mruTIDs, setMruTIDs] = useState([]);
+    const [currentSearchView, setCurrentSearchView] = useState(TMSearchViews.None);
+    const [showDistinctValuesPanel, setShowDistinctValuesPanel] = useState(false);
+    const [showTreesPanel, setShowTreesPanel] = useState(true);
+    const [showRecentsPanel, setShowRecentsPanel] = useState(true);
+    const [showSavedQueryPanel, setShowSavedQueryPanel] = useState(true);
+    const [currentSQDMode, setCurrentSQDMode] = useState(1);
+    const [focusedTidMid, setFocusedTidMid] = useState();
+    const [lastQdSearched, setLastQdSearched] = useState();
+    const deviceType = useDeviceType();
+    useEffect(() => {
+        setMruTIDs(LocalStorageService.getItem(`SEARCHPAGE_MRU_TIDS_${SDK_Globals.tmSession?.SessionDescr?.archiveID}_${SDK_Globals.tmSession?.SessionDescr?.userID}`) ?? []);
+        loadDataSQDsAsync(false);
+    }, []);
+    useEffect(() => {
+        if (!inputTID)
+            return;
+        setCurrentTID(inputTID);
+    }, [inputTID]);
+    useEffect(() => {
+        if (inputSqdID) {
+            SavedQueryCacheService.GetAsync(inputSqdID).then(async (resultSqd) => {
+                await setSQDAsync(resultSqd);
+            });
+        }
+    }, [inputSqdID]);
+    useEffect(() => {
+        if (!currentTID || currentTID <= 0) {
+            setSearchResult([]);
+            return;
+        }
+        DcmtTypeListCacheService.GetAsync(currentTID).then(async (dtd) => {
+            setFromDTD(dtd);
+            let sqds = await getSQDsByTIDAsync(currentTID, allSQDs) ?? [];
+            setFilteredByTIDSQDs(sqds);
+            setCurrentSQDMode(0);
+            await setDefaultSQDAsync(sqds);
+        });
+    }, [currentTID]);
+    useEffect(() => {
+        if (currentSQD && currentSQD.masterTID != currentTID) {
+            DcmtTypeListCacheService.GetAsync(currentSQD.masterTID).then(async (dtd) => {
+                setFromDTD(dtd);
+                let sqds = await getSQDsByTIDAsync(currentSQD.masterTID, allSQDs) ?? [];
+                setFilteredByTIDSQDs(sqds);
+                setCurrentSQDMode(0);
+            });
+        }
+    }, [currentSQD]);
+    const loadDataSQDsAsync = async (refreshCache, curTID) => {
+        if (refreshCache) {
+            SavedQueryCacheService.RemoveAll();
+            SavedQueryCacheService.Remove();
+        }
+        let sqdCache = await SavedQueryCacheService.GetAllAsync() ?? [];
+        setAllSQDs(sqdCache);
+        let sqds = await getSQDsByTIDAsync(curTID ?? currentTID, allSQDs) ?? [];
+        setFilteredByTIDSQDs(sqds);
+        setCurrentSQDMode(0);
+    };
+    const getSQDsByTIDAsync = async (tid, allSQDList) => {
+        if (!tid)
+            return;
+        let sqds = allSQDList ? allSQDList.slice() : allSQDs.slice();
+        sqds = sqds.filter(o => o.masterTID == tid);
+        sqds.unshift(await getSysAllDcmtsSQD(tid, false));
+        return sqds;
+    };
+    const setDefaultSQDAsync = async (sqds) => {
+        let defaultSQD = sqds.find(o => o.isDefault == 1);
+        defaultSQD ??= sqds.find(o => o.id == 1);
+        if (defaultSQD)
+            defaultSQD.isDefault = 1;
+        if (defaultSQD) {
+            await setSQDAsync(defaultSQD);
+        }
+    };
+    const setSQDAsync = async (sqd) => {
+        let newSqd = (sqd?.id == 1) ? sqd : await SavedQueryCacheService.GetAsync(sqd?.id);
+        setCurrentSQD(newSqd);
+        if (!newSqd?.masterTID)
+            return;
+        if (newSqd?.masterTID !== currentTID)
+            setCurrentTID(0);
+        if (mruTIDs.includes(newSqd.masterTID))
+            setCurrentMruTID(newSqd.masterTID);
+        else
+            setCurrentMruTID(0);
+    };
+    const onSQDItemClick = useCallback(async (sqd, setSqdAsync) => {
+        await setSqdAsync(sqd);
+    }, []);
+    const onSQDDeleted = useCallback(async (sqd, sqdToBeSet, setSqdAsync) => {
+        await loadDataSQDsAsync(true, sqd.masterTID);
+        if (sqdToBeSet)
+            await setSqdAsync?.(sqdToBeSet);
+    }, []);
+    const rightSidebarItems = [
+        { icon: _jsx(IconTree, {}), id: 'trees', visibleName: 'Alberi', isActive: showTreesPanel, visible: true },
+        { icon: _jsx(IconProgressReady, {}), id: 'recents', visibleName: 'Recenti', isActive: showRecentsPanel, visible: true, },
+        { icon: _jsx(IconSavedQuery, {}), id: 'savedquery', visibleName: 'Ricerche rapide', isActive: showSavedQueryPanel, visible: true },
+        { icon: _jsx(IconDataList, {}), id: 'DistinctValues', visibleName: 'Valori distiniti', isActive: showDistinctValuesPanel, disabled: !focusedTidMid, visible: true }
+    ];
+    const rightSidebarItemClickHandler = (item) => {
+        switch (item.toLowerCase()) {
+            case 'trees':
+                setShowTreesPanel(!showTreesPanel);
+                break;
+            case 'recents':
+                setShowRecentsPanel(!showRecentsPanel);
+                break;
+            case 'savedquery':
+                setShowSavedQueryPanel(!showSavedQueryPanel);
+                break;
+            case 'distinctvalues':
+                setShowDistinctValuesPanel(!showDistinctValuesPanel);
+                break;
+            default: break;
+        }
+    };
+    return (_jsxs(TMLayoutContainer, { direction: 'vertical', children: [_jsx("div", { style: { position: (currentSearchView === TMSearchViews.None) ? 'relative' : 'absolute', left: (currentSearchView === TMSearchViews.None) ? '0px' : '-9999px', top: (currentSearchView === TMSearchViews.None) ? '0px' : '-9999px', visibility: (currentSearchView === TMSearchViews.None) ? 'visible' : 'hidden', display: "flex", flexDirection: "column", height: "100%", width: '100%' }, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: deviceType !== DeviceType.MOBILE && showTreesPanel, separatorSize: 8, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: (deviceType === DeviceType.MOBILE) ? ['100%', '0%'] : showTreesPanel ? [SDKUI_Globals.userAppSettings?.searchSettings?.filterPageSettings?.treePanel?.size ?? '50px', '80%'] : ['0%', '100%'], children: [deviceType !== DeviceType.MOBILE && _jsx(TMTreeSelector, { onClose: () => setShowTreesPanel(false), onSelectedTIDChanged: (tid) => {
+                                setCurrentTID(tid);
+                                if (tid && mruTIDs.includes(tid))
+                                    setCurrentMruTID(tid);
+                                else
+                                    setCurrentMruTID(0);
+                            } }), _jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: deviceType !== DeviceType.MOBILE && showSavedQueryPanel && !showDistinctValuesPanel, separatorSize: 8, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: (deviceType === DeviceType.MOBILE || showDistinctValuesPanel) ? ['100%', '0%'] : ((showSavedQueryPanel) ? ['70%', '30%'] : ['100%', '0%']), children: [_jsx(TMLayoutItem, { children: _jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: deviceType !== DeviceType.MOBILE && showRecentsPanel, separatorSize: 8, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: deviceType === DeviceType.DESKTOP ? (showRecentsPanel ? ['30%', '70%'] : ['0%', '100%']) : (currentTID ? ['0%', '100%'] : ['100%', '0%']), children: [_jsx(TMToolbarCard, { title: "Scorciatoie", totalItems: mruTIDs.length, onClose: () => setShowRecentsPanel(false), children: _jsx(TMRecentsManager, { mruTIDs: mruTIDs, currentMruTID: currentMruTID, deviceType: deviceType, onSelectedTID: (tid) => { setCurrentMruTID(tid); setCurrentTID(tid); }, onDeletedTID: (tid) => {
+                                                        let newMruTIDS = mruTIDs.slice();
+                                                        let index = newMruTIDS.findIndex(o => o == tid);
+                                                        if (index >= 0)
+                                                            newMruTIDS.splice(index, 1);
+                                                        LocalStorageService.setItem(`SEARCHPAGE_MRU_TIDS_${SDK_Globals.tmSession?.SessionDescr?.archiveID}_${SDK_Globals.tmSession?.SessionDescr?.userID}`, newMruTIDS.filter(tid => tid != undefined && tid != null));
+                                                        setMruTIDs(newMruTIDS);
+                                                    } }) }), _jsx(TMSearchQueryPanel, { fromDTD: fromDTD, SQD: currentSQD, isOpenDistinctValuesPanel: showDistinctValuesPanel, rightSidebarItems: rightSidebarItems, onFocusedMetadataChanged: setFocusedTidMid, onRightSidebarItemClick: rightSidebarItemClickHandler, onCloseDistinctValuesPanel: () => setShowDistinctValuesPanel(false), onSearchCompleted: (searchResult, qd) => {
+                                                    setSearchResult(searchResult);
+                                                    setLastQdSearched(qd);
+                                                    setCurrentSearchView(TMSearchViews.Result);
+                                                    // Salvataggio ultimi 10 TIDs
+                                                    let fromTID = searchResult?.[0].fromTID;
+                                                    let newMruTIDS = mruTIDs.slice();
+                                                    let index = newMruTIDS.findIndex(o => o == fromTID);
+                                                    if (index >= 0)
+                                                        newMruTIDS.splice(index, 1);
+                                                    if (newMruTIDS.length >= 10)
+                                                        newMruTIDS.splice(0, 1);
+                                                    newMruTIDS.push(fromTID);
+                                                    setMruTIDs(newMruTIDS);
+                                                    setCurrentMruTID(fromTID);
+                                                    LocalStorageService.setItem(`SEARCHPAGE_MRU_TIDS_${SDK_Globals.tmSession?.SessionDescr?.archiveID}_${SDK_Globals.tmSession?.SessionDescr?.userID}`, newMruTIDS.filter(tid => tid != undefined && tid != null));
+                                                }, onSqdSaved: async (newSqd) => {
+                                                    await loadDataSQDsAsync(true, newSqd.masterTID);
+                                                    await setSQDAsync(newSqd);
+                                                } })] }) }), _jsx(TMLayoutItem, { children: _jsx(TMToolbarCard, { title: SDK_Localizator.SavedQueries, onClose: () => setShowSavedQueryPanel(false), children: _jsxs(TabPanel, { width: "100%", height: "100%", showNavButtons: true, repaintChangesOnly: true, selectedIndex: currentSQDMode, onSelectedIndexChange: (index) => setCurrentSQDMode(index), children: [(currentTID || currentSQD) ? _jsx(Item, { title: fromDTD?.nameLoc, children: _jsx(TMSavedQuerySelector, { allowShowSearch: false, items: filteredByTIDSQDs, selectedId: currentSQD?.id, onRefreshData: () => loadDataSQDsAsync(true), onItemClick: (sqd) => onSQDItemClick(sqd, setSQDAsync), onDeleted: (sqd) => onSQDDeleted(sqd, sqd.id == currentSQD?.id ? filteredByTIDSQDs.find(o => o.id == 1) : currentSQD, setSQDAsync) }) }) : _jsx(_Fragment, {}), _jsx(Item, { title: SDKUI_Localizator.Alls2, children: _jsx(TMSavedQuerySelector, { allowShowSearch: true, items: allSQDs, manageDefault: false,
+                                                        // selectedId={currentSQD?.id}
+                                                        onItemClick: (sqd) => onSQDItemClick(sqd, setSQDAsync), onDeleted: (sqd) => onSQDDeleted(sqd, sqd.id == currentSQD?.id ? undefined : currentSQD, setSQDAsync) }) })] }) }) })] })] }) }, 'div-1'), _jsx("div", { style: { position: (currentSearchView === TMSearchViews.Result) ? 'relative' : 'absolute', left: (currentSearchView === TMSearchViews.Result) ? '0px' : '-9999px', top: (currentSearchView === TMSearchViews.Result) ? '0px' : '-9999px', visibility: (currentSearchView === TMSearchViews.Result) ? 'visible' : 'hidden', display: "flex", flexDirection: "column", height: "100%", width: '100%' }, children: searchResult.length > 0 &&
+                    _jsx(TMSearchResult, { context: SearchResultContext.METADATA_SEARCH, searchResults: searchResult, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync: async () => {
+                            // setSearchResult([]);
+                            setSearchResult(await refreshLastSearch(lastQdSearched) ?? []);
+                        }, onTaskCreateRequest: onTaskCreateRequest, onClose: () => { setCurrentSearchView(TMSearchViews.None); } }) }, 'div-2')] }));
+};
+export default TMSearch;

package/lib/components/features/search/TMSearchQueryEditor.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DcmtTypeDescriptor, QueryDescriptor } from '@topconsultnpm/sdk-ts-beta';
+import { TID_MID } from '../../../ts';
+interface ITMSearchQueryEditorProps {
+    qd: QueryDescriptor | undefined;
+    fromDTD?: DcmtTypeDescriptor;
+    dcmtTypesList?: DcmtTypeDescriptor[];
+    showAdvancedMenu?: boolean;
+    showAllMdWhere?: boolean;
+    isOpenDistinctValuesPanel: boolean;
+    onQdChanged?: (qd: QueryDescriptor) => void;
+    onFocusedMetadataChanged?: (tid_mid: TID_MID | undefined) => void;
+}
+declare const TMSearchQueryEditor: React.FunctionComponent<ITMSearchQueryEditorProps>;
+export default TMSearchQueryEditor;

package/lib/components/features/search/TMSearchQueryEditor.js ADDED Viewed

@@ -0,0 +1,365 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { LayoutModes, DcmtTypeListCacheService, PlatformObjectValidator, MetadataDataTypes, QueryOperators, DataListCacheService, MetadataDataDomains, SDK_Localizator, UserListCacheService } from '@topconsultnpm/sdk-ts-beta';
+import styled from 'styled-components';
+import { LocalizeQueryOperators, getDefaultOperator, SDKUI_Localizator, IconUndo, IconPencil, IconDataList, IconFunction, IconMenuVertical, IconClearButton, displayMetadataValue } from '../../../helper';
+import { TMColors } from '../../../utils/theme';
+import { StyledDivHorizontal } from '../../base/Styled';
+import TMButton from '../../base/TMButton';
+import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
+import TMDropDownMenu from '../../base/TMDropDownMenu';
+import TMSpinner from '../../base/TMSpinner';
+import { FormulaHelper } from '../../editors/TMFormulaEditor';
+import TMMetadataEditor, { useMetadataEditableList } from '../../editors/TMMetadataEditor';
+import { colorOperator, StyledItemWrapper, StyledRowItem } from '../../query/TMQueryEditor';
+import { TMMidViewer } from '../../viewers/TMMidViewer';
+const StyledMetadataListItem = styled.div `
+    padding: 5px;
+    border-radius: 8px;
+    height: max-content;
+    width: 100%;
+    /* box-shadow: 1px 1px 7px rgba(0,0,0,0.15); */
+    /* font-size: ${(props) => props.$isSelected ? '1.2rem' : '1rem'}; */
+    background: ${(props) => props.$isSelected ? props.$selectedColor : props.$backgroundColor};
+    &:hover {
+        background: ${(props) => props.$isSelected ? props.$selectedColor : props.$hoverColor};
+        cursor: pointer;
+    }
+`;
+const TMSearchQueryEditor = ({ qd, fromDTD, dcmtTypesList = [], isOpenDistinctValuesPanel, showAdvancedMenu, showAllMdWhere, onQdChanged, onFocusedMetadataChanged }) => {
+    const [dynDataListsToBeRefreshed, setDynDataListsToBeRefreshed] = useState([]);
+    const [showDistinctValuesPanel, setShowDistinctValuesPanel] = useState(false);
+    const [currentEditingMID, setCurrentEditingMID] = useState(0);
+    const [isEditableList, addOrRemoveEditableList] = useMetadataEditableList();
+    const [focusedTidMid, setFocusedTidMid] = useState();
+    const deviceType = useDeviceType();
+    let initialMaxItems = deviceType === DeviceType.MOBILE ? 8 : 12;
+    useEffect(() => { setShowDistinctValuesPanel(isOpenDistinctValuesPanel); }, [isOpenDistinctValuesPanel]);
+    useEffect(() => {
+        onFocusedMetadataChanged?.(focusedTidMid);
+    }, [focusedTidMid]);
+    const handleMetadataSelection = (tid, mid) => {
+        if (currentEditingMID !== mid)
+            setCurrentEditingMID(mid);
+        if (mid !== focusedTidMid?.mid)
+            setFocusedTidMid({ tid: tid, mid: mid });
+    };
+    const handleWhereItemChanged = (wi) => {
+        if (!wi)
+            return;
+        const whereCopy = qd?.where?.map((curItem) => {
+            if (curItem.mid != wi.mid)
+                return curItem;
+            return wi;
+        });
+        onQdChanged?.({ ...qd, where: whereCopy });
+    };
+    const getQueryOperatorsMenuItems = (wi, index) => {
+        const onChange_WhereItem_QueryOperator = (qo, index) => {
+            handleWhereItemChanged({ ...wi, operator: qo, value1: undefined, value2: undefined });
+        };
+        let items = [];
+        items.push({ text: LocalizeQueryOperators(QueryOperators.Equal), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Equal, index) });
+        items.push({ text: LocalizeQueryOperators(QueryOperators.NotEqual), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotEqual, index) });
+        items.push({ text: LocalizeQueryOperators(QueryOperators.IsNull), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.IsNull, index) });
+        items.push({ text: LocalizeQueryOperators(QueryOperators.IsNotNull), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.IsNotNull, index) });
+        items.push({ text: LocalizeQueryOperators(QueryOperators.In), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.In, index) });
+        items.push({ text: LocalizeQueryOperators(QueryOperators.NotIn), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotIn, index) });
+        let md = fromDTD?.metadata?.find(o => o.id == wi.mid);
+        let mdDataType = md?.dataType;
+        if (mdDataType != MetadataDataTypes.Varchar) {
+            items.push({ text: LocalizeQueryOperators(QueryOperators.Greater), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Greater, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.GreaterOrEqual), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.GreaterOrEqual, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.Less), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Less, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.LessOrEqual), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LessOrEqual, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.BetweenExclusive), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.BetweenExclusive, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.BetweenInclusive), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.BetweenInclusive, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.OutsideExclusive), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.OutsideExclusive, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.OutsideInclusive), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.OutsideInclusive, index) });
+        }
+        else {
+            items.push({ text: LocalizeQueryOperators(QueryOperators.Contain), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Contain, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.NotContain), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotContain, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.BeginWith), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.BeginWith, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.NotBeginWith), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotBeginWith, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.EndWith), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.EndWith, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.NotEndWith), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotEndWith, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.Like), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Like, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.NotLike), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotLike, index) });
+        }
+        items.push({ text: LocalizeQueryOperators(QueryOperators.Custom), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Custom, index) });
+        if (mdDataType == MetadataDataTypes.DateTime) {
+            items.push({
+                text: "Operatori speciali", items: [
+                    { text: LocalizeQueryOperators(QueryOperators.Yesterday), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Yesterday, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.Today), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Today, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.Tomorrow), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Tomorrow, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.PreviousWeek), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.PreviousWeek, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.ThisWeek), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.ThisWeek, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextWeek), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextWeek, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.PreviousMonth), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.PreviousMonth, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.ThisMonth), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.ThisMonth, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextMonth), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextMonth, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.PreviousYear), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.PreviousYear, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.ThisYear), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.ThisYear, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextYear), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextYear, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.LastXHours), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LastXHours, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextXHours), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextXHours, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.LastXDays), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LastXDays, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextXDays), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextXDays, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.LastXWeeks), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LastXWeeks, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextXWeeks), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextXWeeks, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.LastXMonths), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LastXMonths, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextXMonths), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextXMonths, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.LastXYears), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LastXYears, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextXYears), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextXYears, index) }
+                ]
+            });
+        }
+        return items;
+    };
+    const getOperatorColor = (whereItem) => {
+        if (dcmtTypesList.length <= 0)
+            return 'green';
+        let dtd = dcmtTypesList.find(o => o.id === whereItem.tid);
+        let md = dtd?.metadata?.find(o => o.id === whereItem.mid);
+        return whereItem.operator === getDefaultOperator(md?.dataDomain, md?.dataType) ? 'green' : TMColors.tertiary;
+    };
+    const getAdvancedMenuItems = (tid, mid) => {
+        let isEditable = isEditableList(mid);
+        let dtd = dcmtTypesList.find(o => o.id == tid);
+        if (!dtd)
+            return [];
+        let md = dtd.metadata?.find(o => o.id == mid);
+        if (!md)
+            return [];
+        let menu = [
+            { text: isEditable ? SDKUI_Localizator.Restore : SDKUI_Localizator.MakeEditable, icon: isEditable ? _jsx(IconUndo, {}) : _jsx(IconPencil, {}), onClick: () => { addOrRemoveEditableList(mid); } },
+            { text: SDKUI_Localizator.DistinctValues, icon: _jsx(IconDataList, {}), onClick: () => { handleMetadataSelection(tid, mid); setShowDistinctValuesPanel(!showDistinctValuesPanel); } }
+        ];
+        return menu;
+    };
+    return (_jsx(_Fragment, { children: deviceType === DeviceType.MOBILE ?
+            _jsx("div", { style: { overflow: 'auto', display: 'flex', flexDirection: 'column', height: '100%', padding: '5px', gap: '5px' }, children: qd?.where?.slice(0, showAllMdWhere ? qd?.where.length : initialMaxItems).map((wi, index) => (_jsx(StyledMetadataListItem, { id: `wi-item-${wi.mid}`, onClick: () => { handleMetadataSelection(wi.tid, wi.mid); }, onFocus: () => { handleMetadataSelection(wi.tid, wi.mid); }, "$backgroundColor": !PlatformObjectValidator.WhereItemHasValues(wi) ? `${TMColors.primary}66` : 'rgba(236, 202, 156, 1)', "$hoverColor": !PlatformObjectValidator.WhereItemHasValues(wi) ? `${TMColors.primary}33` : 'rgba(236, 202, 156, .5)', children: _jsx(TMSearchWhereItemCard, { isSelected: showDistinctValuesPanel && wi.mid === focusedTidMid?.mid, index: index, whereItem: wi, showEditor: currentEditingMID == wi.mid, isEditableList: isEditableList(wi.mid), queryParamsDynDataList: dynDataListsToBeRefreshed.find(o => o.mid == wi.mid)?.queryParams ?? [], onCascadeRefreshDynDataLists: (ddlToBeRefreshed) => {
+                            let newDynDataListsToBeRefreshed = [];
+                            for (const item of dynDataListsToBeRefreshed) {
+                                let index = ddlToBeRefreshed.findIndex(o => o.mid == item.mid || (o.mid == -1 && o.midStarter == item.midStarter));
+                                if (index >= 0)
+                                    continue;
+                                newDynDataListsToBeRefreshed.push(item);
+                            }
+                            for (const item of ddlToBeRefreshed) {
+                                if (item.queryParams.length <= 0)
+                                    continue;
+                                if (!item.mid)
+                                    continue;
+                                if (item.mid <= 0)
+                                    continue;
+                                newDynDataListsToBeRefreshed.push(item);
+                            }
+                            setDynDataListsToBeRefreshed(newDynDataListsToBeRefreshed);
+                        }, onCascadeUpdateMIDs: (midsToBeUpdated) => {
+                            for (const item of midsToBeUpdated) {
+                                const whereItem = qd?.where?.find(o => o.mid === item.mid);
+                                if (whereItem) {
+                                    whereItem.value1 = item.value;
+                                    handleWhereItemChanged(whereItem);
+                                }
+                            }
+                        }, onWhereItemChange: (newWi) => { handleWhereItemChanged(newWi); }, onHideEditor: () => { setCurrentEditingMID(0); } }) }, `${wi.tid}_${wi.mid}_${index}`))) })
+            :
+                _jsx("div", { style: { display: 'grid', borderRadius: '8px', alignItems: 'center', overflow: 'auto', padding: '5px', gap: '8px', gridTemplateColumns: 'minmax(0, max-content) minmax(0, max-content) minmax(50%, 1fr)' }, children: qd?.where?.slice(0, showAllMdWhere ? qd?.where.length : initialMaxItems).map((whereItem, index) => {
+                        return (_jsxs(React.Fragment, { children: [_jsx("div", { id: `wi-item-${whereItem.mid}`, style: { gridColumn: 1 }, children: _jsx(TMMidViewer, { isMetadataSelected: showDistinctValuesPanel && whereItem.mid === focusedTidMid?.mid, showIcon: true, tid_mid: { tid: whereItem?.tid, mid: whereItem?.mid, aliasTID: whereItem?.alias } }) }), _jsx("div", { style: { gridColumn: 2, paddingLeft: '5px', paddingRight: '5px' }, children: _jsx(TMDropDownMenu, { backgroundColor: colorOperator, color: getOperatorColor(whereItem), items: getQueryOperatorsMenuItems(whereItem, index), content: _jsx(StyledItemWrapper, { children: LocalizeQueryOperators(whereItem.operator) }) }) }), _jsxs("div", { style: { gridColumn: 3, position: 'relative' }, onClick: () => { handleMetadataSelection(whereItem.tid, whereItem.mid); }, onFocus: () => { handleMetadataSelection(whereItem.tid, whereItem.mid); }, children: [_jsx(TMSearchWhereItemEditor, { isSelected: showDistinctValuesPanel && whereItem.mid === focusedTidMid?.mid, openChooserBySingleClick: !showDistinctValuesPanel, whereItem: whereItem, index: index, isEditableList: isEditableList(whereItem.mid), queryParamsDynDataList: dynDataListsToBeRefreshed.find(o => o.mid == whereItem.mid)?.queryParams ?? [], onValueChanged: (values) => {
+                                                handleWhereItemChanged({ ...whereItem, value1: values[0], value2: values[1] });
+                                            }, onCascadeRefreshDynDataLists: (ddlToBeRefreshed) => {
+                                                let newDynDataListsToBeRefreshed = [];
+                                                for (const item of dynDataListsToBeRefreshed) {
+                                                    let index = ddlToBeRefreshed.findIndex(o => o.mid == item.mid || (o.mid == -1 && o.midStarter == item.midStarter));
+                                                    if (index >= 0)
+                                                        continue;
+                                                    newDynDataListsToBeRefreshed.push(item);
+                                                }
+                                                for (const item of ddlToBeRefreshed) {
+                                                    if (item.queryParams.length <= 0)
+                                                        continue;
+                                                    if (!item.mid)
+                                                        continue;
+                                                    if (item.mid <= 0)
+                                                        continue;
+                                                    newDynDataListsToBeRefreshed.push(item);
+                                                }
+                                                setDynDataListsToBeRefreshed(newDynDataListsToBeRefreshed);
+                                            }, onCascadeUpdateMIDs: (midsToBeUpdated) => {
+                                                for (const item of midsToBeUpdated) {
+                                                    const whereItem = qd?.where?.find(o => o.mid === item.mid);
+                                                    if (whereItem) {
+                                                        whereItem.value1 = item.value;
+                                                        handleWhereItemChanged(whereItem);
+                                                    }
+                                                }
+                                            } }), FormulaHelper.isFormula(whereItem.value1)
+                                            ? _jsx(IconFunction, { color: "#1a89d3", fontSize: 14, style: { position: "absolute", top: '-5px', left: '-10px' } })
+                                            : (isEditableList(whereItem.mid))
+                                                ? _jsx(IconPencil, { color: "#138603", fontSize: 14, style: { position: "absolute", top: '-5px', left: '-10px' } })
+                                                : _jsx(_Fragment, {})] }), showAdvancedMenu && _jsx("div", { style: { gridColumn: 4 }, children: _jsx(TMDropDownMenu, { backgroundColor: 'white', color: TMColors.button_icon, borderRadius: '3px', content: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconMenuVertical, {}), showTooltip: false }), items: getAdvancedMenuItems(whereItem.tid, whereItem.mid) }) })] }, `${whereItem.tid}_${whereItem.mid}_${index}`));
+                    }) }) }));
+};
+export default TMSearchQueryEditor;
+const TMSearchWhereItemEditor = ({ whereItem, queryParamsDynDataList, index, isSelected, isEditableList, autoFocus, openChooserBySingleClick, onValueChanged, onCascadeRefreshDynDataLists, onCascadeUpdateMIDs }) => {
+    const [showValue1, setShowValue1] = useState(true);
+    const [showValue2, setShowValue2] = useState(false);
+    const [dataList, setDataList] = useState();
+    const [users, setUsers] = useState();
+    useEffect(() => {
+        let operands = PlatformObjectValidator.GetNumberOfOperands(whereItem.operator);
+        switch (operands) {
+            case 0:
+                setShowValue1(false);
+                setShowValue2(false);
+                break;
+            case 2:
+                setShowValue1(true);
+                setShowValue2(true);
+                break;
+            default:
+                setShowValue1(true);
+                setShowValue2(false);
+                break;
+        }
+        getMetadata().then((mdOut) => {
+            switch (mdOut?.dataDomain) {
+                case MetadataDataDomains.DataList:
+                    if (dataList != undefined)
+                        return;
+                    TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.DataList} ...` });
+                    mdOut.dataListID && DataListCacheService.GetAsync(mdOut.dataListID).then((dataList) => {
+                        TMSpinner.hide();
+                        setDataList(dataList);
+                    });
+                    break;
+                case MetadataDataDomains.UserID:
+                    if (users !== undefined)
+                        return;
+                    TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.Users} ...` });
+                    UserListCacheService.GetAllAsync().then((resultUsers) => {
+                        TMSpinner.hide();
+                        setUsers(resultUsers ?? []);
+                    });
+                    break;
+                default: break;
+            }
+        });
+    }, [whereItem]);
+    const getMetadata = async () => {
+        let dtd = await DcmtTypeListCacheService.GetAsync(whereItem.tid, true);
+        return dtd?.metadata?.find(o => o.id === whereItem.mid);
+    };
+    const normalizeValue = (value, isForValue1 = true) => {
+        let newValues = [];
+        let newValue = value;
+        if (isForValue1) {
+            newValues.push(newValue);
+            newValues.push(whereItem.value2);
+        }
+        else {
+            newValues.push(whereItem.value1);
+            newValues.push(newValue);
+        }
+        onValueChanged?.(newValues);
+    };
+    return (_jsxs(StyledRowItem, { style: { marginBottom: 0 }, children: [showValue1 && _jsx(TMMetadataEditor, { openChooserBySingleClick: openChooserBySingleClick, isSelected: isSelected, tid: whereItem.tid, mid: whereItem.mid, layoutMode: LayoutModes.None, isEditable: isEditableList, value: whereItem.value1, queryOperator: whereItem.operator, queryParamsDynDataList: queryParamsDynDataList, autoFocus: autoFocus ?? false, containerElement: undefined, onValueChanged: (value) => { normalizeValue(value, true); }, onCascadeRefreshDynDataLists: onCascadeRefreshDynDataLists, onCascadeUpdateMIDs: onCascadeUpdateMIDs }), showValue2 && _jsx(TMMetadataEditor, { openChooserBySingleClick: openChooserBySingleClick, isSelected: isSelected, tid: whereItem.tid, mid: whereItem.mid, layoutMode: LayoutModes.None, isEditable: isEditableList, value: whereItem.value2, queryOperator: whereItem.operator, autoFocus: autoFocus ?? false, containerElement: undefined, onValueChanged: (value) => { normalizeValue(value, false); } })] }));
+};
+const TMSearchWhereItemCard = ({ index, whereItem, isSelected, queryParamsDynDataList, showEditor, showCompleteMetadataName, showId, isEditableList, onWhereItemChange, onHideEditor, onCascadeRefreshDynDataLists, onCascadeUpdateMIDs }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [md, setMd] = useState();
+    useEffect(() => { getMetadata().then((mdOut) => { setMd(mdOut); }); }, [whereItem]);
+    useEffect(() => { setIsOpen(showEditor); }, [showEditor]);
+    const onChange_WhereItem_QueryOperator = (qo, index) => {
+        onWhereItemChange?.({ ...whereItem, operator: qo, value1: undefined, value2: undefined });
+    };
+    const getMetadata = async () => {
+        let dtd = await DcmtTypeListCacheService.GetAsync(whereItem.tid, true);
+        return dtd?.metadata?.find(o => o.id === whereItem.mid);
+    };
+    const getQueryOperatorsMenuItems = (wi, index) => {
+        let items = [];
+        items.push({ text: LocalizeQueryOperators(QueryOperators.Equal), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Equal, index) });
+        items.push({ text: LocalizeQueryOperators(QueryOperators.NotEqual), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotEqual, index) });
+        items.push({ text: LocalizeQueryOperators(QueryOperators.IsNull), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.IsNull, index) });
+        items.push({ text: LocalizeQueryOperators(QueryOperators.IsNotNull), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.IsNotNull, index) });
+        items.push({ text: LocalizeQueryOperators(QueryOperators.In), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.In, index) });
+        items.push({ text: LocalizeQueryOperators(QueryOperators.NotIn), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotIn, index) });
+        let mdDataType = md?.dataType;
+        if (mdDataType != MetadataDataTypes.Varchar) {
+            items.push({ text: LocalizeQueryOperators(QueryOperators.Greater), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Greater, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.GreaterOrEqual), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.GreaterOrEqual, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.Less), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Less, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.LessOrEqual), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LessOrEqual, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.BetweenExclusive), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.BetweenExclusive, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.BetweenInclusive), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.BetweenInclusive, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.OutsideExclusive), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.OutsideExclusive, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.OutsideInclusive), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.OutsideInclusive, index) });
+        }
+        else {
+            items.push({ text: LocalizeQueryOperators(QueryOperators.Contain), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Contain, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.NotContain), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotContain, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.BeginWith), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.BeginWith, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.NotBeginWith), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotBeginWith, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.EndWith), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.EndWith, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.NotEndWith), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotEndWith, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.Like), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Like, index) });
+            items.push({ text: LocalizeQueryOperators(QueryOperators.NotLike), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NotLike, index) });
+        }
+        items.push({ text: LocalizeQueryOperators(QueryOperators.Custom), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Custom, index) });
+        if (mdDataType == MetadataDataTypes.DateTime) {
+            items.push({
+                text: SDKUI_Localizator.SpecialOperators, items: [
+                    { text: LocalizeQueryOperators(QueryOperators.Yesterday), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Yesterday, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.Today), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Today, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.Tomorrow), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.Tomorrow, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.PreviousWeek), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.PreviousWeek, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.ThisWeek), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.ThisWeek, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextWeek), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextWeek, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.PreviousMonth), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.PreviousMonth, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.ThisMonth), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.ThisMonth, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextMonth), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextMonth, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.PreviousYear), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.PreviousYear, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.ThisYear), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.ThisYear, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextYear), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextYear, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.LastXHours), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LastXHours, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextXHours), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextXHours, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.LastXDays), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LastXDays, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextXDays), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextXDays, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.LastXWeeks), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LastXWeeks, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextXWeeks), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextXWeeks, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.LastXMonths), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LastXMonths, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextXMonths), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextXMonths, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.LastXYears), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.LastXYears, index) },
+                    { text: LocalizeQueryOperators(QueryOperators.NextXYears), onClick: () => onChange_WhereItem_QueryOperator(QueryOperators.NextXYears, index) }
+                ]
+            });
+        }
+        return items;
+    };
+    return (_jsxs("div", { style: { width: "100%", fontSize: '1rem', userSelect: 'none' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }, children: [_jsx(TMSearchWhereItemViewer, { isSelected: isSelected, whereItem: whereItem, showCompleteMetadataName: showCompleteMetadataName, showId: showId, showValue: !isOpen }), isOpen &&
+                        _jsx("div", { onClick: (e) => e.stopPropagation(), children: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconClearButton, { color: 'red' }), caption: SDKUI_Localizator.Close, showTooltip: false, onClick: () => { onHideEditor?.(); } }) })] }), _jsx("div", { style: { display: isOpen ? 'flex' : 'none', flexDirection: 'column', paddingTop: 5, gap: '5px' }, children: _jsxs(StyledDivHorizontal, { style: { gap: '5px' }, children: [_jsx(TMDropDownMenu, { backgroundColor: colorOperator, color: 'green', content: _jsx(StyledItemWrapper, { children: LocalizeQueryOperators(whereItem.operator) }), items: getQueryOperatorsMenuItems(whereItem, index) }), _jsx(TMSearchWhereItemEditor, { isSelected: isSelected, whereItem: whereItem, index: index, isEditableList: isEditableList, autoFocus: !!isOpen, onValueChanged: (values) => { onWhereItemChange?.({ ...whereItem, value1: values[0], value2: values[1] }); }, queryParamsDynDataList: queryParamsDynDataList, onCascadeRefreshDynDataLists: onCascadeRefreshDynDataLists, onCascadeUpdateMIDs: onCascadeUpdateMIDs })] }) })] }));
+};
+const TMSearchWhereItemViewer = ({ isSelected = false, whereItem, showCompleteMetadataName, showId, showValue }) => {
+    const [numberOfOperands, setNumberOfOperands] = useState(0);
+    const [md, setMd] = useState();
+    useEffect(() => {
+        let operands = PlatformObjectValidator.GetNumberOfOperands(whereItem?.operator);
+        setNumberOfOperands(operands);
+        getMetadata().then((mdOut) => { setMd(mdOut); });
+    }, [whereItem]);
+    const getMetadata = async () => {
+        let dtd = await DcmtTypeListCacheService.GetAsync(whereItem?.tid, true);
+        return dtd?.metadata?.find(o => o.id === whereItem?.mid);
+    };
+    return (_jsxs("div", { style: { width: "100%", gap: 5, fontSize: '1rem', userSelect: 'none', display: 'flex', flexDirection: 'row' }, children: [_jsx(TMMidViewer, { isMetadataSelected: isSelected, showIcon: true, showCompleteName: showCompleteMetadataName, showId: showId, tid_mid: { tid: whereItem?.tid, mid: whereItem?.mid, aliasTID: whereItem?.alias } }), whereItem && showValue && PlatformObjectValidator.WhereItemHasValues(whereItem) && _jsx(StyledItemWrapper, { style: { padding: 0, color: 'green' }, children: LocalizeQueryOperators(whereItem.operator) }), whereItem && showValue && PlatformObjectValidator.WhereItemHasValues(whereItem) &&
+                _jsx(StyledItemWrapper, { style: { padding: 0, fontWeight: 900 }, children: numberOfOperands == 11 || numberOfOperands == 12 || numberOfOperands == 99
+                        ? _jsx(_Fragment, { children: whereItem.value1 })
+                        // ? <>{numberOfOperands == 11 ? whereItem.value1?.split(',').map((item: string) => !item.startsWith("'") ? item : item.slice(1, -1)).join(",") : whereItem.value1}</>
+                        : _jsxs(_Fragment, { children: [displayMetadataValue(md, whereItem.value1, ""), numberOfOperands == 2 && (whereItem.value2 && whereItem.value2 != '' ? ` - ${displayMetadataValue(md, whereItem.value2, "")}` : ' - ?')] }) })] }));
+};

package/lib/components/features/search/TMSearchQueryPanel.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import React from 'react';
+import { DcmtTypeDescriptor, QueryDescriptor, SavedQueryDescriptor, SearchResultDescriptor } from '@topconsultnpm/sdk-ts-beta';
+import { TID_MID } from '../../../ts';
+import { ITMRightSidebarItem } from '../../base/TMRightSidebar';
+interface ITMSearchQueryPanelProps {
+    fromDTD?: DcmtTypeDescriptor;
+    SQD?: SavedQueryDescriptor;
+    isOpenDistinctValuesPanel?: boolean;
+    rightSidebarItems?: ITMRightSidebarItem[];
+    onRightSidebarItemClick?: (item: string) => void;
+    onSqdSaved?: (newSqd: SavedQueryDescriptor) => void;
+    onFocusedMetadataChanged?: (tid_mid: TID_MID | undefined) => void;
+    onCloseDistinctValuesPanel?: () => void;
+    onSearchCompleted?: (searchResult: SearchResultDescriptor[], qd: QueryDescriptor | undefined) => void;
+}
+declare const TMSearchQueryPanel: React.FunctionComponent<ITMSearchQueryPanelProps>;
+export default TMSearchQueryPanel;
+export declare const refreshLastSearch: (qd: QueryDescriptor | undefined) => Promise<SearchResultDescriptor[] | undefined>;
+export declare const StyledToppyTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledToppyText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;