@topconsultnpm/sdkui-react-beta 6.16.12 → 6.16.13

package/lib/components/choosers/TMGroupChooser.d.ts

@@ -0,0 +1,7 @@
+import { GroupDescriptor } from "@topconsultnpm/sdk-ts-beta";
+import { ITMChooserFormProps } from "../../ts";
+export declare const TMGroupChooserForm: React.FunctionComponent<ITMChooserFormProps<GroupDescriptor>>;
+export declare const TMGroupIdViewer: React.FunctionComponent<{
+    groupID: number | undefined;
+    showIcon?: boolean;
+}>;

package/lib/components/choosers/TMGroupChooser.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SDK_Localizator, SDK_Globals } from "@topconsultnpm/sdk-ts-beta";
+import { SDKUI_Localizator, IconUserGroup } from "../../helper";
+import TMSpinner from "../base/TMSpinner";
+import TMChooserForm from "../forms/TMChooserForm";
+import { useEffect, useState } from "react";
+export const TMGroupChooserForm = (props) => {
+    const getItems = async () => {
+        TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.Groups} ...` });
+        let items = await SDK_Globals.tmSession?.NewGroupEngine().RetrieveAllAdminAsync();
+        TMSpinner.hide();
+        return items ?? [];
+    };
+    return (_jsx(TMChooserForm, { title: SDK_Localizator.Groups, allowMultipleSelection: props.allowMultipleSelection, width: props.width, height: props.height, manageUseLocalizedName: true, hasShowOnlySelectedItems: true, selectedIDs: props.selectedIDs, startWithShowOnlySelectedItems: false, cellRenderIcon: () => _jsx(IconUserGroup, { color: '#767676' }), dataSource: props.dataSource, getItems: getItems, onClose: props.onClose, onChoose: (IDs) => { props.onChoose?.(IDs); } }));
+};
+export const TMGroupIdViewer = (props) => {
+    const [group, setGroup] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(() => {
+        const fetchGroup = async () => {
+            if (props.groupID && props.groupID > 0) {
+                setIsLoading(true);
+                let fetchedGroup = await SDK_Globals.tmSession?.NewGroupEngine().RetrieveAdminAsync(props.groupID);
+                setGroup(fetchedGroup ?? null);
+                setIsLoading(false);
+            }
+        };
+        fetchGroup();
+    }, [props.groupID]);
+    if (isLoading) {
+        return _jsxs("span", { children: [SDKUI_Localizator.Loading, "..."] });
+    }
+    if (!group) {
+        return _jsx("span", { children: SDKUI_Localizator.NoDataToDisplay });
+    }
+    return _jsxs("span", { children: [props.showIcon && _jsx(IconUserGroup, { color: '#767676', style: { marginRight: '4px' } }), group.name] });
+};

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

@@ -8,9 +8,10 @@ import TMMetadataChooser from '../../../choosers/TMMetadataChooser';
 import TMButton from '../../../base/TMButton';
 import styled from 'styled-components';
 import TMQuerySummary from '../../../query/TMQuerySummary';
-import { CultureIDs } from '@topconsultnpm/sdk-ts-beta';
+import { CultureIDs, FromItem, SearchEngine } from '@topconsultnpm/sdk-ts-beta';
 import TMLocalizedTextBox from '../../../editors/TMLocalizedTextBox';
 import TMDataListItemPicker from '../../../choosers/TMDataListItemPicker';
+import WorkitemRecipientsEditor from './WorkitemRecipientsEditor';
 const FormContainer = styled.div `
   display: flex;
   flex-direction: column;
@@ -52,6 +53,11 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
                 width = '700px';
                 height = '230px';
                 break;
+            case DiagramItemTypes.Approval:
+            case DiagramItemTypes.DataEntry:
+                width = '700px';
+                height = '510px';
+                break;
             default:
                 width = '50%';
                 height = '50%';
@@ -103,6 +109,30 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             StatusValue: selectedItem.value
         }));
     }, []);
+    const handleAllowZeroTosChange = useCallback((newValue) => {
+        setLocalItem(prevLocalItem => ({
+            ...prevLocalItem,
+            AllowZeroTos: newValue
+        }));
+    }, []);
+    const handleTosChange = useCallback((newTos) => {
+        setLocalItem(prevLocalItem => ({
+            ...prevLocalItem,
+            Tos: newTos
+        }));
+    }, []);
+    const handleSetRuleChange = useCallback((newRule) => {
+        setLocalItem(prevLocalItem => ({
+            ...prevLocalItem,
+            SetRule: newRule
+        }));
+    }, []);
+    const handleSetRuleQDChange = useCallback((newQD) => {
+        setLocalItem(prevLocalItem => ({
+            ...prevLocalItem,
+            QD: newQD
+        }));
+    }, []);
     // Gestore per il salvataggio
     const handleSave = () => {
         onApply(localItem);
@@ -138,6 +168,36 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             return updatedItem;
         });
     }, []);
