@topconsultnpm/sdkui-react 6.20.0-dev1.69 → 6.20.0-dev1.70

package/lib/components/choosers/TMInvoiceRetrieveFormats.js

@@ -17,6 +17,6 @@ const TMInvoiceRetrieveFormats = ({ value, valueOrig, onValueChanged, valuesToEx
         }
         return dataSource;
     };
-    return (_jsx(TMDropDown, { label: label, elementStyle: { marginBottom: TMMargin.defultMargin, width: width }, dataSource: getDataSource(), value: value, onValueChanged: (e) => { onValueChanged?.(e.target.value); }, isModifiedWhen: value != valueOrig, width: width }));
+    return (_jsx(TMDropDown, { label: label, elementStyle: { marginBottom: TMMargin.defaultMargin, width: width }, dataSource: getDataSource(), value: value, onValueChanged: (e) => { onValueChanged?.(e.target.value); }, isModifiedWhen: value != valueOrig, width: width }));
 };
 export default TMInvoiceRetrieveFormats;

package/lib/components/choosers/TMOrderRetrieveFormats.js

@@ -17,6 +17,6 @@ const TMOrderRetrieveFormats = ({ value, valueOrig, onValueChanged, valuesToExcl
         }
         return dataSource;
     };
-    return (_jsx(TMDropDown, { label: label, elementStyle: { marginBottom: TMMargin.defultMargin, width: width }, dataSource: getDataSource(), value: value, isModifiedWhen: value != valueOrig, onValueChanged: (e) => { onValueChanged?.(e.target.value); }, width: width }));
+    return (_jsx(TMDropDown, { label: label, elementStyle: { marginBottom: TMMargin.defaultMargin, width: width }, dataSource: getDataSource(), value: value, isModifiedWhen: value != valueOrig, onValueChanged: (e) => { onValueChanged?.(e.target.value); }, width: width }));
 };
 export default TMOrderRetrieveFormats;

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

@@ -32,6 +32,7 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
     const [currentSQDMode, setCurrentSQDMode] = useState(1);
     const [lastQdSearched, setLastQdSearched] = useState();
     const [showSearchResults, setShowSearchResults] = useState(true);
+    const [maxDcmtsToBeReturned, setMaxDcmtsToBeReturned] = useState(SDKUI_Globals.userSettings.searchSettings?.maxDcmtsToBeReturned ?? 1000);
     const deviceType = useDeviceType();
     useEffect(() => {
         if (onCurrentTIDChangedCallback) {
@@ -55,6 +56,12 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
             });
         }
     }, [inputSqdID]);
+    useEffect(() => {
+        const newMaxDcmtsToBeReturned = SDKUI_Globals.userSettings.searchSettings?.maxDcmtsToBeReturned ?? 1000;
+        if (newMaxDcmtsToBeReturned !== maxDcmtsToBeReturned) {
+            setMaxDcmtsToBeReturned(newMaxDcmtsToBeReturned);
+        }
+    }, [SDKUI_Globals.userSettings.searchSettings?.maxDcmtsToBeReturned]);
     useEffect(() => {
         setSearchResult([]);
         if (!currentTID || currentTID <= 0) {
@@ -160,7 +167,7 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
             SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS;
             setMruTIDs(newMruTIDS);
         } }), [mruTIDs, currentMruTID, deviceType]);
