@topconsultnpm/sdkui-react-beta 6.14.97 → 6.14.99

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

@@ -3,6 +3,7 @@ import { DeviceType } from '../../base/TMDeviceProvider';
 interface ToppyHelpCenterProps {
     content?: React.ReactNode;
     deviceType?: DeviceType;
+    usePortal?: boolean;
 }
 declare const ToppyHelpCenter: React.FC<ToppyHelpCenterProps>;
 export default ToppyHelpCenter;

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

@@ -4,7 +4,7 @@ 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';
+import { IconWindowMinimize, IconWindowMaximize } from '../../../helper';
 const toppyEntrance = keyframes `
   0% { right: -200px; opacity: 0; }
   60% { opacity: 1; }
@@ -41,14 +41,14 @@ const wiggle = keyframes `
 `;
 // Styled Components
 const ToppyContainer = styled.div `
-  position: fixed;
-  bottom: ${({ $isCollapsed }) => ($isCollapsed ? '5px' : '-20px')};
+  position: ${({ $fixed }) => ($fixed ? 'fixed' : 'absolute')};
+  bottom: ${({ $isCollapsed, $isMobile }) => $isMobile ? '70px' : $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 */
+  flex-direction: column-reverse;
+  align-items: flex-end;
+  animation: ${({ $fixed }) => $fixed && css `${toppyEntrance} 0.5s cubic-bezier(0.23, 1, 0.32, 1)`};
+  z-index: ${({ $fixed }) => ($fixed ? 2147483647 : 10)};
 `;
 const ToppyImage = styled.img `
   width: ${({ $isMobile, $isCollapsed }) => $isCollapsed ? '60px' : $isMobile ? '90px' : '120px'};
@@ -69,6 +69,7 @@ const ToppyImage = styled.img `
 `;
 const ToppyContent = styled.div `
   margin-bottom: ${props => props.$isMobile ? '10px' : '20px'};
+  display: ${props => (props.$isCollapsed ? 'none' : 'block')};
   width: max-content;
   max-width: 250px;
   background: linear-gradient(
@@ -77,7 +78,7 @@ const ToppyContent = styled.div `
     rgba(27, 20, 100, 0.65) 100%
   );
   color: white;
-  padding: 20px;
+  padding: 10px;
   border-radius: 10px;
   border: 1px solid #FFFFFF;
   opacity: ${props => (props.$isCollapsed ? 0 : 1)};
@@ -107,28 +108,35 @@ const CollapseButton = styled.button `
   cursor: pointer;
   font-size: 1.2rem;
 `;
-const ToppyHelpCenter = ({ content, deviceType }) => {
+const ToppyHelpCenter = ({ content, deviceType, usePortal = true }) => {
     const [isCollapsed, setIsCollapsed] = useState(false);
     const [portalContainer, setPortalContainer] = useState(null);
     useEffect(() => {
+        if (deviceType === DeviceType.MOBILE)
+            setIsCollapsed(true);
+    }, [deviceType]);
+    useEffect(() => {
+        if (!usePortal)
+            return;
         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);
         };
-    }, []);
+    }, [usePortal]);
     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);
+    const toppyComponent = (_jsxs(ToppyContainer, { "$isMobile": isMobile, "$isCollapsed": isCollapsed, "$fixed": usePortal, 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(IconWindowMaximize, {}) : _jsx(IconWindowMinimize, {}) }), content] })] }));
+    if (usePortal) {
+        if (!portalContainer)
+            return null;
+        return ReactDOM.createPortal(toppyComponent, portalContainer);
+    }
+    return toppyComponent;
 };
 export default ToppyHelpCenter;

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

@@ -638,7 +638,7 @@ 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, content: workItems.length === 1 ?
+                                } }), 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, usePortal: false, 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) => {

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

@@ -44,12 +44,12 @@ const CommandsContextMenu = React.memo(({ target, menuItems, allowPin }) => {
 //#endregion Internal Components
 //#region Helper Methods
 export const getSearchResultCountersSingleCategory = (searchResults) => {
-    let totDcmtTypes = searchResults.length;
+    // let totDcmtTypes = searchResults.length;
     let totDcmts = 0;
     for (let dcmt of searchResults) {
         totDcmts += dcmt.dcmtsFound ?? 0;
     }
-    return ` (${totDcmtTypes} / ${totDcmts})`;
+    return ` (${totDcmts})`;
 };
 const orderByName = (array) => {
     let arr = [...array];

package/lib/components/grids/TMBlogsUtils.js

@@ -34,7 +34,7 @@ export const BlogPostContainer = styled.div `
     cursor: ${(props) => (props.$canNavigate ? "pointer" : "default")};
     border-radius: 5px;
     margin: 5px 0;
-    padding: '10px';
+    padding: 10px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     word-wrap: break-word;
     white-space: pre-wrap;

package/package.json

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