+    const handleLocalizedDescriptionChange = useCallback((lang, newValue) => {
+        setLocalItem(prevLocalItem => {
+            const updatedItem = { ...prevLocalItem };
+            // Aggiungi la logica per aggiornare il campo corretto
+            switch (lang) {
+                case CultureIDs.It_IT:
+                    updatedItem.Description_IT = newValue;
+                    break;
+                case CultureIDs.En_US:
+                    updatedItem.Description_EN = newValue;
+                    break;
+                case CultureIDs.Fr_FR:
+                    updatedItem.Description_FR = newValue;
+                    break;
+                case CultureIDs.Pt_PT:
+                    updatedItem.Description_PT = newValue;
+                    break;
+                case CultureIDs.Es_ES:
+                    updatedItem.Description_ES = newValue;
+                    break;
+                case CultureIDs.De_DE:
+                    updatedItem.Description_DE = newValue;
+                    break;
+                default:
+                    updatedItem.Description = newValue;
+                    break;
+            }
+            return updatedItem;
+        });
+    }, []);
     // Function to render common elements like the name textbox
     const renderCommonFields = () => {
         if (localItem.Type !== DiagramItemTypes.Start && localItem.Type !== DiagramItemTypes.End && localItem.Type !== DiagramItemTypes.Exit && localItem.Type !== DiagramItemTypes.Status) {
@@ -157,6 +217,7 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     const renderExitFields = () => {
         return (_jsx(TMCheckBox, { value: localItem.EndWFInstance ?? 0, label: SDKUI_Localizator.WorkflowEndInstance, isModifiedWhen: localItem.EndWFInstance !== localItemOrig.EndWFInstance, onValueChanged: handleEndWFInstanceChange }));
     };
+    // Function to render Condition-specific fields
     const renderConditionFields = () => {
         return (_jsx(TMQuerySummary, { qd: localItem.QD, onValueChanged: handleQDChange }));
     };
@@ -164,6 +225,18 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     const renderStatusFields = () => {
         return (_jsx(TMDataListItemPicker, { dataListID: wf?.MStatusDLID, selectedValue: localItem.StatusValue, onItemSelect: handleStatusChange }));
     };
+    // Function to render Approval-specific fields
+    const renderApprovalFields = () => {
+        const newQD = () => {
+            const qd = SearchEngine.NewQueryDescriptor();
+            qd.id = -1;
+            qd.from = new FromItem();
+            qd.from.tid = wf?.MTID;
+            return qd;
+        };
+        const qdForRecipientsEditor = localItem.QD ?? newQD();
+        return (_jsxs(_Fragment, { children: [_jsx(TMLocalizedTextBox, { label: SDKUI_Localizator.Description, value: localItem.Description, value_IT: localItem.Description_IT, value_EN: localItem.Description_EN, value_FR: localItem.Description_FR, value_PT: localItem.Description_PT, value_ES: localItem.Description_ES, value_DE: localItem.Description_DE, onValueChanged: handleLocalizedDescriptionChange }), _jsx(TMCheckBox, { value: localItem.AllowZeroTos ?? 0, label: SDKUI_Localizator.WorkflowAllowZeroTos, isModifiedWhen: localItem.AllowZeroTos !== localItemOrig.AllowZeroTos, onValueChanged: handleAllowZeroTosChange }), _jsx(WorkitemRecipientsEditor, { tos: localItem.Tos ?? '', mTID: wf?.MTID, qd: qdForRecipientsEditor, setRule: localItem.SetRule, onTosChange: handleTosChange, onSetRuleChange: handleSetRuleChange, onQDChange: handleSetRuleQDChange })] }));
+    };
     const renderForm = () => {
         let specificFields;
         switch (localItem.Type) {
@@ -182,6 +255,10 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             case DiagramItemTypes.Status:
                 specificFields = renderStatusFields();
                 break;
+            case DiagramItemTypes.Approval:
+            case DiagramItemTypes.DataEntry:
+                specificFields = renderApprovalFields();
+                break;
             default:
                 specificFields = null;
         }

package/lib/components/features/workflow/diagram/WorkitemRecipientsEditor.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { QueryDescriptor, WorkItemSetRules } from '@topconsultnpm/sdk-ts-beta';
+export declare enum WorkItemActorTypes {
+    None = 0,
+    UID = 1,
+    GID = 2,
+    MID = 3,
+    QID = 4,
+    FXID = 5,
+    STID = 6
+}
+export interface WorkItemActor {
+    ActorType: WorkItemActorTypes;
+    ActorID: string;
+    Or: number;
+}
+interface WorkitemRecipientsEditorProps {
+    tos: string;
+    setRule: WorkItemSetRules | undefined;
+    qd: QueryDescriptor | undefined;
+    mTID: number | undefined;
+    onTosChange: (newTos: string) => void;
+    onSetRuleChange: (newRule: WorkItemSetRules) => void;
+    onQDChange: (newQD: QueryDescriptor | undefined) => void;
+}
+declare const WorkitemRecipientsEditor: React.FC<WorkitemRecipientsEditorProps>;
+export default WorkitemRecipientsEditor;

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

@@ -0,0 +1,287 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import styled from 'styled-components';
+import TMButton from '../../../base/TMButton';
+import { IconAdd, IconMetadata, IconSavedQuery, IconUser, IconUserGroup, SDKUI_Localizator } from '../../../../helper'; // Importa anche IconAdd
+import { TMUserChooserForm, TMUserIdViewer } from '../../../choosers/TMUserChooser';
+import { TMGroupChooserForm, TMGroupIdViewer } from '../../../choosers/TMGroupChooser';
+import { SDK_Globals, SDK_Localizator, WorkItemSetRules } from '@topconsultnpm/sdk-ts-beta';
+import { TMMetadataChooserForm } from '../../../choosers/TMMetadataChooser';
+import { FormModes } from '../../../../ts';
+import TMDropDown from '../../../editors/TMDropDown';
+import { TMMidViewer } from '../../../viewers/TMMidViewer';
+import TMQueryEditor from '../../../query/TMQueryEditor';
+import TMModal from '../../../base/TMModal';
+import { ButtonNames, TMMessageBoxManager } from '../../../base/TMPopUp';
+import { useOutsideClick } from '../../../../hooks/useOutsideClick';
+export var WorkItemActorTypes;
+(function (WorkItemActorTypes) {
+    WorkItemActorTypes[WorkItemActorTypes["None"] = 0] = "None";
+    WorkItemActorTypes[WorkItemActorTypes["UID"] = 1] = "UID";
+    WorkItemActorTypes[WorkItemActorTypes["GID"] = 2] = "GID";
+    WorkItemActorTypes[WorkItemActorTypes["MID"] = 3] = "MID";
+    WorkItemActorTypes[WorkItemActorTypes["QID"] = 4] = "QID";
+    WorkItemActorTypes[WorkItemActorTypes["FXID"] = 5] = "FXID";
+    WorkItemActorTypes[WorkItemActorTypes["STID"] = 6] = "STID";
+})(WorkItemActorTypes || (WorkItemActorTypes = {}));
+const RecipientsContainer = styled.div `
+  display: flex;
+  gap: 20px;
+  /* padding: 10px 0px; */
+  flex-wrap: wrap;
+`;
+const RecipientsColumn = styled.div `
+  flex: 1;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  padding: 10px;
+  min-width: 300px;
+  position: relative;
+`;
+const HeaderContainer = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+  margin-bottom: 10px;
+`;
+const RecipientItem = styled.div `
+  display: flex;
+  align-items: center;
+  margin-bottom: 5px;
+  gap: 5px;
+`;
+const RecipientRemoveButton = styled.span `
+  cursor: pointer;
+  color: #c00;
+  font-weight: bold;
+`;
+const FloatingMenu = styled.div `
+  position: absolute;
+  top: 100%; /* Si apre sotto il bottone */
+  right: 0; /* Allinea il bordo destro del menu con quello del genitore */
+  background-color: white;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  z-index: 10;
+  display: flex;
+  flex-direction: column; /* Disposizione verticale */
+  gap: 5px;
+  padding: 5px;
+  min-width: 150px;
+  transform: translateY(5px);
+  align-items: center; /* Centra i pulsanti orizzontalmente */
+`;
+const FloatingMenuButton = styled(TMButton) `
+  width: 100%; /* Rende i pulsanti interni larghi quanto il menu */
+`;
+const WorkitemRecipientsEditor = ({ tos, setRule, qd, mTID, onTosChange, onQDChange, onSetRuleChange }) => {
+    const [isAndMenuOpen, setIsAndMenuOpen] = useState(false);
+    const [isOrMenuOpen, setIsOrMenuOpen] = useState(false);
+    const [showUserChooser, setShowUserChooser] = useState(false);
+    const [showGroupChooser, setShowGroupChooser] = useState(false);
+    // const [showFxChartChooser, setShowFxChartChooser] = useState(false);
+    const [showMetadataChooser, setShowMetadataChooser] = useState(false);
+    const [showQdEditor, setShowQdEditor] = useState(false);
+    const andMenuRef = useOutsideClick(() => {
+        setIsAndMenuOpen(false);
+    });
+    // Applica il custom hook per il menu OR
+    const orMenuRef = useOutsideClick(() => {
+        setIsOrMenuOpen(false);
+    });
+    // useEffect(() => {
+    //     const handleClickOutside = (event: MouseEvent) => {
+    //         // Controlla il menu AND
+    //         if (isAndMenuOpen && andMenuRef.current && !andMenuRef.current.contains(event.target as Node) && andButtonRef.current && !andButtonRef.current.contains(event.target as Node)) {
+    //             setIsAndMenuOpen(false);
+    //         }
+    //         // Controlla il menu OR
+    //         if (isOrMenuOpen && orMenuRef.current && !orMenuRef.current.contains(event.target as Node) && orButtonRef.current && !orButtonRef.current.contains(event.target as Node)) {
+    //             setIsOrMenuOpen(false);
+    //         }
+    //     };
+    //     // Aggiungi l'event listener se un menu è aperto
+    //     if (isAndMenuOpen || isOrMenuOpen) {
+    //         document.addEventListener('mousedown', handleClickOutside);
+    //     }
+    //     // Pulisci l'event listener
+    //     return () => {
+    //         document.removeEventListener('mousedown', handleClickOutside);
+    //     };
+    // }, [isAndMenuOpen, isOrMenuOpen]);
+    // useEffect(() => {
+    //     const handleKeyDown = (event: KeyboardEvent) => {
+    //         if (event.key === 'Escape') {
+    //             if (isAndMenuOpen) {
+    //                 setIsAndMenuOpen(false);
+    //                 event.stopPropagation(); // Ferma la propagazione per non chiudere anche il modale
+    //             } else if (isOrMenuOpen) {
+    //                 setIsOrMenuOpen(false);
+    //                 event.stopPropagation(); // Ferma la propagazione per non chiudere anche il modale
+    //             }
+    //         }
+    //     };
+    //     if (isAndMenuOpen || isOrMenuOpen) {
+    //         document.addEventListener('keydown', handleKeyDown);
+    //     }
+    //     return () => {
+    //         document.removeEventListener('keydown', handleKeyDown);
+    //     };
+    // }, [isAndMenuOpen, isOrMenuOpen]);
+    const parseTos = (tosString) => {
+        const andRecipients = [];
+        const orRecipients = [];
+        if (!tosString)
+            return { andRecipients, orRecipients };
+        const tokens1 = tosString.split(';');
+        for (const t of tokens1) {
+            const t1 = t.trim();
+            if (!t1)
+                continue;
+            const tokens2 = t1.split('|');
+            if (tokens2.length < 2)
+                continue;
+            const actorTypeStr = tokens2[0].toUpperCase();
+            const actorType = WorkItemActorTypes[actorTypeStr];
+            const actorID = tokens2[1];
+            const or = tokens2.length === 3 ? parseInt(tokens2[2], 10) : 0;
+            if (actorType !== undefined) {
+                const actor = {
+                    ActorType: actorType,
+                    ActorID: actorID,
+                    Or: or,
+                };
+                if (or === 0) {
+                    andRecipients.push(actor);
+                }
+                else {
+                    orRecipients.push(actor);
+                }
+            }
+        }
+        return { andRecipients, orRecipients };
+    };
+    const { andRecipients, orRecipients } = useMemo(() => parseTos(tos), [tos]);
+    const actorsToTos = (actors) => {
+        return actors.map(actor => `${WorkItemActorTypes[actor.ActorType]}|${actor.ActorID}|${actor.Or}`).join(';');
+    };
+    const handleRemoveRecipient = (recipientToRemove) => {
+        const allRecipients = [...andRecipients, ...orRecipients];
+        const updatedRecipients = allRecipients.filter(r => r !== recipientToRemove);
+        const newTos = actorsToTos(updatedRecipients);
+        onTosChange(newTos);
+    };
+    const handleAddRecipients = (newRecipients) => {
+        const allRecipients = [...andRecipients, ...orRecipients];
+        const updatedRecipients = [...allRecipients, ...newRecipients]; // Aggiunge tutti i nuovi destinatari
+        const newTos = actorsToTos(updatedRecipients);
+        onTosChange(newTos);
+        setIsAndMenuOpen(false);
+        setIsOrMenuOpen(false);
+        setShowUserChooser(false);
+        setShowQdEditor(false);
+    };
+    const handleUserChosen = (IDs, orValue) => {
+        if (IDs && IDs.length > 0) {
+            const recipientsToAdd = IDs.map(id => ({
+                ActorType: WorkItemActorTypes.UID,
+                ActorID: id.toString(),
+                Or: orValue
+            }));
+            handleAddRecipients(recipientsToAdd);
+        }
+        setShowUserChooser(false);
+    };
+    const handleGroupChosen = (IDs, orValue) => {
+        if (IDs && IDs.length > 0) {
+            const recipientsToAdd = IDs.map(id => ({
+                ActorType: WorkItemActorTypes.GID,
+                ActorID: id.toString(),
+                Or: orValue
+            }));
+            handleAddRecipients(recipientsToAdd);
+        }
+        setShowGroupChooser(false);
+    };
+    const handleMetadataChosen = (IDs, orValue) => {
+        if (IDs && IDs.length > 0) {
+            const recipientsToAdd = IDs.map(id => ({
+                ActorType: WorkItemActorTypes.MID,
+                ActorID: id.mid ? id.mid.toString() : '0',
+                Or: orValue
+            }));
+            handleAddRecipients(recipientsToAdd);
+        }
+        setShowMetadataChooser(false);
+    };
+    const handleQdChosen = (newQd, orValue) => {
+        if (newQd) {
+            // 1. Unisci tutti i destinatari e filtra per rimuovere eventuali QID esistenti.
+            const allRecipients = [...andRecipients, ...orRecipients];
+            const updatedRecipients = allRecipients.filter(r => r.ActorType !== WorkItemActorTypes.QID);
+            // 2. Crea il nuovo destinatario QID
+            const recipientToAdd = {
+                ActorType: WorkItemActorTypes.QID,
+                ActorID: newQd.id ? newQd.id.toString() : '-1',
+                Or: orValue
+            };
+            // 3. Aggiungi il nuovo destinatario alla lista
+            updatedRecipients.push(recipientToAdd);
+            // 4. Converte la lista aggiornata in una stringa e aggiorna lo stato.
+            const newTos = actorsToTos(updatedRecipients);
+            onTosChange(newTos);
+            onQDChange(newQd);
+        }
+        setIsAndMenuOpen(false);
+        setIsOrMenuOpen(false);
+        setShowQdEditor(false);
+    };
+    const renderActorViewer = (recipient) => {
+        const actorId = parseInt(recipient.ActorID, 10);
+        switch (recipient.ActorType) {
+            case WorkItemActorTypes.UID:
+                return _jsx(TMUserIdViewer, { userId: actorId, showIcon: true });
+            case WorkItemActorTypes.GID:
+                return _jsx(TMGroupIdViewer, { groupID: actorId, showIcon: true });
+            case WorkItemActorTypes.MID:
+                return _jsx(TMMidViewer, { tid_mid: { tid: mTID, mid: actorId }, showIcon: true });
+            case WorkItemActorTypes.QID:
+                return (_jsx("span", { onDoubleClick: openQdEditor, style: { cursor: 'pointer' }, children: SDKUI_Localizator.WorkflowGetRecipientsFromQuery }));
+            default:
+                return _jsxs("span", { children: [WorkItemActorTypes[recipient.ActorType], ": ", recipient.ActorID] });
+        }
+    };
+    const openQdEditor = () => {
+        const filteredRecipients = [...andRecipients, ...orRecipients].filter(r => r.ActorType === WorkItemActorTypes.QID);
+        if (filteredRecipients.length > 0) {
+            TMMessageBoxManager.show({
+                buttons: [ButtonNames.OK],
+                title: SDK_Globals.appModule,
+                message: "Definire solo una query per i destinatari"
+            });
+            setIsAndMenuOpen(false);
+            setIsOrMenuOpen(false);
+            return;
+        }
+        setShowQdEditor(true);
+    };
+    const renderRecipientList = (recipients, title, orValue) => (_jsxs(RecipientsColumn, { children: [_jsxs(HeaderContainer, { children: [_jsx("p", { style: { fontWeight: 600 }, children: title }), _jsx(TMButton, { btnStyle: 'icon', caption: 'Aggiungi destinatario', icon: _jsx(IconAdd, {}), onClick: () => {
+                            if (orValue === 0) {
+                                setIsAndMenuOpen(prevState => !prevState);
+                                setIsOrMenuOpen(false);
+                            }
+                            else {
+                                setIsOrMenuOpen(prevState => !prevState);
+                                setIsAndMenuOpen(false);
+                            }
+                        } }), (orValue === 0 && isAndMenuOpen) && (_jsxs(FloatingMenu, { ref: andMenuRef, children: [_jsx(FloatingMenuButton, { btnStyle: 'text', icon: _jsx(IconUser, {}), caption: SDK_Localizator.Users, onClick: () => setShowUserChooser(true) }), _jsx(FloatingMenuButton, { btnStyle: 'text', icon: _jsx(IconUserGroup, {}), caption: SDK_Localizator.Groups, onClick: () => setShowGroupChooser(true) }), _jsx(FloatingMenuButton, { btnStyle: 'text', icon: _jsx(IconMetadata, {}), caption: SDK_Localizator.Metadata, onClick: () => setShowMetadataChooser(true) }), _jsx(FloatingMenuButton, { btnStyle: 'text', icon: _jsx(IconSavedQuery, {}), caption: SDK_Localizator.Query, onClick: openQdEditor })] })), (orValue === 1 && isOrMenuOpen) && (_jsxs(FloatingMenu, { ref: orMenuRef, children: [_jsx(FloatingMenuButton, { btnStyle: 'text', icon: _jsx(IconUser, {}), caption: SDK_Localizator.Users, onClick: () => setShowUserChooser(true) }), _jsx(FloatingMenuButton, { btnStyle: 'text', icon: _jsx(IconUserGroup, {}), caption: SDK_Localizator.Groups, onClick: () => setShowGroupChooser(true) }), _jsx(FloatingMenuButton, { btnStyle: 'text', icon: _jsx(IconMetadata, {}), caption: SDK_Localizator.Metadata, onClick: () => setShowMetadataChooser(true) }), _jsx(FloatingMenuButton, { btnStyle: 'text', icon: _jsx(IconSavedQuery, {}), caption: SDK_Localizator.Query, onClick: openQdEditor })] }))] }), _jsx("div", { style: { height: '150px', overflowY: 'auto' }, children: recipients.map((recipient, index) => (_jsxs(RecipientItem, { children: [_jsx(RecipientRemoveButton, { onClick: () => handleRemoveRecipient(recipient), children: "\u274C" }), renderActorViewer(recipient)] }, index))) })] }));
+    const SET_RULE_DATASOURCE = [
+        { value: WorkItemSetRules.Ands_AND_Ors, display: "Ands_AND_Ors" },
+        { value: WorkItemSetRules.Ands_OR_Ors, display: "Ands_OR_Ors" }
+    ];
+    return (_jsxs("div", { children: [_jsxs(RecipientsContainer, { children: [renderRecipientList(andRecipients, 'Destinatari in AND', 0), renderRecipientList(orRecipients, 'Destinatari in OR', 1)] }), _jsx("div", { style: { display: 'flex', justifyContent: 'center' }, children: _jsx(TMDropDown, { label: SDKUI_Localizator.WorkflowRecipientSetRule, width: '230px', dataSource: SET_RULE_DATASOURCE, value: setRule, onValueChanged: (e) => { onSetRuleChange?.(e.target.value); } }) }), showUserChooser && _jsx(TMUserChooserForm, { allowMultipleSelection: true, allowSorting: true, onClose: () => setShowUserChooser(false), onChoose: (IDs) => handleUserChosen(IDs, isAndMenuOpen ? 0 : 1) }), showGroupChooser && _jsx(TMGroupChooserForm, { allowMultipleSelection: true, allowSorting: true, onClose: () => setShowGroupChooser(false), onChoose: (IDs) => handleGroupChosen(IDs, isAndMenuOpen ? 0 : 1) }), showMetadataChooser && mTID && _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, allowSorting: true, tids: [mTID], onClose: () => setShowMetadataChooser(false), onChoose: (IDs) => handleMetadataChosen(IDs, isAndMenuOpen ? 0 : 1) }), showQdEditor &&
+                _jsx(TMModal, { title: SDKUI_Localizator.QueryDefine, children: _jsx(TMQueryEditor, { inputData: qd, formMode: FormModes.Update, onApplied: (newQd) => handleQdChosen(newQd, isAndMenuOpen ? 0 : 1), onClose: () => { setShowQdEditor(false); } }) })] }));
+};
+export default WorkitemRecipientsEditor;

package/lib/components/features/workflow/diagram/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { QueryDescriptor, WorkItemStatus } from "@topconsultnpm/sdk-ts-beta";
+import { QueryDescriptor, WorkItemSetRules, WorkItemStatus } from "@topconsultnpm/sdk-ts-beta";
 export declare enum DiagramItemTypes {
     None = 0,
     Start = 1,
@@ -55,7 +55,7 @@ export interface DiagramItem {
     RegisterPost?: boolean;
     AllowZeroTos?: boolean;
     Tos?: string;
-    SetRule?: number;
+    SetRule?: WorkItemSetRules;
     StartAfterArchive?: number;
     StartAfterUpdate?: number;
     StartAfterUpdateMIDs?: number[];

package/lib/components/forms/TMChooserForm.js

@@ -86,8 +86,8 @@ const TMChooserForm = ({ children, title, allowMultipleSelection = false, allowA
             ...summaryItems ?? {}
         });
     }, [manageUseLocalizedName, summaryItems]);
-    return (_jsx(TMModal, { title: renderTitle(), width: width ?? '550px', height: height ?? '600px', toolbar: _jsx(ToolbarButtons, {}), onClose: onClose, children: (children ??
-            filteredItems.length > 0)
+    return (_jsx(TMModal, { title: renderTitle(), width: width ?? '550px', height: height ?? '600px', toolbar: _jsx(ToolbarButtons, {}), onClose: onClose, children: children ??
+            filteredItems.length > 0
             ? _jsx(TMDataGrid, { dataSource: filteredItems, keyExpr: keyName, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selectedRowKeys: selectedRowKeys, searchPanelFocusStarting: true, headerFilter: { visible: true }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single', showCheckBoxesMode: 'always', selectAllMode: 'allPages' }, grouping: allowGrouping ? { autoExpandAll: false, expandMode: 'rowClick' } : undefined, summary: customSummary, onFocusedRowChanged: handleFocusedRowChange, onSelectionChanged: handleSelectionChanged, onRowDblClick: handleRowDoubleClick })
             : _jsx(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: _jsx(TMLayoutItem, { children: _jsx("p", { style: { height: "100%", color: TMColors.primaryColor, fontSize: "1.5rem", display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: SDKUI_Localizator.NoDataToDisplay }) }) }) }));
 };

package/lib/components/index.d.ts

@@ -44,6 +44,7 @@ export * from './choosers/TMDistinctValues';
 export * from './choosers/TMDiskChooser';
 export * from './choosers/TMDynDataListItemChooser';
 export * from './choosers/TMDcmtTypeChooser';
+export * from './choosers/TMGroupChooser';
 export * from './choosers/TMInvoiceRetrieveFormats';
 export * from './choosers/TMMetadataChooser';
 export * from './choosers/TMOrderRetrieveFormats';

package/lib/components/index.js

@@ -47,6 +47,7 @@ export * from './choosers/TMDistinctValues';
 export * from './choosers/TMDiskChooser';
 export * from './choosers/TMDynDataListItemChooser';
 export * from './choosers/TMDcmtTypeChooser';
+export * from './choosers/TMGroupChooser';
 export * from './choosers/TMInvoiceRetrieveFormats';
 export * from './choosers/TMMetadataChooser';
 export * from './choosers/TMOrderRetrieveFormats';

package/lib/helper/SDKUI_Localizator.d.ts

@@ -530,6 +530,7 @@ export declare class SDKUI_Localizator {
     static get Warning(): "Warnung" | "Warning" | "advertencia" | "avertissement" | "aviso" | "Avviso";
     static get Welcome(): "Willkommen" | "Welcome" | "Bienvenido" | "Bienvenue" | "Bem-vindo" | "Benvenuto";
     static get WelcomeTo(): "Willkommen bei {{0}}" | "Welcome to {{0}}" | "Bienvenido a {{0}}" | "Bienvenue sur {{0}}" | "Bem-vindo à {{0}}" | "Benvenuto su {{0}}";
+    static get WorkflowAllowZeroTos(): "0 Empfänger zulassen" | "Allow 0 recipients" | "Permitir 0 destinatarios" | "Autoriser 0 destinataires" | "Permitir 0 destinatários" | "Consenti 0 destinatari";
     static get WorkflowApproval(): "Workflow-Genehmigung" | "Workflow approval" | "Aprobación de flujo de trabajo" | "Approbation de workflow" | "Aprovação de fluxo de trabalho" | "Approvazione workflow";
     static get WorkflowDiagramMissingOrInvalid(): "Diagramm fehlt oder ist ungültig" | "Diagram missing or invalid" | "Diagrama no presente o no válido" | "Schéma manquant ou invalide" | "Diagrama ausente ou inválido" | "Diagramma non presente o non valido";
     static get WorkflowEndInstance(): "Instanz beenden" | "End instance" | "Finalizar instancia" | "Termine l'instance" | "Pare a instância" | "Termina istanza";
@@ -537,6 +538,8 @@ export declare class SDKUI_Localizator {
     static get WorkflowNoInstances(): "Keine Instanzen aktiv" | "No running instances" | "Ninguna instancia en curso" | "Aucune instance en cours" | "Nenhuma instância em execução" | "Nessuna istanza in corso";
     static get WorkflowStartAfterArchive(): "Starten Sie die Instanz beim Archivieren des Dokuments" | "Start the instance when you archive the document" | "Iniciar la instancia cuando se almacena el documento" | "Démarrer l'instance lorsque vous archivez le document" | "Inicie a instância quando você fizer check in no documento" | "Avviare l'istanza quando si archivia il documento";
     static get WorkflowStartAfterUpdate(): "Starten Sie die Instanz beim Bearbeiten der folgenden Methadaten" | "Start the instance when updating the following metadata" | "Iniciar la instancia cuando se modifican los siguientes metadatos" | "Démarrer l'instance lors de l'édition des métadonnées suivantes" | "Inicie a instância ao editar os seguintes metadados" | "Avviare l'istanza quando si modificano i seguenti metadati";
+    static get WorkflowGetRecipientsFromQuery(): "Ermitteln Sie die Empfänger aus der ABFRAGE" | "Get the recipients from QUERY" | "Obtenga los destinatarios de QUERY" | "Obtenez les destinataires de QUERY" | "Obtenha os destinatários de QUERY" | "Ottieni i destinatari da QUERY";
+    static get WorkflowRecipientSetRule(): "Verwalten Sie Empfänger mit der folgenden Regel" | "Manage recipients with the following rule" | "Gestionar los destinatarios con la siguiente regla" | "Gérer les destinataires avec la règle suivante" | "Gerenciar destinatários com a seguinte regra" | "Gestisci i destinatari con la seguente regola";
     static get WorkGroup(): "Arbeitsgruppe" | "Work Group" | "Grupo de Trabajo" | "Groupe de travail" | "Grupo de Trabalho" | "Gruppo di lavoro";
     static get WorkgroupOperations(): string;
     static get WorkingGroups(): "Arbeitsgruppen" | "Work groups" | "Grupos de trabajo" | "Groupes de travail" | "Grupos de trabalho" | "Gruppi di lavoro";

package/lib/helper/SDKUI_Localizator.js

@@ -5265,6 +5265,16 @@ export class SDKUI_Localizator {
             default: return "Benvenuto su {{0}}";
         }
     }
+    static get WorkflowAllowZeroTos() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "0 Empfänger zulassen";
+            case CultureIDs.En_US: return "Allow 0 recipients";
+            case CultureIDs.Es_ES: return "Permitir 0 destinatarios";
+            case CultureIDs.Fr_FR: return "Autoriser 0 destinataires";
+            case CultureIDs.Pt_PT: return "Permitir 0 destinatários";
+            default: return "Consenti 0 destinatari";
+        }
+    }
     static get WorkflowApproval() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Workflow-Genehmigung";
@@ -5335,6 +5345,26 @@ export class SDKUI_Localizator {
             default: return "Avviare l'istanza quando si modificano i seguenti metadati";
         }
     }
+    static get WorkflowGetRecipientsFromQuery() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ermitteln Sie die Empfänger aus der ABFRAGE";
+            case CultureIDs.En_US: return "Get the recipients from QUERY";
+            case CultureIDs.Es_ES: return "Obtenga los destinatarios de QUERY";
+            case CultureIDs.Fr_FR: return "Obtenez les destinataires de QUERY";
+            case CultureIDs.Pt_PT: return "Obtenha os destinatários de QUERY";
+            default: return "Ottieni i destinatari da QUERY";
+        }
+    }
+    static get WorkflowRecipientSetRule() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Verwalten Sie Empfänger mit der folgenden Regel";
+            case CultureIDs.En_US: return "Manage recipients with the following rule";
+            case CultureIDs.Es_ES: return "Gestionar los destinatarios con la siguiente regla";
+            case CultureIDs.Fr_FR: return "Gérer les destinataires avec la règle suivante";
+            case CultureIDs.Pt_PT: return "Gerenciar destinatários com a seguinte regra";
+            default: return "Gestisci i destinatari con la seguente regola";
+        }
+    }
     static get WorkGroup() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Arbeitsgruppe";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.16.12",
+    "version": "6.16.13",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -38,7 +38,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts-beta": "6.16.1",
+        "@topconsultnpm/sdk-ts-beta": "6.16.2",
         "buffer": "^6.0.3",
         "devextreme": "25.1.4",
         "devextreme-react": "25.1.4",