@topconsultnpm/sdkui-react-beta 6.12.42 → 6.12.44

package/lib/components/features/archive/TMArchive.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ITMArchiveProps {
+    inputTID?: number;
+}
+declare const TMArchive: React.FunctionComponent<ITMArchiveProps>;
+export default TMArchive;

package/lib/components/features/archive/TMArchive.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import Logo from '../../../assets/Toppy-generico.png';
+import { LayoutModes, LocalStorageService, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
+import { IconTree, IconProgressReady } from '../../../helper';
+import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
+import TMLayoutContainer, { TMSplitterLayout, TMLayoutItem } from '../../base/TMLayout';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import TMRecentsManager from '../../grids/TMRecentsManager';
+import TMDcmtForm from '../documents/TMDcmtForm';
+import { StyledToppyTextContainer, StyledToppyText } from '../search/TMSearchQueryPanel';
+import TMTreeSelector from '../search/TMTreeSelector';
+const TMArchive = ({ inputTID }) => {
+    const TIDs = LocalStorageService.getItem(`ARCHIVEPAGE_MRU_TIDS_${SDK_Globals.tmSession?.SessionDescr?.archiveID}_${SDK_Globals.tmSession?.SessionDescr?.userID}`) ?? [];
+    const [currentTID, setCurrentTID] = useState(0);
+    const [mruTIDs, setMruTIDs] = useState(TIDs);
+    const [showRecentsPanel, setShowRecentsPanel] = useState(true);
+    const [showTreesPanel, setShowTreesPanel] = useState(true);
+    const deviceType = useDeviceType();
+    useEffect(() => { setMruTIDs(TIDs); }, []);
+    useEffect(() => {
+        if (!inputTID)
+            return;
+        setCurrentTID(inputTID);
+    }, [inputTID]);
+    const setSearchByTID = (tid) => { setCurrentTID(tid); };
+    const getPrimarySplitterStartValues = useCallback(() => {
+        if (deviceType === DeviceType.MOBILE) {
+            return ['0%', '100%'];
+        }
+        return showTreesPanel ? ['20%', '80%'] : ['0', '100%'];
+    }, [deviceType, showTreesPanel]);
+    const getSecondarySplitterStartValues = useCallback(() => {
+        if (deviceType === DeviceType.MOBILE) {
+            return currentTID ? ['0', '100%'] : ['100%', '0%'];
+        }
+        return showRecentsPanel ? ['25%', '75%'] : ['0', '100%'];
+    }, [deviceType, currentTID, showRecentsPanel]);
+    let customSidebarItems = useMemo(() => {
+        return ([
+            { icon: _jsx(IconTree, {}), id: 'trees', visibleName: 'Alberi', isActive: showTreesPanel, onClick: () => { setShowTreesPanel(!showTreesPanel); } },
+            { icon: _jsx(IconProgressReady, {}), id: 'recents', visibleName: 'Recenti', isActive: showRecentsPanel, onClick: () => { setShowRecentsPanel(!showRecentsPanel); } }
+        ]);
+    }, [showTreesPanel, showRecentsPanel]);
+    return (_jsxs(TMSplitterLayout, { direction: 'horizontal', separatorSize: 10, showSeparator: deviceType !== DeviceType.MOBILE && showTreesPanel, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: getPrimarySplitterStartValues(), children: [showTreesPanel ? _jsx(TMLayoutItem, { children: deviceType !== DeviceType.MOBILE && _jsx(TMTreeSelector, { onClose: () => setShowTreesPanel(false), layoutMode: LayoutModes.Ark, onSelectedTIDChanged: (tid) => { setSearchByTID(tid); } }) }) : _jsx(_Fragment, {}), _jsx(TMLayoutItem, { children: _jsxs(TMSplitterLayout, { separatorSize: 10, direction: 'horizontal', showSeparator: deviceType !== DeviceType.MOBILE && showRecentsPanel, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: getSecondarySplitterStartValues(), children: [showRecentsPanel ? _jsx(TMLayoutItem, { children: _jsx(TMToolbarCard, { onClose: () => setShowRecentsPanel(false), title: 'Recenti', totalItems: mruTIDs.length, children: _jsx(TMRecentsManager, { mruTIDs: mruTIDs, deviceType: deviceType, onSelectedTID: (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(`ARCHIVEPAGE_MRU_TIDS_${SDK_Globals.tmSession?.SessionDescr?.archiveID}_${SDK_Globals.tmSession?.SessionDescr?.userID}`, newMruTIDS.filter(tid => tid != undefined && tid != null));
+                                        setMruTIDs(newMruTIDS);
+                                    } }) }) }) : _jsx(_Fragment, {}), _jsx(TMLayoutItem, { children: currentTID ?
+                                _jsx(TMDcmtForm, { TID: currentTID, DID: undefined, layoutMode: LayoutModes.Ark, customRightSidebarItems: customSidebarItems, showPreview: deviceType !== DeviceType.MOBILE, onClose: deviceType === DeviceType.MOBILE ? () => setCurrentTID(undefined) : undefined, onSaveRecents: (TIDs) => setMruTIDs(TIDs) })
+                                :
+                                    _jsx(TMToolbarCard, { items: customSidebarItems, title: 'Archiviazione', children: _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: [_jsxs(TMLayoutItem, { width: 'max-content', height: 'max-content', children: [" ", _jsxs(StyledToppyTextContainer, { children: [" ", _jsxs(StyledToppyText, { children: [" ", 'Selezionare un tipo documento', " "] }), " "] }), " "] }), _jsxs(TMLayoutItem, { width: 'max-content', height: 'max-content', children: [" ", _jsx("img", { src: Logo, width: 120, alt: '' }), " "] })] }) }) })] }) })] }));
+};
+export default TMArchive;

