@topconsultnpm/sdkui-react 6.20.0-dev1.14 → 6.20.0-dev1.15

package/lib/components/features/documents/TMDcmtBlog.js

@@ -1,92 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
-import styled from 'styled-components';
-import { SDK_Globals } from '@topconsultnpm/sdk-ts';
-import { TMNothingToShow } from './TMDcmtPreview';
-import { IconBoard, SDKUI_Localizator } from '../../../helper';
-import TMBlogCommentForm from '../blog/TMBlogCommentForm';
-import TMBlogsPost from '../../grids/TMBlogsPost';
-import TMSpinner from '../../base/TMSpinner';
-import { TMExceptionBoxManager } from '../../base/TMPopUp';
-const TMDcmtBlog = ({ tid, did, isVisible, fetchBlogDataTrigger, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
-    const [blogsDatasource, setBlogsDatasource] = useState([]);
-    const [hasLoadedDataOnce, setHasLoadedDataOnce] = useState(false); //traccia se *qualsiasi* dato è stato caricato per la prima volta
-    const [lastLoadedDid, setLastLoadedDid] = useState(undefined); // `lastLoadedDid` tiene traccia dell'ultimo `did` per cui abbiamo caricato i dati
-    // State to manage show comment form selected file
-    const [showCommentForm, setShowCommentForm] = useState(false);
-    const [externalBlogPost, setExternalBlogPost] = useState(undefined);
-    const fetchBlogDataAsync = useCallback(async (tid, did) => {
-        try {
-            TMSpinner.show({ description: 'Caricamento - Bacheca...' });
-            const res = await SDK_Globals.tmSession?.NewSearchEngine().BlogRetrieveAsync(tid, did);
-            setBlogsDatasource(res ?? []);
-            setHasLoadedDataOnce(true);
-            setLastLoadedDid(did);
-        }
-        catch (e) {
-            let err = e;
-            TMExceptionBoxManager.show({ exception: err });
-        }
-        finally {
-            TMSpinner.hide();
-        }
-    }, []);
-    const showCommentFormCallback = useCallback(() => {
-        setShowCommentForm(true);
-    }, []);
-    // useEffect per triggerare il fetch dall'esterno tramite props
-    useEffect(() => {
-        if (fetchBlogDataTrigger !== undefined && fetchBlogDataTrigger > 0) {
-            fetchBlogDataAsync(tid, did);
-        }
-    }, [fetchBlogDataTrigger, fetchBlogDataAsync, tid, did]);
-    useEffect(() => {
-        if (!tid || !did) {
-            setBlogsDatasource([]);
-            setLastLoadedDid(undefined); // Reset per consentire un nuovo caricamento quando tid/did diventano validi
-            return;
-        }
-        // Condizione per eseguire il fetch:
-        // 1. Il pannello è visibile
-        // 2. E (non abbiamo ancora caricato dati o il `did` è cambiato rispetto all'ultima volta)
-        const shouldFetch = isVisible && (!hasLoadedDataOnce || did !== lastLoadedDid);
-        // Esegui la chiamata API solo se il pannello è visibile E i dati non sono già stati caricati
-        // O, se vuoi ricaricare ogni volta che diventa visibile (ma è meno efficiente per "pesante")
-        if (shouldFetch) {
-            fetchBlogDataAsync(tid, did);
-        }
-    }, [tid, did, isVisible, hasLoadedDataOnce, lastLoadedDid]);
-    const refreshCallback = async () => {
-        await fetchBlogDataAsync(tid, did);
-    };
-    const resetExternalBlogPost = useCallback(() => {
-        setExternalBlogPost(undefined);
-    }, []);
-    const handleFilterCreated = async (predicate) => {
-        await refreshCallback();
-        const res = await SDK_Globals.tmSession?.NewSearchEngine().BlogRetrieveAsync(tid, did);
-        if (res && res.length > 0) {
-            setBlogsDatasource(res ?? []);
-            const firstMatchingPost = res.find(predicate);
-            if (firstMatchingPost)
-                setExternalBlogPost(firstMatchingPost);
-        }
-    };
-    return (_jsxs("div", { style: { width: '100%', height: '100%' }, children: [_jsx(StyledContainer, { children: _jsx(StyledSectionContainer, { style: { position: 'relative' }, children: _jsx(StyledBoardContainer, { children: !did ? _jsx(TMNothingToShow, { text: `${SDKUI_Localizator.NoDcmtSelected}.`, secondText: `${SDKUI_Localizator.BlogCase} - ${SDKUI_Localizator.NotAvailable}`, icon: _jsx(IconBoard, { fontSize: 96 }) }) :
-                            _jsx(TMBlogsPost, { context: { engine: 'SearchEngine', object: { tid, did } }, id: "dcmt-blog", displayMode: 'chat', scrollToSelected: true, posts: blogsDatasource, showExtendedAttachments: false, showFloatingCommentButton: true, showCommentFormCallback: showCommentFormCallback, refreshCallback: refreshCallback, contextMenuParams: {
-                                    isShowHideFilterEnabled: true,
-                                    isShowHideIDEnaled: true,
-                                    isCommentEnabled: true,
-                                    isDownloadAttachmentEnabled: false,
-                                    isViewEditMetadata: false,
-                                    isDeleteEnabled: true,
-                                    isCopyToClipboardEnabled: true,
-                                    isRefreshEnabled: true,
-                                    isRestoreEnabled: true,
-                                    isCreateContextualTask: false
-                                }, externalBlogPost: externalBlogPost, resetExternalBlogPost: resetExternalBlogPost, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, afterTaskSaved: refreshCallback }) }) }) }), (showCommentForm && tid && did) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid, did } }, onClose: () => setShowCommentForm(false), refreshCallback: refreshCallback, participants: [], showAttachmentsSection: false, allArchivedDocumentsFileItems: [], onFilterCreated: handleFilterCreated })] }));
-};
-export default TMDcmtBlog;
-const StyledContainer = styled.div ` user-select: none; overflow: hidden; background-color: #ffffff; width: calc(100%); height: calc(100%); display: flex; gap: 10px; `;
-const StyledSectionContainer = styled.div ` width:  100%; height: 100%; display:flex; flex-direction: column; `;
-const StyledBoardContainer = styled.div `width: 100%; height: 100%;`;

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

