@topconsultnpm/sdkui-react-beta 6.16.21 → 6.16.23

package/lib/components/features/documents/TMDcmtForm.d.ts

@@ -38,7 +38,7 @@ interface ITMDcmtFormProps {
         mid: number;
         value: string;
     }>;
-    onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>) => void;
+    onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>, onRefreshSearchAsync?: (() => Promise<void>)) => void;
     s4TViewerDialogComponent?: React.ReactNode;
 }
 declare const TMDcmtForm: React.FC<ITMDcmtFormProps>;

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

@@ -14,7 +14,7 @@ interface ITMSearchProps {
     openWGsCopyMoveForm?: (mode: "copyToWgDraft" | "copyToWgArchivedDoc", dcmtTypeDescriptor: DcmtTypeDescriptor, documents: Array<DcmtInfo>) => void;
     openEditPdf?: (documents: Array<DcmtInfo>) => void;
     openS4TViewer?: boolean;
-    onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>) => void;
+    onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>, onRefreshSearchAsync?: (() => Promise<void>)) => void;
     showTodoDcmtForm?: boolean;
     openInOffice?: (selectedDcmtsOrFocused: Array<DcmtInfo>) => Promise<void>;
 }

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

@@ -119,6 +119,18 @@ const TMSearch = ({ openInOffice, isVisible, inputTID, inputSqdID, isExpertMode
         if (sqdToBeSet)
             await setSqdAsync?.(sqdToBeSet);
     }, []);
+    const onRefreshSearchAsync = async () => {
+        try {
+            const newResult = (await refreshLastSearch(lastQdSearched)) ?? [];
+            setSearchResult(newResult);
+            if (newResult.length <= 0) {
+                setCurrentSearchView(TMSearchViews.Search);
+            }
+        }
+        catch (error) {
+            console.error("Error refreshing search:", error);
+        }
+    };
     const isMobile = deviceType === DeviceType.MOBILE;
     // --- JSX WRAPPERS ---
     const tmTreeSelectorElement = useMemo(() => _jsx(TMTreeSelectorWrapper, { isMobile: isMobile, onSelectedTIDChanged: (tid) => {
@@ -196,13 +208,7 @@ const TMSearch = ({ openInOffice, isVisible, inputTID, inputSqdID, isExpertMode
             toolbarOptions: { icon: _jsx(IconSavedQuery, { fontSize: 24 }), visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['TMSavedQuerySelector'] }
         }
     ], [tmTreeSelectorElement, tmRecentsManagerElement, tmSearchQueryPanelElement, tmSavedQuerySelectorElement, fromDTD, mruTIDs]);
-    return (_jsxs(_Fragment, { children: [_jsx(StyledMultiViewPanel, { "$isVisible": currentSearchView === TMSearchViews.Search, children: _jsx(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'TMRecentsManager', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true }) }) }), _jsx(TMSearchResult, { isVisible: isVisible && currentSearchView === TMSearchViews.Result, context: SearchResultContext.METADATA_SEARCH, searchResults: searchResult, floatingActionConfig: floatingActionConfig, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, openInOffice: openInOffice, onRefreshSearchAsync: async () => {
-                    let newResult = await refreshLastSearch(lastQdSearched) ?? [];
-                    setSearchResult(newResult);
-                    if (newResult.length <= 0) {
-                        setCurrentSearchView(TMSearchViews.Search);
-                    }
-                }, onClose: () => { setCurrentSearchView(TMSearchViews.Search); }, onFileOpened: onFileOpened, onTaskCreateRequest: onTaskCreateRequest, openWGsCopyMoveForm: openWGsCopyMoveForm, openEditPdf: openEditPdf, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, showTodoDcmtForm: showTodoDcmtForm })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(StyledMultiViewPanel, { "$isVisible": currentSearchView === TMSearchViews.Search, children: _jsx(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'TMRecentsManager', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true }) }) }), _jsx(TMSearchResult, { isVisible: isVisible && currentSearchView === TMSearchViews.Result, context: SearchResultContext.METADATA_SEARCH, searchResults: searchResult, floatingActionConfig: floatingActionConfig, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, openInOffice: openInOffice, onRefreshSearchAsync: onRefreshSearchAsync, onClose: () => { setCurrentSearchView(TMSearchViews.Search); }, onFileOpened: onFileOpened, onTaskCreateRequest: onTaskCreateRequest, openWGsCopyMoveForm: openWGsCopyMoveForm, openEditPdf: openEditPdf, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, showTodoDcmtForm: showTodoDcmtForm })] }));
 };
 export default TMSearch;
 const TMTreeSelectorWrapper = ({ isMobile, onSelectedTIDChanged }) => {

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

@@ -33,7 +33,7 @@ interface ITMSearchResultProps {
     openCommentFormCallback?: (documents: Array<DcmtInfo>) => void;
     openAddDocumentForm?: () => void;
     openS4TViewer?: boolean;
-    onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>) => void;
+    onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>, onRefreshSearchAsync?: (() => Promise<void>)) => void;
     showTodoDcmtForm?: boolean;
 }
 declare const TMSearchResult: React.FC<ITMSearchResultProps>;

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

