@topconsultnpm/sdkui-react-beta 6.14.94 → 6.14.95

package/lib/components/base/TMAccordion.d.ts

@@ -1,9 +1,12 @@
 import React, { ReactNode } from "react";
 interface TMAccordionProps {
     title: string;
+    titleSize?: "Small" | "Medium";
     children: ReactNode;
     defaultOpen?: boolean;
     defaultCollapsed?: boolean;
+    firstCounter?: ReactNode;
+    secondCounter?: ReactNode;
 }
 declare const TMAccordion: React.FC<TMAccordionProps>;
 export default TMAccordion;

package/lib/components/base/TMAccordion.js

@@ -3,13 +3,14 @@ import { useState } from "react";
 import styled from "styled-components";
 import { IconChevronDown, IconChevronRight } from "../../helper";
 import { TMColors } from "../../utils/theme";
-const TMAccordion = ({ title, children, defaultOpen = true, defaultCollapsed }) => {
+const TMAccordion = ({ title, titleSize = 'Medium', children, defaultOpen = true, defaultCollapsed, firstCounter, secondCounter }) => {
     // Se defaultCollapsed è definito, ha la precedenza su defaultOpen
     const [isOpen, setIsOpen] = useState(defaultCollapsed !== undefined ? !defaultCollapsed : defaultOpen);
     const toggleAccordion = () => {
         setIsOpen(!isOpen);
     };
-    return (_jsxs(StyledAccordionContainer, { children: [_jsxs(StyledGroupTemplate, { onClick: toggleAccordion, children: [isOpen ? _jsx(IconChevronDown, { fontSize: 20 }) : _jsx(IconChevronRight, { fontSize: 20 }), _jsx("h3", { children: title })] }), isOpen && (_jsx(StyledAccordionContent, { children: children }))] }));
+    const renderTitle = () => (_jsx("span", { className: `tm-accordion-title${titleSize === "Small" ? " small" : ""}`, children: title }));
+    return (_jsxs(StyledAccordionContainer, { children: [_jsxs(StyledGroupTemplate, { onClick: toggleAccordion, children: [isOpen ? _jsx(IconChevronDown, { fontSize: 20 }) : _jsx(IconChevronRight, { fontSize: 20 }), renderTitle(), firstCounter && _jsx("span", { style: { marginLeft: 8 }, children: firstCounter }), secondCounter && _jsx("span", { style: { marginLeft: 8 }, children: secondCounter })] }), isOpen && (_jsx(StyledAccordionContent, { children: children }))] }));
 };
 export default TMAccordion;
 //#region Styled Components
@@ -29,9 +30,20 @@ const StyledGroupTemplate = styled.div `
     align-items: center;
     font-size: 1rem;
     font-weight: 600; 
-    color: ${TMColors.primaryColor};
+    color: ${() => TMColors.primaryColor};
     position: relative;
 
+    .tm-accordion-title, .tm-accordion-title.small {
+        font-weight: 600;
+        margin: 0;
+    }
+    .tm-accordion-title.small {
+        font-size: 1rem;
+    }
+    .tm-accordion-title {
+        font-size: 1.25rem;
+    }
+
     &::after {
         content: '';
         display: block;

package/lib/components/editors/TMMetadataValues.js

@@ -301,7 +301,7 @@ const TMMetadataValues = ({ showCheckBoxes = ShowCheckBoxesMode.Never, checkPerm
     };
     return (_jsx(StyledMetadataValuesContainer, { children: !TID ?
             _jsx(TMNothingToShow, { text: 'Nessun documento selezionato.', secondText: 'Metadati di sistema non disponibile.', icon: _jsx(IconDcmtTypeSys, { fontSize: 96 }) }) :
-            _jsx(_Fragment, { children: currentDTD?.templateTID === TemplateTIDs.WF_WIApprView ?
+            _jsx(_Fragment, { children: currentDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isReadOnly ?
                     layoutWorkItem() :
                     metadataValues.map((item) => renderMetadataItem(item)) }) }));
 };

package/lib/components/features/assistant/ToppyHelpCenter.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DeviceType } from '../../base/TMDeviceProvider';
+interface ToppyHelpCenterProps {
+    content?: React.ReactNode;
+    deviceType?: DeviceType;
+}
+declare const ToppyHelpCenter: React.FC<ToppyHelpCenterProps>;
+export default ToppyHelpCenter;

package/lib/components/features/assistant/ToppyHelpCenter.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
+import styled, { keyframes, css } from 'styled-components';
+import Toppy from '../../../assets/Toppy-generico.png'; // Assicurati che il percorso dell'immagine sia corretto
+import { DeviceType } from '../../base/TMDeviceProvider'; // Assicurati che il percorso del tipo sia corretto
+import { IconChevronDown, IconChevronRight } from '../../../helper';
+const toppyEntrance = keyframes `
+  0% { right: -200px; opacity: 0; }
+  60% { opacity: 1; }
+  100% { right: 10px; opacity: 1; }
+`;
+const pulseAnimation = keyframes `
+  0% { transform: scale(1); }
+  50% { transform: scale(1.05); }
+  100% { transform: scale(1); }
+`;
+const bounceAnimation = keyframes `
+  0%, 20%, 50%, 80%, 100% {
+    transform: translateY(0);
+  }
+  40% {
+    transform: translateY(-10px);
+  }
+  60% {
+    transform: translateY(-5px);
+  }
+`;
+const wiggle = keyframes `
+  0% { transform: rotate(-5deg) scale(1.1); }
+  10% { transform: rotate(5deg) scale(0.95); }
+  20% { transform: rotate(-5deg) scale(1.1); }
+  30% { transform: rotate(5deg) scale(1.05); }
+  40% { transform: rotate(-5deg) scale(1); }
+  50% { transform: rotate(5deg) scale(0.96); }
+  60% { transform: rotate(-5deg) scale(1.15); }
+  70% { transform: rotate(5deg) scale(0.99); }
+  80% { transform: rotate(-5deg) scale(1.05); }
+  90% { transform: rotate(5deg) scale(1); }
+  100% { transform: rotate(-5deg) scale(1.08); }
+`;
+// Styled Components
+const ToppyContainer = styled.div `
+  position: fixed;
+  bottom: ${({ $isCollapsed }) => ($isCollapsed ? '5px' : '-20px')};
+  right: ${({ $isCollapsed }) => ($isCollapsed ? '5px' : '10px')};
+  display: flex;
+  flex-direction: column-reverse; /* Impila l'immagine sotto il contenuto */
+  align-items: flex-end; /* Allinea gli elementi a destra all'interno della colonna */
+  animation: ${toppyEntrance} 0.5s cubic-bezier(0.23, 1, 0.32, 1);
+  z-index: 2147483647; /* massimo valore possibile */
+`;
+const ToppyImage = styled.img `
+  width: ${({ $isMobile, $isCollapsed }) => $isCollapsed ? '60px' : $isMobile ? '90px' : '120px'};
+  height: ${({ $isMobile, $isCollapsed }) => $isCollapsed ? '70px' : $isMobile ? '105px' : '140px'};
+  cursor: pointer;
+  object-fit: cover;
+  object-position: top center;
+  /* Ritaglia la parte bassa (ellisse) usando clip-path */
+  clip-path: inset(0 0 22% 0 round 10px);
+  transform: ${({ $isCollapsed }) => ($isCollapsed ? 'none' : 'rotate(-20deg)')};
+
+  ${({ $isCollapsed }) => $isCollapsed &&
+    css `
+      /* animation: ${bounceAnimation} 2s infinite; */
+      /* animation: ${pulseAnimation} 2s infinite; */
+      animation: ${wiggle} 1.5s infinite;
+    `}
+`;
+const ToppyContent = styled.div `
+  margin-bottom: ${props => props.$isMobile ? '10px' : '20px'};
+  width: max-content;
+  max-width: 250px;
+  background: linear-gradient(
+    180deg,
+    rgba(0, 113, 188, 0.45) 0%,
+    rgba(27, 20, 100, 0.65) 100%
+  );
+  color: white;
+  padding: 20px;
+  border-radius: 10px;
+  border: 1px solid #FFFFFF;
+  opacity: ${props => (props.$isCollapsed ? 0 : 1)};
+  transform: ${props => (props.$isCollapsed ? 'translateY(20px)' : 'translateY(0)')};
+  transition: opacity 0.3s ease, transform 0.3s ease;
+  pointer-events: ${props => (props.$isCollapsed ? 'none' : 'auto')};
+  position: relative;
+
+  &::after {
+    transform: skewX(-15deg);
+    content: "";
+    position: absolute;
+    top: 100%;
+    right: 25px;
+    border-width: 30px 30px 0 0;
+    border-style: solid;
+    border-color: rgba(27, 20, 100, 0.65) transparent;
+  }
+`;
+const CollapseButton = styled.button `
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  background: transparent;
+  border: none;
+  color: white;
+  cursor: pointer;
+  font-size: 1.2rem;
+`;
+const ToppyHelpCenter = ({ content, deviceType }) => {
+    const [isCollapsed, setIsCollapsed] = useState(false);
+    const [portalContainer, setPortalContainer] = useState(null);
+    useEffect(() => {
+        const portalRoot = document.createElement('div');
+        portalRoot.setAttribute('id', 'toppy-portal-root');
+        document.body.appendChild(portalRoot);
+        setPortalContainer(portalRoot);
+        // viene eseguita quando il componente viene smontato
+        return () => {
+            document.body.removeChild(portalRoot);
+        };
+    }, []);
+    const toggleCollapse = (e) => {
+        e.stopPropagation();
+        setIsCollapsed(!isCollapsed);
+    };
+    if (!portalContainer) {
+        return null;
+    }
+    const isMobile = deviceType === DeviceType.MOBILE;
+    const toppyComponent = (_jsxs(ToppyContainer, { "$isMobile": isMobile, "$isCollapsed": isCollapsed, children: [_jsx(ToppyImage, { "$isMobile": isMobile, "$isCollapsed": isCollapsed, onClick: toggleCollapse, src: Toppy, alt: "Toppy" }), _jsxs(ToppyContent, { "$isCollapsed": isCollapsed, "$isMobile": isMobile, children: [_jsx(CollapseButton, { onClick: toggleCollapse, children: isCollapsed ? _jsx(IconChevronRight, {}) : _jsx(IconChevronDown, {}) }), content] })] }));
+    return ReactDOM.createPortal(toppyComponent, portalContainer);
+};
+export default ToppyHelpCenter;

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { LayoutModes, TaskDescriptor } from '@topconsultnpm/sdk-ts-beta';
 import { FormModes, TaskContext } from '../../../ts';
-import { DeviceType } from '../../base/TMDeviceProvider';
 interface ITMDcmtFormProps {
     TID?: number;
     DID?: number;
@@ -35,9 +34,3 @@ interface ITMDcmtFormProps {
 }
 declare const TMDcmtForm: React.FC<ITMDcmtFormProps>;
 export default TMDcmtForm;
-export declare const ToppyHelpCenter: ({ content, onClick, deviceType, top }: {
-    content?: any;
-    onClick?: () => void;
-    deviceType?: DeviceType;
-    top?: number;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
-import styled, { keyframes } from 'styled-components';
 import TMDcmtPreview from './TMDcmtPreview';
 import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutModes, MetadataDataTypes, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, TemplateTIDs, TID_DID, UpdateEngineByID, ValidationItem } from '@topconsultnpm/sdk-ts-beta';
 import { ContextMenu } from 'devextreme-react';
@@ -28,11 +27,11 @@ import TMMasterDetailDcmts from './TMMasterDetailDcmts';
 import TMDcmtBlog from './TMDcmtBlog';
 import { useInputAttachmentsDialog } from '../../../hooks/useInputDialog';
 import TMModal from '../../base/TMModal';
-import Toppy from '../../../assets/Toppy-generico.png';
 import { useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
 import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
 import { TMPanelManagerWithPersistenceProvider } from '../../layout/panelManager/TMPanelManagerWithPersistenceProvider';
 import { useWorkflowApprove } from '../../../hooks/useWorkflowApprove';
+import ToppyHelpCenter from '../assistant/ToppyHelpCenter';
 let abortControllerLocal = new AbortController();
 //#endregion
 const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invokedByTodo = false, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCreateRequest, fileFromConnector = null, taskFormDialogComponent, }) => {
@@ -639,17 +638,16 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
                                         isEditable: true,
                                         value: FormulaHelper.addFormulaTag(newFormula.expression)
                                     }));
-                                } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowReAssignPopup(false) }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }), showToppyForApprove &&
-                    _jsx(ToppyHelpCenter, { deviceType: deviceType, top: workItems.length === 1 ? -220 : -120, content: workItems.length === 1 ?
-                            _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: () => ShowAlert({ message: 'TODO', mode: 'info', title: SDKUI_Localizator.SignatureAndApprove, duration: 3000 }), onReject: () => { setShowRejectPopup(true); }, onReAssign: () => { setShowReAssignPopup(true); }, onMoreInfo: () => {
-                                        const did = Number(DID);
-                                        openTaskFormHandler((task) => {
-                                            SDK_Globals.tmSession?.NewWorkflowEngine().WorkItem_MoreInfoAsync(approvalVID, did, task?.id ?? 0)
-                                                .catch(err => TMExceptionBoxManager.show({ exception: err }));
-                                        });
-                                    } }) })
-                            :
-                                _jsxs("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: [`Devi approvare ${workItems.length} workitem(s) per questo documento.`, `Vai alla sezione di approvazione.`] }) }), isOpenDetails &&
+                                } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowReAssignPopup(false) }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }), showToppyForApprove && (_jsx(ToppyHelpCenter, { deviceType: deviceType, content: workItems.length === 1 ?
+                        _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: () => ShowAlert({ message: 'TODO', mode: 'info', title: SDKUI_Localizator.SignatureAndApprove, duration: 3000 }), onReject: () => { setShowRejectPopup(true); }, onReAssign: () => { setShowReAssignPopup(true); }, onMoreInfo: () => {
+                                    const did = Number(DID);
+                                    openTaskFormHandler((task) => {
+                                        SDK_Globals.tmSession?.NewWorkflowEngine().WorkItem_MoreInfoAsync(approvalVID, did, task?.id ?? 0)
+                                            .catch(err => TMExceptionBoxManager.show({ exception: err }));
+                                    });
+                                } }) })
+                        :
+                            _jsxs("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: [`Devi approvare ${workItems.length} workitem(s) per questo documento.`, `Vai alla sezione di approvazione.`] }) })), isOpenDetails &&
                     _jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, isForMaster: false, inputDcmts: getSelectionDcmtInfo(), allowNavigation: allowNavigation, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev, onBack: () => setIsOpenDetails(false) }) }), isOpenMaster &&
                     _jsxs(StyledModalContainer, { style: { backgroundColor: 'white' }, children: [_jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: getSelectionDcmtInfo(), isForMaster: true, allowNavigation: allowNavigation, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev, onBack: () => setIsOpenMaster(false), appendMasterDcmts: handleAddItem }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
                                 return (_jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: [dcmt], isForMaster: true, allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID), appendMasterDcmts: handleAddItem }) }, `${index}-${dcmt.DID}`));
@@ -692,30 +690,6 @@ const validateMaxLength = (mvd, value, validationItems) => {
     }
 };
 //#endregion Validation
-const toppyEntrance = keyframes `
-  0% { right: -200px; opacity: 0; }
-  60% { opacity: 1; }
-  100% { right: -70px; opacity: 1; }
-`;
-const ToppyContainer = styled.div `
-  position: absolute;
-  bottom: ${props => props.$isMobile ? '-70px' : '-50px'};
-  right: ${props => props.$isMobile ? '-70px' : '-50px'};
-  transform: rotate(-20deg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  animation: ${toppyEntrance} 0.5s cubic-bezier(0.23, 1, 0.32, 1);
-  z-index: 1000;
-`;
-const ToppyImage = styled.img `
-  width: ${props => props.$isMobile ? '120px' : '170px'};
-  height: ${props => props.$isMobile ? '140px' : '200px'};
-  cursor: ${props => props.$isMobile ? 'pointer' : 'default'};
-`;
-export const ToppyHelpCenter = ({ content, onClick, deviceType, top = -220 }) => {
-    return (_jsxs(ToppyContainer, { children: [_jsx(ToppyImage, { "$isMobile": deviceType === DeviceType.MOBILE, onClick: onClick, src: Toppy, alt: "Toppy" }), _jsx("div", { style: { top: deviceType === DeviceType.MOBILE ? -80 : top, right: deviceType === DeviceType.MOBILE ? 40 : 1, transform: 'rotate(20deg)', position: 'absolute', width: 'max-content', height: 'max-content' }, children: content })] }));
-};
 const TMDcmtPreviewWrapper = ({ currentDcmt, layoutMode, fromDTD, dcmtFile, deviceType, isVisible, onFileUpload }) => {
     const { setPanelVisibilityById, toggleMaximize, isResizingActive, countVisibleLeafPanels } = useTMPanelManagerContext();
     const isMobile = deviceType === DeviceType.MOBILE;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { SearchResultDescriptor, TaskDescriptor, WorkingGroupDescriptor } from '@topconsultnpm/sdk-ts-beta';
 import { SearchResultContext, TaskContext } from '../../../ts';
+export declare const getSearchResultCountersSingleCategory: (searchResults: SearchResultDescriptor[]) => string;
 interface ITMSearchResultProps {
     context?: SearchResultContext;
     title?: string;
@@ -16,6 +17,7 @@ interface ITMSearchResultProps {
     groupId?: string;
     selectedSearchResultTID?: number;
     workingGroupContext?: WorkingGroupDescriptor;
+    disableAccordionIfSingleCategory?: boolean;
     onClose?: () => void;
     onWFOperationCompleted?: () => Promise<void>;
     onSelectedTIDChanged?: (TID: number) => void;

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

@@ -4,7 +4,7 @@ import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, M
 import styled from 'styled-components';
 import { getCommandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
 import { ContextMenu } from 'devextreme-react';
-import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, IconDownload, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, IconArchive, IconActivityLog, IconStar, IconFreeSearch, IconChevronDown, searchResultToMetadataValues, SDKUI_Globals, IconSearchCheck } from '../../../helper';
+import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, IconDownload, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, SDKUI_Globals, IconSearchCheck } from '../../../helper';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { useInputAttachmentsDialog, useInputCvtFormatDialog } from '../../../hooks/useInputDialog';
 import { DcmtOperationTypes, FormModes, SearchResultContext, DownloadTypes } from '../../../ts';
@@ -14,7 +14,6 @@ import TMButton from '../../base/TMButton';
 import TMDataGrid, { TMDataGridPageSize } from '../../base/TMDataGrid';
 import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
 import { TMSplitterLayout, TMLayoutItem } from '../../base/TMLayout';
-import { CustomListViewHeader } from '../../base/TMListView';
 import { TMMessageBoxManager, ButtonNames, TMExceptionBoxManager } from '../../base/TMPopUp';
 import TMTooltip from '../../base/TMTooltip';
 import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
@@ -29,19 +28,29 @@ import TMFloatingToolbar from '../../base/TMFloatingToolbar';
 import { WorkFlowApproveRejectPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
 import TMMasterDetailDcmts from '../documents/TMMasterDetailDcmts';
 import TMBatchUpdateForm from '../../features/documents/TMBatchUpdateForm';
-import TMDcmtForm, { ToppyHelpCenter } from '../documents/TMDcmtForm';
+import TMDcmtForm from '../documents/TMDcmtForm';
 import TMDcmtBlog from '../documents/TMDcmtBlog';
 import TMDcmtIcon from '../documents/TMDcmtIcon';
 import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
 import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
 import ShowAlert from '../../base/TMAlert';
 import TMWGsCopyMoveForm from '../wg/TMWGsCopyMoveForm';
+import ToppyHelpCenter from '../assistant/ToppyHelpCenter';
+import TMAccordion from '../../base/TMAccordion';
 //#region Internal Components
 const CommandsContextMenu = React.memo(({ target, menuItems, allowPin }) => {
     return (_jsx(ContextMenu, { showEvent: 'click', dataSource: menuItems, target: `${target}` }));
 });
 //#endregion Internal Components
 //#region Helper Methods
+export const getSearchResultCountersSingleCategory = (searchResults) => {
+    let totDcmtTypes = searchResults.length;
+    let totDcmts = 0;
+    for (let dcmt of searchResults) {
+        totDcmts += dcmt.dcmtsFound ?? 0;
+    }
+    return ` (${totDcmtTypes} / ${totDcmts})`;
+};
 const orderByName = (array) => {
     let arr = [...array];
     return arr.sort((a, b) => { if (a['fromName'] < b['fromName']) {
@@ -50,7 +59,7 @@ const orderByName = (array) => {
         return 1;
     } return 0; });
 };
-const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisible = true, allowRelations = true, openDcmtFormAsModal = false, searchResults = [], showSearchResultSidebar = true, showSelector = false, groupId, title, isClosable = false, allowFloatingBar = true, showToolbarHeader = true, selectedSearchResultTID, workingGroupContext = undefined, onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync, onSelectedTIDChanged, onWFOperationCompleted, onClose, onTaskCreateRequest, onFileOpened, focusedWorkingGroupId = undefined, fetchTreeFileSystemForWorkingGroup, fetchArchivedDocumentsForWorkingGroup }) => {
+const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisible = true, allowRelations = true, openDcmtFormAsModal = false, searchResults = [], showSearchResultSidebar = true, showSelector = false, groupId, title, isClosable = false, allowFloatingBar = true, showToolbarHeader = true, selectedSearchResultTID, workingGroupContext = undefined, disableAccordionIfSingleCategory = false, onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync, onSelectedTIDChanged, onWFOperationCompleted, onClose, onTaskCreateRequest, onFileOpened, focusedWorkingGroupId = undefined, fetchTreeFileSystemForWorkingGroup, fetchArchivedDocumentsForWorkingGroup }) => {
     const [id, setID] = useState('');
     const [showApprovePopup, setShowApprovePopup] = useState(false);
     const [showRejectPopup, setShowRejectPopup] = useState(false);
@@ -106,6 +115,11 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
         });
         hasDetailRelations(selectedSearchResult?.fromTID).then((value) => setCurrentTIDHasDetailRelations(value));
         hasMasterRelations(selectedSearchResult?.fromTID).then((value) => setCurrentTIDHasMasterRelations(value));
+        // Ricava il nuovo dataSource
+        const newDataSource = searchResultDescriptorToSimpleArray(selectedSearchResult);
+        // Se esiste almeno una riga, seleziona la prima
+        setFocusedItem(newDataSource && newDataSource.length > 0 ? newDataSource[0] : undefined);
+        setSelectedItems([]);
     }, [selectedSearchResult]);
     useEffect(() => {
         if (!focusedItem)
@@ -160,8 +174,9 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
     const openMasterDcmtsFormHandler = (value) => { setIsOpenMaster(value); };
     const openBatchUpdateFormHandler = (value) => { setIsOpenBatchUpdate(value); };
     const getTitleHeader = () => {
+        let counters = (showSelector && disableAccordionIfSingleCategory && searchResults.length > 1) ? getSearchResultCountersSingleCategory(searchResults) : "";
         if (title)
-            return title;
+            return title + counters;
         let titleHeader = 'Ricerca per metadati';
         switch (context) {
             case SearchResultContext.MASTER_DETAIL:
@@ -178,7 +193,7 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
                 titleHeader = `Risultato della ricerca full text`;
                 break;
         }
-        return titleHeader;
+        return titleHeader + counters;
     };
     const onBack = () => {
         if (isOpenBatchUpdate && isModifiedBatchUpdate) {
@@ -342,11 +357,12 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
         setSecondaryMasterDcmts((prevItems) => prevItems.filter(item => item.TID !== tid && item.DID !== did));
     };
     const isMobile = deviceType === DeviceType.MOBILE;
+    const showToppyForApprove = (isVisible && fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDcmtForm && !isOpenDetails && !isOpenMaster);
     const tmSearchResult = useMemo(() => (!searchResults || searchResults.length <= 0)
         ? _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%' }, children: [_jsx(IconBoard, { fontSize: 96 }), _jsx("div", { style: { fontSize: "15px", marginTop: "10px" }, children: SDKUI_Localizator.NoDcmtFound })] })
         :
-            _jsxs(_Fragment, { children: [_jsxs(TMLayoutItem, { height: '100%', children: [_jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: SDKUI_Globals.userSettings.themeSettings.gutters, separatorActiveColor: 'transparent', separatorColor: 'transparent', min: ['0', '0'], showSeparator: showSelector && deviceType !== DeviceType.MOBILE, start: showSelector ? deviceType !== DeviceType.MOBILE ? ['25%', '75%'] : splitterSize : ['0%', '100%'], children: [showSelector ?
-                                        _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, selectedTID: selectedSearchResultTID, onSelectionChanged: onSearchResultSelectionChanged }) })
+            _jsxs(_Fragment, { children: [_jsxs(TMLayoutItem, { height: '100%', children: [_jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: SDKUI_Globals.userSettings.themeSettings.gutters, separatorActiveColor: 'transparent', separatorColor: 'transparent', min: ['0', '0'], showSeparator: showSelector && deviceType !== DeviceType.MOBILE, start: showSelector ? deviceType !== DeviceType.MOBILE ? ['30%', '70%'] : splitterSize : ['0%', '100%'], children: [showSelector ?
+                                        _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, disableAccordionIfSingleCategory: disableAccordionIfSingleCategory, selectedTID: selectedSearchResultTID, onSelectionChanged: onSearchResultSelectionChanged }) })
                                         :
                                             _jsx(_Fragment, {}), _jsxs(TMLayoutItem, { children: [_jsx(TMSearchResultGrid, { inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, searchResult: searchResults.length > 1 ? selectedSearchResult : searchResults[0], lastUpdateSearchTime: lastUpdateSearchTime, onDblClick: () => openFormHandler(LayoutModes.Update), onContextMenuPreparing: onContextMenuPreparing, onSelectionChanged: (items) => { setSelectedItems(items); }, onVisibleItemChanged: setVisibleItems, onFocusedItemChanged: setFocusedItem, onDownloadDcmtsAsync: async (inputDcmts, downloadType, downloadMode, _y, confirmAttachments) => await downloadDcmtsAsync(inputDcmts, downloadType, downloadMode, onFileOpened, confirmAttachments) }), allowFloatingBar && showFloatingBar && deviceType !== DeviceType.MOBILE &&
                                                 _jsxs(TMFloatingToolbar, { backgroundColor: TMColors.primaryColor, initialLeft: '10px', initialTop: 'calc(100% - 75px)', children: [fromDTD?.perm?.canRetrieveFile === AccessLevels.Yes && _jsx(TMButton, { btnStyle: 'icon', caption: "Download file", disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes || !focusedItem?.DID, icon: _jsx(IconDownload, { color: 'white' }), onClick: () => { downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt, "download"); } }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasDetailRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white' }), caption: SDKUI_Localizator.DcmtsDetail, onClick: () => setIsOpenDetails(true) }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasMasterRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white', transform: 'scale(-1, 1)' }), caption: SDKUI_Localizator.DcmtsMaster, onClick: () => setIsOpenMaster(true) }), _jsx(IconMenuVertical, { id: `commands-floating-${id}`, color: 'white', cursor: 'pointer' }), _jsx(CommandsContextMenu, { target: `#commands-floating-${id}`, menuItems: getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback) })] })] }), "m"] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), onClose: () => setShowReAssignPopup(false) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: SDKUI_Localizator.BatchUpdate, inputDcmts: getSelectionDcmtInfo(), TID: focusedItem ? focusedItem?.TID : selectedItems[0]?.TID, DID: focusedItem ? focusedItem?.DID : selectedItems[0]?.DID, onBack: () => {
@@ -355,10 +371,8 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
                                     setIsOpenBatchUpdate(false);
                                     setIsModifiedBatchUpdate(false);
                                     await refreshSelectionDataRowsAsync();
-                                }, onStatusChanged: (isModified) => { setIsModifiedBatchUpdate(isModified); } }), (isVisible && fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDcmtForm && !isOpenDetails && !isOpenMaster) &&
-                                _jsx(ToppyHelpCenter, { deviceType: deviceType, 
-                                    // onClick={() => isMobile ? openConfigureMode?.() : undefined}
-                                    content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: () => ShowAlert({ message: 'TODO', mode: 'info', title: SDKUI_Localizator.SignatureAndApprove, duration: 3000 }), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), onMoreInfo: () => {
+                                }, onStatusChanged: (isModified) => { setIsModifiedBatchUpdate(isModified); } }), showToppyForApprove &&
+                                _jsx(ToppyHelpCenter, { deviceType: deviceType, content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: () => ShowAlert({ message: 'TODO', mode: 'info', title: SDKUI_Localizator.SignatureAndApprove, duration: 3000 }), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), onMoreInfo: () => {
                                                 const vid = focusedItem ? focusedItem?.TID : selectedItems[0]?.TID;
                                                 const did = focusedItem ? focusedItem?.DID : selectedItems[0]?.DID;
                                                 openTaskFormHandler((task) => {
@@ -382,7 +396,10 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
         isOpenDetails,
         isOpenMaster,
         isOpenDcmtForm,
-        copyMoveDraftForm
+        copyMoveDraftForm,
+        showToppyForApprove,
+        disableAccordionIfSingleCategory,
+        getTitleHeader
     ]);
     const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: focusedItem?.TID, did: focusedItem?.DID }), [focusedItem]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: LayoutModes.Update, openChooserBySingleClick: true, TID: focusedItem?.TID, isReadOnly: true, deviceType: deviceType, metadataValues: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [] }), [focusedItem, currentMetadataValues, deviceType]);