@@ -1,65 +0,0 @@
-import React from 'react';
-import { HomeBlogPost, LayoutModes, ObjectRef, SearchResultDescriptor, TaskDescriptor, ValidationItem } from '@topconsultnpm/sdk-ts';
-import { DcmtInfo, FormModes, MetadataValueDescriptorEx, TaskContext } from '../../../ts';
-interface ITMDcmtFormProps {
-    allTasks?: Array<TaskDescriptor>;
-    getAllTasks?: () => Promise<void>;
-    deleteTaskByIdsCallback?: (deletedTaskIds: Array<number>) => Promise<void>;
-    addTaskCallback?: (task: TaskDescriptor) => Promise<void>;
-    editTaskCallback?: (task: TaskDescriptor) => Promise<void>;
-    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
-    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
-    TID?: number;
-    DID?: number;
-    layoutMode?: LayoutModes;
-    formMode?: FormModes;
-    allowNavigation?: boolean;
-    allowRelations?: boolean;
-    showHeader?: boolean;
-    showDcmtFormSidebar?: boolean;
-    isExpertMode?: boolean;
-    count?: number;
-    itemIndex?: number;
-    canNext?: boolean;
-    canPrev?: boolean;
-    isClosable?: boolean;
-    groupId?: string;
-    invokedByTodo?: boolean;
-    taskFormDialogComponent?: React.ReactNode;
-    taskMoreInfo?: TaskDescriptor;
-    showBackButton?: boolean;
-    onNext?: () => void;
-    onPrev?: () => void;
-    onClose?: () => void;
-    onSavedAsyncCallback?: (tid: number | undefined, did: number | undefined, metadataResult?: SearchResultDescriptor | null) => Promise<void>;
-    onSaveRecents?: (TIDs: number[]) => void;
-    onWFOperationCompleted?: () => Promise<void>;
-    onTaskCompleted?: (task: TaskDescriptor) => void;
-    onTaskCreateRequest?: (taskContext: TaskContext, onTaskCreated?: (task?: TaskDescriptor) => void) => void;
-    connectorFileSave?: () => Promise<File>;
-    isModal?: boolean;
-    titleModal?: string;
-    widthModal?: string;
-    heightModal?: string;
-    inputFile?: File | null;
-    inputMids?: Array<{
-        mid: number;
-        value: string;
-    }>;
-    openS4TViewer?: boolean;
-    onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>, onRefreshSearchAsync?: (() => Promise<void>)) => void;
-    s4TViewerDialogComponent?: React.ReactNode;
-    enableDragDropOverlay?: boolean;
-    passToSearch?: (outputMids: Array<{
-        mid: number;
-        value: string;
-    }>, tid?: number) => void;
-    isSharedDcmt?: boolean;
-    sharedSourceTID?: number;
-    sharedSourceDID?: number;
-    allowButtonsRefs?: boolean;
-    onReferenceClick?: (ref: ObjectRef) => void;
-}
-declare const TMDcmtForm: React.FC<ITMDcmtFormProps>;
-export default TMDcmtForm;
-export declare const validateMetadataList: (mvdList?: MetadataValueDescriptorEx[]) => ValidationItem[];