@@ -205,12 +205,12 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
     };
     const handleSignApprove = () => {
         if (onOpenS4TViewerRequest) {
-            onOpenS4TViewerRequest(getSelectedDcmtsOrFocused(selectedItems, focusedItem));
+            onOpenS4TViewerRequest(getSelectedDcmtsOrFocused(selectedItems, focusedItem), onRefreshSearchAsync);
             return;
         }
         ShowAlert({
-            message: "TODO",
-            mode: "info",
+            message: "Non è stato possibile proseguire con la firma e l'approvazione.",
+            mode: "warning",
             duration: 3000,
             title: SDKUI_Localizator.SignatureAndApprove,
         });

package/lib/components/forms/TMChooserForm.js

@@ -86,8 +86,8 @@ const TMChooserForm = ({ children, title, allowMultipleSelection = false, allowA
             ...summaryItems ?? {}
         });
     }, [manageUseLocalizedName, summaryItems]);
-    return (_jsx(TMModal, { title: renderTitle(), width: width ?? '550px', height: height ?? '600px', toolbar: _jsx(ToolbarButtons, {}), onClose: onClose, children: children ??
-            filteredItems.length > 0
+    return (_jsx(TMModal, { title: renderTitle(), width: width ?? '550px', height: height ?? '600px', toolbar: _jsx(ToolbarButtons, {}), onClose: onClose, children: (children ??
+            filteredItems.length > 0)
             ? _jsx(TMDataGrid, { dataSource: filteredItems, keyExpr: keyName, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selectedRowKeys: selectedRowKeys, searchPanelFocusStarting: true, headerFilter: { visible: true }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single', showCheckBoxesMode: 'always', selectAllMode: 'allPages' }, grouping: allowGrouping ? { autoExpandAll: false, expandMode: 'rowClick' } : undefined, summary: customSummary, onFocusedRowChanged: handleFocusedRowChange, onSelectionChanged: handleSelectionChanged, onRowDblClick: handleRowDoubleClick })
             : _jsx(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: _jsx(TMLayoutItem, { children: _jsx("p", { style: { height: "100%", color: TMColors.primaryColor, fontSize: "1.5rem", display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: SDKUI_Localizator.NoDataToDisplay }) }) }) }));
 };

package/lib/components/index.d.ts

@@ -49,7 +49,6 @@ export * from './choosers/TMInvoiceRetrieveFormats';
 export * from './choosers/TMMetadataChooser';
 export * from './choosers/TMOrderRetrieveFormats';
 export * from './choosers/TMUserChooser';
-export * from './connectors/connectors.styles';
 export { default as TMValidationItemsList } from './grids/TMValidationItemsList';
 export { default as TMBlogs } from './grids/TMBlogs';
 export { default as TMBlogCommentForm } from './features/blog/TMBlogCommentForm';

package/lib/components/index.js

@@ -52,8 +52,6 @@ export * from './choosers/TMInvoiceRetrieveFormats';
 export * from './choosers/TMMetadataChooser';
 export * from './choosers/TMOrderRetrieveFormats';
 export * from './choosers/TMUserChooser';
-// connectors
-export * from './connectors/connectors.styles';
 //grids
 export { default as TMValidationItemsList } from './grids/TMValidationItemsList';
 // blogs

package/package.json

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

package/lib/components/connectors/connectors.styles.d.ts

@@ -1,18 +0,0 @@
-export declare const StyledConnectorButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $isActive?: boolean;
-    $isCompact?: boolean;
-    $isCurrentDocument?: boolean;
-}>> & string;
-export declare const StyledConnectorContentArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledConnectorFirstPageContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const StyledConnectorCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledConnectorToppyImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const StyledConnectorSuccessMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledConnectorPillContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledConnectorPillRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledConnectorPill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledConnectorWelcomeMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledConnectorWelcomeSub: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledConnectorCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/lib/components/connectors/connectors.styles.js

@@ -1,178 +0,0 @@
-import styled from "styled-components";
-import { TMColors } from "../../utils/theme";
-export const StyledConnectorButton = styled.button `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: ${props => props.$isCompact ? '0' : '6px'};
-  padding: ${props => props.$isCompact ? '8px' : '8px 16px'};
-  min-height: 36px;
-  width: ${props => props.$isCompact ? '36px' : 'auto'};
-  background-color: ${props => props.$isActive
-    ? props.$isCurrentDocument
-        ? TMColors.success
-        : '#0078d4'
-    : '#ffffff'};
-  color: ${props => props.$isActive ? '#ffffff' : '#323130'};
-  border: 1px solid ${props => props.$isActive
-    ? props.$isCurrentDocument
-        ? TMColors.success
-        : '#0078d4'
-    : '#d1d1d1'};
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-  transition: all 0.2s ease;
-  box-shadow: ${props => props.$isActive
-    ? props.$isCurrentDocument
-        ? `0 2px 6px ${TMColors.success}40`
-        : '0 2px 6px rgba(0, 120, 212, 0.25)'
-    : '0 1px 2px rgba(0, 0, 0, 0.08)'};
-  white-space: nowrap;
-  position: relative;
-  
-  &:hover {
-    background-color: ${props => props.$isActive
-    ? props.$isCurrentDocument
-        ? TMColors.success
-        : '#106ebe'
-    : '#f3f2f1'};
-    transform: translateY(-1px);
-    box-shadow: ${props => props.$isActive
-    ? props.$isCurrentDocument
-        ? `0 3px 8px ${TMColors.success}50`
-        : '0 3px 8px rgba(0, 120, 212, 0.3)'
-    : '0 2px 4px rgba(0, 0, 0, 0.12)'};
-  }
-  
-  &:focus {
-    outline: 2px solid ${props => props.$isCurrentDocument && props.$isActive ? TMColors.success : '#0078d4'};
-    outline-offset: 2px;
-  }
-  
-  &:active {
-    transform: translateY(0);
-  }
-
-  &:disabled {
-    background-color: #f3f2f1;
-    color: #b3b3b3;
-    border-color: #e0e0e0;
-    cursor: not-allowed;
-    box-shadow: none;
-    opacity: 0.7;
-  }
-
-  svg {
-    width: 16px;
-    height: 16px;
-  }
-
-  span {
-    display: ${props => props.$isCompact ? 'none' : 'inline'};
-  }
-`;
-export const StyledConnectorContentArea = styled.div `
-  position: absolute;
-  top: 60px;
-  left: 10px;
-  width: calc(100% - 20px);
-  height: calc(100% - 70px);
-  background-color: #efefef;
-  border-radius: 10px;
-  overflow: hidden;
-`;
-export const StyledConnectorFirstPageContent = styled(StyledConnectorContentArea) `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: linear-gradient(135deg, #f8fafc 0%, #e3e9f3 100%);
-`;
-export const StyledConnectorCard = styled.div `
-  background: #fff;
-  border-radius: 18px;
-  box-shadow: 0 6px 32px 0 rgba(0,0,0,0.10);
-  padding: 40px 36px 32px 36px;
-  min-width: 420px;
-  max-width: 500px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  border: 1.5px solid #e3e9f3;
-`;
-export const StyledConnectorToppyImage = styled.img `
-  width: 80px;
-  filter: drop-shadow(0 2px 8px #e3e9f3);
-`;
-export const StyledConnectorSuccessMessage = styled.div `
-  font-size: 13px;
-  color: #666;
-  font-weight: 600;
-  margin-bottom: 10px;
-  text-align: center;
-  letter-spacing: 0.1px;
-`;
-export const StyledConnectorPillContainer = styled.div `
-  width: 100%;
-  margin-bottom: 10px;
-`;
-export const StyledConnectorPillRow = styled.div `
-  display: flex;
-  width: 100%;
-  gap: 10px;
-  margin-bottom: 6px;
-  &:last-child {
-    margin-bottom: 0;
-  }
-`;
-export const StyledConnectorPill = styled.span `
-  background: #e6f0fa;
-  color: #0078d4;
-  border-radius: 16px;
-  padding: 8px 20px;
-  font-weight: 600;
-  font-size: 13px;
-  letter-spacing: 0.1px;
-  box-shadow: 0 1px 4px 0 rgba(0,120,212,0.07);
-  border: 1px solid #cbe2fa;
-  display: inline-block;
-  text-align: center;
-  line-height: 1.3;
-`;
-export const StyledConnectorWelcomeMessage = styled.div `
-  font-size: 19px;
-  color: #666;
-  text-align: center;
-  line-height: 1.5;
-`;
-export const StyledConnectorWelcomeSub = styled.span `
-  font-size: 16px;
-  color: #888;
-`;
-export const StyledConnectorCloseButton = styled.button `
-  position: absolute;
-  bottom: 16px;
-  right: 16px;
-  background: #dc3545;
-  color: white;
-  border: none;
-  border-radius: 8px;
-  padding: 8px 16px;
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.25);
-  
-  &:hover {
-    background: #c82333;
-    transform: translateY(-1px);
-    box-shadow: 0 3px 6px rgba(220, 53, 69, 0.35);
-  }
-  
-  &:active {
-    transform: translateY(0);
-  }
-`;