package/lib/components/{query → features/documents}/TMBatchUpdateForm.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DcmtInfo } from '../../ts';
+import { DcmtInfo } from '../../../ts';
 interface ITMBatchUpdateFormProps {
     inputDcmts: DcmtInfo[];
     TID: number | undefined;

package/lib/components/{query → features/documents}/TMBatchUpdateForm.js

@@ -1,24 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { AccessLevels, DcmtTypeListCacheService, LayoutModes, MetadataDataDomains, ResultTypes, SDK_Globals, ValidationItem } from '@topconsultnpm/sdk-ts-beta';
-import { searchResultToMetadataValues, getSystemMetadata, calcIsModified, getListMaxItems, SDKUI_Localizator, IconHide, IconShow } from '../../helper';
-import { useDcmtOperations } from '../../hooks/useDcmtOperations';
-import { DcmtOperationTypes, FormModes } from '../../ts';
-import { TMColors } from '../../utils/theme';
-import { StyledToolbarCardContainer, StyledFormButtonsContainer } from '../base/Styled';
-import TMButton from '../base/TMButton';
-import { useDeviceType, DeviceType } from '../base/TMDeviceProvider';
-import { TMSplitterLayout } from '../base/TMLayout';
-import { TMExceptionBoxManager } from '../base/TMPopUp';
-import TMShowAllOrMaxItemsButton from '../base/TMShowAllOrMaxItemsButton';
-import TMSpinner from '../base/TMSpinner';
-import TMToolbarCard from '../base/TMToolbarCard';
-import { TMLayoutWaitingContainer } from '../base/TMWaitPanel';
-import TMDistinctValues from '../choosers/TMDistinctValues';
-import TMFormulaEditor, { FormulaDescriptor, FormulaHelper, FormulaTargets } from '../editors/TMFormulaEditor';
-import { useMetadataEditableList } from '../editors/TMMetadataEditor';
-import TMMetadataValues, { ShowCheckBoxesMode, AdvancedMenuButtons } from '../editors/TMMetadataValues';
-import { TMSaveFormButtonSave, TMSaveFormButtonUndo } from '../forms/TMSaveForm';
+import { searchResultToMetadataValues, getSystemMetadata, calcIsModified, getListMaxItems, SDKUI_Localizator, IconHide, IconShow } from '../../../helper';
+import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
+import { DcmtOperationTypes, FormModes } from '../../../ts';
+import { TMColors } from '../../../utils/theme';
+import { StyledToolbarCardContainer, StyledFormButtonsContainer } from '../../base/Styled';
+import TMButton from '../../base/TMButton';
+import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
+import { TMSplitterLayout } from '../../base/TMLayout';
+import { TMExceptionBoxManager } from '../../base/TMPopUp';
+import TMShowAllOrMaxItemsButton from '../../base/TMShowAllOrMaxItemsButton';
+import TMSpinner from '../../base/TMSpinner';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
+import TMDistinctValues from '../../choosers/TMDistinctValues';
+import TMFormulaEditor, { FormulaDescriptor, FormulaHelper, FormulaTargets } from '../../editors/TMFormulaEditor';
+import { useMetadataEditableList } from '../../editors/TMMetadataEditor';
+import TMMetadataValues, { ShowCheckBoxesMode, AdvancedMenuButtons } from '../../editors/TMMetadataValues';
+import { TMSaveFormButtonSave, TMSaveFormButtonUndo } from '../../forms/TMSaveForm';
 const TMBatchUpdateForm = ({ inputDcmts, TID, DID, onSavedCallbackAsync, onBack, onStatusChanged }) => {
     const [metadataValues, setMetadataValues] = useState([]);
     const [metadataValuesOrig, setMetadataValuesOrig] = useState([]);

package/lib/components/{query → features/documents}/TMDcmtBlog.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
 import { useEffect, useState } from 'react';
 import styled from 'styled-components';
-import { TMExceptionBoxManager } from '../base/TMPopUp';
-import TMSpinner from '../base/TMSpinner';
-import TMBlogs from '../grids/TMBlogs';
+import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
+import { TMExceptionBoxManager } from '../../base/TMPopUp';
+import TMSpinner from '../../base/TMSpinner';
+import TMBlogs from '../../grids/TMBlogs';
 const TMDcmtBlog = ({ tid, did }) => {
     const [blogsDatasource, setBlogsDatasource] = useState([]);
     useEffect(() => {

package/lib/components/{query → features/documents}/TMDcmtForm.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LayoutModes } from '@topconsultnpm/sdk-ts-beta';
-import { FormModes } from '../../ts';
-import { ITMRightSidebarItem } from '../base/TMRightSidebar';
+import { FormModes } from '../../../ts';
+import { ITMRightSidebarItem } from '../../base/TMRightSidebar';
 interface ITMDcmtFormProps {
     TID?: number;
     DID?: number;

package/lib/components/{query → features/documents}/TMDcmtForm.js

@@ -4,28 +4,28 @@ import styled from 'styled-components';
 import TMDcmtPreview from './TMDcmtPreview';
 import { ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutModes, LocalStorageService, MetadataDataTypes, ResultTypes, SDK_Globals, SystemMIDsAsNumber, TemplateTIDs, UpdateEngineByID, ValidationItem } from '@topconsultnpm/sdk-ts-beta';
 import { ContextMenu } from 'devextreme-react';
-import { WorkFlowApproveRejectPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from './TMWorkflowPopup';
-import { FormModes } from '../../ts';
-import { DeviceType, useDeviceType } from '../base/TMDeviceProvider';
-import { useDcmtOperations } from '../../hooks/useDcmtOperations';
-import { handleArchiveVisibility, searchResultToMetadataValues } from '../../helper/queryHelper';
-import { genUniqueId, IconCloseCircle, IconShow, SDKUI_Localizator, IconBoard, IconDcmtTypeSys, IconDataList, IconDetailDcmts, svgToString, IconDownload, IconHide, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo } from '../../helper';
-import { hasDetailRelations, hasMasterRelations } from '../../helper/dcmtsHelper';
-import { TMColors } from '../../utils/theme';
-import { StyledFormButtonsContainer, StyledModalContainer, StyledToolbarCardContainer } from '../base/Styled';
-import ShowAlert from '../base/TMAlert';
-import TMButton from '../base/TMButton';
-import { TMSplitterLayout, TMLayoutItem } from '../base/TMLayout';
-import { TMExceptionBoxManager, TMMessageBoxManager, ButtonNames } from '../base/TMPopUp';
-import TMSpinner from '../base/TMSpinner';
-import TMToolbarCard from '../base/TMToolbarCard';
-import { TMLayoutWaitingContainer } from '../base/TMWaitPanel';
-import TMDistinctValues from '../choosers/TMDistinctValues';
-import TMFormulaEditor, { FormulaDescriptor, FormulaHelper, FormulaTargets } from '../editors/TMFormulaEditor';
-import TMMetadataValues, { AdvancedMenuButtons } from '../editors/TMMetadataValues';
-import { TMSaveFormButtonPrevious, TMSaveFormButtonNext, TMSaveFormButtonSave, TMSaveFormButtonUndo } from '../forms/TMSaveForm';
-import TMShowAllOrMaxItemsButton from '../base/TMShowAllOrMaxItemsButton';
-import TMFileUploader from './TMFileUploader';
+import { WorkFlowApproveRejectPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
+import { FormModes } from '../../../ts';
+import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
+import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
+import { handleArchiveVisibility, searchResultToMetadataValues } from '../../../helper/queryHelper';
+import { genUniqueId, IconCloseCircle, IconShow, SDKUI_Localizator, IconBoard, IconDcmtTypeSys, IconDataList, IconDetailDcmts, svgToString, IconDownload, IconHide, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo } from '../../../helper';
+import { hasDetailRelations, hasMasterRelations } from '../../../helper/dcmtsHelper';
+import { TMColors } from '../../../utils/theme';
+import { StyledFormButtonsContainer, StyledModalContainer, StyledToolbarCardContainer } from '../../base/Styled';
+import ShowAlert from '../../base/TMAlert';
+import TMButton from '../../base/TMButton';
+import { TMSplitterLayout, TMLayoutItem } from '../../base/TMLayout';
+import { TMExceptionBoxManager, TMMessageBoxManager, ButtonNames } from '../../base/TMPopUp';
+import TMSpinner from '../../base/TMSpinner';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
+import TMDistinctValues from '../../choosers/TMDistinctValues';
+import TMFormulaEditor, { FormulaDescriptor, FormulaHelper, FormulaTargets } from '../../editors/TMFormulaEditor';
+import TMMetadataValues, { AdvancedMenuButtons } from '../../editors/TMMetadataValues';
+import { TMSaveFormButtonPrevious, TMSaveFormButtonNext, TMSaveFormButtonSave, TMSaveFormButtonUndo } from '../../forms/TMSaveForm';
+import TMShowAllOrMaxItemsButton from '../../base/TMShowAllOrMaxItemsButton';
+import TMFileUploader from '../../features/documents/TMFileUploader';
 import TMMasterDetailDcmts from './TMMasterDetailDcmts';
 import TMDcmtBlog from './TMDcmtBlog';
 let abortControllerLocal = new AbortController();

package/lib/components/{query → features/documents}/TMDcmtIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
-import { getFileIcon } from '../../helper';
-import TMTooltip from '../base/TMTooltip';
+import { getFileIcon } from '../../../helper';
+import TMTooltip from '../../base/TMTooltip';
 const StyledCellRenderDcmtIcon = styled.div `
     display: flex;
     flex-direction: row;

package/lib/components/{query → features/documents}/TMDcmtPreview.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ITMDcmt } from '../../ts';
+import { ITMDcmt } from '../../../ts';
 interface ITMDcmtPreviewProps {
     dcmtData: ITMDcmt | undefined;
     canNext?: boolean;

package/lib/components/{query → features/documents}/TMDcmtPreview.js

@@ -2,20 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { RetrieveFileOptions, DcmtOpers, GeneralRetrieveFormats, FileFormats, InvoiceRetrieveFormats, OrderRetrieveFormats } from '@topconsultnpm/sdk-ts-beta';
-import { extensionHandler, sleep, getExceptionMessage, formatBytes, IconMenuVertical, IconCloseCircle, IconClear, SDKUI_Localizator, IconCloseOutline, IconPreview } from '../../helper';
-import { useDcmtOperations } from '../../hooks/useDcmtOperations';
-import { FileExtensionHandler, FormModes } from '../../ts';
-import { TMColors } from '../../utils/theme';
-import ShowAlert from '../base/TMAlert';
-import TMButton from '../base/TMButton';
-import TMDropDownMenu from '../base/TMDropDownMenu';
-import { TMLayoutItem } from '../base/TMLayout';
-import { TMExceptionBoxManager } from '../base/TMPopUp';
-import TMToolbarCard from '../base/TMToolbarCard';
-import TMTooltip from '../base/TMTooltip';
-import { TMLayoutWaitingContainer } from '../base/TMWaitPanel';
-import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../forms/TMSaveForm';
-import { StyledAnimatedComponentOpacity } from '../base/Styled';
+import { extensionHandler, sleep, getExceptionMessage, formatBytes, IconMenuVertical, IconCloseCircle, IconClear, SDKUI_Localizator, IconCloseOutline, IconPreview } from '../../../helper';
+import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
+import { FileExtensionHandler, FormModes } from '../../../ts';
+import { TMColors } from '../../../utils/theme';
+import ShowAlert from '../../base/TMAlert';
+import TMButton from '../../base/TMButton';
+import TMDropDownMenu from '../../base/TMDropDownMenu';
+import { TMLayoutItem } from '../../base/TMLayout';
+import { TMExceptionBoxManager } from '../../base/TMPopUp';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import TMTooltip from '../../base/TMTooltip';
+import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
+import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../../forms/TMSaveForm';
+import { StyledAnimatedComponentOpacity } from '../../base/Styled';
 const TMDcmtPreview = ({ dcmtData, onClose, canNext, canPrev, onNext, onPrev }) => {
     const [dcmtBlob, setDcmtBlob] = useState(undefined);
     const [showPreview, setShowPreview] = useState(false);

package/lib/components/{query → features/documents}/TMFileUploader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DeviceType } from '../base/TMDeviceProvider';
+import { DeviceType } from '../../base/TMDeviceProvider';
 interface ITMFileUploader {
     onFileUpload?: (file: File | null) => void;
     onClose?: () => void;

package/lib/components/{query → features/documents}/TMFileUploader.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from 'styled-components';
 import { useEffect, useRef, useState } from 'react';
-import { StyledHeaderIcon, TMFileViewer } from './TMDcmtPreview';
-import { IconFolderOpen, SDKUI_Localizator, formatBytes, IconClear, extensionHandler, IconCloseOutline } from '../../helper';
-import { FileExtensionHandler } from '../../ts';
-import { TMColors } from '../../utils/theme';
-import TMButton from '../base/TMButton';
-import { DeviceType } from '../base/TMDeviceProvider';
-import TMToolbarCard from '../base/TMToolbarCard';
-import TMTooltip from '../base/TMTooltip';
-import usePreventFileDrop from '../../hooks/usePreventFileDrop';
+import styled from 'styled-components';
+import { IconFolderOpen, SDKUI_Localizator, formatBytes, IconClear, extensionHandler, IconCloseOutline } from '../../../helper';
+import usePreventFileDrop from '../../../hooks/usePreventFileDrop';
+import { FileExtensionHandler } from '../../../ts';
+import { TMColors } from '../../../utils/theme';
+import TMButton from '../../base/TMButton';
+import { DeviceType } from '../../base/TMDeviceProvider';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import TMTooltip from '../../base/TMTooltip';
+import { TMFileViewer, StyledHeaderIcon } from './TMDcmtPreview';
 const TMFileUploader = ({ deviceType = DeviceType.DESKTOP, onClose, onFileUpload, isRequired = false, defaultBlob = null }) => {
     const [dragOver, setDragOver] = useState(false);
     const [uploadedFile, setUploadedFile] = useState(defaultBlob);

package/lib/components/{query → features/documents}/TMMasterDetailDcmts.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DcmtInfo } from '../../ts';
-import { DeviceContextProps } from '../base/TMDeviceProvider';
+import { DcmtInfo, TaskContext } from '../../../ts';
+import { DeviceContextProps } from '../../base/TMDeviceProvider';
 interface ITMMasterDetailDcmtsProps extends DeviceContextProps {
     inputDcmts?: DcmtInfo[];
     isForMaster?: boolean;
@@ -12,11 +12,7 @@ interface ITMMasterDetailDcmtsProps extends DeviceContextProps {
     onPrev?: () => void;
     onBack?: () => void;
     appendMasterDcmts?: (tid: number | undefined, did: number | undefined) => void;
-    onTaskCreateRequest?: (activityContext: {
-        tid: number;
-        did: number;
-        name: string;
-    } | undefined) => void;
+    onTaskCreateRequest?: (taskContext: TaskContext | undefined) => void;
 }
 declare const TMMasterDetailDcmts: React.FC<ITMMasterDetailDcmtsProps>;
 export default TMMasterDetailDcmts;

package/lib/components/{query → features/documents}/TMMasterDetailDcmts.js

@@ -1,30 +1,30 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from 'react';
 import { DataColumnTypes, DcmtTypeListCacheService, MetadataDataDomains, MetadataFormats, RelationCacheService, RelationTypes, ResultTypes, SDK_Globals, SystemMIDs } from '@topconsultnpm/sdk-ts-beta';
-import TMDcmtIcon from './TMDcmtIcon';
 import { ContextMenu } from 'devextreme-react';
 import { TMNothingToShow } from './TMDcmtPreview';
 import TMDcmtForm from './TMDcmtForm';
 import TMSearchResult from '../search/TMSearchResult';
-import { genUniqueId, getExceptionMessage, IconFolder, IconShow, IconPreview, IconBoard, IconDcmtTypeSys, IconCheckFile, IconDetailDcmts, SDKUI_Localizator, svgToString, IconMail, IconDcmtTypeOnlyMetadata, IconCopy, IconMultipleSelection, IconMenuVertical } from '../../helper';
-import { hasDetailRelations } from '../../helper/dcmtsHelper';
-import { FormModes, SearchResultContext } from '../../ts';
-import { TMColors } from '../../utils/theme';
-import { StyledDivHorizontal, StyledBadge } from '../base/Styled';
-import ShowAlert from '../base/TMAlert';
-import TMButton from '../base/TMButton';
-import { DeviceType } from '../base/TMDeviceProvider';
-import { TMSplitterLayout, TMLayoutItem } from '../base/TMLayout';
-import { TMExceptionBoxManager } from '../base/TMPopUp';
-import TMSpinner from '../base/TMSpinner';
-import TMToolbarCard from '../base/TMToolbarCard';
-import { TMLayoutWaitingContainer } from '../base/TMWaitPanel';
-import { TMUserIdViewer } from '../choosers/TMUserChooser';
-import { TMResultManager } from '../forms/TMResultDialog';
-import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../forms/TMSaveForm';
-import TMDataListItemViewer from '../viewers/TMDataListItemViewer';
-import { TMDcmtTypeTooltip } from '../viewers/TMTidViewer';
-import TMTreeView from '../base/TMTreeView';
+import { genUniqueId, getExceptionMessage, IconFolder, IconShow, IconPreview, IconBoard, IconDcmtTypeSys, IconCheckFile, IconDetailDcmts, SDKUI_Localizator, svgToString, IconMail, IconDcmtTypeOnlyMetadata, IconCopy, IconMultipleSelection, IconMenuVertical } from '../../../helper';
+import { hasDetailRelations } from '../../../helper/dcmtsHelper';
+import { FormModes, SearchResultContext } from '../../../ts';
+import { TMColors } from '../../../utils/theme';
+import { StyledDivHorizontal, StyledBadge } from '../../base/Styled';
+import ShowAlert from '../../base/TMAlert';
+import TMButton from '../../base/TMButton';
+import { DeviceType } from '../../base/TMDeviceProvider';
+import { TMSplitterLayout, TMLayoutItem } from '../../base/TMLayout';
+import { TMExceptionBoxManager } from '../../base/TMPopUp';
+import TMSpinner from '../../base/TMSpinner';
+import TMToolbarCard from '../../base/TMToolbarCard';
+import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
+import { TMUserIdViewer } from '../../choosers/TMUserChooser';
+import { TMResultManager } from '../../forms/TMResultDialog';
+import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../../forms/TMSaveForm';
+import TMDataListItemViewer from '../../viewers/TMDataListItemViewer';
+import { TMDcmtTypeTooltip } from '../../viewers/TMTidViewer';
+import TMTreeView from '../../base/TMTreeView';
+import TMDcmtIcon from './TMDcmtIcon';
 let abortController = new AbortController();
 const TMMasterDetailDcmts = ({ deviceType, inputDcmts, isForMaster, showCurrentDcmtIndicator = true, allowNavigation, canNext, canPrev, onNext, onPrev, onBack, appendMasterDcmts, onTaskCreateRequest }) => {
     const [id, setID] = useState('');

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { QueryDescriptor, SavedQueryDescriptor } from '@topconsultnpm/sdk-ts-beta';
+import { ITMSaveFormProps } from '../../../ts';
+interface ISavedQueryFormProps extends ITMSaveFormProps<SavedQueryDescriptor> {
+    qd?: QueryDescriptor;
+    isAdvancedSearch?: boolean;
+}
+declare const TMSavedQueryForm: FC<ISavedQueryFormProps>;
+export default TMSavedQueryForm;

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ObjectClasses, PlatformObjectValidator, SharingModes, SDK_Localizator, ValidationItem, ResultTypes, TMPropertyNames, SearchEngine } from '@topconsultnpm/sdk-ts-beta';
+import { LocalizeSharingModes } from '../../../helper/Enum_Localizator';
+import { deepCompare, SDKUI_Localizator } from '../../../helper';
+import { SaveFormOptions, useSaveForm } from '../../../hooks/useForm';
+import { FormModes } from '../../../ts';
+import TMLayoutContainer, { TMLayoutItem } from '../../base/TMLayout';
+import TMUserChooser from '../../choosers/TMUserChooser';
+import TMCheckBox from '../../editors/TMCheckBox';
+import TMRadioButton from '../../editors/TMRadioButton';
+import TMTextBox from '../../editors/TMTextBox';
+import TMSaveForm from '../../forms/TMSaveForm';
+const TMSavedQueryForm = ({ id, qd, isAdvancedSearch = false, title, width, height, onSaved, onCancel, onClose, onStatusChanged, isModal, formMode = FormModes.Update, showBackButton }) => {
+    const validator = async (d) => {
+        let vil = [];
+        if (!d.name)
+            vil.push(new ValidationItem(ResultTypes.ERROR, "name", `${SDK_Localizator.RequiredField}`));
+        else if (!PlatformObjectValidator.IsValidObjectName(d.name))
+            vil.push(new ValidationItem(ResultTypes.ERROR, "name", `${SDK_Localizator.InvalidName}`));
+        return vil;
+    };
+    const sfo = new SaveFormOptions();
+    sfo.objClass = ObjectClasses.SavedQuery;
+    const customizeFormData = (d) => { d.qd = qd; d.isEasyWhere = isAdvancedSearch ? 0 : 1; return d; };
+    const { formData, setFormData, formDataOrig, validationItems, exception, saveDataAsync } = useSaveForm(formMode, id, sfo, validator, onSaved, onStatusChanged, customizeFormData);
+    const isModified = () => {
+        let data = { ...formData };
+        data.qd = SearchEngine.NormalizeQueryDescriptor(data.qd);
+        let dataOrig = { ...formDataOrig };
+        dataOrig.qd = SearchEngine.NormalizeQueryDescriptor(dataOrig.qd);
+        return !deepCompare(data, dataOrig);
+    };
+    return (_jsx(TMSaveForm, { id: id, title: title, isModal: isModal, onClose: onClose, onCancel: onCancel, formMode: formMode, exception: exception, hasNavigation: false, width: width, height: height, showBackButton: showBackButton, validationItems: validationItems, onUndo: () => { setFormData(customizeFormData(formDataOrig)); }, onSaveAsync: async () => { await saveDataAsync(); onClose?.(); }, isModified: isModified(), children: _jsx(TMLayoutContainer, { direction: 'vertical', children: _jsx(TMLayoutItem, { height: 'max-content', children: _jsxs(TMLayoutContainer, { gap: 5, children: [_jsx(TMLayoutItem, { height: 'max-content', children: _jsx(TMTextBox, { value: formData?.name ?? '', label: SDKUI_Localizator.Name, isModifiedWhen: formData?.name !== formDataOrig?.name, validationItems: validationItems?.filter(o => o.PropertyName === TMPropertyNames.entityName), onValueChanged: (e) => { formData && setFormData({ ...formData, name: e.target.value }); } }) }), _jsx(TMLayoutItem, { height: 'max-content', children: _jsx(TMTextBox, { value: formData?.description ?? '', label: SDKUI_Localizator.Description, isModifiedWhen: formData?.description !== formDataOrig?.description, onValueChanged: (e) => { formData && setFormData({ ...formData, description: e.target.value }); } }) }), _jsx(TMLayoutItem, { height: 'max-content', children: _jsx(TMCheckBox, { value: formData?.runSearchWhenSelected ?? 0, label: 'Eseguire immediatamente la ricerca quando viene selezionata', isModifiedWhen: formData?.runSearchWhenSelected !== formDataOrig?.runSearchWhenSelected, onValueChanged: (newValue) => { setFormData({ ...formData, runSearchWhenSelected: newValue }); } }) }), _jsx(TMLayoutItem, { height: 'max-content', children: _jsx(TMRadioButton, { label: 'Condivisione', dataSource: [
+                                    { value: SharingModes.Private, display: LocalizeSharingModes(SharingModes.Private) },
+                                    { value: SharingModes.Public, display: LocalizeSharingModes(SharingModes.Public) },
+                                    { value: SharingModes.Shared, display: LocalizeSharingModes(SharingModes.Shared) }
+                                ], value: formData?.sharingMode, isModifiedWhen: formData?.sharingMode !== formDataOrig?.sharingMode, onValueChanged: (newValue) => setFormData({ ...formData, sharingMode: newValue }) }) }), _jsx(TMLayoutItem, { children: _jsx(TMUserChooser, { allowMultipleSelection: true, values: formData?.sharingUserIDs, label: SDKUI_Localizator.UserName, placeHolder: SDKUI_Localizator.NoneSelection, disabled: formData?.sharingMode !== SharingModes.Shared, 
+                                // isModifiedWhen={!MiscHelper.IntArraysAreEquals(value?.tiDs, valueOrig?.tiDs)}
+                                onValueChanged: (newValue) => setFormData({ ...formData, sharingUserIDs: newValue }) }) })] }) }) }) }));
+};
+export default TMSavedQueryForm;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { SavedQueryDescriptor } from '@topconsultnpm/sdk-ts-beta';
+export declare const getTooltipBySqd: (sqd: SavedQueryDescriptor | undefined) => import("react/jsx-runtime").JSX.Element | null;
+interface ITMSavedQuerySelectorProps {
+    height?: string;
+    items?: SavedQueryDescriptor[];
+    selectedId?: number;
+    allowShowSearch?: boolean;
+    manageDefault?: boolean;
+    onItemClick?: (sqd: SavedQueryDescriptor) => void;
+    onDeleted?: (sqd: SavedQueryDescriptor) => void;
+    onFavoritesAdded?: (sqd: SavedQueryDescriptor) => void;
+    onRefreshData?: () => void;
+}
+declare const TMSavedQuerySelector: React.MemoExoticComponent<({ items, selectedId, allowShowSearch, height, manageDefault, onItemClick, onDeleted, onFavoritesAdded, onRefreshData }: ITMSavedQuerySelectorProps) => import("react/jsx-runtime").JSX.Element>;
+export default TMSavedQuerySelector;

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

@@ -0,0 +1,143 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+import { SharingModes, SDK_Globals, SDK_Localizator } from '@topconsultnpm/sdk-ts-beta';
+import { LocalizeSharingModes } from '../../../helper/Enum_Localizator';
+import ContextMenu from 'devextreme-react/cjs/context-menu';
+import { SDKUI_Localizator, Globalization, svgToString, IconStar, IconDelete, IconDashboard, IconSavedQuery, IconAdvanced, IconLightningFill, IconApply } from '../../../helper';
+import { TMColors } from '../../../utils/theme';
+import ShowAlert from '../../base/TMAlert';
+import TMButton from '../../base/TMButton';
+import { TMMessageBoxManager, ButtonNames, TMExceptionBoxManager } from '../../base/TMPopUp';
+import TMSpinner from '../../base/TMSpinner';
+import TMTooltip from '../../base/TMTooltip';
+import { TMSearchBar } from '../../sidebar/TMHeader';
+const StyledSavedQueryListItem = styled.div `
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    background: ${(props) => props.$backgroundColor ?? undefined};
+    border-radius: 8px;
+    border: 1px solid;
+    border-color: lightgray;
+    box-shadow: 1px 1px 7px rgba(0,0,0,0.15);
+    width: 100%;
+    height: max-content;
+    min-height: 45px;
+    padding: 5px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+    &:hover {
+        background: ${(props) => props.$hoverColor ?? undefined};
+        cursor: pointer;
+    }
+`;
+const getSharingModeColor = (sharingMode) => {
+    switch (sharingMode) {
+        case SharingModes.Private: return 'rgb(185, 72, 57)';
+        case SharingModes.Public: return 'rgb(56, 126, 28)';
+        case SharingModes.Shared: return 'rgb(224, 194, 43)';
+        default: return 'black';
+    }
+};
+export const getTooltipBySqd = (sqd) => {
+    if (!sqd)
+        return null;
+    return (_jsxs("div", { style: { textAlign: "left" }, children: [_jsxs("div", { children: ["ID: ", sqd.id] }), _jsxs("div", { children: ["Master TID: ", sqd.masterTID] }), _jsx("div", { children: sqd.description }), _jsx("hr", {}), _jsxs("div", { children: [SDKUI_Localizator.OwnerName, ": ", sqd.ownerName, " (", sqd.ownerID, ")"] }), _jsx("div", { children: LocalizeSharingModes(sqd.sharingMode) }), _jsxs("div", { children: ["Default: ", sqd.isDefault == 1 ? SDKUI_Localizator.Yes : SDKUI_Localizator.No] }), _jsxs("div", { children: ["Filtro semplice", ": ", sqd.isEasyWhere == 1 ? SDKUI_Localizator.Yes : SDKUI_Localizator.No] }), _jsxs("div", { children: ["Esegui ricerca immediatamente", ": ", sqd.runSearchWhenSelected == 1 ? SDKUI_Localizator.Yes : SDKUI_Localizator.No] }), _jsx("hr", {}), _jsxs("div", { children: [SDKUI_Localizator.CreationTime, ": ", Globalization.getDateTimeDisplayValue(sqd.creationTime)] }), _jsxs("div", { children: [SDKUI_Localizator.LastUpdateTime, ": ", Globalization.getDateTimeDisplayValue(sqd.lastUpdateTime)] })] }));
+};
+const initialSQDsMaxItems = 12;
+const SavedQueryContexMenu = ({ sqd, manageDefault, deleteAsync, favManageAsync, setDefaultAsync }) => _jsx(ContextMenu, { items: manageDefault ? [
+        { text: SDKUI_Localizator.SetAsDefault2, icon: svgToString(_jsx(IconStar, { color: 'rgb(248, 215, 117)' })) },
+        { text: SDKUI_Localizator.Delete, disabled: (sqd.id == 1), icon: svgToString(_jsx(IconDelete, {})) },
+        { text: SDKUI_Localizator.AddToHomePage, disabled: (sqd.id == 1), icon: svgToString(_jsx(IconDashboard, {})) }
+    ] : [
+        { text: SDKUI_Localizator.Delete, disabled: (sqd.id == 1), icon: svgToString(_jsx(IconDelete, {})) },
+        { text: SDKUI_Localizator.AddToHomePage, disabled: (sqd.id == 1), icon: svgToString(_jsx(IconDashboard, {})) }
+    ], target: `#sqd-item-${sqd.id}`, onItemClick: (e) => {
+        if (e.itemIndex == 0)
+            setDefaultAsync?.(sqd);
+        else if (e.itemIndex == 1)
+            deleteAsync?.(sqd);
+        else if (e.itemIndex == 2)
+            favManageAsync?.(sqd);
+    } });
+const TMSavedQuerySelector = React.memo(({ items, selectedId, allowShowSearch = true, height, manageDefault = true, onItemClick, onDeleted, onFavoritesAdded, onRefreshData }) => {
+    const [dataSource, setDataSource] = useState([]);
+    const [selectedItem, setSelectedItem] = useState();
+    const [searchText, setSearchText] = useState('');
+    const [showAllRoot, setShowAllRoot] = useState(false);
+    useEffect(() => { loadDataAsync(false); }, [items]);
+    useEffect(() => { setSelectedItem(dataSource.find(o => o.id == selectedId)); }, [selectedId, dataSource]);
+    const loadDataAsync = async (refreshCache) => {
+        if (items && items.length > 0)
+            setDataSource(items);
+    };
+    const deleteSQDAsync = (sqd) => {
+        TMMessageBoxManager.show({
+            title: SDKUI_Localizator.Delete, message: SDKUI_Localizator.Delete_ConfirmFor1.replaceParams(sqd?.name ?? ""), buttons: [ButtonNames.YES, ButtonNames.NO],
+            onButtonClick: async (e) => {
+                try {
+                    if (e !== ButtonNames.YES)
+                        return;
+                    TMSpinner.show();
+                    await SDK_Globals.tmSession?.NewSavedQueryEngine().DeleteAsync(sqd?.id);
+                    await loadDataAsync(true);
+                    onDeleted?.(sqd);
+                    TMSpinner.hide();
+                }
+                catch (ex) {
+                    TMSpinner.hide();
+                    TMExceptionBoxManager.show({ exception: ex });
+                }
+            }
+        });
+    };
+    const favManageSQDAsync = async (sqd) => {
+        try {
+            TMSpinner.show();
+            await SDK_Globals.tmSession?.NewSavedQueryEngine().FavoritesAddOrRemoveAsync(sqd?.id, false);
+            onFavoritesAdded?.(sqd);
+            TMSpinner.hide();
+            ShowAlert({ mode: 'success', title: SDK_Localizator.SavedQuery, message: 'Operazione eseguita con successo', duration: 3000 });
+        }
+        catch (ex) {
+            TMSpinner.hide();
+            TMExceptionBoxManager.show({ exception: ex });
+        }
+    };
+    const setDefaultSQDAsync = async (sqd) => {
+        try {
+            TMSpinner.show();
+            await SDK_Globals.tmSession?.NewSavedQueryEngine().DefaultSetOrRemoveAsync(sqd.masterTID, sqd.id);
+            onRefreshData?.();
+            TMSpinner.hide();
+        }
+        catch (ex) {
+            TMSpinner.hide();
+            TMExceptionBoxManager.show({ exception: ex });
+        }
+    };
+    return (_jsxs("div", { style: { height: height ?? '100%', width: '100%', display: 'flex', flexDirection: 'column', gap: '5px', paddingTop: allowShowSearch ? '5px' : undefined }, children: [allowShowSearch &&
+                _jsx("div", { style: { width: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '10px', paddingBottom: '10px', paddingTop: '10px' }, children: _jsx(TMSearchBar, { marginLeft: '0px', maxWidth: '300px', searchValue: searchText, onSearchValueChanged: (e) => setSearchText(e) }) }), _jsx("div", { style: { width: '100%', overflow: 'auto', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', padding: '5px', gap: '3px' }, children: dataSource.slice(0, showAllRoot || searchText.length > 0 ? dataSource.length : initialSQDsMaxItems).filter(o => searchText.length <= 0 || (searchText.length > 0 && o.name?.toLocaleLowerCase().includes(searchText.toLocaleLowerCase())) || o.description?.toLocaleLowerCase().includes(searchText.toLocaleLowerCase())).map((sqd, index) => (_jsxs(StyledSavedQueryListItem, { id: `sqd-item-${sqd.id}`, style: { position: 'relative', gap: '5px', paddingLeft: '5px' }, "$backgroundColor": 'white', "$hoverColor": 'rgba(243, 152, 119, .2)', "$selectedColor": 'rgb(237, 115, 72)', onClick: () => {
+                        setSelectedItem(sqd);
+                        onItemClick?.(sqd);
+                    }, children: [_jsx(TMTooltip, { content: getTooltipBySqd(sqd), children: _jsx("div", { style: { backgroundColor: 'white', minWidth: '24px', minHeight: '24px', borderRadius: '24px', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx(IconSavedQuery, { fontSize: 22, color: getSharingModeColor(sqd.sharingMode) }) }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', whiteSpace: 'nowrap',
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis' }, children: [_jsxs("div", { style: {
+                                        display: 'flex', justifyContent: 'flex-start', width: '100%', whiteSpace: 'nowrap',
+                                        overflow: 'hidden',
+                                        textOverflow: 'ellipsis'
+                                    }, children: [_jsx("p", { style: {
+                                                fontSize: '1rem', fontWeight: 600, whiteSpace: 'nowrap',
+                                                overflow: 'hidden',
+                                                textOverflow: 'ellipsis', alignItems: 'flex-end', display: 'flex'
+                                            }, children: sqd.name }), manageDefault && sqd.isDefault == 1 && _jsx(IconStar, { fontSize: 16, color: 'rgb(248, 215, 117)' })] }), _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'flex-start', width: '100%' }, children: _jsx("p", { style: { fontSize: '0.9rem', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' }, children: sqd.description }) })] }), _jsxs("div", { style: { height: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-start' }, children: [_jsx("div", { style: { height: '50%', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: sqd.isEasyWhere != 1 ? _jsx(IconAdvanced, { fontSize: 20 }) : _jsx(_Fragment, {}) }), _jsx("div", { style: { height: '50%', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: sqd.runSearchWhenSelected ?
+                                        _jsx("div", { style: { width: '16px', height: '16px', borderRadius: '16px', backgroundColor: TMColors.info, color: 'white', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '1rem', fontWeight: 'bold' }, children: _jsx(IconLightningFill, { fontSize: 12, color: 'rgb(224, 194, 43)' }) })
+                                        : _jsx(_Fragment, {}) })] }), selectedItem?.id == sqd.id &&
+                            _jsx("div", { style: { width: '24px', height: '24px', borderRadius: '24px', backgroundColor: 'rgba(243, 152, 119, .8)', boxShadow: '1px 2px 2px #00000050', position: 'absolute', top: '-2px', right: '-5px', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '1rem', fontWeight: 'bold' }, children: _jsx(IconApply, { fontSize: 24, color: 'green' }) }), _jsx(SavedQueryContexMenu, { sqd: sqd, manageDefault: manageDefault, setDefaultAsync: () => setDefaultSQDAsync(sqd), deleteAsync: () => deleteSQDAsync(sqd), favManageAsync: () => favManageSQDAsync(sqd) })] }, sqd.id))) }), dataSource.length > initialSQDsMaxItems && searchText.length <= 0 &&
+                _jsx(TMButton, { elementStyle: { display: 'flex', justifyContent: 'flex-end', padding: '10px' }, btnStyle: 'icon', caption: showAllRoot ? "Mostra meno" : `Mostra tutte le ricerche (+${dataSource.length - initialSQDsMaxItems})`, icon: showAllRoot ?
+                        _jsx("div", { style: { backgroundColor: TMColors.primaryColor, minWidth: '30px', minHeight: '30px', borderRadius: '10px', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx("p", { style: { color: 'white' }, children: `-${dataSource.length - initialSQDsMaxItems}` }) }) :
+                        _jsx("div", { style: { backgroundColor: TMColors.primaryColor, minWidth: '30px', minHeight: '30px', borderRadius: '10px', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx("p", { style: { color: 'white' }, children: `+${dataSource.length - initialSQDsMaxItems}` }) }), onClick: () => setShowAllRoot(!showAllRoot) })] }));
+});
+export default TMSavedQuerySelector;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TaskContext } from '../../../ts';
+interface ITMSearchProps {
+    inputTID?: number;
+    inputSqdID?: number;
+    onRefreshAfterAddDcmtToFavs?: () => void;
+    onTaskCreateRequest?: (taskContext: TaskContext | undefined) => void;
+}
+declare const TMSearch: React.FunctionComponent<ITMSearchProps>;
+export default TMSearch;