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

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

@@ -1,114 +0,0 @@
-import { ReactNode } from "react";
-import { BlogPost, BlogPostAttachment, DcmtTypeDescriptor, DossierDescriptor, HomeBlogPost, TID_DID, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts";
-import { FileItem } from "../base/TMFileManagerUtils";
-export declare const DRAFT_TYPE_TID = 6;
-export type TMBlogContextDescriptor = {
-    engine: 'WorkingGroupEngine';
-    object?: WorkingGroupDescriptor;
-} | {
-    engine: 'SearchEngine';
-    object?: TID_DID;
-} | {
-    engine: 'DossierEngine';
-    object?: DossierDescriptor;
-};
-export declare enum TMBlogsFilterCategoryId {
-    PublishedBlogs = 1,
-    SystemBlogs = 2,
-    DeletedBlogs = 3
-}
-export type TMBlogsFilterCategoryIdDataSource = {
-    id: number;
-    label: string;
-    value: string;
-    categoryId?: number;
-    expanded?: boolean;
-    tooltipContent?: ReactNode;
-};
-export type TMBlogsPostHeader = {
-    /** Flag to display the view mode toggle */
-    showViewMode: boolean;
-    /** Flag to display filter options */
-    showFilters: boolean;
-    /** Flag to display the search bar */
-    showSearchBar: boolean;
-    /** Flag to display a dropdown menu for selecting posts */
-    showPostsDropDown: boolean;
-};
-export interface TMBlogContextMenuItem {
-    text: string;
-    icon: string;
-    onClick?: (param?: any) => void;
-    operationType?: 'singleRow' | 'multiRow';
-    disabled?: boolean;
-    id?: string;
-    items?: Array<TMBlogContextMenuItem>;
-    beginGroup?: boolean;
-    tooltip?: string;
-    visible?: boolean;
-}
-export declare const getCompactEllipsisStyle: (layoutMode: "compact" | "extended") => {
-    whiteSpace?: undefined;
-    overflow?: undefined;
-    textOverflow?: undefined;
-    display?: undefined;
-} | {
-    whiteSpace: string;
-    overflow: string;
-    textOverflow: string;
-    display: string;
-};
-export declare const findFileItemByDraftID: (tree: FileItem | undefined, draftID: number | undefined) => FileItem | null;
-export declare const highlightText: (text: string, searchText: string, isSelected: boolean) => string | (string | import("react/jsx-runtime").JSX.Element)[];
-export declare const lightenColor: (hex: string, amount: number) => string;
-export declare const OwnerInitialsBadge: (blogPost: BlogPost | HomeBlogPost) => import("react/jsx-runtime").JSX.Element;
-export declare const getTooltipContent: (title: string | undefined, content: JSX.Element) => import("react/jsx-runtime").JSX.Element;
-export declare const getAttachmentInfo: (attachment: BlogPostAttachment, treeFs: FileItem | undefined, draftLatestInfoMap: Map<number, {
-    latestVersion: number;
-    folderId: number;
-    folderName: string;
-    fileExt: string;
-    fileSize: string;
-}> | undefined, archivedDocumentMap: Map<number, {
-    tid: number;
-    did: number;
-    fileExt: string;
-    fileSize: string;
-}> | undefined, dcmtTypeDescriptors: Map<number, DcmtTypeDescriptor>, isSelected: boolean, searchText: string) => {
-    name: string;
-    nameElement: import("react/jsx-runtime").JSX.Element;
-    tooltipContent: import("react/jsx-runtime").JSX.Element;
-    folderId: number;
-    fileExt: string;
-    draftExist: boolean;
-    archivedDocumentsExist: boolean;
-};
-export declare const getDcmtTypeDescriptor: (blogPosts: Array<BlogPost>) => Promise<Map<number, DcmtTypeDescriptor>>;
-export declare const BlogPostHomeHeader: (header: string | undefined, classId: string | undefined, isSelected: boolean, searchText: string, headerClickCallback: () => void) => import("react/jsx-runtime").JSX.Element;
-export declare const isHeaderFullyHidden: (header: {
-    showViewMode: boolean;
-    showFilters: boolean;
-    showSearchBar: boolean;
-    showPostsDropDown: boolean;
-} | undefined) => boolean;
-interface NewBadgeProps {
-    layoutMode: "compact" | "extended";
-}
-export declare const NewBadge: ({ layoutMode }: NewBadgeProps) => import("react/jsx-runtime").JSX.Element;
-export declare const removeFileExtension: (filename: string) => string;
-interface BlogPostTitleProps {
-    displayMode: "chat" | "stacked";
-    layoutMode: "compact" | "extended";
-    blogPost: BlogPost | HomeBlogPost;
-    isSelected: boolean;
-    isOwnComment: boolean;
-    searchText: string;
-    isSys: boolean;
-    isHomeBlogPost: boolean;
-    showId: boolean;
-    handleNavigateToWGs?: (blogPost: BlogPost | HomeBlogPost) => void;
-    handleNavigateToDossiers?: (blogPost: BlogPost | HomeBlogPost) => void;
-}
-export declare const BlogPostTitle: (props: BlogPostTitleProps) => import("react/jsx-runtime").JSX.Element;
-export declare const stripHtml: (html: string) => string;
-export {};

package/lib/components/grids/TMBlogsPostUtils.js

@@ -1,269 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { DcmtTypeListCacheService } from "@topconsultnpm/sdk-ts";
-import { getAvatarColor, extractInitialsFromName, SDKUI_Localizator, formatBytes, IconMenuCAWorkingGroups, IconCADossier, Globalization } from "../../helper";
-import { TMColors } from "../../utils/theme";
-import TMTooltip from "../base/TMTooltip";
-export const DRAFT_TYPE_TID = 6;
-export var TMBlogsFilterCategoryId;
-(function (TMBlogsFilterCategoryId) {
-    TMBlogsFilterCategoryId[TMBlogsFilterCategoryId["PublishedBlogs"] = 1] = "PublishedBlogs";
-    TMBlogsFilterCategoryId[TMBlogsFilterCategoryId["SystemBlogs"] = 2] = "SystemBlogs";
-    TMBlogsFilterCategoryId[TMBlogsFilterCategoryId["DeletedBlogs"] = 3] = "DeletedBlogs";
-})(TMBlogsFilterCategoryId || (TMBlogsFilterCategoryId = {}));
-export const getCompactEllipsisStyle = (layoutMode) => {
-    if (layoutMode !== "compact")
-        return {};
-    return {
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        display: "block",
-    };
-};
-export const findFileItemByDraftID = (tree, draftID) => {
-    if (tree === undefined || draftID === undefined)
-        return null;
-    if (tree.id === draftID) {
-        return tree;
-    }
-    if (tree.items && tree.items.length > 0) {
-        for (const item of tree.items) {
-            const found = findFileItemByDraftID(item, draftID);
-            if (found) {
-                return found;
-            }
-        }
-    }
-    return null;
-};
-export const highlightText = (text, searchText, isSelected) => {
-    if (!searchText)
-        return text;
-    if (searchText.trim() === '')
-        return text;
-    const escapedSearchText = searchText.trim().replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-    const regex = new RegExp(`(${escapedSearchText})`, 'gi');
-    return text.split(regex).map((part, index) => regex.test(part) ? (_jsx("span", { style: { backgroundColor: isSelected ? '#6c9023' : 'yellow' }, children: part }, index)) : (part));
-};
-export const lightenColor = (hex, amount) => {
-    let color = hex.replace('#', '');
-    // Expand shorthand like #123 to #112233
-    if (color.length === 3) {
-        color = color.split('').map(c => c + c).join('');
-    }
-    const num = parseInt(color, 16);
-    let r = (num >> 16) + amount;
-    let g = ((num >> 8) & 0x00FF) + amount;
-    let b = (num & 0x0000FF) + amount;
-    r = Math.min(255, Math.max(0, r));
-    g = Math.min(255, Math.max(0, g));
-    b = Math.min(255, Math.max(0, b));
-    return `#${(r << 16 | g << 8 | b).toString(16).padStart(6, '0')}`;
-};
-export const OwnerInitialsBadge = (blogPost) => {
-    return _jsx(TMTooltip, { content: blogPost.ownerName ?? '-', children: _jsx("div", { style: {
-                width: "40px",
-                height: "40px",
-                borderRadius: "50%",
-                backgroundColor: getAvatarColor(blogPost.ownerName ?? '-'),
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                marginRight: "10px",
-                fontWeight: "bold",
-                color: "#ffffff",
-                fontSize: "18px",
-            }, children: _jsx("span", { style: { fontSize: "12px" }, children: extractInitialsFromName(blogPost.ownerName ?? '-') }) }) });
-};
-export const getTooltipContent = (title, content) => {
-    return (_jsxs("div", { style: { textAlign: 'left' }, children: [_jsx("div", { style: { fontWeight: 'bold' }, children: title }), _jsx("hr", {}), content] }));
-};
-export const getAttachmentInfo = (attachment, treeFs, draftLatestInfoMap, archivedDocumentMap, dcmtTypeDescriptors, isSelected, searchText) => {
-    let nameElement = (_jsx("span", { children: `${SDKUI_Localizator.DocumentNotAvailable} (DID: ${attachment.did})` }));
-    let folderId = -1;
-    let fileExt = '';
-    let draftExist = false;
-    let archivedDocumentsExist = false;
-    let name = '';
-    let tooltipContent = _jsx(_Fragment, {});
-    if (attachment.tid === DRAFT_TYPE_TID && treeFs) {
-        const draftfileItem = findFileItemByDraftID(treeFs, attachment.draftID);
-        if (draftfileItem) {
-            let latestVersion = true;
-            let pathName = '';
-            draftExist = true;
-            let fileSize = '0';
-            name = draftfileItem.name;
-            if (draftLatestInfoMap && attachment.draftID && attachment.version) {
-                const draftInfo = draftLatestInfoMap.get(attachment.draftID);
-                if (draftInfo) {
-                    folderId = draftInfo.folderId;
-                    latestVersion = draftInfo.latestVersion === attachment.version;
-                    pathName = draftInfo.folderName;
-                    fileExt = draftInfo.fileExt;
-                    fileSize = formatBytes(draftInfo.fileSize ? Number(draftInfo.fileSize) : 0);
-                }
-            }
-            const content = (_jsxs("div", { children: [_jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.Version }), ": ", attachment.version] }), draftLatestInfoMap && (_jsxs("div", { children: [_jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.LastVersion }), ": ", latestVersion ? SDKUI_Localizator.Yes : SDKUI_Localizator.No] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.Size }), ": ", fileSize] })] })), _jsx("hr", {}), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.Path }), ": \"", SDKUI_Localizator.Drafts, "\\", pathName.length > 0 ? (pathName + '\\') : '', name, "\""] })] }));
-            tooltipContent = getTooltipContent(draftfileItem.name, content);
-            nameElement = (_jsxs("span", { children: [highlightText(`${draftfileItem.name}`, searchText, isSelected), "\u00A0", attachment.version && _jsx("span", { style: {
-                            display: 'inline-flex',
-                            marginLeft: '5px',
-                            width: '20px',
-                            height: '20px',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            backgroundColor: isSelected ? '#fff' : (latestVersion ? '#28a745' : '#cc7000'),
-                            color: isSelected ? "#135596" : '#fff',
-                            boxShadow: '1px 1px 2px #00000020',
-                            borderRadius: '30px',
-                            fontWeight: 'bold',
-                        }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.Version, children: attachment.version }) })] }));
-        }
-    }
-    else if (attachment.tid) {
-        const descriptor = dcmtTypeDescriptors.get(attachment.tid);
-        let fileSize = '0';
-        if (archivedDocumentMap && attachment.did) {
-            const archivedDocumentInfo = archivedDocumentMap.get(attachment.did);
-            if (archivedDocumentInfo) {
-                archivedDocumentsExist = true;
-                fileExt = archivedDocumentInfo.fileExt;
-                fileSize = formatBytes(archivedDocumentInfo.fileSize ? Number(archivedDocumentInfo.fileSize) : 0);
-            }
-        }
-        if (descriptor) {
-            name = descriptor.name ?? "-";
-            const content = (_jsxs("div", { children: [archivedDocumentMap && (_jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.Size }), ": ", fileSize] })), _jsx("hr", {}), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.Path }), ": \"", SDKUI_Localizator.ArchivedDocuments, "\\", `${descriptor.name} (DID: ${attachment.did})`, "\""] })] }));
-            tooltipContent = getTooltipContent(descriptor.name, content);
-            nameElement = (_jsx("span", { children: highlightText(`${name} (DID: ${attachment.did})`, searchText, isSelected) }));
-        }
-    }
-    return { name, nameElement, tooltipContent, folderId, fileExt, draftExist, archivedDocumentsExist };
-};
-export const getDcmtTypeDescriptor = async (blogPosts) => {
-    // Create a Map to store tid as key and DcmtTypeDescriptor as value
-    const dcmtTypeMap = new Map();
-    // Collect unique tids first to avoid duplicate HTTP calls
-    const uniqueTids = new Set();
-    for (const blogPost of blogPosts) {
-        if (blogPost.attachments) {
-            for (const attachment of blogPost.attachments) {
-                if (attachment.tid) {
-                    uniqueTids.add(attachment.tid);
-                }
-            }
-        }
-    }
-    // Fetch all descriptors in parallel instead of sequentially
-    const promises = Array.from(uniqueTids).map(async (tid) => {
-        const dcmtTypeDescriptor = await DcmtTypeListCacheService.GetAsync(tid, true);
-        if (dcmtTypeDescriptor) {
-            dcmtTypeMap.set(tid, dcmtTypeDescriptor);
-        }
-    });
-    await Promise.all(promises);
-    return dcmtTypeMap;
-};
-export const BlogPostHomeHeader = (header, classId, isSelected, searchText, headerClickCallback) => {
-    const isWorkGroup = classId === 'WG';
-    const iconColor = isSelected ? '#ffffff' : isWorkGroup ? '#009700' : '#e65b00';
-    return (_jsxs("div", { style: {
-            display: "flex",
-            alignItems: "center",
-            cursor: "pointer",
-            fontWeight: "bold",
-            color: isSelected ? "#fff" : TMColors.primary,
-            gap: "4px",
-        }, children: [_jsx(TMTooltip, { content: isWorkGroup ? SDKUI_Localizator.WorkGroup : SDKUI_Localizator.Dossier, children: isWorkGroup ? (_jsx(IconMenuCAWorkingGroups, { color: iconColor, fontSize: 28, onClick: headerClickCallback })) : (_jsx(IconCADossier, { color: iconColor, fontSize: 28, onClick: headerClickCallback })) }), _jsx("div", { onClick: headerClickCallback, style: {
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    display: "inline-block",
-                    cursor: "pointer",
-                    maxWidth: "100%",
-                }, children: highlightText(header ?? "", searchText, isSelected) })] }));
-};
-export const isHeaderFullyHidden = (header) => {
-    if (!header) {
-        return true;
-    }
-    return !header.showViewMode && !header.showFilters && !header.showSearchBar && !header.showPostsDropDown;
-};
-export const NewBadge = ({ layoutMode }) => {
-    const isCompact = layoutMode === "compact";
-    return (_jsxs("div", { style: {
-            position: "absolute",
-            top: isCompact ? "6px" : "8px",
-            right: isCompact ? "6px" : "8px",
-            background: "linear-gradient(270deg, #FFD76A 0%, #FFC940 50%, #FFB800 100%)",
-            color: TMColors.primary,
-            fontSize: isCompact ? "0" : "0.65rem",
-            fontWeight: "700",
-            letterSpacing: "0.5px",
-            padding: isCompact ? "0" : "3px 8px",
-            borderRadius: isCompact ? "50%" : "12px",
-            width: isCompact ? "10px" : "auto",
-            height: isCompact ? "10px" : "auto",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            boxShadow: "0 2px 10px rgba(255, 200, 50, 0.45)",
-            zIndex: 1,
-            animation: "softBlink 2s infinite",
-        }, title: SDKUI_Localizator.NewMale, children: [!isCompact && "NEW", _jsx("style", { children: `
-                @keyframes softBlink {
-                    0%, 100% { opacity: 1; }
-                    50% { opacity: 0.7; }
-                }
-                ` })] }));
-};
-export const removeFileExtension = (filename) => {
-    return filename.includes('.') ? filename.substring(0, filename.lastIndexOf('.')) : filename;
-};
-export const BlogPostTitle = (props) => {
-    const { displayMode, layoutMode, blogPost, isSelected, isOwnComment, searchText, isSys, isHomeBlogPost, showId, handleNavigateToWGs, handleNavigateToDossiers } = props;
-    const showOwnerBadge = (displayMode === "stacked" || !isOwnComment) && layoutMode === "extended";
-    let subtitle = "";
-    if (isHomeBlogPost) {
-        subtitle = blogPost.ownerName ? `${blogPost.ownerName} \u2014 ` : "";
-    }
-    if (blogPost.creationTime) {
-        subtitle += `${Globalization.getDateTimeDisplayValue(blogPost.creationTime)} ${new Date(blogPost.creationTime).toDateString() === new Date().toDateString()
-            ? `(${SDKUI_Localizator.Today})`
-            : ''}`;
-    }
-    if (showId && blogPost.id !== undefined) {
-        subtitle += ` \u2014 ID: ${blogPost.id}`;
-    }
-    const headerClickCallback = () => {
-        if (handleNavigateToWGs && blogPost.id && blogPost.classID === 'WG') {
-            handleNavigateToWGs(blogPost);
-        }
-        if (handleNavigateToDossiers && blogPost.id && blogPost.classID === 'DS') {
-            handleNavigateToDossiers(blogPost);
-        }
-    };
-    return _jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [showOwnerBadge && (_jsx("div", { style: { width: "40px", height: "40px", flexShrink: 0 }, children: OwnerInitialsBadge(blogPost) })), _jsxs("div", { style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    width: showOwnerBadge ? "calc(100% - 40px)" : "100%",
-                }, children: [(isHomeBlogPost && blogPost.classID) && BlogPostHomeHeader(blogPost.header, blogPost.classID, isSelected, searchText, headerClickCallback), (!isHomeBlogPost && !isOwnComment && blogPost.ownerName && blogPost.ownerName.trim().length > 0) && (_jsx("span", { style: {
-                            fontWeight: "bold",
-                            color: isSelected ? "#fff" : !isSys ? TMColors.primary : "#ff0000",
-                            ...getCompactEllipsisStyle(layoutMode),
-                        }, children: highlightText(blogPost.ownerName, searchText, isSelected) })), subtitle.length > 0 && (_jsx("div", { style: {
-                            color: isSelected ? "#fff" : !isSys ? TMColors.primary : "#ff0000",
-                            ...getCompactEllipsisStyle(layoutMode)
-                        }, children: highlightText(subtitle, searchText, isSelected) }))] })] });
-};
-export const stripHtml = (html) => {
-    try {
-        const doc = new DOMParser().parseFromString(html, 'text/html');
-        return doc.body.textContent || '';
-    }
-    catch (error) {
-        // Se qualcosa va storto, restituisci l'HTML originale
-        return html;
-    }
-};

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { AccessFilter } from '@topconsultnpm/sdk-ts';
-import { DeviceType } from '../base/TMDeviceProvider';
-interface ITMRecentsProps {
-    mruTIDs: number[];
-    currentMruTID?: number;
-    deviceType?: DeviceType;
-    accessFilter?: AccessFilter;
-    onSelectedTID?: (tid: number) => void;
-    onDeletedTID?: (tid: number) => void;
-}
-declare const TMRecentsManager: React.FunctionComponent<ITMRecentsProps>;
-export default TMRecentsManager;

