@topconsultnpm/sdkui-react 6.20.0-test1 → 6.21.0-dev1.2

package/lib/hooks/useCheckInOutOperations.js

@@ -3,12 +3,11 @@ import { cicoDownloadFilesCallback, dcmtsFileCachePreview, getCicoDownloadFileNa
 import { ButtonNames, ShowAlert, TMMessageBoxManager, TMResultManager } from '../components';
 import { ResultTypes, SDK_Globals } from '@topconsultnpm/sdk-ts';
 let abortController = new AbortController();
-export const useCheckInOutOperations = () => {
+export const useCheckInOutOperations = (props) => {
+    const { onRefreshPreview } = props;
     const [showHistory, setShowHistory] = useState(false);
     // State to manage show history selected file
     const [showCheckoutInformationForm, setShowCheckoutInformationForm] = useState(false);
-    // Stato per triggerare il refresh della preview dall'esterno
-    const [refreshPreviewTrigger, setRefreshPreviewTrigger] = useState(0);
     // State to manage comment form
     const [commentFormState, setCommentFormState] = useState({
         removeAndEditAttachment: true,
@@ -39,9 +38,6 @@ export const useCheckInOutOperations = () => {
     const hideCheckoutInformationFormCallback = useCallback(() => {
         setShowCheckoutInformationForm(false);
     }, []);
-    const triggerPreviewRefresh = useCallback(() => {
-        setRefreshPreviewTrigger(prev => prev + 1);
-    }, []);
     const hideCommentFormCallback = useCallback(() => {
         setCommentFormState(prev => ({ ...prev, show: false }));
     }, []);
@@ -60,7 +56,7 @@ export const useCheckInOutOperations = () => {
             ShowAlert({ message: err, mode: 'error', duration: 5000, title: SDKUI_Localizator.OperationResult });
         });
     };
-    const handleCheckOutCallback = async (dcmt, checkout, filename, downloadDcmtsAsync, refreshMetadataAsync, refreshFocusedDataRowAsync) => {
+    const handleCheckOutCallback = async (dcmt, checkout, filename, downloadDcmtsAsync, onRefreshAsync) => {
         if (!dcmt)
             throw new Error("Document info is required");
         const title = checkout ? 'Check out' : SDKUI_Localizator.CancelCheckOut;
@@ -88,8 +84,7 @@ export const useCheckInOutOperations = () => {
                             .then(async () => {
                             await cicoDownloadFilesCallback([{ type: 'dcmtInfo', dcmtInfo: dcmt, originalFileName: filename }], true, downloadDcmtsAsync);
                             result.push({ rowIndex: 1, id1: dcmt.TID, id2: dcmt.DID, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
-                            await refreshMetadataAsync?.();
-                            await refreshFocusedDataRowAsync?.(dcmt.TID, dcmt.DID, true);
+                            await onRefreshAsync?.(dcmt.TID, dcmt.DID, true);
                         })
                             .catch((error) => {
                             result.push({ rowIndex: 1, id1: dcmt.TID, id2: dcmt.DID, resultType: ResultTypes.ERROR, description: getExceptionMessage(error) });
@@ -102,8 +97,7 @@ export const useCheckInOutOperations = () => {
                             result.push({ rowIndex: 1, id1: dcmt.TID, id2: dcmt.DID, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
                             // Remove the corresponding draft checkout item
                             updateCicoCheckoutStorageItem({ TID: dcmt.TID.toString(), DID: dcmt.DID.toString(), checkoutFolder: "", checkoutName: "" }, "dcmtInfo", "remove");
-                            await refreshMetadataAsync?.();
-                            await refreshFocusedDataRowAsync?.(dcmt.TID, dcmt.DID, true);
+                            await onRefreshAsync?.(dcmt.TID, dcmt.DID, true);
                         })
                             .catch((error) => {
                             result.push({ rowIndex: 0, id1: dcmt.TID, id2: dcmt.DID, resultType: ResultTypes.ERROR, description: getExceptionMessage(error) });
@@ -133,7 +127,7 @@ export const useCheckInOutOperations = () => {
             });
         }
     };
-    const handleCheckInCallback = async (dcmt, refreshMetadataAsync, refreshFocusedDataRowAsync) => {
+    const handleCheckInCallback = async (dcmt, onRefreshAsync) => {
         if (!dcmt)
             throw new Error("Document info is required");
         // Create a new file input element
@@ -175,12 +169,12 @@ export const useCheckInOutOperations = () => {
                                 // Remove the corresponding draft checkout item
                                 updateCicoCheckoutStorageItem({ TID: dcmt.TID.toString(), DID: dcmt.DID.toString(), checkoutFolder: "", checkoutName: "" }, "dcmtInfo", "remove");
                                 result.push({ rowIndex: i, id1: dcmt.DID, id2: dcmt.DID, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
-                                await refreshMetadataAsync?.();
-                                await refreshFocusedDataRowAsync?.(dcmt.TID, dcmt.DID, true);
+                                await onRefreshAsync?.(dcmt.TID, dcmt.DID, true);
+                                // remove file from preview cache to force refresh with the new checked-in file
                                 const cacheKey = `${dcmt.TID}-${dcmt.DID}`;
                                 if (dcmtsFileCachePreview.has(cacheKey))
                                     removeDcmtsFileCache(cacheKey);
-                                triggerPreviewRefresh();
+                                await onRefreshPreview();
                                 triggerCommentOnFileAdd([dcmt.DID]);
                             }
                         }
@@ -212,7 +206,6 @@ export const useCheckInOutOperations = () => {
         copyCheckoutPathToClipboardCallback,
         handleCheckOutCallback,
         handleCheckInCallback,
-        refreshPreviewTrigger,
         showCicoWaitPanel,
         cicoWaitPanelTitle,
         showCicoPrimaryProgress,

package/lib/hooks/useDataUserIdItem.js

@@ -76,14 +76,14 @@ export const useDataUserIdItem = () => {
                 return null;
             if (!userId)
                 return null;
-            return ud ? _jsx(TMUserIcon, { ud: ud }) : _jsx("div", { title: showTitile ? SDKUI_Localizator.ValueNotPresent : undefined, children: _jsx(IconWarning, { color: TMColors.warning }) });
+            return ud ? _jsx(TMUserIcon, { ud: ud }) : _jsx("span", { title: showTitile ? SDKUI_Localizator.ValueNotPresent : undefined, style: { display: 'inline-flex', alignItems: 'center' }, children: _jsx(IconWarning, { color: TMColors.warning }) });
         };
         const getDescription = () => {
             if (!userId)
                 return undefined;
             return ud ? getCompleteUserName(ud.domain, ud.name) : userId.toString() ?? SDKUI_Localizator.NoneSelection;
         };
-        return (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '4px' }, children: [getIcon(), _jsx("span", { children: getDescription() })] }));
+        return (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: '4px', lineHeight: 1 }, children: [getIcon(), _jsx("span", { style: { lineHeight: 'normal' }, children: getDescription() })] }));
     }, [getUserItem, getCompleteUserName]);
     return {
         loadUsersAsync,

package/lib/hooks/useDcmtOperations.d.ts

@@ -1,6 +1,6 @@
 import { RetrieveFileOptions, FileDescriptor } from '@topconsultnpm/sdk-ts';
 import { DcmtInfo, DcmtOperationTypes, DownloadModes, DownloadTypes } from '../ts';
-export declare function useDcmtOperations(): {
+export interface UseDcmtOperationsReturn {
     abortController: AbortController;
     showWaitPanel: boolean;
     showPrimary: boolean;
@@ -21,4 +21,5 @@ export declare function useDcmtOperations(): {
     removeDcmtsFileCache: (key: string) => void;
     isDcmtFileInCache: (key: string) => boolean;
     runOperationAsync: (inputDcmts: DcmtInfo[] | undefined, dcmtOperationType: DcmtOperationTypes, actionAfterOperationAsync?: () => Promise<void>) => Promise<void>;
-};
+}
+export declare const useDcmtOperations: () => UseDcmtOperationsReturn;

package/lib/hooks/useDcmtOperations.js

@@ -8,7 +8,19 @@ import { useFileDialog } from './useInputDialog';
 import { isXMLFileExt } from '../helper/dcmtsHelper';
 import { ShowConfirm } from '../components/base/TMConfirm';
 let abortController = new AbortController();
-export function useDcmtOperations() {
+const downloadCountMap = new Map();
+const getDownloadFileName = (fileName) => {
+    const firstDot = fileName.indexOf('.');
+    const lastDot = fileName.lastIndexOf('.');
+    if (firstDot === -1 || firstDot === lastDot)
+        return fileName;
+    const count = downloadCountMap.get(fileName) ?? 0;
+    downloadCountMap.set(fileName, count + 1);
+    if (count === 0)
+        return fileName;
+    return `${fileName.slice(0, firstDot)}(${count})${fileName.slice(firstDot)}`;
+};
+export const useDcmtOperations = () => {
     const [showWaitPanel, setShowWaitPanel] = useState(false);
     const [waitPanelTitle, setWaitPanelTitle] = useState('');
     const [showPrimary, setShowPrimary] = useState(false);
@@ -96,8 +108,8 @@ export function useDcmtOperations() {
                 else {
                     const alink2 = document.createElement('a');
                     alink2.href = fileURL;
-                    const downloadFileName = inputDcmts[i].fileName ?? (inputDcmts[i].FILEEXT ? `${inputDcmts[i].DID}.${inputDcmts[i].FILEEXT}` : file?.name);
-                    alink2.download = downloadFileName;
+                    const baseFileName = inputDcmts[i].fileName ?? (inputDcmts[i].FILEEXT ? `${inputDcmts[i].DID}.${inputDcmts[i].FILEEXT}` : file?.name);
+                    alink2.download = getDownloadFileName(baseFileName);
                     alink2.target = "_blank";
                     alink2.rel = "noreferrer";
                     alink2.click();
@@ -483,4 +495,4 @@ export function useDcmtOperations() {
         abortController, showWaitPanel, showPrimary, waitPanelTitle, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary,
         downloadDcmtsAsync, getDcmtFileAsync, clearDcmtsFileCache, removeDcmtsFileCache, isDcmtFileInCache, runOperationAsync
     };
-}
+};

package/lib/hooks/useDocumentOperations.d.ts

@@ -0,0 +1,139 @@
+import React, { RefObject } from "react";
+import { DcmtTypeDescriptor, FileFormats, HomeBlogPost, LayoutDescriptor, LayoutModes, ObjectRef, SearchResultDescriptor, TaskDescriptor, UserDescriptor, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts";
+import { IColumnProps } from "devextreme-react/cjs/data-grid";
+import { TMContextMenuItemProps } from '../components/NewComponents/ContextMenu/types';
+import { DcmtInfo, MetadataValueDescriptorEx, SearchResultContext, TaskContext } from "../ts";
+import { UseCheckInOutOperationsReturn } from "./useCheckInOutOperations";
+import { UseDcmtOperationsReturn } from "./useDcmtOperations";
+import { UseRelatedDocumentsReturn } from "./useRelatedDocuments";
+export interface DocumentDataProps {
+    dtd: DcmtTypeDescriptor | undefined;
+    selectedItems: Array<any>;
+    focusedItem: any;
+    currentSearchResults: Array<SearchResultDescriptor>;
+    currentMetadataValues: Array<MetadataValueDescriptorEx>;
+    allUsers?: Array<UserDescriptor>;
+    searchResult?: SearchResultDescriptor;
+    datagridUtility?: {
+        visibleItems?: any[];
+        onRefreshSearchAsyncDatagrid?: () => Promise<void>;
+        onRefreshDataRowsAsync?: (() => Promise<void>);
+        refreshFocusedDataRowAsync?: (tid: number | undefined, did: number | undefined, refreshUI?: boolean, metadataResult?: SearchResultDescriptor | null) => Promise<void>;
+        onRefreshBlogDatagrid?: () => Promise<void>;
+        onRefreshPreviewDatagrid?: () => Promise<void>;
+        refreshOperationsTrigger?: number;
+        onRefreshOperationsDatagrid?: () => Promise<void>;
+    };
+    dcmtUtility?: {
+        approvalVID?: number;
+        dcmtDataRowForCicoStatus?: Array<MetadataValueDescriptorEx> | any;
+        selectedDcmtSearchResultRelations?: SearchResultDescriptor;
+        dcmtTIDHasDetailRelations?: boolean;
+        dcmtTIDHasMasterRelations?: boolean;
+        updateCurrentDcmt?: () => Promise<void>;
+        onCloseDcmtForm?: () => void;
+        onRefreshBlogForm?: () => Promise<void>;
+        onRefreshPreviewForm?: () => Promise<void>;
+        taskFormDialogComponent?: React.ReactNode;
+        s4TViewerDialogComponent?: React.ReactNode;
+    };
+}
+export interface ExportDataProps {
+    dataColumns?: Array<IColumnProps>;
+    dataSource?: Array<any>;
+    selectedRowKeys?: Array<number>;
+}
+export interface UIConfigProps {
+    floatingBarContainerRef?: RefObject<HTMLElement | null>;
+    customButtonsLayout?: LayoutDescriptor;
+    workingGroupContext?: WorkingGroupDescriptor;
+    allowFloatingBar?: boolean;
+    enablePinIcons?: boolean;
+    openDcmtFormAsModal?: boolean;
+    showDcmtFormSidebar?: boolean;
+    allowRelations?: boolean;
+    openS4TViewer?: boolean;
+    editPdfForm?: boolean;
+    showTodoDcmtForm?: boolean;
+    showToppyDraggableHelpCenter?: boolean;
+    toppyHelpCenterUsePortal?: boolean;
+    inputDcmtFormLayoutMode?: LayoutModes;
+}
+export interface TasksProps {
+    allTasks?: Array<TaskDescriptor>;
+    getAllTasks?: () => Promise<void>;
+    deleteTaskByIdsCallback?: (deletedTaskIds: Array<number>) => Promise<void>;
+    addTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    editTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+}
+export interface OperationCallbacks {
+    onRefreshSearchAsync?: (() => Promise<void>);
+    onSavedAsyncCallback?: (tid: number | undefined, did: number | undefined, metadataResult?: SearchResultDescriptor | null) => Promise<void>;
+    onRefreshAfterAddDcmtToFavs?: () => void;
+    onWFOperationCompleted?: () => Promise<void>;
+    canNavigateHandler?: (dir: "next" | "prev") => boolean;
+    onNavigateHandler?: (dir: "next" | "prev") => void;
+    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
+    onReferenceClick?: (ref: ObjectRef) => void;
+    openAddDocumentForm?: () => void;
+    openCommentFormCallback?: ((documents: Array<DcmtInfo>) => void);
+    onFileOpened?: (blob: File | undefined) => void;
+    passToArchiveCallback?: (outputMids: Array<{
+        mid: number;
+        value: string;
+    }>, tid?: number) => void;
+    openWGsCopyMoveForm?: (mode: "copyToWgDraft" | "copyToWgArchivedDoc", dcmtTypeDescriptor: DcmtTypeDescriptor, documents: Array<DcmtInfo>) => void;
+    onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>, refreshDocumentPreview?: () => Promise<void>) => void;
+    onOpenPdfEditorRequest?: (dcmtInfo: Array<DcmtInfo>, refreshDocumentPreview?: () => Promise<void>) => void;
+    onTaskCreateRequest?: (taskContext: TaskContext, onTaskCreated?: (task?: TaskDescriptor) => void) => void;
+    openTaskFormHandler?: (onTaskCreated?: (task?: TaskDescriptor) => void) => void;
+}
+interface UseDocumentOperationsProps {
+    context: SearchResultContext;
+    documentData: DocumentDataProps;
+    uiConfig: UIConfigProps;
+    tasks: TasksProps;
+    callbacks: OperationCallbacks;
+    exportData?: ExportDataProps;
+}
+export interface UseDocumentOperationsResult {
+    operationItems: Array<TMContextMenuItemProps>;
+    renderFloatingBar: React.ReactNode;
+    renderDcmtOperations: React.ReactNode;
+    features: {
+        isOpenDcmtForm: boolean;
+        openFormHandler: (layoutMode: LayoutModes) => void;
+        dcmtFormLayoutMode: LayoutModes;
+        onDcmtFormOpenChange: (isOpen: boolean, layoutMode: LayoutModes) => void;
+        isOpenBatchUpdate: boolean;
+        isModifiedBatchUpdate: boolean;
+        updateBatchUpdateForm: (value: boolean) => void;
+        handleSignApprove: () => void;
+        showSearchTMDatagrid: boolean;
+        showExportForm: boolean;
+        checkoutInfo: UseCheckInOutOperationsReturn;
+        relatedDocumentsInfo: UseRelatedDocumentsReturn;
+        dcmtOperations: UseDcmtOperationsReturn;
+        toppyOperations: {
+            showApprovePopup: boolean;
+            showRejectPopup: boolean;
+            showReAssignPopup: boolean;
+            showMoreInfoPopup: boolean;
+            updateShowApprovePopup: (value: boolean) => void;
+            updateShowRejectPopup: (value: boolean) => void;
+            updateShowReAssignPopup: (value: boolean) => void;
+            updateShowMoreInfoPopup: (value: boolean) => void;
+        };
+    };
+}
+export interface ExportData {
+    dataColumns?: Array<IColumnProps>;
+    dataSource?: Array<any>;
+    selectedRowKeys?: Array<number>;
+    searchResult?: SearchResultDescriptor;
+}
+export declare const getSelectedDcmtsOrFocused: (selectedItems: Array<any>, focusedItem: any, fileFormat?: FileFormats) => DcmtInfo[];
+export declare const getAllFieldSelectedDcmtsOrFocused: (selectedItems: Array<any>, focusedItem: any, fileFormat?: FileFormats) => any[];
+export declare const useDocumentOperations: (props: UseDocumentOperationsProps) => UseDocumentOperationsResult;
+export {};