@@ -540,6 +557,7 @@ const TMSearchResultGrid = ({ inputFocusedItem, allowMultipleSelection = true, o
         return undefined;
     }, []);
     useEffect(() => {
+        setFocusedItem(undefined); // resetta sempre prima
         let cols = [];
         searchResult?.dtdResult?.columns?.map((col, index) => {
             let keyField = getDataColumnName(searchResult?.fromTID, col);
@@ -557,12 +575,14 @@ const TMSearchResultGrid = ({ inputFocusedItem, allowMultipleSelection = true, o
             });
         });
         setColumns(cols);
-        setDataSource(searchResultDescriptorToSimpleArray(searchResult));
+        let newDataSource = searchResultDescriptorToSimpleArray(searchResult);
+        setDataSource(newDataSource);
+        // setFocusedItem(newDataSource && newDataSource.length > 0 ? newDataSource[0] : undefined);
     }, [searchResult]);
     useEffect(() => {
         let newDataSource = searchResultDescriptorToSimpleArray(searchResult);
         setDataSource(newDataSource);
-        setFocusedItem(newDataSource?.find(o => o?.rowIndex === focusedItem?.rowIndex));
+        // setFocusedItem(newDataSource?.find(o => o?.rowIndex === focusedItem?.rowIndex));
     }, [lastUpdateSearchTime]);
     // Handles selection change in the data grid
     const handleSelectionChange = useCallback((e) => {
@@ -573,17 +593,14 @@ const TMSearchResultGrid = ({ inputFocusedItem, allowMultipleSelection = true, o
     }, [onSelectionChanged]);
     // Handles focus change in the data grid
     const handleFocusedRowChange = useCallback((e) => {
-        if (setFocusedItem === undefined)
-            return;
-        if (e.row === undefined) {
-            setFocusedItem(undefined);
-            return;
-        }
-        setFocusedItem(e.row.data);
+        // if (setFocusedItem === undefined) return;
+        // if (e.row === undefined) { setFocusedItem(undefined); return; }
+        // setFocusedItem(e.row.data);
+        onFocusedItemChanged?.(e.row?.data);
     }, [setFocusedItem]);
-    useEffect(() => {
-        onFocusedItemChanged?.(focusedItem);
-    }, [focusedItem]);
+    // useEffect(() => {
+    //     onFocusedItemChanged?.(focusedItem)
+    // }, [focusedItem])
     // Handler for double-click row event
     const onRowDblClick = useCallback((e) => {
         if (onDblClick === undefined)
@@ -594,7 +611,8 @@ const TMSearchResultGrid = ({ inputFocusedItem, allowMultipleSelection = true, o
             // Era sull'icona, non fare nulla
             return;
         }
-        setFocusedItem(e.data);
+        // setFocusedItem(e.data);
+        onFocusedItemChanged?.(e.data);
         onDblClick();
     }, [onDblClick]);
     const dataColumns = useMemo(() => {
@@ -622,44 +640,38 @@ const TMSearchResultGrid = ({ inputFocusedItem, allowMultipleSelection = true, o
     return _jsx(TMDataGrid, { id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: focusedItem?.rowIndex, showSearchPanel: false, showFilterPanel: showFilterPanel, sorting: { mode: "multiple" }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single' }, pageSize: TMDataGridPageSize.Small, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, onOptionChanged: onOptionChanged, onContextMenuPreparing: onContextMenuPreparing, counterConfig: { show: true } });
 };
 //#region TMSearchResultSelector
-const StyledGroupTemplate = styled.div ` 
-    cursor: pointer;
-    /* background-color: #f1f1f1; */
-    background: ${() => `linear-gradient(90deg, #f0f4fa, ${TMColors.primaryColor}66)`};
-    padding: 10px;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    flex-direction: row;
-    gap: 5px;
-    align-items: center;
-    font-size: 1rem;
-`;
 const StyledItemTemplate = styled.div ` 
     background: ${(props) => props.$isSelected ? 'oklch(from var(--dx-color-primary) l c h / .2) !important' : 'transparent'};
     cursor: pointer; 
 `;
-const TMSearchResultSelector = ({ searchResults = [], selectedTID, onSelectionChanged }) => {
-    const [activeCategories, setActiveCategories] = useState([]);
+const MemoizedStyledItemTemplate = React.memo(StyledItemTemplate);
+const TMSearchResultSelector = ({ searchResults = [], disableAccordionIfSingleCategory = false, selectedTID, onSelectionChanged }) => {
     const [selectedResult, setSelectedResult] = useState(undefined);
     /**  Group results by category */
-    const groupedResults = searchResults.reduce((acc, result) => {
-        const category = result.category ?? 'Uncategorized';
-        if (!acc[category]) {
-            acc[category] = [];
-        }
-        acc[category].push(result);
-        return acc;
-    }, {});
+    const groupedResults = useMemo(() => {
+        return searchResults.reduce((acc, result) => {
+            const category = result.category ?? 'Uncategorized';
+            if (!acc[category])
+                acc[category] = [];
+            acc[category].push(result);
+            return acc;
+        }, {});
+    }, [searchResults]);
     /** Sort categories alphabetically */
-    const sortedCategories = Object.keys(groupedResults).sort((a, b) => a.localeCompare(b));
+    const sortedCategories = useMemo(() => {
+        const cats = Object.keys(groupedResults);
+        cats.forEach((category) => {
+            groupedResults[category].sort((a, b) => (a.fromName ?? '').localeCompare(b.fromName ?? ''));
+        });
+        return cats.sort((a, b) => a.localeCompare(b));
+    }, [groupedResults]);
     /** Sort items within each category alphabetically by fromName */
     sortedCategories.forEach((category) => {
         groupedResults[category].sort((a, b) => (a.fromName ?? '').localeCompare(b.fromName ?? ''));
     });
     useEffect(() => {
-        if (sortedCategories.length > 0 && activeCategories.length === 0) {
+        if (sortedCategories.length > 0) {
             const firstCategory = sortedCategories[0];
-            setActiveCategories([firstCategory]);
             if (groupedResults[firstCategory].length > 0) {
                 setSelectedResult(groupedResults[firstCategory][0]);
                 onSelectionChanged?.(groupedResults[firstCategory][0]);
@@ -672,19 +684,14 @@ const TMSearchResultSelector = ({ searchResults = [], selectedTID, onSelectionCh
             handleSelect(found);
         }
     }, [selectedTID, searchResults]);
-    const toggleCategory = useCallback((category) => {
-        setActiveCategories((prevActiveCategories) => prevActiveCategories.includes(category)
-            ? prevActiveCategories.filter((cat) => cat !== category)
-            : [...prevActiveCategories, category]);
-    }, []);
-    const handleSelect = (result) => {
+    const handleSelect = useCallback((result) => {
         if (selectedResult !== result && result !== undefined) {
             setSelectedResult(result);
             onSelectionChanged?.(result);
         }
-    };
+    }, [selectedResult, onSelectionChanged]);
     const resultDcmtCounter = (category) => {
-        let dcmts = searchResults.filter(res => res?.category === category);
+        let dcmts = searchResults.filter(res => res?.category === category || (res?.category === undefined && category === "Uncategorized"));
         if (!dcmts)
             return 0;
         let counter = 0;
@@ -693,33 +700,24 @@ const TMSearchResultSelector = ({ searchResults = [], selectedTID, onSelectionCh
         }
         return counter;
     };
-    const renderGroupTemplate = (category) => {
-        const getHeaderIcon = (category) => {
-            switch (category) {
-                case "RecentArchive": return _jsx(IconArchive, { style: { flexShrink: 0 }, fontSize: 14, color: TMColors.primaryColor });
-                case "RecentView": return _jsx(IconShow, { style: { flexShrink: 0 }, color: TMColors.primaryColor });
-                case "WFAppr": return _jsx(IconActivityLog, { style: { flexShrink: 0 }, color: TMColors.primaryColor });
-                case "Favorites": return _jsx(IconStar, { style: { flexShrink: 0 }, color: TMColors.primaryColor });
-                case "FullText": return _jsx(IconFreeSearch, { style: { flexShrink: 0 }, color: TMColors.primaryColor });
-                default: return null;
-            }
-        };
-        const getHeaderTitle = (category) => {
-            switch (category) {
-                case "RecentArchive": return SDKUI_Localizator.RecentDocs_Archived;
-                case "RecentView": return SDKUI_Localizator.RecentDocs_Visualized;
-                case "WFAppr": return SDKUI_Localizator.WorkflowApproval;
-                case "Favorites": return SDKUI_Localizator.Favorites;
-                case "FullText": return 'Full text';
-                default: return category;
-            }
-        };
-        return _jsx(CustomListViewHeader, { titleColor: TMColors.primaryColor, firstCounter: _jsx(TMTooltip, { content: 'Numero di tipi documento', children: _jsx(StyledBadge, { style: { width: 'max-content' }, "$backgroundColor": TMColors.primaryColor, children: searchResults.length > 1 && searchResults?.filter(data => data.category === category).length }) }), secondCounter: _jsx(TMTooltip, { content: 'Numero di tutti documenti', children: _jsx(StyledBadge, { style: { width: 'max-content' }, "$backgroundColor": TMColors.tertiary, children: resultDcmtCounter(category) }) }), headerIcon: getHeaderIcon(category), headerTitle: getHeaderTitle(category) });
-    };
-    const renderItemTemplate = (data) => {
-        return (_jsxs("div", { style: { width: '100%', padding: '5px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsx(TMTidViewer, { tid: data.fromTID, did: Number(data.dtdResult?.rows?.[0]?.[1]), showIcon: true }), _jsx("div", { style: { padding: 3, display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: 'white', color: 'gray', borderRadius: 3 }, children: data.dcmtsReturned })] }));
+    const getHeaderTitle = (category) => {
+        switch (category) {
+            case "RecentArchive": return SDKUI_Localizator.RecentDocs_Archived;
+            case "RecentView": return SDKUI_Localizator.RecentDocs_Visualized;
+            case "WFAppr": return SDKUI_Localizator.WorkflowApproval;
+            case "Favorites": return SDKUI_Localizator.Favorites;
+            case "FullText": return 'Full text';
+            case "Uncategorized": return "";
+            default: return category;
+        }
     };
-    return (_jsx("div", { style: { height: '100%', width: '100%', overflow: 'auto' }, children: sortedCategories.map((category) => (_jsxs("div", { children: [_jsxs(StyledGroupTemplate, { onClick: () => toggleCategory(category), children: [activeCategories.includes(category) ? _jsx(IconChevronDown, {}) : _jsx(IconChevronDown, { transform: 'scale(-1, 1)' }), renderGroupTemplate(category)] }, category), activeCategories.includes(category) && (_jsx("div", { style: { padding: '5px' }, children: groupedResults[category].map((result, index) => (_jsx(StyledItemTemplate, { "$isSelected": selectedResult === result, onClick: () => handleSelect(result), children: renderItemTemplate(result) }, index))) }))] }, category))) }));
+    const renderItemTemplate = useCallback((data) => (_jsxs("div", { style: { width: '100%', padding: '5px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsx(TMTidViewer, { tid: data.fromTID, did: Number(data.dtdResult?.rows?.[0]?.[1]), showIcon: true, color: TMColors.primary }), _jsx("div", { style: { padding: 3, display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: 'white', color: 'gray', borderRadius: 3 }, children: data.dcmtsReturned })] })), []);
+    const renderCategoryItems = (category) => (_jsx("div", { style: { padding: '5px' }, children: groupedResults[category].map((result, index) => (_jsx(MemoizedStyledItemTemplate, { "$isSelected": selectedResult === result, onClick: () => handleSelect(result), children: renderItemTemplate(result) }, index))) }));
+    if (disableAccordionIfSingleCategory && sortedCategories.length === 1) {
+        const category = sortedCategories[0];
+        return renderCategoryItems(category);
+    }
+    return (_jsx("div", { style: { height: '100%', width: '100%', overflow: 'auto' }, children: sortedCategories.map((category, index) => (_jsx(TMAccordion, { title: getHeaderTitle(category), titleSize: 'Small', firstCounter: _jsx(TMTooltip, { content: 'Numero di tipi documento', children: _jsx(StyledBadge, { style: { width: 'max-content' }, "$backgroundColor": TMColors.primaryColor, children: searchResults.length > 1 && searchResults?.filter(data => data.category === category || (data?.category === undefined && category === "Uncategorized")).length }) }), secondCounter: _jsx(TMTooltip, { content: 'Numero di tutti documenti', children: _jsx(StyledBadge, { style: { width: 'max-content' }, "$backgroundColor": TMColors.tertiary, children: resultDcmtCounter(category) }) }), defaultOpen: (index === 0), children: renderCategoryItems(category) }, category))) }));
 };
 //#endregion TMSearchResultSelector
 const TMDcmtPreviewWrapper = ({ currentDcmt, isVisible }) => {

package/lib/components/features/workflow/TMWorkflowPopup.js

@@ -14,7 +14,6 @@ const StyledWorkFlowOperationButtonsContainer = styled.div `
     display: flex;
     align-items: center;
     gap: 10px;
-    margin-left: ${props => props.$isMobile ? '0' : '50px'};
     flex-direction: ${props => props.$isMobile ? "row" : "column"};
 `;
 const StyledTextArea = styled.textarea `

package/lib/components/grids/TMBlogsUtils.js

@@ -29,6 +29,7 @@ export const BlogPostContainer = styled.div `
     background-color: ${(props) => (props.$backgroundColor ?? colors.WHITE)};
     display: inline-block;
     width: 100%;
+    min-width: 100px;
     max-width: 100%;
     cursor: ${(props) => (props.$canNavigate ? "pointer" : "default")};
     border-radius: 5px;

package/package.json

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