package/lib/components/grids/TMRecentsManager.js

@@ -1,155 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { useCallback, useEffect, useState } from 'react';
-import ReactDOMServer from 'react-dom/server';
-import { DcmtTypeListCacheService } from '@topconsultnpm/sdk-ts';
-import ContextMenu from 'devextreme-react/context-menu';
-import { IconDelete, SDKUI_Localizator, IconApply, IconInfo, IconCloseOutline } from '../../helper';
-import { TMColors } from '../../utils/theme';
-import { DeviceType } from '../base/TMDeviceProvider';
-import { TMDcmtTypeChooserForm } from '../choosers/TMDcmtTypeChooser';
-import TMTidViewer, { renderDTDTooltipContent, TMDcmtTypeTooltip } from '../viewers/TMTidViewer';
-import { StyledDivHorizontal, StyledOffCanvasPanel } from '../base/Styled';
-import { useOutsideClick } from '../../hooks/useOutsideClick';
-const StyledRecentTidItem = styled.div `
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    min-width: 0;
-    padding: 10px;
-    position: relative;
-    gap: 0;
-
-    &:hover {
-        cursor: pointer;
-        background: linear-gradient(
-            270deg,
-            rgba(70, 181, 162, 0.15) 16%,
-            rgba(59, 170, 188, 0.15) 34%,
-            rgba(59, 170, 188, 0.15) 34%,
-            rgba(54, 129, 173, 0.15) 54%,
-            rgba(51, 104, 165, 0.15) 72%,
-            rgba(47, 84, 157, 0.15) 88%,
-            rgba(48, 79, 153, 0.15) 100%
-        );
-    }
-
-    .info-icon {
-        opacity: 0;
-        pointer-events: none;
-        transition: opacity 0.2s;
-        ${({ $isMobile }) => $isMobile && `
-            display: none !important;
-        `}
-    }
-
-    &:hover .info-icon {
-        opacity: 1;
-        pointer-events: auto;
-    }
-
-    &::after {
-        content: '';
-        display: block;
-        width: 90%;
-        margin: 0 auto;
-        border-bottom: 1px solid #00A99D;
-        margin-top: 8px;
-    }
-
-    &:last-child {
-        border-bottom: none;
-        margin-bottom: 0;
-    }
-`;
-const iconDelete = () => ReactDOMServer.renderToString(_jsx(IconDelete, {}));
-const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, accessFilter = 'all', onSelectedTID, onDeletedTID }) => {
-    const [showDcmtTypeChooser, setShowDcmtTypeChooser] = useState(false);
-    const [recentDcmtTypes, setRecentDcmtTypes] = useState([]);
-    const [infoDTD, setInfoDTD] = useState();
-    // Handler for the cache refresh event
-    const handleCacheRefresh = useCallback(async () => {
-        // Retrieve all document types without metadata from the refreshed cache
-        const allDcmtTypes = await DcmtTypeListCacheService.GetAllWithoutMetadataAsync();
-        const allDcmtTypeIds = new Set(allDcmtTypes.map(type => type.id));
-        // Filter the mruTIDs to only keep those that still exist in the cache
-        const stillPresentTIDs = mruTIDs.filter(tid => allDcmtTypeIds.has(tid));
-        // Identifica i TIDs che non sono più presenti e notifica il componente padre.
-        const deletedTIDs = mruTIDs.filter(tid => !allDcmtTypeIds.has(tid));
-        deletedTIDs.forEach(deletedTid => {
-            onDeletedTID?.(deletedTid);
-        });
-        // Get the descriptors for the filtered TIDs and sort them
-        const filteredDescriptors = stillPresentTIDs
-            .map(tid => allDcmtTypes.find(dt => dt.id === tid))
-            .filter(Boolean);
-        filteredDescriptors.sort((a, b) => {
-            const idA = a.id ?? 0;
-            const idB = b.id ?? 0;
-            return mruTIDs.indexOf(idB) - mruTIDs.indexOf(idA);
-        });
-        // Update the state
-        setRecentDcmtTypes(filteredDescriptors);
-    }, [mruTIDs, onDeletedTID]);
-    useEffect(() => {
-        // Initial data fetch
-        handleCacheRefresh();
-        // Subscribe to the cache refresh event
-        DcmtTypeListCacheService.onCacheRefreshed = handleCacheRefresh;
-        // Cleanup function to unsubscribe from the event
-        return () => {
-            DcmtTypeListCacheService.onCacheRefreshed = undefined;
-        };
-    }, [handleCacheRefresh]); // Dependency array for useEffect
-    const panelRef = useOutsideClick(() => {
-        setInfoDTD(undefined);
-    });
-    const isMobile = deviceType === DeviceType.MOBILE;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { overflowY: isMobile ? 'auto' : undefined, display: 'flex', flexDirection: 'column', padding: '5px', width: '100%' }, children: [_jsx(StyledRecentTidItem, { id: `tid-${0}`, "$isMobile": isMobile, onClick: () => { setShowDcmtTypeChooser(true); }, children: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', width: '100%' }, children: _jsx("p", { style: {
-                                    color: TMColors.primaryColor,
-                                    fontSize: '1rem',
-                                    fontWeight: 600,
-                                    whiteSpace: 'nowrap',
-                                    overflow: 'hidden',
-                                    textOverflow: 'ellipsis'
-                                }, children: `${SDKUI_Localizator.AllDcmtTypes} (${DcmtTypeListCacheService.CacheCount(true, accessFilter)})` }) }) }, 0), recentDcmtTypes.map((dtd) => {
-                        const isCurrent = currentMruTID == dtd.id;
-                        return (_jsxs(StyledRecentTidItem, { id: `tid-${dtd.id}`, "$isMobile": isMobile, onClick: () => { onSelectedTID?.(dtd.id ?? 0); }, children: [_jsxs(StyledDivHorizontal, { style: { alignItems: 'center', gap: 8, width: '100%' }, children: [!isMobile && (_jsx("span", { className: "info-icon", style: {
-                                                marginRight: 4,
-                                                display: 'flex',
-                                                alignItems: 'center'
-                                            }, children: _jsx(TMDcmtTypeTooltip, { dtd: dtd, children: _jsx(IconInfo, { color: TMColors.info }) }) })), _jsx("div", { style: {
-                                                flex: 1,
-                                                display: 'flex',
-                                                alignItems: 'center',
-                                                justifyContent: 'center',
-                                                minWidth: 0
-                                            }, children: _jsx(TMTidViewer, { tid: dtd.id, color: TMColors.primaryColor, showIcon: false }) }), _jsx("span", { style: {
-                                                width: 24,
-                                                height: 24,
-                                                borderRadius: 24,
-                                                display: 'flex',
-                                                alignItems: 'center',
-                                                justifyContent: 'center',
-                                                fontSize: '1rem',
-                                                fontWeight: 'bold',
-                                                marginLeft: 8,
-                                                visibility: isCurrent ? 'visible' : 'hidden'
-                                            }, children: _jsx(IconApply, { fontSize: 24, color: 'green' }) })] }), _jsx(ContextMenu, { dataSource: [
-                                        {
-                                            text: SDKUI_Localizator.Remove,
-                                            icon: iconDelete(),
-                                            onClick: () => { onDeletedTID?.(dtd.id ?? 0); }
-                                        },
-                                        ...(isMobile ? [
-                                            {
-                                                text: SDKUI_Localizator.About,
-                                                icon: ReactDOMServer.renderToString(_jsx(IconInfo, { color: TMColors.info })),
-                                                onClick: () => { setInfoDTD(dtd); }
-                                            }
-                                        ] : [])
-                                    ], target: `#tid-${dtd.id}` })] }, dtd.id));
-                    })] }), showDcmtTypeChooser &&
-                _jsx(TMDcmtTypeChooserForm, { accessFilter: accessFilter, onClose: () => setShowDcmtTypeChooser(false), onChoose: (tids) => { onSelectedTID?.(tids?.[0] ?? 0); } }), _jsxs(StyledOffCanvasPanel, { ref: panelRef, "$isOpen": isMobile && infoDTD !== undefined, children: [_jsxs(StyledDivHorizontal, { style: { gap: 10, padding: '10px 8px', width: '100%', alignItems: 'center' }, children: [_jsx("p", { style: { fontSize: '1.1rem', fontWeight: 'bold' }, children: `${SDKUI_Localizator.DcmtType} - ${SDKUI_Localizator.About}` }), _jsx(IconCloseOutline, { style: { marginLeft: 'auto', cursor: 'pointer' }, onClick: () => setInfoDTD(undefined) })] }), renderDTDTooltipContent(infoDTD)] })] }));
-};
-export default TMRecentsManager;

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

