@topconsultnpm/sdkui-react-beta 6.16.45 → 6.16.47

package/lib/components/base/TMPopUp.js

@@ -9,7 +9,7 @@ import ShowAlert from './TMAlert';
 import { IconCopy } from '../../helper';
 import ReactDOM from 'react-dom/client';
 import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
-import TMLayoutContainer, { TMCard, TMLayoutItem } from './TMLayout';
+import TMLayoutContainer, { TMLayoutItem } from './TMLayout';
 import { Popup } from 'devextreme-react';
 import TMTabGroup, { TMTab } from './TMTab';
 import { DeviceType, TMDeviceProvider, useDeviceType } from './TMDeviceProvider';
@@ -39,12 +39,25 @@ const StyledMessageToolbar = styled.div `
     flex-direction: row;
     justify-content: flex-end;
     align-items: center;
-    gap: 5px;
-    padding: 5px;
+    gap: clamp(2px, 1vw, 5px);
+    padding: clamp(3px, 1vw, 5px);
     user-select: none;
     border-top: 1px solid #f3f3f3;
     background-color: #ffffff;
     z-index: 100;
+    flex-wrap: wrap;
+    
+    @media (max-width: 200px) {
+        flex-direction: column;
+        gap: 2px;
+        padding: 3px;
+        justify-content: center;
+    }
+    
+    @media (max-width: 150px) {
+        padding: 2px;
+        gap: 1px;
+    }
 `;
 const TabContextContainer = styled.div `
     padding: 10px;
@@ -77,14 +90,97 @@ const Message = ({ msg }) => {
     }, []);
     return (_jsx("div", { ref: containerRef }));
 };
+const ResponsiveMessageContainer = styled.div `
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+    background-color: #ffffff;
+`;
+const ResponsiveMessageContent = styled.div `
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: clamp(8px, 2vw, 20px);
+    padding: clamp(8px, 3vw, 25px) clamp(5px, 2vw, 30px);
+    min-height: clamp(80px, 15vh, 120px);
+    
+    @media (min-width: 300px) {
+        flex-direction: ${props => props.$isMobile ? 'column' : 'row'};
+    }
+    
+    @media (max-width: 200px) {
+        padding: 5px;
+        gap: 5px;
+        min-height: 60px;
+    }
+`;
+const ResponsiveToppyImage = styled.img `
+    width: clamp(25px, 8vw, 60px);
+    height: clamp(31px, 10vw, 75px);
+    flex-shrink: 0;
+    transform: ${props => props.$isMobile ? 'none' : 'translateY(8px)'};
+    
+    @media (max-width: 200px) {
+        width: 20px;
+        height: 25px;
+        transform: none;
+    }
+    
+    @media (min-width: 300px) {
+        transform: ${props => props.$isMobile ? 'none' : 'translateY(8px)'};
+    }
+`;
+const ResponsiveMessageText = styled.div `
+    flex: 1;
+    text-align: center;
+    font-size: clamp(12px, 2.5vw, 14px);
+    line-height: clamp(1.2, 1.4, 1.4);
+    color: #333;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    hyphens: auto;
+    min-width: 0;
+    
+    @media (min-width: 300px) {
+        text-align: ${props => props.$isMobile ? 'center' : 'left'};
+    }
+    
+    @media (max-width: 150px) {
+        font-size: 8px;
+        line-height: 1.1;
+    }
+`;
+const ResponsiveButton = styled(TMButton) `
+    font-size: ${props => props.fontSize || 'clamp(8px, 2vw, 1.1rem)'} !important;
+    padding: clamp(2px, 1vw, 8px) clamp(4px, 2vw, 12px) !important;
+    min-width: clamp(30px, 10vw, 60px) !important;
+    white-space: nowrap !important;
+    
+    @media (max-width: 200px) {
+        padding: 2px 4px !important;
+        min-width: 25px !important;
+        font-size: 8px !important;
+    }
+    
+    @media (max-width: 150px) {
+        padding: 1px 3px !important;
+        min-width: 20px !important;
+        font-size: 7px !important;
+    }
+`;
+const ResponsiveMessageBody = ({ message, isMobile, MessageToolbar }) => {
+    return (_jsxs(ResponsiveMessageContainer, { children: [_jsxs(ResponsiveMessageContent, { "$isMobile": isMobile, children: [_jsx(ResponsiveToppyImage, { "$isMobile": isMobile, src: toppy, alt: "Toppy" }), _jsx(ResponsiveMessageText, { "$isMobile": isMobile, children: typeof message === 'string' ? _jsx(Message, { msg: message }) : message })] }), _jsx(MessageToolbar, {})] }));
+};
 const TMMessageBox = ({ resizable = false, onButtonClick, title = 'TopMedia', message = '', buttons, onClose }) => {
     let deviceType = useDeviceType();
     const isMobile = useMemo(() => { return deviceType === DeviceType.MOBILE; }, [deviceType]);
-    const [initialWidth, setInitialWidth] = useState(calcResponsiveSizes(deviceType, '400px', '300px', '250px'));
+    const [initialWidth, setInitialWidth] = useState('clamp(100px, 90vw, 400px)');
     const [initialHeight, setInitialHeight] = useState('auto');
     const [isVisible, setIsVisible] = useState(true);
     const [btns, setBtns] = useState(buttons || []);
-    const [isResizing, setIsResizing] = useState(false);
     useEffect(() => {
         let arr = [];
         if (buttons) {
@@ -95,21 +191,29 @@ const TMMessageBox = ({ resizable = false, onButtonClick, title = 'TopMedia', me
         }
     }, [buttons]);
     const MessageToolbar = () => {
-        return (_jsxs(StyledMessageToolbar, { children: [(btns.includes(ButtonNames.OK) || btns.includes(ButtonNames.YES)) && _jsx(TMButton, { fontSize: '1.1rem', color: 'primaryOutline', btnStyle: 'text', onClick: () => { onButtonClick && btns.includes(ButtonNames.YES) ? onButtonClick(ButtonNames.YES) : onButtonClick && onButtonClick(ButtonNames.OK); setIsVisible(false); }, caption: btns.includes(ButtonNames.YES) ? SDKUI_Localizator.Yes : 'OK', showTooltip: false }), btns.includes(ButtonNames.NO) && _jsx(TMButton, { fontSize: '1.1rem', btnStyle: 'text', onClick: () => { onButtonClick && onButtonClick(ButtonNames.NO); setIsVisible(false); }, caption: SDKUI_Localizator.No, showTooltip: false, color: 'error' }), btns.includes(ButtonNames.CANCEL) && _jsx(TMButton, { fontSize: '1.1rem', btnStyle: 'text', onClick: () => { onButtonClick && onButtonClick(ButtonNames.CANCEL); setIsVisible(false); }, caption: SDKUI_Localizator.Cancel, showTooltip: false, color: 'error' })] }));
-    };
-    const handleResizeStart = () => {
-        setIsResizing(true);
+        return (_jsxs(StyledMessageToolbar, { children: [(btns.includes(ButtonNames.OK) || btns.includes(ButtonNames.YES)) &&
+                    _jsx(ResponsiveButton, { fontSize: 'clamp(8px, 2vw, 1.1rem)', color: 'primaryOutline', btnStyle: 'text', onClick: () => {
+                            onButtonClick && btns.includes(ButtonNames.YES) ? onButtonClick(ButtonNames.YES) : onButtonClick && onButtonClick(ButtonNames.OK);
+                            setIsVisible(false);
+                        }, caption: btns.includes(ButtonNames.YES) ? SDKUI_Localizator.Yes : 'OK', showTooltip: false }), btns.includes(ButtonNames.NO) &&
+                    _jsx(ResponsiveButton, { fontSize: 'clamp(8px, 2vw, 1.1rem)', btnStyle: 'text', onClick: () => {
+                            onButtonClick && onButtonClick(ButtonNames.NO);
+                            setIsVisible(false);
+                        }, caption: SDKUI_Localizator.No, showTooltip: false, color: 'error' }), btns.includes(ButtonNames.CANCEL) &&
+                    _jsx(ResponsiveButton, { fontSize: 'clamp(8px, 2vw, 1.1rem)', btnStyle: 'text', onClick: () => {
+                            onButtonClick && onButtonClick(ButtonNames.CANCEL);
+                            setIsVisible(false);
+                        }, caption: SDKUI_Localizator.Cancel, showTooltip: false, color: 'error' })] }));
     };
     const handleResizeEnd = (e) => {
-        setIsResizing(false);
         setInitialWidth(e.width.toString());
         setInitialHeight(e.height.toString());
     };
-    return (_jsx(Popup, { animation: undefined, visible: isVisible, showCloseButton: true, width: initialWidth, height: initialHeight, minHeight: '180px', title: title, onHidden: () => { onClose?.(); setIsVisible(false); }, resizeEnabled: resizable, onResizeStart: handleResizeStart, onResizeEnd: handleResizeEnd, wrapperAttr: { id: 'tm-messagebox-wrapper' }, onShown: () => {
+    return (_jsx(Popup, { animation: undefined, visible: isVisible, showCloseButton: true, width: initialWidth, height: initialHeight, minHeight: 'clamp(100px, 20vh, 180px)', title: title, onHidden: () => { onClose?.(); setIsVisible(false); }, resizeEnabled: resizable, onResizeEnd: handleResizeEnd, wrapperAttr: { id: 'tm-messagebox-wrapper' }, onShown: () => {
             const el = document.getElementById('tm-messagebox-wrapper');
             if (el)
                 el.style.zIndex = '20000';
-        }, children: _jsxs(TMLayoutContainer, { children: [_jsx(TMLayoutItem, { height: 'calc(100% - 40px)', children: _jsx(TMCard, { showBorder: false, scrollY: true, children: _jsxs(TMLayoutContainer, { direction: 'horizontal', alignItems: 'center', justifyContent: 'center', gap: 10, children: [!isMobile && _jsx(TMLayoutItem, { width: 'auto', children: _jsx("img", { style: { transform: 'translateY(8px)' }, src: toppy, width: 60, height: 75, alt: "" }) }), _jsx(TMLayoutItem, { height: 'auto', children: _jsxs("div", { children: [" ", typeof message === 'string' ? _jsx(Message, { msg: message }) : message, " "] }) })] }) }) }), _jsx(TMLayoutItem, { height: '50px', children: _jsx(MessageToolbar, {}) })] }) }));
+        }, children: _jsx(ResponsiveMessageBody, { message: message, isMobile: isMobile, MessageToolbar: MessageToolbar }) }));
 };
 const TMExceptionBox = ({ resizable = false, exception, title = `${SDK_Globals.appModule} v. ${SDK_Globals.appVersion}` }) => {
     const [isVisible, setIsVisible] = useState(true);

package/lib/components/features/workflow/diagram/DiagramItemForm.js

@@ -160,7 +160,7 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             case DiagramItemTypes.Notification:
                 PlatformObjectValidator.RequiredStringValidator(d.ItemName, DiagramItemProps.ItemName, vil, SDKUI_Localizator.Name);
                 PlatformObjectValidator.RequiredStringValidator(d.Tos, DiagramItemProps.Tos, vil, SDKUI_Localizator.Recipients);
-                PlatformObjectValidator.RequiredStringValidator(d.AppName, DiagramItemProps.AppName, vil, SDKUI_Localizator.WorkflowAppName);
+                PlatformObjectValidator.RequiredStringValidator(d.Severity, DiagramItemProps.Severity, vil, SDKUI_Localizator.Severity);
                 PlatformObjectValidator.RequiredStringValidator(d.AppType, DiagramItemProps.AppType, vil, SDKUI_Localizator.WorkflowAppType);
                 break;
             case DiagramItemTypes.RunApp:
@@ -567,9 +567,53 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
                 handleSetRuleQDChange(undefined);
             }
         }, [localItem]);
-        return (_jsxs(_Fragment, { children: [_jsx(TMTextExpression, { label: SDKUI_Localizator.Description, placeHolder: 'Inserire il testo della notifica...', rows: 3, value: localItem.Description, tid: wf?.MTID, isModifiedWhen: (localItem.Description ?? '') !== (localItemOrig.Description ?? ''), onValueChanged: (newValue) => handleLocalizedDescriptionChange(CultureIDs.None, newValue ?? ''), validationItems: validationItems.filter(v => v.PropertyName === DiagramItemProps.Description), valueOrig: undefined }), _jsx(TMDropDown, { label: "Gravit\u00E0", dataSource: SEVERITY_DATASOURCE, value: localItem.Severity, isModifiedWhen: localItem.Severity !== localItemOrig.Severity, validationItems: validationItems.filter(v => v.PropertyName === DiagramItemProps.Severity), onValueChanged: (e) => setLocalItem(prevLocalItem => ({ ...prevLocalItem, Severity: e.target.value })) }), _jsx(TMCultureIDPicker, { label: SDKUI_Localizator.Format, selectedValue: localItem.FormatCultureID, isModifiedWhen: localItem.FormatCultureID !== localItemOrig.FormatCultureID, openChooserBySingleClick: true, onSelectCultureID: handleFormatCultureIDChange }), _jsx(TMCheckBox, { value: localItem.RegAsWfInstPart ?? 0, label: "Registra i destinatari della notifica come partecipanti dell'istanza di flusso", isModifiedWhen: localItem.RegAsWfInstPart !== localItemOrig.RegAsWfInstPart, onValueChanged: handleRegAsWfInstPartChange }), _jsx(RecipientList, { recipients: andRecipients, title: SDKUI_Localizator.Recipients, tid: wf?.MTID, qd: qdForRecipientsEditor, onQDChange: (newQd) => newQd && handleQDChosen(newQd, 0), onAdd: (newRecipients) => handleAddRecipients(newRecipients, 0), onRemove: handleRemoveRecipient }), _jsx(TMVilViewer, { vil: validationItems.filter(v => v.PropertyName === DiagramItemProps.Tos) })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(TMTextExpression, { label: SDKUI_Localizator.Description, placeHolder: 'Inserire il testo della notifica...', rows: 3, value: localItem.Description, tid: wf?.MTID, isModifiedWhen: (localItem.Description ?? '') !== (localItemOrig.Description ?? ''), onValueChanged: (newValue) => handleLocalizedDescriptionChange(CultureIDs.None, newValue ?? ''), validationItems: validationItems.filter(v => v.PropertyName === DiagramItemProps.Description), valueOrig: undefined }), _jsx(TMDropDown, { label: SDKUI_Localizator.Severity, dataSource: SEVERITY_DATASOURCE, value: localItem.Severity, isModifiedWhen: localItem.Severity !== localItemOrig.Severity, validationItems: validationItems.filter(v => v.PropertyName === DiagramItemProps.Severity), onValueChanged: (e) => setLocalItem(prevLocalItem => ({ ...prevLocalItem, Severity: e.target.value })) }), _jsx(TMCultureIDPicker, { label: SDKUI_Localizator.Format, selectedValue: localItem.FormatCultureID, isModifiedWhen: localItem.FormatCultureID !== localItemOrig.FormatCultureID, openChooserBySingleClick: true, onSelectCultureID: handleFormatCultureIDChange }), _jsx(TMCheckBox, { value: localItem.RegAsWfInstPart ?? 0, label: "Registra i destinatari della notifica come partecipanti dell'istanza di flusso", isModifiedWhen: localItem.RegAsWfInstPart !== localItemOrig.RegAsWfInstPart, onValueChanged: handleRegAsWfInstPartChange }), _jsx(RecipientList, { recipients: andRecipients, title: SDKUI_Localizator.Recipients, tid: wf?.MTID, qd: qdForRecipientsEditor, onQDChange: (newQd) => newQd && handleQDChosen(newQd, 0), onAdd: (newRecipients) => handleAddRecipients(newRecipients, 0), onRemove: handleRemoveRecipient }), _jsx(TMVilViewer, { vil: validationItems.filter(v => v.PropertyName === DiagramItemProps.Tos) })] }));
+    };
+    const renderWorkingGroupCreateFields = () => {
+        // Gestione di Tos e Tos2
+        const { andRecipients: tosRecipients } = useMemo(() => {
+            return tosToActors(localItem.Tos ?? '');
+        }, [localItem.Tos]);
+        const { andRecipients: tos2Recipients } = useMemo(() => {
+            return tosToActors(localItem.Tos2 ?? '');
+        }, [localItem.Tos2]);
+        const handleAddTosRecipients = useCallback((newRecipients, orValue) => {
+            const { andRecipients } = tosToActors(localItem.Tos ?? '');
+            const updatedRecipients = [...andRecipients, ...newRecipients.map(r => ({ ...r, Or: orValue }))];
+            const newTos = actorsToTos(updatedRecipients);
+            handleTosChange(newTos);
+        }, [localItem.Tos, handleTosChange]);
+        const handleRemoveTosRecipient = useCallback((recipientToRemove) => {
+            const { andRecipients } = tosToActors(localItem.Tos ?? '');
+            const updatedRecipients = andRecipients.filter(r => r.ActorType !== recipientToRemove.ActorType || r.ActorID !== recipientToRemove.ActorID);
+            const newTos = actorsToTos(updatedRecipients);
+            handleTosChange(newTos);
+        }, [localItem.Tos, handleTosChange]);
+        const handleAddTos2Recipients = useCallback((newRecipients, orValue) => {
+            const { andRecipients } = tosToActors(localItem.Tos2 ?? '');
+            const updatedRecipients = [...andRecipients, ...newRecipients.map(r => ({ ...r, Or: orValue }))];
+            const newTos = actorsToTos(updatedRecipients);
+            handleTos2Change(newTos);
+        }, [localItem.Tos2, handleTos2Change]);
+        const handleRemoveTos2Recipient = useCallback((recipientToRemove) => {
+            const { andRecipients } = tosToActors(localItem.Tos2 ?? '');
+            const updatedRecipients = andRecipients.filter(r => r.ActorType !== recipientToRemove.ActorType || r.ActorID !== recipientToRemove.ActorID);
+            const newTos = actorsToTos(updatedRecipients);
+            handleTos2Change(newTos);
+        }, [localItem.Tos2, handleTos2Change]);
+        return (_jsxs(_Fragment, { children: [_jsx(TMTextExpression, { label: `${SDKUI_Localizator.Name} (${SDKUI_Localizator.Practice})`, value: localItem.PlatformObjName, valueOrig: localItemOrig.PlatformObjName, tid: wf?.MTID, isModifiedWhen: (localItem.PlatformObjName ?? '') !== (localItemOrig.PlatformObjName ?? ''), onValueChanged: handlePlatformObjNameChange }), _jsx(TMTextExpression, { label: `${SDKUI_Localizator.Description} (${SDKUI_Localizator.Practice})`, value: localItem.PlatformObjDescr, valueOrig: localItemOrig.PlatformObjDescr, tid: wf?.MTID, isModifiedWhen: (localItem.PlatformObjDescr ?? '') !== (localItemOrig.PlatformObjDescr ?? ''), onValueChanged: handlePlatformObjDescrChange }), _jsx(TMCultureIDPicker, { label: SDKUI_Localizator.Format, selectedValue: localItem.FormatCultureID, isModifiedWhen: localItem.FormatCultureID !== localItemOrig.FormatCultureID, openChooserBySingleClick: true, onSelectCultureID: handleFormatCultureIDChange }), _jsx(TMTextExpression, { label: `${SDKUI_Localizator.CommentText} (${SDKUI_Localizator.BlogCase})`, placeHolder: 'Inserisci il valore', rows: 2, value: localItem.Value1asString, valueOrig: localItemOrig.Value1asString, tid: wf?.MTID, isModifiedWhen: (localItem.Value1asString ?? '') !== (localItemOrig.Value1asString ?? ''), onValueChanged: handleValue1asStringChange }), _jsx(TMCheckBox, { value: localItem.Value1asInt ?? 0, label: SDKUI_Localizator.WorkflowAddDraftToWg, isModifiedWhen: localItem.Value1asInt !== localItemOrig.Value1asInt, onValueChanged: handleValue1asIntChange }), _jsx(TMCheckBox, { value: localItem.Value2asInt ?? 0, label: SDKUI_Localizator.WorkflowAddDcmtToWg, isModifiedWhen: localItem.Value2asInt !== localItemOrig.Value2asInt, onValueChanged: handleValue2asIntChange }), _jsx(TMCheckBox, { value: localItem.Trunc ?? 0, label: SDKUI_Localizator.TruncateString, isModifiedWhen: localItem.Trunc !== localItemOrig.Trunc, onValueChanged: handleTruncChange }), _jsxs(RecipientsContainer, { children: [_jsx(RecipientList, { recipients: tosRecipients, title: SDKUI_Localizator.OwnerName, tid: wf?.MTID, onAdd: (newRecipients) => handleAddTosRecipients(newRecipients, 0), onRemove: handleRemoveTosRecipient }), _jsx(RecipientList, { recipients: tos2Recipients, title: SDKUI_Localizator.Participants, tid: wf?.MTID, onAdd: (newRecipients) => handleAddTos2Recipients(newRecipients, 0), onRemove: handleRemoveTos2Recipient })] })] }));
     };
-    const renderWorkGroupCreateFields = () => {
+    const renderCaseFlowCreateFields = () => {
+        const [dossierTypes, setDossierTypes] = useState([]);
+        useEffect(() => {
+            SDK_Globals.tmSession?.NewDossierTypeEngine().RetrieveAllAsync().then((list) => {
+                const formattedList = (list ?? []).map(dossierType => ({
+                    value: dossierType.id,
+                    display: dossierType.name ?? ''
+                }));
+                setDossierTypes(formattedList);
+            });
+        }, [localItem.Type]);
         // Gestione di Tos e Tos2
         const { andRecipients: tosRecipients } = useMemo(() => {
             return tosToActors(localItem.Tos ?? '');
@@ -601,9 +645,10 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             const newTos = actorsToTos(updatedRecipients);
             handleTos2Change(newTos);
         }, [localItem.Tos2, handleTos2Change]);
-        return (_jsxs(_Fragment, { children: [_jsx(TMTextExpression, { label: `${SDKUI_Localizator.Name} (${SDKUI_Localizator.WorkGroup})`, value: localItem.PlatformObjName, valueOrig: localItemOrig.PlatformObjName, tid: wf?.MTID, isModifiedWhen: (localItem.PlatformObjName ?? '') !== (localItemOrig.PlatformObjName ?? ''), onValueChanged: handlePlatformObjNameChange }), _jsx(TMTextExpression, { label: `${SDKUI_Localizator.Description} (${SDKUI_Localizator.WorkGroup})`, value: localItem.PlatformObjDescr, valueOrig: localItemOrig.PlatformObjDescr, tid: wf?.MTID, isModifiedWhen: (localItem.PlatformObjDescr ?? '') !== (localItemOrig.PlatformObjDescr ?? ''), onValueChanged: handlePlatformObjDescrChange }), _jsx(TMCultureIDPicker, { label: SDKUI_Localizator.Format, selectedValue: localItem.FormatCultureID, isModifiedWhen: localItem.FormatCultureID !== localItemOrig.FormatCultureID, openChooserBySingleClick: true, onSelectCultureID: handleFormatCultureIDChange }), _jsx(TMTextExpression, { label: `${SDKUI_Localizator.CommentText} (${SDKUI_Localizator.BlogCase})`, placeHolder: 'Inserisci il valore', rows: 2, value: localItem.Value1asString, valueOrig: localItemOrig.Value1asString, tid: wf?.MTID, isModifiedWhen: (localItem.Value1asString ?? '') !== (localItemOrig.Value1asString ?? ''), onValueChanged: handleValue1asStringChange }), _jsx(TMCheckBox, { value: localItem.Value1asInt ?? 0, label: SDKUI_Localizator.WorkflowAddDraftToWg, isModifiedWhen: localItem.Value1asInt !== localItemOrig.Value1asInt, onValueChanged: handleValue1asIntChange }), _jsx(TMCheckBox, { value: localItem.Value2asInt ?? 0, label: SDKUI_Localizator.WorkflowAddDcmtToWg, isModifiedWhen: localItem.Value2asInt !== localItemOrig.Value2asInt, onValueChanged: handleValue2asIntChange }), _jsx(TMCheckBox, { value: localItem.Trunc ?? 0, label: SDKUI_Localizator.TruncateString, isModifiedWhen: localItem.Trunc !== localItemOrig.Trunc, onValueChanged: handleTruncChange }), _jsxs(RecipientsContainer, { children: [_jsx(RecipientList, { recipients: tosRecipients, title: SDKUI_Localizator.OwnerName, tid: wf?.MTID, onAdd: (newRecipients) => handleAddTosRecipients(newRecipients, 0), onRemove: handleRemoveTosRecipient }), _jsx(RecipientList, { recipients: tos2Recipients, title: SDKUI_Localizator.Participants, tid: wf?.MTID, onAdd: (newRecipients) => handleAddTos2Recipients(newRecipients, 0), onRemove: handleRemoveTos2Recipient })] })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(TMTextExpression, { label: `${SDKUI_Localizator.Name} (${SDKUI_Localizator.WorkGroup})`, value: localItem.PlatformObjName, valueOrig: localItemOrig.PlatformObjName, tid: wf?.MTID, isModifiedWhen: (localItem.PlatformObjName ?? '') !== (localItemOrig.PlatformObjName ?? ''), onValueChanged: handlePlatformObjNameChange }), localItem.Type === DiagramItemTypes.CaseFlow_Create &&
+                    _jsx(TMDropDown, { dataSource: dossierTypes, label: `${SDKUI_Localizator.Description} (${SDKUI_Localizator.WorkGroup})`, value: localItem.Value3asInt ?? 0, isModifiedWhen: (localItem.Value3asInt ?? 0) !== (localItemOrig.Value3asInt ?? 0) }), _jsx(TMTextExpression, { label: `${SDKUI_Localizator.Description} (${SDKUI_Localizator.WorkGroup})`, value: localItem.PlatformObjDescr, valueOrig: localItemOrig.PlatformObjDescr, tid: wf?.MTID, isModifiedWhen: (localItem.PlatformObjDescr ?? '') !== (localItemOrig.PlatformObjDescr ?? ''), onValueChanged: handlePlatformObjDescrChange }), _jsx(TMCultureIDPicker, { label: SDKUI_Localizator.Format, selectedValue: localItem.FormatCultureID, isModifiedWhen: localItem.FormatCultureID !== localItemOrig.FormatCultureID, openChooserBySingleClick: true, onSelectCultureID: handleFormatCultureIDChange }), _jsx(TMTextExpression, { label: `${SDKUI_Localizator.CommentText} (${SDKUI_Localizator.BlogCase})`, placeHolder: 'Inserisci il valore', rows: 2, value: localItem.Value1asString, valueOrig: localItemOrig.Value1asString, tid: wf?.MTID, isModifiedWhen: (localItem.Value1asString ?? '') !== (localItemOrig.Value1asString ?? ''), onValueChanged: handleValue1asStringChange }), _jsx(TMCheckBox, { value: localItem.Value1asInt ?? 0, label: SDKUI_Localizator.WorkflowAddDraftToWg, isModifiedWhen: localItem.Value1asInt !== localItemOrig.Value1asInt, onValueChanged: handleValue1asIntChange }), _jsx(TMCheckBox, { value: localItem.Value2asInt ?? 0, label: SDKUI_Localizator.WorkflowAddDcmtToWg, isModifiedWhen: localItem.Value2asInt !== localItemOrig.Value2asInt, onValueChanged: handleValue2asIntChange }), _jsx(TMCheckBox, { value: localItem.Trunc ?? 0, label: SDKUI_Localizator.TruncateString, isModifiedWhen: localItem.Trunc !== localItemOrig.Trunc, onValueChanged: handleTruncChange }), _jsxs(RecipientsContainer, { children: [_jsx(RecipientList, { recipients: tosRecipients, title: SDKUI_Localizator.OwnerName, tid: wf?.MTID, onAdd: (newRecipients) => handleAddTosRecipients(newRecipients, 0), onRemove: handleRemoveTosRecipient }), _jsx(RecipientList, { recipients: tos2Recipients, title: SDKUI_Localizator.Participants, tid: wf?.MTID, onAdd: (newRecipients) => handleAddTos2Recipients(newRecipients, 0), onRemove: handleRemoveTos2Recipient })] })] }));
     };
-    const renderWorkGroupAddPartsFields = () => {
+    const renderAddPartsFields = () => {
         const { andRecipients: tosRecipients } = useMemo(() => {
             return tosToActors(localItem.Tos ?? '');
         }, [localItem.Tos]);
@@ -657,11 +702,14 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
                 specificFields = renderNotificationFields();
                 break;
             case DiagramItemTypes.WorkGroup_Create:
-                specificFields = renderWorkGroupCreateFields();
+                specificFields = renderWorkingGroupCreateFields();
+                break;
+            case DiagramItemTypes.CaseFlow_Create:
+                specificFields = renderCaseFlowCreateFields();
                 break;
             case DiagramItemTypes.CaseFlow_AddParts:
             case DiagramItemTypes.WorkGroup_AddParts:
-                specificFields = renderWorkGroupAddPartsFields();
+                specificFields = renderAddPartsFields();
                 break;
             default:
                 specificFields = null;

package/lib/helper/queryHelper.js

@@ -116,7 +116,6 @@ export function addWhereClausesForConnect(qd) {
         case AppModules.OUTLOOK_CONNECTOR:
         case AppModules.POWERPOINT_CONNECTOR:
         case AppModules.WORD_CONNECTOR:
-        case AppModules.SURFER:
             break; // Continua l'esecuzione per questi moduli
         default:
             return; // Esci dalla funzione per tutti gli altri moduli

package/package.json

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