@topconsultnpm/sdkui-react-beta 6.12.43 → 6.12.45

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

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

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

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

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

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

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

@@ -3,13 +3,13 @@ import { useCallback, useEffect, useState } from 'react';
 import { LayoutModes, LocalStorageService, SDK_Globals, SDK_Localizator, TreeCacheService, TreeItemTypes } from '@topconsultnpm/sdk-ts-beta';
 import { TreeList, Column, Scrolling, Selection } from 'devextreme-react/tree-list';
 import { DropDownBox } from 'devextreme-react';
-import { IconStarRemove, IconStar, SDKUI_Localizator, SDKUI_Globals } from '../../helper';
-import { StyledDivHorizontal } from '../base/Styled';
-import TMButton from '../base/TMButton';
-import TMDataGrid from '../base/TMDataGrid';
-import TMLayoutContainer, { TMLayoutItem } from '../base/TMLayout';
-import TMToolbarCard from '../base/TMToolbarCard';
-import TMTidViewer from '../viewers/TMTidViewer';
+import { IconStarRemove, IconStar, SDKUI_Localizator, SDKUI_Globals } from '../../../helper';
+import { StyledDivHorizontal } from '../../base/Styled';
+import TMButton from '../../base/TMButton';
+import TMDataGrid from '../../base/TMDataGrid';
+import TMLayoutContainer, { TMLayoutItem } from '../../base/TMLayout';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import TMTidViewer from '../../viewers/TMTidViewer';
 const TMTreeSelector = ({ layoutMode = LayoutModes.Update, onSelectedTIDChanged, onClose }) => {
     const [trees, setTrees] = useState([]);
     const [treeItems, setTreeItems] = useState([]);

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

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

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

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

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

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

package/lib/components/index.d.ts

@@ -42,10 +42,13 @@ export * from './choosers/TMMetadataChooser';
 export * from './choosers/TMUserChooser';
 export { default as TMValidationItemsList } from './grids/TMValidationItemsList';
 export { default as TMBlogs } from './grids/TMBlogs';
-export * from './query/TMDcmtIcon';
 export * from './query/TMQueryEditor';
-export * from './query/TMQueryResultForm';
 export * from './query/TMQuerySummary';
+export * from './features/documents/TMDcmtForm';
+export * from './features/documents/TMDcmtIcon';
+export * from './features/archive/TMArchive';
+export * from './features/search/TMSearch';
+export * from './features/search/TMSearchResult';
 export * from './base/TMTab';
 export { default as TMHeader } from "./sidebar/TMHeader";
 export { default as TMSidebar } from "./sidebar/TMSidebar";

package/lib/components/index.js

@@ -47,10 +47,16 @@ export * from './choosers/TMUserChooser';
 export { default as TMValidationItemsList } from './grids/TMValidationItemsList';
 export { default as TMBlogs } from './grids/TMBlogs';
 //query
-export * from './query/TMDcmtIcon';
 export * from './query/TMQueryEditor';
-export * from './query/TMQueryResultForm';
 export * from './query/TMQuerySummary';
+//documents
+export * from './features/documents/TMDcmtForm';
+export * from './features/documents/TMDcmtIcon';
+//archive
+export * from './features/archive/TMArchive';
+//search
+export * from './features/search/TMSearch';
+export * from './features/search/TMSearchResult';
 //tab
 export * from './base/TMTab';
 // others

package/lib/components/query/TMQueryEditor.js

@@ -26,12 +26,12 @@ import { getDisplayAlias } from '../viewers/TMMidViewer';
 import { useApplyForm } from '../../hooks/useForm';
 import ShowAlert from '../base/TMAlert';
 import { TMDynDataListItemChooserForm } from '../choosers/TMDynDataListItemChooser';
-import TMQueryResultForm from './TMQueryResultForm';
 import TMMetadataEditor from '../editors/TMMetadataEditor';
 import { ContextMenu } from 'devextreme-react';
 import { useQueryParametersDialog } from '../../hooks/useQueryParametersDialog';
+import TMSearchResult from '../features/search/TMSearchResult';
 export const StyledRowItem = styled.div ` display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 5px; gap: 3px; `;
-export const StyledItemWrapper = styled.div ` border-radius: ${props => props.$borderRadius ? props.$borderRadius : '4px'}; padding: 4px; font-size: 1rem; user-select: none; width: max-content; `;
+export const StyledItemWrapper = styled.div ` border-radius: ${props => props.$borderRadius ?? '4px'}; padding: 4px; font-size: 1rem; user-select: none; width: max-content; `;
 export const StyledAccordionItemContainer = styled.div ` width: 100%; padding: 2px; display: flex; flex-direction: column; overflow-x: auto; align-items: flex-start; margin-left: 5px; gap: 3px; max-height: 300px; `;
 export const StyledAccordionItemContent = styled.div ` width: 100%; pointer-events: ${props => props.$disabled ? 'none' : ''}; `;
 export const colorValue = 'rgba(224,224,224,.5)';
@@ -67,8 +67,7 @@ const TMQueryEditor = ({ formMode, inputData, onQDChanged, isModal, showDistinct
     const { formData, setFormData, formDataOrig, validationItems, setValidationItems, exception, applyData } = useQueryApplyForm(Descriptors.Query, formMode, inputData, onApplied);
     const [dcmtTypesList, setDcmtTypesList] = useState([]);
     const [lastQdParams, setLastQdParams] = useState([]);
-    const [resultSearch, setResultSearch] = useState();
-    const [elapsedTime, setElapsedTime] = useState(0);
+    const [resultSearch, setResultSearch] = useState([]);
     const [draggingItem, setDraggingItem] = useState();
     const [showId, setShowId] = useState(false);
     const [showCompleteMetadataName, setShowCompleteMetadataName] = useState(false);
@@ -570,10 +569,9 @@ const TMQueryEditor = ({ formMode, inputData, onQDChanged, isModal, showDistinct
     };
     // #endregion
     // #region Ricerca 
-    const renderResultSearchForm = _jsx(TMQueryResultForm, { context: SearchResultContext.METADATA_SEARCH, onClose: () => { setShowResultSearch(false); }, isModal: isModal, result1: resultSearch, elapsedTime: elapsedTime, searchText: searchText });
+    const renderResultSearchForm = _jsx(TMSearchResult, { context: SearchResultContext.METADATA_SEARCH, allowFloatingBar: false, onClose: () => { setShowResultSearch(false); }, searchResults: resultSearch });
     const onSearchAsync = async (qdInput) => {
         try {
-            const startTime = new Date().getTime();
             let qdSearch = await prepareQdForSearchAsync(qdInput);
             if (IsParametricQuery(qdSearch)) {
                 const qdParams = await confirmQueryParams(qdSearch, lastQdParams);
@@ -597,8 +595,7 @@ const TMQueryEditor = ({ formMode, inputData, onQDChanged, isModal, showDistinct
             if (dcmtsFound <= 0)
                 ShowAlert({ message: SDKUI_Localizator.NoDcmtFound, mode: 'info', title: SDKUI_Localizator.SearchResult, duration: 3000 });
             else {
-                setElapsedTime(new Date().getTime() - startTime);
-                setResultSearch(result);
+                result && setResultSearch([result]);
                 setShowResultSearch(true);
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react-beta",
-  "version": "6.12.43",
+  "version": "6.12.45",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

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

@@ -1,10 +0,0 @@
-import { SearchResultDescriptor } from '@topconsultnpm/sdk-ts-beta';
-declare const TMQueryResult: ({ result, elapsedTime, showHiddenSelectItems, searchText, onSelectionChanged, onDblClick }: {
-    onDblClick?: () => void;
-    onSelectionChanged?: (e: any[]) => void;
-    result: SearchResultDescriptor | undefined;
-    elapsedTime?: number;
-    showHiddenSelectItems?: boolean;
-    searchText?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default TMQueryResult;

package/lib/components/query/TMQueryResult.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { DataColumnTypes } from '@topconsultnpm/sdk-ts-beta';
-import DataGrid, { Column, HeaderFilter, LoadPanel, Pager, Paging, Scrolling, SearchPanel, Selection } from 'devextreme-react/cjs/data-grid';
-import TMLayoutContainer, { TMLayoutItem } from '../base/TMLayout';
-import { StyledDivHorizontal, StyledParagraph, cellRenderObjectIcon } from '../base/Styled';
-import { Globalization, IconAll, IconApply, IconFileDots, IconProgressReady, IconSelected, IconVisible, SDKUI_Globals, getDataColumnName, searchResultDescriptorToSimpleArray } from '../../helper';
-import { TMColors } from '../../utils/theme';
-const TMQueryResult = ({ result, elapsedTime, showHiddenSelectItems, searchText, onSelectionChanged, onDblClick }) => {
-    const [dataSource, setDataSource] = useState();
-    const [selectedItems, setSelectedItems] = useState([]);
-    const [visibleItems, setVisibleItems] = useState([]);
-    let gridInstance;
-    useEffect(() => { gridInstance?.instance().searchByText(searchText ?? ''); }, [searchText]);
-    useEffect(() => { setDataSource(searchResultDescriptorToSimpleArray(result)); setSelectedItems([]); }, [result]);
-    function millisecondsToTime(milli) {
-        let milliseconds = milli % 1000;
-        let seconds = Math.floor((milli / 1000) % 60);
-        let minutes = Math.floor((milli / (60 * 1000)) % 60);
-        return minutes + "m " + seconds + "s " + milliseconds.toFixed(2) + "ms";
-    }
-    return (_jsxs(TMLayoutContainer, { gap: 0, children: [_jsx(TMLayoutItem, { height: 'calc(100% - 30px)', children: _jsxs(DataGrid, { ref: (grid) => (gridInstance = grid), keyExpr: "rowIndex", width: '100%', height: '100%', dataSource: dataSource, selectedRowKeys: selectedItems, allowColumnResizing: true, columnResizingMode: "widget", columnAutoWidth: true, allowColumnReordering: true, showBorders: true, showColumnLines: SDKUI_Globals.dataGridShowColumnLines, showRowLines: SDKUI_Globals.dataGridShowRowLines, onContentReady: (e) => { setVisibleItems(e.component.getVisibleRows().map((row) => { return row.data; })); }, onSelectionChanged: (e) => { setSelectedItems(e.selectedRowKeys); onSelectionChanged && onSelectionChanged(e.selectedRowsData); }, onToolbarPreparing: (e) => {
-                        e.toolbarOptions.items.forEach((item) => {
-                            if (item.name === "searchPanel") {
-                                item.location = "before";
-                            }
-                        });
-                    }, onRowDblClick: onDblClick, children: [_jsx(Selection, { mode: "multiple", showCheckBoxesMode: "onClick", selectAllMode: 'allPages' }), _jsx(SearchPanel, { visible: false }), _jsx(Scrolling, { mode: 'virtual', useNative: SDKUI_Globals.dataGridUseNativeScrollbar }), _jsx(HeaderFilter, { visible: true }), _jsx(Paging, { pageSize: 25 }), _jsx(Pager, { visible: true, showInfo: true, showNavigationButtons: true }), _jsx(LoadPanel, { enabled: true }), _jsx(Column, { dataType: "object", width: 40, visible: true, cellRender: () => cellRenderObjectIcon(_jsx(IconFileDots, { color: '#767676' })) }), result?.dtdResult?.columns?.map((col, index) => {
-                            let keyField = getDataColumnName(result?.fromTID, col);
-                            const isVisible = col.extendedProperties?.["Visibility"] != "Hidden";
-                            const dataType = () => {
-                                switch (col.dataType) {
-                                    case DataColumnTypes.DateTime: return "datetime";
-                                    case DataColumnTypes.Bool: return "boolean";
-                                    case DataColumnTypes.Number: return "number";
-                                    default: return "string";
-                                }
-                            };
-                            return (_jsx(Column, { dataField: keyField, caption: col.caption, visible: isVisible || showHiddenSelectItems, dataType: dataType(), format: col.dataType === DataColumnTypes.DateTime ? Globalization.getDateDisplayFormat() : "" }, col.caption + index.toString()));
-                        })] }) }), _jsx(TMLayoutItem, { height: 'max-content', children: _jsxs(StyledDivHorizontal, { style: { backgroundColor: TMColors.toolbar_background, height: '30px' }, children: [_jsxs(StyledParagraph, { children: [_jsxs("span", { style: { marginRight: '5px', fontWeight: 'bold' }, children: [" ", _jsx(IconAll, { fontSize: 12 })] }), Globalization.getNumberDisplayValue(dataSource?.length ?? 0, true)] }), _jsxs(StyledParagraph, { children: [_jsxs("span", { style: { marginRight: '5px', fontWeight: 'bold' }, children: [" ", _jsx(IconVisible, { fontSize: 12 })] }), Globalization.getNumberDisplayValue(visibleItems.length ?? 0, true)] }), _jsxs(StyledParagraph, { children: [_jsxs("span", { style: { marginRight: '5px', fontWeight: 'bold' }, children: [" ", _jsx(IconSelected, { fontSize: 12 })] }), Globalization.getNumberDisplayValue(selectedItems.length ?? 0, true)] }), _jsxs(StyledParagraph, { children: [_jsxs("span", { style: { marginRight: '5px', fontWeight: 'bold' }, children: [" ", _jsx(IconApply, { fontSize: 12 })] }), `${Globalization.getNumberDisplayValue(result?.dcmtsReturned ?? 0, true)}/${Globalization.getNumberDisplayValue(result?.dcmtsFound ?? 0, true)}`] }), _jsxs(StyledParagraph, { children: [_jsxs("span", { style: { marginRight: '5px', fontWeight: 'bold' }, children: [" ", _jsx(IconProgressReady, { fontSize: 12 })] }), millisecondsToTime(elapsedTime)] })] }) })] }));
-};
-export default TMQueryResult;

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

@@ -1,17 +0,0 @@
-import { SearchResultDescriptor } from '@topconsultnpm/sdk-ts-beta';
-import { SearchResultContext } from '../../ts';
-declare const TMQueryResultForm: ({ onUpdate, isModal, onClose, context, result1, result2, elapsedTime, searchText, tabIcon1, tabIcon2, tabTitle1, tabTitle2 }: {
-    tabTitle1?: string;
-    tabTitle2?: string;
-    tabIcon1?: any;
-    tabIcon2?: any;
-    isModal?: boolean;
-    onClose?: () => void;
-    context?: SearchResultContext;
-    result1?: SearchResultDescriptor | SearchResultDescriptor[];
-    result2?: SearchResultDescriptor | SearchResultDescriptor[];
-    elapsedTime?: number;
-    searchText?: string;
-    onUpdate?: () => Promise<void>;
-}) => import("react/jsx-runtime").JSX.Element;
-export default TMQueryResultForm;