@@ -1,6 +0,0 @@
-import { ValidationItem } from '@topconsultnpm/sdk-ts';
-interface ITMValidationItemsList {
-    validationItems?: ValidationItem[];
-}
-declare const TMValidationItemsList: ({ validationItems }: ITMValidationItemsList) => import("react/jsx-runtime").JSX.Element;
-export default TMValidationItemsList;

package/lib/components/grids/TMValidationItemsList.js

@@ -1,82 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import styled from 'styled-components';
-import { TMColors } from '../../utils/theme';
-import { IconCloseCircle, IconWarning } from '../../helper';
-const StyledValidationItemsTabs = styled.div `
-    position: sticky;
-    top: 0px;
-    height: 25px;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-    border-bottom: 1px solid $primary;
-    width: 100%;
-    user-select: none;
-    background-color: ${TMColors.primary};
-    z-index: 20;
-    border-top: 1px solid #122C4C;
-`;
-const StyledValidationTypeTab = styled.div `
-    padding: 10px;
-    color: ${(props) => props.$isSelected ? 'white' : 'rgb(182, 182, 182)'};
-    font-size: 1rem;
-    cursor: pointer;
-    ${(props) => props.$isSelected ? 'border-bottom: 1px white solid;' : ''};
-`;
-const StyledMessageContainer = styled.div `
-    padding: 2px;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-    color: $primary;
-    font-size: 1rem;
-    width: 100%;
-    border-bottom: 1px solid rgb(190, 190, 190);
-`;
-const StyledMessageIcon = styled.div `
-    transform: translateY(1.5px);
-    margin-right: 5px;
-    z-index: 5;
-`;
-const StyledMessageResultType = styled.div `
-    width: 50px;
-    user-select: none;
-    margin-right: 20px;
-`;
-const StyledMessageElement = styled.div `
-    width: 150px;
-    text-align: left;
-    user-select: none;
-    margin-right: 20px;
-`;
-const StyledMessageText = styled.div `
-    transform: translateY(1.5px);
-    margin-right: 5px;
-    z-index: 5;
-    margin-right: 20px;
-`;
-const TMValidationItemsList = ({ validationItems = [] }) => {
-    const [selectedTab, setSelectedTab] = useState(0);
-    const [currentValidationItems, setCurrentValidationItems] = useState(validationItems);
-    useEffect(() => {
-        setCurrentValidationItems(validationItems);
-    }, [validationItems]);
-    useEffect(() => {
-        if (selectedTab === 0) {
-            setCurrentValidationItems(validationItems);
-        }
-        if (selectedTab === 1) {
-            setCurrentValidationItems(validationItems.filter(item => item.ResultType !== 'Warning'));
-        }
-        if (selectedTab === 2) {
-            setCurrentValidationItems(validationItems.filter(item => item.ResultType !== 'Error'));
-        }
-    }, [selectedTab]);
-    return (_jsxs("div", { style: { padding: "0px 1px" }, children: [_jsxs(StyledValidationItemsTabs, { children: [_jsx(StyledValidationTypeTab, { onClick: () => setSelectedTab(0), "$isSelected": selectedTab === 0, children: "All" }), _jsx(StyledValidationTypeTab, { onClick: () => setSelectedTab(1), "$isSelected": selectedTab === 1, children: "Errors" }), _jsx(StyledValidationTypeTab, { onClick: () => setSelectedTab(2), "$isSelected": selectedTab === 2, children: "Warnings" })] }), _jsx("div", { style: { padding: '0' }, children: currentValidationItems.map((item, index) => _jsxs(StyledMessageContainer, { children: [_jsx(StyledMessageIcon, { children: item.ResultType === 'Warning' ? _jsx(IconWarning, { color: 'orange', fontSize: 16 }) : _jsx(IconCloseCircle, { color: 'red', fontSize: 16 }) }), _jsx(StyledMessageResultType, { children: item.ResultType }), _jsx(StyledMessageElement, { children: item.PropertyName }), _jsx(StyledMessageText, { children: item.Message })] }, index)
-                // <Message key={index} propertyName={item.PropertyName} message={item.Message} resultType={item.ResultType} theme={currentTheme} />
-                ) })] }));
-};
-export default TMValidationItemsList;