@topconsultnpm/sdkui-react 6.19.0-dev2.50 → 6.19.0-dev2.52

package/lib/components/base/TMModal.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { Popup } from 'devextreme-react';
 import styled from 'styled-components';
 import TMLayoutContainer, { TMCard, TMLayoutItem } from './TMLayout';
@@ -40,11 +40,45 @@ const StyledModalContext = styled.div `
     height: 100%;
 `;
 const TMModal = ({ resizable = true, expandable = false, isModal = true, title = '', toolbar, onClose, children, width = '100%', height = '100%', fontSize = FontSize.defaultFontSize, hidePopup = true, askClosingConfirm = false, showCloseButton = true }) => {
+    const popupRef = useRef(null);
     const [initialWidth, setInitialWidth] = useState(width);
     const [initialHeight, setInitialHeight] = useState(height);
     const [showPopup, setShowPopup] = useState(false);
     const [isResizing, setIsResizing] = useState(false);
     const [isFullScreen, setIsFullScreen] = useState(false);
+    // Dimensioni minime di default per il popup
+    const DEFAULT_MIN_WIDTH = 500;
+    const DEFAULT_MIN_HEIGHT = 400;
+    const [minWidth, setMinWidth] = useState(0);
+    const [minHeight, setMinHeight] = useState(0);
+    /**
+     * Gestore chiamato quando il popup viene mostrato.
+     * Calcola e imposta le dimensioni minime del popup in base allo spazio disponibile.
+     * Le dimensioni minime sono il valore più piccolo tra le dimensioni effettive del parent e le dimensioni minime di default
+     */
+    const handleShown = () => {
+        // Usa requestAnimationFrame per attendere il completamento del rendering
+        requestAnimationFrame(() => {
+            if (popupRef.current && popupRef.current.instance) {
+                const instance = popupRef.current.instance();
+                if (instance) {
+                    // Ottiene l'elemento content del popup
+                    const element = instance.content();
+                    if (element) {
+                        const parentElement = element.parentElement;
+                        if (parentElement) {
+                            // Legge le dimensioni effettive del contenitore parent
+                            const widthPx = parentElement.offsetWidth;
+                            const heightPx = parentElement.offsetHeight;
+                            // Imposta le dimensioni minime usando il valore più piccolo tra le dimensioni disponibili e quelle di default
+                            setMinWidth(widthPx < DEFAULT_MIN_WIDTH ? widthPx : DEFAULT_MIN_WIDTH);
+                            setMinHeight(heightPx < DEFAULT_MIN_HEIGHT ? heightPx : DEFAULT_MIN_HEIGHT);
+                        }
+                    }
+                }
+            }
+        });
+    };
     useEffect(() => {
         setShowPopup(isModal);
     }, [isModal]);
@@ -67,7 +101,7 @@ const TMModal = ({ resizable = true, expandable = false, isModal = true, title =
             setShowPopup(false);
         onClose && onClose();
     };
-    return (_jsx(_Fragment, { children: isModal ? (_jsx(Popup, { showCloseButton: showCloseButton, animation: undefined, maxHeight: '95%', maxWidth: '95%', dragEnabled: !isResizing, resizeEnabled: resizable, width: expandable && isFullScreen ? '95%' : initialWidth, height: expandable && isFullScreen ? '95%' : initialHeight, title: title, visible: showPopup, onResizeStart: handleResizeStart, onResizeEnd: handleResizeEnd, onHiding: onHiding, toolbarItems: expandable ? [
+    return (_jsx(_Fragment, { children: isModal ? (_jsx(Popup, { ref: popupRef, showCloseButton: showCloseButton, animation: undefined, minWidth: minWidth, minHeight: minHeight, maxHeight: '95%', maxWidth: '95%', dragEnabled: !isResizing, resizeEnabled: resizable, width: expandable && isFullScreen ? '95%' : initialWidth, height: expandable && isFullScreen ? '95%' : initialHeight, title: title, visible: showPopup, onShown: handleShown, onResizeStart: handleResizeStart, onResizeEnd: handleResizeEnd, onHiding: onHiding, toolbarItems: expandable ? [
                 {
                     widget: 'dxButton',
                     location: 'after',

package/lib/components/choosers/TMDataListItemChooser.js

@@ -33,7 +33,7 @@ export const TMDataListItemChooserForm = (props) => {
         if (!props.dataListId)
             return [];
         if (refreshCache)
-            DataListCacheService.RemoveAll();
+            DataListCacheService.Remove();
         TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.DataList} ...` });
         let dataList = await DataListCacheService.GetAsync(props.dataListId);
         TMSpinner.hide();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.19.0-dev2.50",
+    "version": "6.19.0-dev2.52",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",