-    const tmSearchQueryPanelElement = useMemo(() => _jsx(TMSearchQueryPanelWrapper, { passToArchiveCallback: passToArchiveCallback, isExpertMode: isExpertMode, showBackToResultButton: searchResult.length > 0, fromDTD: fromDTD, SQD: currentSQD, inputMids: inputMids, onBackToResult: () => { setCurrentSearchView(TMSearchViews.Result); }, onSearchCompleted: (searchResult, qd) => {
+    const tmSearchQueryPanelElement = useMemo(() => _jsx(TMSearchQueryPanelWrapper, { passToArchiveCallback: passToArchiveCallback, isExpertMode: isExpertMode, showBackToResultButton: searchResult.length > 0, fromDTD: fromDTD, SQD: currentSQD, inputMids: inputMids, maxDcmtsToBeReturned: maxDcmtsToBeReturned, onBackToResult: () => { setCurrentSearchView(TMSearchViews.Result); }, onSearchCompleted: (searchResult, qd) => {
             setSearchResult(searchResult);
             if (searchResult.length <= 0)
                 return;
@@ -176,7 +183,7 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
         }, onSqdSaved: async (newSqd) => {
             await loadDataSQDsAsync(true, newSqd.masterTID);
             await setSQDAsync(newSqd);
-        } }), [fromDTD, showSearchResults, setShowSearchResults, currentSQD, isExpertMode, mruTIDs, searchResult, passToArchiveCallback, inputMids]);
+        } }), [fromDTD, showSearchResults, setShowSearchResults, currentSQD, isExpertMode, mruTIDs, searchResult, passToArchiveCallback, inputMids, maxDcmtsToBeReturned]);
     const tmSavedQuerySelectorElement = useMemo(() => _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(TMSavedQuerySelectorWrapper, { 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.AllFemale, children: _jsx(TMSavedQuerySelectorWrapper, { allowShowSearch: true, items: allSQDs, manageDefault: false, onItemClick: (sqd) => {
@@ -263,11 +270,11 @@ const TMRecentsManagerWrapper = ({ mruTIDs, currentMruTID, deviceType, onSelecte
             onDeletedTID?.(tid);
         } }));
 };
-const TMSearchQueryPanelWrapper = ({ fromDTD, SQD, isExpertMode, showBackToResultButton, onSearchCompleted, onSqdSaved, onBackToResult, passToArchiveCallback, inputMids }) => {
+const TMSearchQueryPanelWrapper = ({ fromDTD, SQD, isExpertMode, showBackToResultButton, onSearchCompleted, onSqdSaved, onBackToResult, passToArchiveCallback, inputMids, maxDcmtsToBeReturned }) => {
     const { setPanelVisibilityById, toggleMaximize, countVisibleLeafPanels } = useTMPanelManagerContext();
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
-    return (_jsx(TMSearchQueryPanel, { onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('TMSearchQueryPanel', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("TMSearchQueryPanel") : undefined, isExpertMode: isExpertMode, fromDTD: fromDTD, SQD: SQD, inputMids: inputMids, onSearchCompleted: onSearchCompleted, onSqdSaved: onSqdSaved, showBackToResultButton: showBackToResultButton, onBackToResult: onBackToResult, passToArchiveCallback: passToArchiveCallback }));
+    return (_jsx(TMSearchQueryPanel, { onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('TMSearchQueryPanel', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("TMSearchQueryPanel") : undefined, isExpertMode: isExpertMode, fromDTD: fromDTD, SQD: SQD, inputMids: inputMids, onSearchCompleted: onSearchCompleted, onSqdSaved: onSqdSaved, showBackToResultButton: showBackToResultButton, onBackToResult: onBackToResult, passToArchiveCallback: passToArchiveCallback, maxDcmtsToBeReturned: maxDcmtsToBeReturned }));
 };
 const TMSavedQuerySelectorWrapper = ({ items, selectedId, allowShowSearch, manageDefault, onRefreshData, onItemClick, onDeleted }) => {
     const { setPanelVisibilityById } = useTMPanelManagerContext();

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

@@ -20,6 +20,7 @@ interface ITMSearchQueryPanelProps {
         mid: number;
         value: string;
     }>, tid?: number) => void;
+    maxDcmtsToBeReturned?: number;
 }
 declare const TMSearchQueryPanel: React.FunctionComponent<ITMSearchQueryPanelProps>;
 export default TMSearchQueryPanel;

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

@@ -21,7 +21,7 @@ import TMSavedQueryForm from './TMSavedQueryForm';
 import { ContextMenu } from '../../NewComponents/ContextMenu';
 import { AdvancedMenuButtons } from '../../editors/TMMetadataValues';
 import TMToppyMessage from '../../../helper/TMToppyMessage';
-const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, SQD, inputMids, onSearchCompleted, onSqdSaved, onBack, onClosePanel, allowMaximize = true, onMaximizePanel, onBackToResult, passToArchiveCallback }) => {
+const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, SQD, inputMids, onSearchCompleted, onSqdSaved, onBack, onClosePanel, allowMaximize = true, onMaximizePanel, onBackToResult, passToArchiveCallback, maxDcmtsToBeReturned }) => {
     const [confirmQueryParams, ConfirmQueryParamsDialog] = useQueryParametersDialog();
     const [qd, setQd] = useState();
     const [shouldSearch, setShouldSearch] = useState(false);
@@ -57,18 +57,18 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
         appliedInputMidsRef.current = null;
         const initQd = async () => {
             // Only initialize if qd doesn't exist or is for a different TID
-            if (!qd || qd.from?.tid !== fromDTD.id) {
-                const newQd = await getQD(fromDTD.id, false);
+            if (!qd || qd.from?.tid !== fromDTD.id || qd.maxDcmtsToBeReturned !== maxDcmtsToBeReturned) {
+                const newQd = await getQD(fromDTD.id, false, maxDcmtsToBeReturned ?? 1000);
                 if (newQd) {
                     setQd(newQd);
                 }
             }
         };
         initQd();
-    }, [fromDTD?.id]);
+    }, [fromDTD?.id, maxDcmtsToBeReturned]);
     // Apply inputMids when qd is ready and matches fromDTD
     useEffect(() => {
-        if (!qd || !fromDTD || qd.from?.tid !== fromDTD.id)
+        if (!qd || !fromDTD || qd.from?.tid !== fromDTD.id || qd.maxDcmtsToBeReturned !== maxDcmtsToBeReturned)
             return;
         const midsToApply = pendingMidsRef.current;
         if (!midsToApply || midsToApply.length === 0)
@@ -177,7 +177,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
         if (show)
             setQd({ ...qd, where: qd?.where?.filter(o => PlatformObjectValidator.WhereItemHasValues(o)) });
         else {
-            let qdEasy = SQD?.qd ?? await getQD(fromDTD?.id, false);
+            let qdEasy = SQD?.qd ?? await getQD(fromDTD?.id, false, maxDcmtsToBeReturned ?? 1000);
             if (qdEasy && qd?.where) {
                 for (const wi of qd.where) {
                     let wiEasy = qdEasy.where?.find(o => o.mid == wi.mid);

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

@@ -3,7 +3,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, MetadataFormats, LayoutModes, DcmtTypeListCacheService, SystemMIDsAsNumber, RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, AccessLevelsEx, LayoutCacheService, UserListCacheService } from '@topconsultnpm/sdk-ts';
 import styled from 'styled-components';
 import { getAllFieldSelectedDcmtsOrFocused, getCommandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
-import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, deepCompare, generateUniqueColumnKeys, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMImageLibrary, convertSearchResultDescriptorToFileItems, IconCustom, isApprovalWorkflowView } from '../../../helper';
+import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, deepCompare, generateUniqueColumnKeys, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, IconSearchCheck, TMImageLibrary, convertSearchResultDescriptorToFileItems, IconCustom, isApprovalWorkflowView, SDKUI_Globals } from '../../../helper';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { useInputAttachmentsDialog, useInputCvtFormatDialog } from '../../../hooks/useInputDialog';
 import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
@@ -805,6 +805,7 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, allUsers, inputFocusedItem,
     const [selectedRowKeys, setSelectedRowKeys] = useState([]);
     const [focusedItem, setFocusedItem] = useState();
     const [visibleItems, setVisibleItems] = useState([]);
+    const [pageSize, setPageSize] = useState(SDKUI_Globals.userSettings.searchSettings?.pageSize ?? TMDataGridPageSize.Large);
     const { loadDataListsAsync, renderDataListCell } = useDataListItem();
     const { loadUsersAsync, renderUserIdViewer } = useDataUserIdItem();
     useEffect(() => {
@@ -818,6 +819,12 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, allUsers, inputFocusedItem,
             return;
         setSelectedRowKeys(inputSelectedItemsRowIndex);
     }, [inputSelectedItems]);
+    useEffect(() => {
+        const newPageSize = SDKUI_Globals.userSettings.searchSettings?.pageSize ?? TMDataGridPageSize.Large;
+        if (newPageSize !== pageSize) {
+            setPageSize(newPageSize);
+        }
+    }, [SDKUI_Globals.userSettings.searchSettings?.pageSize]);
     const onKeyDown = useCallback((e) => {
         // Check if the pressed key is the "Delete" key.
         if (e.event?.key === 'Delete' && !showExportForm) {
@@ -1075,7 +1082,7 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, allUsers, inputFocusedItem,
         setVisibleItems(visibleRows.map((row) => { return row.data; }));
     }, []);
     useEffect(() => { onVisibleItemChanged?.(visibleItems); }, [visibleItems]);
-    return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx(TMDataGrid, { id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: Number(focusedItem?.rowIndex ?? 0), showSearchPanel: showSearch, showFilterPanel: true, sorting: { mode: "multiple" }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single' }, pageSize: TMDataGridPageSize.Large, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, showHeaderColumnChooser: true, onKeyDown: onKeyDown, customContextMenuItems: floatingMenuItems, counterConfig: { show: true } }), (showExportForm && searchResult && onCloseExportForm) && _jsx(TMDataGridExportForm, { dataColumns: dataColumns, dataSource: dataSource, selectedRowKeys: selectedRowKeys, onCloseExportForm: onCloseExportForm, searchResult: searchResult })] });
+    return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx(TMDataGrid, { id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: Number(focusedItem?.rowIndex ?? 0), showSearchPanel: showSearch, showFilterPanel: true, sorting: { mode: "multiple" }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single' }, pageSize: pageSize, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, showHeaderColumnChooser: true, onKeyDown: onKeyDown, customContextMenuItems: floatingMenuItems, counterConfig: { show: true } }), (showExportForm && searchResult && onCloseExportForm) && _jsx(TMDataGridExportForm, { dataColumns: dataColumns, dataSource: dataSource, selectedRowKeys: selectedRowKeys, onCloseExportForm: onCloseExportForm, searchResult: searchResult })] });
 };
 //#region TMSearchResultSelector
 const StyledItemTemplate = styled.div ` 

package/lib/components/settings/SettingsAppearance.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import TMLayoutContainer from '../base/TMLayout';
+import { useMemo } from 'react';
 import TMDropDown from '../editors/TMDropDown';
 import TMCheckBox from '../editors/TMCheckBox';
 import TMButton from '../base/TMButton';
 import { LandingPages, SDKUI_Globals, SDKUI_Localizator, ThemeSettings } from '../../helper';
+import { useSettingsFeedback } from '../../hooks/useSettingsFeedback';
+import TMTooltip from '../base/TMTooltip';
 const fontSizes = [
     { value: "10px", display: "10px" },
     { value: "11px", display: "11px" },
@@ -23,8 +24,7 @@ const fontFamilies = [
     { value: "Roboto", display: "Roboto" }
 ];
 const SettingsAppearance = ({ landingPagesOptions, permissions = { canArchive: true, canSearch: true, dossiersLicense: true, wgGroupLicense: true, workFlowLicense: true } }) => {
-    const [, setForceUpdate] = useState(0); // Dummy state to force re-renders
-    const triggerUIUpdate = () => setForceUpdate((prev) => prev + 1); // Increment dummy state to re-render
+    const { showSavedBadge, lastChanged, triggerUIUpdate, closeBadge } = useSettingsFeedback();
     const filteredLandingPageOptopns = useMemo(() => {
         let options = landingPagesOptions ?? [];
         if (!permissions?.canArchive) {
@@ -44,30 +44,93 @@ const SettingsAppearance = ({ landingPagesOptions, permissions = { canArchive: t
         }
         return options;
     }, [permissions?.canArchive, permissions?.canSearch, permissions?.wgGroupLicense, permissions?.dossiersLicense, permissions?.workFlowLicense, landingPagesOptions]);
-    return (_jsxs(TMLayoutContainer, { children: [landingPagesOptions && _jsx("p", { style: { fontSize: '1.h1rem', fontWeight: 'bold', marginBottom: '5px' }, children: SDKUI_Localizator.LandingPage }), landingPagesOptions && _jsx(TMDropDown, { dataSource: filteredLandingPageOptopns, value: SDKUI_Globals.userSettings.landingPage, width: '230px', onValueChanged: (e) => {
-                    SDKUI_Globals.userSettings.landingPage = e.target.value;
-                    triggerUIUpdate();
-                } }), _jsx("p", { style: { fontSize: '1.h1rem', fontWeight: 'bold', marginTop: '10px' }, children: 'Font' }), _jsx(TMDropDown, { label: SDKUI_Localizator.Name, dataSource: fontFamilies, width: '230px', value: SDKUI_Globals.userSettings.themeSettings.fontFamily, onValueChanged: (e) => {
-                    let newFamily = e.target.value;
-                    SDKUI_Globals.userSettings.themeSettings.fontFamily = newFamily;
-                    triggerUIUpdate();
-                } }), _jsx(TMDropDown, { label: SDKUI_Localizator.Size, dataSource: fontSizes, width: '230px', value: SDKUI_Globals.userSettings.themeSettings.fontSize, onValueChanged: (e) => {
-                    let newpx = e.target.value;
-                    SDKUI_Globals.userSettings.themeSettings.fontSize = newpx;
-                    triggerUIUpdate();
-                } }), _jsx("p", { style: { fontSize: '1rem', fontWeight: 'bold', marginTop: '10px', marginBottom: '5px' }, children: SDKUI_Localizator.Grids }), _jsx(TMCheckBox, { label: SDKUI_Localizator.ShowRowSeparatingLines, value: SDKUI_Globals.userSettings.themeSettings.gridSettings.showRowLines, onValueChanged: (newValue) => {
-                    SDKUI_Globals.userSettings.themeSettings.gridSettings.showRowLines = newValue;
-                    triggerUIUpdate();
-                } }), _jsx(TMCheckBox, { label: SDKUI_Localizator.ShowColumnSeparatingLines, value: SDKUI_Globals.userSettings.themeSettings.gridSettings.showColumnLines, onValueChanged: (newValue) => {
-                    SDKUI_Globals.userSettings.themeSettings.gridSettings.showColumnLines = newValue;
-                    triggerUIUpdate();
-                } }), _jsx(TMCheckBox, { label: SDKUI_Localizator.UseNativeScrollbar, value: SDKUI_Globals.userSettings.themeSettings.gridSettings.useNativeScrollbar, onValueChanged: (newValue) => {
-                    SDKUI_Globals.userSettings.themeSettings.gridSettings.useNativeScrollbar = newValue;
-                    triggerUIUpdate();
-                } }), _jsx(TMButton, { elementStyle: { marginTop: '10px' }, caption: SDKUI_Localizator.Restore, showTooltip: false, onClick: () => {
-                    SDKUI_Globals.userSettings.themeSettings = new ThemeSettings();
-                    SDKUI_Globals.userSettings.landingPage = LandingPages.DASHBOARD;
-                    triggerUIUpdate();
-                } })] }));
+    return (_jsxs("div", { style: { width: "100%", height: "100%", display: "flex", flexDirection: "column", position: "relative" }, children: [_jsxs("div", { style: { flex: 1, overflowY: "auto", padding: "4px" }, children: [_jsxs("div", { style: {
+                            backgroundColor: "rgba(var(--primary-rgb, 33, 150, 243), 0.04)",
+                            borderLeft: "3px solid var(--primary-color, #2196f3)",
+                            borderRadius: "4px",
+                            padding: "10px 12px",
+                            marginBottom: "6px"
+                        }, children: [_jsxs("div", { style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "6px",
+                                    marginBottom: "8px"
+                                }, children: [_jsx("i", { className: "dx-icon-font", style: { fontSize: "1.1rem", color: "var(--primary-color, #2196f3)" } }), _jsx("p", { style: { fontSize: '1.05rem', fontWeight: '600', margin: 0, color: "var(--text-primary, #333)" }, children: "Font" })] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [_jsx(TMDropDown, { label: SDKUI_Localizator.Name, dataSource: fontFamilies, width: '100%', value: SDKUI_Globals.userSettings.themeSettings.fontFamily, onValueChanged: (e) => {
+                                            let newFamily = e.target.value;
+                                            SDKUI_Globals.userSettings.themeSettings.fontFamily = newFamily;
+                                            triggerUIUpdate(SDKUI_Localizator.Name, newFamily);
+                                        } }), _jsx(TMDropDown, { label: SDKUI_Localizator.Size, dataSource: fontSizes, width: '100%', value: SDKUI_Globals.userSettings.themeSettings.fontSize, onValueChanged: (e) => {
+                                            let newpx = e.target.value;
+                                            SDKUI_Globals.userSettings.themeSettings.fontSize = newpx;
+                                            triggerUIUpdate(SDKUI_Localizator.Size, newpx);
+                                        } })] })] }), _jsxs("div", { style: {
+                            backgroundColor: "rgba(var(--success-rgb, 76, 175, 80), 0.04)",
+                            borderLeft: "3px solid var(--success-color, #4caf50)",
+                            borderRadius: "4px",
+                            padding: "10px 12px",
+                            marginBottom: "6px"
+                        }, children: [_jsxs("div", { style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "6px",
+                                    marginBottom: "8px"
+                                }, children: [_jsx("i", { className: "dx-icon-tableproperties", style: { fontSize: "1.1rem", color: "var(--success-color, #4caf50)" } }), _jsx("p", { style: { fontSize: '1.05rem', fontWeight: '600', margin: 0, color: "var(--text-primary, #333)" }, children: SDKUI_Localizator.Grids })] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "5px" }, children: [_jsx(TMCheckBox, { label: SDKUI_Localizator.ShowRowSeparatingLines, value: SDKUI_Globals.userSettings.themeSettings.gridSettings.showRowLines, onValueChanged: (newValue) => {
+                                            SDKUI_Globals.userSettings.themeSettings.gridSettings.showRowLines = newValue;
+                                            triggerUIUpdate(SDKUI_Localizator.ShowRowSeparatingLines, newValue ? 'Attivo' : 'Non attivo');
+                                        } }), _jsx(TMCheckBox, { label: SDKUI_Localizator.ShowColumnSeparatingLines, value: SDKUI_Globals.userSettings.themeSettings.gridSettings.showColumnLines, onValueChanged: (newValue) => {
+                                            SDKUI_Globals.userSettings.themeSettings.gridSettings.showColumnLines = newValue;
+                                            triggerUIUpdate(SDKUI_Localizator.ShowColumnSeparatingLines, newValue ? 'Attivo' : 'Non attivo');
+                                        } }), _jsx(TMCheckBox, { label: SDKUI_Localizator.UseNativeScrollbar, value: SDKUI_Globals.userSettings.themeSettings.gridSettings.useNativeScrollbar, onValueChanged: (newValue) => {
+                                            SDKUI_Globals.userSettings.themeSettings.gridSettings.useNativeScrollbar = newValue;
+                                            triggerUIUpdate(SDKUI_Localizator.UseNativeScrollbar, newValue ? 'Attivo' : 'Non attivo');
+                                        } })] })] }), landingPagesOptions && (_jsxs("div", { style: {
+                            backgroundColor: "rgba(var(--warning-rgb, 255, 152, 0), 0.04)",
+                            borderLeft: "3px solid var(--warning-color, #ff9800)",
+                            borderRadius: "4px",
+                            padding: "10px 12px"
+                        }, children: [_jsxs("div", { style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "6px",
+                                    marginBottom: "8px"
+                                }, children: [_jsx("i", { className: "dx-icon-home", style: { fontSize: "1.1rem", color: "var(--warning-color, #ff9800)" } }), _jsx("p", { style: { fontSize: '1.05rem', fontWeight: '600', margin: 0, color: "var(--text-primary, #333)" }, children: SDKUI_Localizator.LandingPage })] }), _jsx(TMDropDown, { dataSource: filteredLandingPageOptopns, value: SDKUI_Globals.userSettings.landingPage, width: '100%', onValueChanged: (e) => {
+                                    const selectedOption = filteredLandingPageOptopns.find(opt => opt.value === e.target.value);
+                                    SDKUI_Globals.userSettings.landingPage = e.target.value;
+                                    triggerUIUpdate(SDKUI_Localizator.LandingPage, selectedOption?.display || e.target.value);
+                                } })] }))] }), _jsxs("div", { style: { borderTop: "1px solid #e0e0e0", flexShrink: 0, paddingTop: "5px", display: "flex", flexDirection: "column", alignItems: "flex-end" }, children: [_jsx(TMButton, { elementStyle: { marginTop: '0px' }, caption: SDKUI_Localizator.Restore, showTooltip: false, onClick: () => {
+                            SDKUI_Globals.userSettings.themeSettings = new ThemeSettings();
+                            SDKUI_Globals.userSettings.landingPage = LandingPages.DASHBOARD;
+                            triggerUIUpdate(SDKUI_Localizator.Restore, 'Impostazioni predefinite', true);
+                        } }), showSavedBadge && (_jsxs("div", { style: {
+                            marginTop: "5px",
+                            backgroundColor: "#4caf50",
+                            color: "white",
+                            padding: "7px 12px",
+                            fontSize: "0.95rem",
+                            borderRadius: "4px",
+                            boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "10px",
+                            width: "100%",
+                            maxWidth: "350px",
+                            boxSizing: "border-box"
+                        }, children: [_jsx("i", { className: "dx-icon-save", style: { fontSize: "1rem", flexShrink: 0 } }), _jsx("div", { style: {
+                                    flex: 1,
+                                    minWidth: 0,
+                                    overflow: "hidden"
+                                }, children: _jsxs("div", { style: {
+                                        display: "inline-flex",
+                                        alignItems: "center",
+                                        gap: "5px",
+                                        whiteSpace: "nowrap",
+                                        overflow: "hidden",
+                                        textOverflow: "ellipsis"
+                                    }, children: [_jsx("span", { children: SDKUI_Localizator.SettingSavedSuccessfully }), _jsx(TMTooltip, { content: `${lastChanged.label}: ${lastChanged.value}`, children: _jsx("i", { className: "dx-icon-info" }) })] }) }), _jsx("i", { className: "dx-icon-close", style: {
+                                    fontSize: "0.9rem",
+                                    flexShrink: 0,
+                                    cursor: "pointer",
+                                    opacity: 0.8
+                                }, onClick: closeBadge })] }))] })] }));
 };
 export default SettingsAppearance;

package/lib/helper/SDKUI_Globals.d.ts

@@ -54,6 +54,8 @@ export declare class SearchSettings {
     mruTIDs: number[];
     defaultTree: number;
     previewThreshold: number;
+    pageSize: number;
+    maxDcmtsToBeReturned: number;
     floatingMenuBar: FloatingMenuBarSettings;
     panelLayout: {
         [id: string]: {

package/lib/helper/SDKUI_Globals.js

@@ -98,6 +98,8 @@ export class SearchSettings {
         this.mruTIDs = [];
         this.defaultTree = -1;
         this.previewThreshold = 500; // KB
+        this.pageSize = 100;
+        this.maxDcmtsToBeReturned = 200;
         this.floatingMenuBar = new FloatingMenuBarSettings();
         this.panelLayout = {};
     }

package/lib/helper/SDKUI_Localizator.d.ts

@@ -435,6 +435,7 @@ export declare class SDKUI_Localizator {
     static get NoSource(): "Keine Quelle" | "No Source" | "Ninguna fuente" | "Aucune source" | "Nenhuma fonte" | "Nessun Origine";
     static get NoneSelection(): "Keine Auswahl" | "No selection" | "Ninguna selección" | "Pas de sélections" | "Nenhuma seleção" | "Nessuna selezione";
     static get NotAvailable(): string;
+    static get MaximumNumberOfResults(): string;
     static get OfSystem(): "Des Systems" | "Of system" | "Del sistema" | "Du système" | "Do sistema" | "Di sistema";
     static get OldPassword(): "Altes Kennwort" | "Old password" | "Contraseña anterior" | "Ancien mot de passe" | "Senha Antiga" | "Password vecchia";
     static get OpenedDocument(): "Dokument geöffnet" | "Document opened" | "Documento abierto" | "Document ouvert" | "Documento aberto" | "Documento aperto";
@@ -554,6 +555,7 @@ export declare class SDKUI_Localizator {
     static get Restore(): "Wiederherstellen" | "Restore" | "Restablecer" | "Restaure" | "Restauração" | "Ripristina";
     static get RestoreComment(): "Kommentar wiederherstellen?" | "Restore the comment?" | "¿Restaurar el comentario?" | "Restaurer le commentaire ?" | "Restaurar o comentário?" | "Ripristinare il commento?";
     static get ResultDetails(): string;
+    static get ResultsPerPage(): string;
     static get RetrieveFile(): "Dateiwiederherstellung" | "Retrieve file" | "Recuperación archivos" | "Récupération fichier" | "Arquivos de recuperação" | "Recupero file";
     static get Rows(): "Linien" | "rows" | "líneas" | "lignes" | "linhas" | "righe";
     static get Save(): "Speichern" | "Save" | "Guardar" | "Enregistre" | "Salvar" | "Salva";
@@ -590,6 +592,7 @@ export declare class SDKUI_Localizator {
     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 SettingSavedSuccessfully(): string;
     static get Severity(): "Schweregrad" | "Severity" | "Gravedad" | "Gravité" | "Gravidade" | "Gravità";
     static get Share(): string;
     static get ShareNew(): string;

package/lib/helper/SDKUI_Localizator.js

@@ -4308,6 +4308,16 @@ export class SDKUI_Localizator {
             default: return "Non disponibile";
         }
     }
+    static get MaximumNumberOfResults() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Maximale Anzahl von Ergebnissen";
+            case CultureIDs.En_US: return "Maximum number of results";
+            case CultureIDs.Es_ES: return "Número máximo de resultados";
+            case CultureIDs.Fr_FR: return "Nombre maximum de résultats";
+            case CultureIDs.Pt_PT: return "Número máximo de resultados";
+            default: return "Numero massimo di risultati";
+        }
+    }
     static get OfSystem() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Des Systems";
@@ -5511,6 +5521,16 @@ export class SDKUI_Localizator {
             default: return "Dettagli del risultato";
         }
     }
+    static get ResultsPerPage() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ergebnisse pro Seite";
+            case CultureIDs.En_US: return "Results per page";
+            case CultureIDs.Es_ES: return "Resultados por página";
+            case CultureIDs.Fr_FR: return "Résultats par page";
+            case CultureIDs.Pt_PT: return "Resultados por página";
+            default: return "Risultati per pagina";
+        }
+    }
     static get RetrieveFile() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Dateiwiederherstellung";
@@ -5872,6 +5892,16 @@ export class SDKUI_Localizator {
             default: return "Impostazioni";
         }
     }
+    static get SettingSavedSuccessfully() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Einstellung erfolgreich gespeichert";
+            case CultureIDs.En_US: return "Setting saved successfully";
+            case CultureIDs.Es_ES: return "Configuración guardada con éxito";
+            case CultureIDs.Fr_FR: return "Paramètre enregistré avec succès";
+            case CultureIDs.Pt_PT: return "Configuração salva com sucesso";
+            default: return "Impostazione salvata con successo";
+        }
+    }
     static get Severity() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Schweregrad";

package/lib/helper/queryHelper.d.ts

@@ -12,7 +12,7 @@ export declare const addHiddenSelectItem: (select: SelectItem[], tid: number | u
 export declare const prepareQdForSearchAsync: (qdInput?: QueryDescriptor, removeWhereItemNoValue?: boolean) => Promise<QueryDescriptor>;
 export declare function addWhereClausesForConnect(qd: QueryDescriptor): void;
 export declare function getDefaultOperator(dataDomain: MetadataDataDomains | undefined, dataType: MetadataDataTypes | undefined): QueryOperators.Equal | QueryOperators.Contain | QueryOperators.In;
-export declare const getQD: (tid: number | undefined, easyOr: boolean) => Promise<QueryDescriptor | undefined>;
+export declare const getQD: (tid: number | undefined, easyOr: boolean, newMaxDcmtsToBeReturned: number) => Promise<QueryDescriptor | undefined>;
 export declare const getWorkItemSetIDAsync: (vid: number, did: number) => Promise<string | undefined>;
 export declare const getSysAllDcmtsSQD: (tid: number | undefined, easyOr: boolean) => Promise<SavedQueryDescriptor>;
 export declare const searchResultToMetadataValues: (tid: number | undefined, dtd: DataTableDescriptor | undefined, rows: string[], mids: number[], metadata: MetadataDescriptor[], layoutMode: LayoutModes) => MetadataValueDescriptorEx[];

package/lib/helper/queryHelper.js

@@ -3,6 +3,7 @@ import { DateDisplayTypes, Globalization } from './Globalization';
 import { ChronologyMIDs, DraftsMIDs, MetadataValueDescriptorEx } from '../ts';
 import { SDKUI_Localizator } from './SDKUI_Localizator';
 import { getDcmtCicoInfo } from './checkinCheckoutManager';
+import { SDKUI_Globals } from './SDKUI_Globals';
 export const getTIDsByQd = (qd) => {
     let tids = [];
     qd?.from?.tid && tids.push({ tid: qd.from?.tid, alias: undefined });
@@ -181,14 +182,14 @@ export function getDefaultOperator(dataDomain, dataType) {
         return QueryOperators.In;
     return dataType == MetadataDataTypes.Varchar ? QueryOperators.Contain : QueryOperators.Equal;
 }
-export const getQD = async (tid, easyOr) => {
+export const getQD = async (tid, easyOr, newMaxDcmtsToBeReturned) => {
     let dtd = await DcmtTypeListCacheService.GetAsync(tid);
     if (!dtd?.metadata)
         return;
     let qd = SearchEngine.NewQueryDescriptor();
     qd.isDistinct = false;
     qd.id = 1;
-    qd.maxDcmtsToBeReturned = 1000;
+    qd.maxDcmtsToBeReturned = newMaxDcmtsToBeReturned;
     qd.from = new FromItem();
     qd.from.tid = tid;
     qd.select = [];
@@ -256,7 +257,7 @@ export const getSysAllDcmtsSQD = async (tid, easyOr) => {
     sqd.masterTID = tid;
     sqd.isEasyWhere = 1;
     sqd.name = SDKUI_Localizator.AllDcmts;
-    sqd.qd = await getQD(tid, easyOr);
+    sqd.qd = await getQD(tid, easyOr, SDKUI_Globals.userSettings.searchSettings?.maxDcmtsToBeReturned ?? 1000);
     return sqd;
 };
 export const searchResultToMetadataValues = (tid, dtd, rows, mids, metadata, layoutMode) => {

package/lib/hooks/useSettingsFeedback.d.ts

@@ -0,0 +1,11 @@
+export interface SettingsFeedback {
+    showSavedBadge: boolean;
+    lastChanged: {
+        label: string;
+        value: string;
+    };
+    isWarning: boolean;
+    triggerUIUpdate: (label: string, value: any, warning?: boolean) => void;
+    closeBadge: () => void;
+}
+export declare const useSettingsFeedback: () => SettingsFeedback;

package/lib/hooks/useSettingsFeedback.js

@@ -0,0 +1,38 @@
+import { useState, useRef } from 'react';
+export const useSettingsFeedback = () => {
+    const [, setForceUpdate] = useState(0);
+    const [showSavedBadge, setShowSavedBadge] = useState(false);
+    const [lastChanged, setLastChanged] = useState({
+        label: '',
+        value: ''
+    });
+    const [isWarning, setIsWarning] = useState(false);
+    const timeoutRef = useRef(null);
+    const triggerUIUpdate = (label, value, warning = false) => {
+        setForceUpdate((prev) => prev + 1);
+        setShowSavedBadge(true);
+        setLastChanged({ label, value: String(value) });
+        setIsWarning(warning);
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(() => {
+            setShowSavedBadge(false);
+            timeoutRef.current = null;
+        }, 4000);
+    };
+    const closeBadge = () => {
+        setShowSavedBadge(false);
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+    };
+    return {
+        showSavedBadge,
+        lastChanged,
+        isWarning,
+        triggerUIUpdate,
+        closeBadge
+    };
+};

package/lib/index.d.ts

@@ -9,4 +9,5 @@ export * from './hooks/useDcmtOperations';
 export * from './hooks/useResizeObserver';
 export * from './hooks/useWorkflowApprove';
 export * from './hooks/useRelatedDocuments';
+export * from './hooks/useSettingsFeedback';
 export * from './services';

package/lib/index.js

@@ -9,6 +9,7 @@ export * from './hooks/useDcmtOperations';
 export * from './hooks/useResizeObserver';
 export * from './hooks/useWorkflowApprove';
 export * from './hooks/useRelatedDocuments';
+export * from './hooks/useSettingsFeedback';
 export * from './services';
 import config from 'devextreme/core/config';
 // DevExtreme License Key (valid for v25.1 and earlier versions)

package/lib/utils/theme.d.ts

@@ -57,7 +57,7 @@ declare class FontSize {
     static defaultFontSizeInPixel: string;
 }
 declare class TMMargin {
-    static defultMargin: string;
+    static defaultMargin: string;
     static smallMargin: string;
     static largeMargin: string;
 }

package/lib/utils/theme.js

@@ -65,7 +65,7 @@ FontSize.defaultFontSize = '1rem';
 FontSize.defaultFontSizeInPixel = '13px';
 class TMMargin {
 }
-TMMargin.defultMargin = '5px';
+TMMargin.defaultMargin = '5px';
 TMMargin.smallMargin = '3px';
 TMMargin.largeMargin = '10px';
 class Gutters {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.69",
+  "version": "6.20.0-dev1.70",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",