@topconsultnpm/sdkui-react-beta 6.16.30 → 6.16.32

package/lib/components/base/TMDataGridExportForm.js

@@ -4,12 +4,12 @@ import { Workbook } from 'exceljs';
 import { buildValueToLabelMapFromDataColumns, getExceptionMessage, SDKUI_Localizator } from '../../helper';
 import TMCheckBox from '../editors/TMCheckBox';
 import TMButton from './TMButton';
-import TMDropDown from './TMDropDown';
 import TMModal from './TMModal';
 import { TMExceptionBoxManager } from './TMPopUp';
 import { ResultTypes } from '@topconsultnpm/sdk-ts-beta';
 import TMSpinner from './TMSpinner';
 import { TMResultManager } from '../forms/TMResultDialog';
+import TMDropDown from '../editors/TMDropDown';
 const formatDataSource = [
     { value: 'csv', display: 'CSV' },
     { value: 'xlsx', display: 'XLSX' },

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CultureIDs } from '@topconsultnpm/sdk-ts-beta';
+import { ITMChooserProps } from '../../ts';
+interface TMCultureIDPickerProps extends ITMChooserProps {
+    selectedValue: CultureIDs | undefined;
+    onSelectCultureID: (cultureID: CultureIDs) => void;
+}
+declare const TMCultureIDPicker: React.FC<TMCultureIDPickerProps>;
+export default TMCultureIDPicker;

package/lib/components/choosers/TMCultureIDPicker.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import styled from 'styled-components';
+import { IconSearch, SDKUI_Localizator } from '../../helper';
+import { CultureIDs } from '@topconsultnpm/sdk-ts-beta';
+import { getCultureIDImg } from '../editors/TMLocalizedTextBox';
+import TMModal from '../base/TMModal';
+import TMSummary from '../editors/TMSummary';
+import { StyledDivHorizontal } from '../..';
+const CULTUREIDs_DATASOURCE = [
+    { value: CultureIDs.It_IT, display: "Italiano", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.It_IT), alt: "Lang", width: 16, height: 16 }) },
+    { value: CultureIDs.Fr_FR, display: "Française", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.Fr_FR), alt: "Lang", width: 16, height: 16 }) },
+    { value: CultureIDs.Pt_PT, display: "Português", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.Pt_PT), alt: "Lang", width: 16, height: 16 }) },
+    { value: CultureIDs.En_US, display: "English", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.En_US), alt: "Lang", width: 16, height: 16 }) },
+    { value: CultureIDs.Es_ES, display: "Español", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.Es_ES), alt: "Lang", width: 16, height: 16 }) },
+    { value: CultureIDs.De_DE, display: "Deutsch", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.De_DE), alt: "Lang", width: 16, height: 16 }) },
+];
+const PickerContainer = styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 20px;
+`;
+const ItemsContainer = styled.div `
+    display: flex;
+    flex-wrap: wrap;
+    gap: 15px;
+    justify-content: center;
+`;
+const CultureItem = styled.div `
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    text-align: center;
+    font-size: 0.9em;
+    padding: 10px 15px;
+    border-radius: 8px;
+    border: 2px solid transparent;
+    transition: all 0.2s ease-in-out;
+    width: 120px;
+
+    &:hover {
+        background-color: #f0f0f0;
+    }
+
+    ${props => props.$isSelected && `
+        border-color: #007bff;
+        background-color: #e6f2ff;
+    `}
+`;
+const FlagIcon = styled.div `
+    margin-bottom: 5px;
+    font-size: 2em;
+`;
+const TMCultureIDPicker = ({ selectedValue, onSelectCultureID, placeHolder, width = '100%', icon, backgroundColor, readOnly = false, openChooserBySingleClick = false, buttons = [], elementStyle, isModifiedWhen, label, showClearButton = false, validationItems = [], onValueChanged }) => {
+    const [showPicker, setShowPicker] = useState(false);
+    const getCultureIDName = (cultureID) => {
+        const item = CULTUREIDs_DATASOURCE.find(c => c.value === cultureID);
+        return item ? item.display : '';
+    };
+    const renderTemplate = () => {
+        const isPlaceholder = selectedValue === placeHolder;
+        return (_jsxs(StyledDivHorizontal, { style: { width: '100%', color: isPlaceholder ? '#a9a9a9' : 'inherit' }, children: [selectedValue && _jsx("img", { src: getCultureIDImg(selectedValue), alt: "Lang", width: 16, height: 16, style: { marginRight: '8px' } }), selectedValue && _jsx("p", { children: getCultureIDName(selectedValue) })] }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(TMSummary, { width: width, icon: icon, buttons: buttons, readOnly: readOnly, backgroundColor: backgroundColor, showBorder: true, hasValue: selectedValue !== undefined, showClearButton: showClearButton, iconEditButton: _jsx(IconSearch, { fontSize: 16 }), onEditorClick: () => !readOnly && setShowPicker(true), elementStyle: elementStyle, isModifiedWhen: isModifiedWhen, label: label, openEditorOnSummaryClick: openChooserBySingleClick, template: renderTemplate(), onClearClick: showClearButton ? () => { onValueChanged?.([]); } : undefined, validationItems: validationItems }), showPicker && _jsx(TMModal, { title: label || SDKUI_Localizator.Select, onClose: () => setShowPicker(false), isModal: true, width: "450px", height: "255px", children: _jsx(PickerContainer, { children: _jsx(ItemsContainer, { children: CULTUREIDs_DATASOURCE.map(item => (_jsxs(CultureItem, { "$isSelected": item.value === selectedValue, onClick: () => {
+                                onSelectCultureID(item.value);
+                                setShowPicker(false);
+                            }, children: [_jsx(FlagIcon, { children: item.icon }), _jsx("span", { children: item.display })] }, item.value))) }) }) })] }));
+};
+export default TMCultureIDPicker;

package/lib/components/editors/TMTextExpression.d.ts

@@ -14,6 +14,7 @@ interface ITMTextExpression extends ITMEditorBase {
     widthChooser?: string;
     disableMultipleSelection?: boolean;
     validationItems?: ValidationItem[];
+    rows?: number;
     onValueChanged?: (newText: string | undefined) => void;
 }
 declare const TMTextExpression: React.FunctionComponent<ITMTextExpression>;

package/lib/components/editors/TMTextExpression.js

@@ -6,6 +6,7 @@ import { TMExceptionBoxManager } from '../base/TMPopUp';
 import { TMMetadataChooserForm } from '../choosers/TMMetadataChooser';
 import TMChooserForm from '../forms/TMChooserForm';
 import TMTextBox from './TMTextBox';
+import TMTextArea from './TMTextArea';
 const TMTextExpression = (props) => {
     const [metadatas_Info_Source, setMetadatas_Info_Source] = useState([]);
     const [showMetadataChooser, setShowMetadataChooser] = useState(false);
@@ -153,7 +154,10 @@ const TMTextExpression = (props) => {
                     props.onValueChanged?.(expr);
                 } }) : _jsx(_Fragment, {}));
     };
-    return (_jsxs(_Fragment, { children: [_jsx(TMTextBox, { buttons: renderButtons(), isModifiedWhen: props.value != props.valueOrig, label: props.label, value: Expression_IDs2Names(props.value) ?? '', validationItems: props.validationItems, onValueChanged: (e) => { props.onValueChanged?.(Expression_Names2IDs(e.target.value)); } }), openMetadataChooseForm(), " ", openFormulaChooseForm()] }));
+    return (_jsxs(_Fragment, { children: [props.rows === undefined ?
+                _jsx(TMTextBox, { buttons: renderButtons(), isModifiedWhen: props.value != props.valueOrig, label: props.label, value: Expression_IDs2Names(props.value) ?? '', validationItems: props.validationItems, onValueChanged: (e) => { props.onValueChanged?.(Expression_Names2IDs(e.target.value)); } })
+                :
+                    _jsx(TMTextArea, { buttons: renderButtons(), isModifiedWhen: props.value != props.valueOrig, label: props.label, rows: props.rows, resize: false, placeHolder: props.placeHolder, value: Expression_IDs2Names(props.value) ?? '', validationItems: props.validationItems, onValueChanged: (e) => { props.onValueChanged?.(Expression_Names2IDs(e.target.value)); } }), openMetadataChooseForm(), " ", openFormulaChooseForm()] }));
 };
 class MetatadaHelper {
     constructor(mid, metadataName) {

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

@@ -10,10 +10,10 @@ import TMTextBox from '../../../editors/TMTextBox';
 import TMButton from '../../../base/TMButton';
 import styled from 'styled-components';
 import TMQuerySummary from '../../../query/TMQuerySummary';
-import { CultureIDs, DcmtTypeListCacheService, FromItem, MetadataDataDomains, SDK_Globals, SearchEngine, WFAppTypes, WorkItemSetRules } from '@topconsultnpm/sdk-ts-beta';
-import TMLocalizedTextBox, { getCultureIDImg } from '../../../editors/TMLocalizedTextBox';
+import { CultureIDs, DcmtTypeListCacheService, FromItem, MetadataDataDomains, SDK_Globals, SearchEngine, Severities, WFAppTypes, WorkItemSetRules } from '@topconsultnpm/sdk-ts-beta';
+import TMLocalizedTextBox from '../../../editors/TMLocalizedTextBox';
 import TMDataListItemPicker from '../../../choosers/TMDataListItemPicker';
-import WorkitemRecipientsEditor from './WorkitemRecipientsEditor';
+import WorkitemRecipientsEditor, { actorsToTos, tosToActors } from './WorkitemRecipientsEditor';
 import TMDropDown from '../../../editors/TMDropDown';
 import TMMetadataValues, { AdvancedMenuButtons, ShowCheckBoxesMode } from '../../../editors/TMMetadataValues';
 import TMFormulaEditor, { FormulaDescriptor, FormulaHelper, FormulaTargets } from '../../../editors/TMFormulaEditor';
@@ -22,6 +22,8 @@ import TMTidViewer from '../../../viewers/TMTidViewer';
 import { TMColors } from '../../../../utils/theme';
 import TMPathChooser from '../../../choosers/TMPathChooser';
 import TMTextExpression from '../../../editors/TMTextExpression';
+import TMCultureIDPicker from '../../../choosers/TMCultureIDPicker';
+import RecipientList, { WorkItemActorTypes } from './RecipientList';
 const FormContainer = styled.div `
   display: flex;
   flex-direction: column;
@@ -60,13 +62,11 @@ const SET_RULE_DATASOURCE = [
     { value: WorkItemSetRules.Ands_AND_Ors, display: "Ands_AND_Ors" },
     { value: WorkItemSetRules.Ands_OR_Ors, display: "Ands_OR_Ors" }
 ];
-const CULTUREIDs_DATASOURCE = [
-    { value: CultureIDs.It_IT, display: "Italiano", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.It_IT), alt: "Lang", width: 16, height: 16 }) },
-    { value: CultureIDs.Fr_FR, display: "Française", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.Fr_FR), alt: "Lang", width: 16, height: 16 }) },
-    { value: CultureIDs.Pt_PT, display: "Português", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.Pt_PT), alt: "Lang", width: 16, height: 16 }) },
-    { value: CultureIDs.En_US, display: "English", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.En_US), alt: "Lang", width: 16, height: 16 }) },
-    { value: CultureIDs.Es_ES, display: "Español", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.Es_ES), alt: "Lang", width: 16, height: 16 }) },
-    { value: CultureIDs.De_DE, display: "Deutsch", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.De_DE), alt: "Lang", width: 16, height: 16 }) },
+const SEVERITY_DATASOURCE = [
+    { value: Severities.Critical, display: "Critical" },
+    { value: Severities.Error, display: "Error" },
+    { value: Severities.Warning, display: "Warning" },
+    { value: Severities.Information, display: "Information" },
 ];
 const APP_TYPES_DATASOURCE = [
     { value: WFAppTypes.EXE, display: "EXE" },
@@ -117,6 +117,10 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
                 width = '450px';
                 height = '420px';
                 break;
+            case DiagramItemTypes.Notification:
+                width = '700px';
+                height = '700px';
+                break;
             default:
                 width = '50%';
                 height = '50%';
@@ -331,7 +335,7 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     const renderAppFields = () => {
         return (_jsxs(_Fragment, { children: [_jsx(TMDropDown, { label: SDKUI_Localizator.WorkflowAppType, dataSource: APP_TYPES_DATASOURCE, value: localItem.AppType, isModifiedWhen: localItem.AppType !== localItemOrig.AppType, onValueChanged: (e) => { handleAppTypeChange(e.target.value); } }), localItem.AppType === WFAppTypes.EXE
                     ? _jsx(TMPathChooser, { label: SDKUI_Localizator.WorkflowAppName, value: localItem.AppName || '', isModifiedWhen: (localItem.AppName ?? '') !== (localItemOrig.AppName ?? ''), onValueChanged: (newValue) => { handleAppNameChange(newValue); }, allowBrowseFile_Area: true, allowBrowseFolder_Area: false, allowParametricPath: false })
-                    : _jsx(TMTextBox, { label: SDKUI_Localizator.WorkflowAppName, value: localItem.AppName, isModifiedWhen: (localItem.AppName ?? '') !== (localItemOrig.AppName ?? ''), onValueChanged: (e) => { handleAppNameChange(e.target.value); } }), _jsx(TMTextExpression, { label: SDKUI_Localizator.Arguments, value: localItem.AppArgs, valueOrig: localItemOrig.AppArgs, tid: wf?.MTID, onValueChanged: (newValue) => { handleAppArgsChange(newValue); } }), _jsx(TMDropDown, { label: SDKUI_Localizator.Format, dataSource: CULTUREIDs_DATASOURCE, value: localItem.FormatCultureID, isModifiedWhen: localItem.FormatCultureID !== localItemOrig.FormatCultureID, onValueChanged: (e) => { handleFormatCultureIDChange(e.target.value); } })] }));
+                    : _jsx(TMTextBox, { label: SDKUI_Localizator.WorkflowAppName, value: localItem.AppName, isModifiedWhen: (localItem.AppName ?? '') !== (localItemOrig.AppName ?? ''), onValueChanged: (e) => { handleAppNameChange(e.target.value); } }), _jsx(TMTextExpression, { label: SDKUI_Localizator.Arguments, value: localItem.AppArgs, valueOrig: localItemOrig.AppArgs, tid: wf?.MTID, onValueChanged: (newValue) => { handleAppArgsChange(newValue); } }), _jsx(TMCultureIDPicker, { label: SDKUI_Localizator.Format, selectedValue: localItem.FormatCultureID, isModifiedWhen: localItem.FormatCultureID !== localItemOrig.FormatCultureID, openChooserBySingleClick: true, onSelectCultureID: handleFormatCultureIDChange })] }));
     };
     // Function to render Approval-specific fields
     const renderApprovalFields = () => {
@@ -419,6 +423,57 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     const renderRunAppFields = () => {
         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, isModifiedWhen: localItem.Description !== localItemOrig.Description, onValueChanged: handleLocalizedDescriptionChange }), renderAppFields()] }));
     };
+    const handleRegAsWfInstPartChange = useCallback((newValue) => {
+        setLocalItem(prevLocalItem => ({
+            ...prevLocalItem,
+            RegAsWfInstPart: newValue
+        }));
+    }, []);
+    const renderNotificationFields = () => {
+        const qdForRecipientsEditor = localItem.QD ?? SearchEngine.NewQueryDescriptor();
+        if (!qdForRecipientsEditor.from) {
+            qdForRecipientsEditor.from = new FromItem();
+        }
+        qdForRecipientsEditor.from.tid = wf?.MTID;
+        const { andRecipients } = useMemo(() => {
+            return tosToActors(localItem.Tos ?? '');
+        }, [localItem.Tos]);
+        const handleQDChosen = useCallback((newQd, orValue) => {
+            const allRecipients = [...andRecipients];
+            const updatedRecipients = allRecipients.filter(r => r.ActorType !== WorkItemActorTypes.QID);
+            const recipientToAdd = {
+                ActorType: WorkItemActorTypes.QID,
+                ActorID: newQd.id ? newQd.id.toString() : '-1',
+                Or: orValue,
+            };
+            updatedRecipients.push(recipientToAdd);
+            const newTos = actorsToTos(updatedRecipients);
+            handleTosChange(newTos);
+            handleSetRuleQDChange(newQd);
+        }, [andRecipients]);
+        const handleAddRecipients = useCallback((newRecipients, orValue) => {
+            const { andRecipients } = tosToActors(localItem.Tos ?? '');
+            let allRecipients = [...andRecipients];
+            // 1. Rimuovi qualsiasi QID esistente se il nuovo destinatario è una query
+            if (newRecipients.length > 0 && newRecipients[0].ActorType === WorkItemActorTypes.QID) {
+                allRecipients = allRecipients.filter(r => r.ActorType !== WorkItemActorTypes.QID);
+            }
+            const updatedRecipients = [...allRecipients, ...newRecipients.map(r => ({ ...r, Or: orValue }))];
+            const newTos = actorsToTos(updatedRecipients);
+            handleTosChange(newTos);
+        }, [localItem.Tos, handleTosChange]);
+        const handleRemoveRecipient = useCallback((recipientToRemove) => {
+            const { andRecipients } = tosToActors(localItem.Tos ?? '');
+            const allRecipients = [...andRecipients];
+            const updatedRecipients = allRecipients.filter(r => r.ActorType !== recipientToRemove.ActorType || r.ActorID !== recipientToRemove.ActorID || r.Or !== recipientToRemove.Or);
+            const newTos = actorsToTos(updatedRecipients);
+            handleTosChange(newTos);
+            if (recipientToRemove.ActorType === WorkItemActorTypes.QID) {
+                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 ?? ''), valueOrig: undefined }), _jsx(TMDropDown, { label: "Gravit\u00E0", dataSource: SEVERITY_DATASOURCE, value: localItem.Severity, isModifiedWhen: localItem.Severity !== localItemOrig.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: "Destinatari", tid: wf?.MTID, qd: qdForRecipientsEditor, onQDChange: (newQd) => newQd && handleQDChosen(newQd, 0), onAdd: (newRecipients) => handleAddRecipients(newRecipients, 0), onRemove: handleRemoveRecipient })] }));
+    };
     const renderForm = () => {
         let specificFields;
         switch (localItem.Type) {
@@ -448,6 +503,9 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             case DiagramItemTypes.RunApp:
                 specificFields = renderRunAppFields();
                 break;
+            case DiagramItemTypes.Notification:
+                specificFields = renderNotificationFields();
+                break;
             default:
                 specificFields = null;
         }

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

@@ -599,7 +599,7 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
         const isNonLinearConnection = isConnectionNonLinear(sourceRect, sinkRect, sourceConnectorName, sinkConnectorName);
         let pathPoints = [];
         let sinkArrowAngle = 0;
-        const offset = 15;
+        const offsetStub = 15;
         const bypassBuffer = 50;
         const getDirection = (connectorName) => {
             if (connectorName === 'Left' || connectorName === 'Right')
@@ -611,16 +611,16 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
         let startStubPoint;
         switch (connection.Source.ConnectorName) {
             case 'Right':
-                startStubPoint = { x: sourcePoint.x + offset, y: sourcePoint.y };
+                startStubPoint = { x: sourcePoint.x + offsetStub, y: sourcePoint.y };
                 break;
             case 'Left':
-                startStubPoint = { x: sourcePoint.x - offset, y: sourcePoint.y };
+                startStubPoint = { x: sourcePoint.x - offsetStub, y: sourcePoint.y };
                 break;
             case 'Bottom':
-                startStubPoint = { x: sourcePoint.x, y: sourcePoint.y + offset };
+                startStubPoint = { x: sourcePoint.x, y: sourcePoint.y + offsetStub };
                 break;
             case 'Top':
-                startStubPoint = { x: sourcePoint.x, y: sourcePoint.y - offset };
+                startStubPoint = { x: sourcePoint.x, y: sourcePoint.y - offsetStub };
                 break;
             default: startStubPoint = sourcePoint;
         }
@@ -629,16 +629,16 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
         let endStubPoint;
         switch (connection.Sink.ConnectorName) {
             case 'Right':
-                endStubPoint = { x: sinkPoint.x + offset, y: sinkPoint.y };
+                endStubPoint = { x: sinkPoint.x + offsetStub, y: sinkPoint.y };
                 break;
             case 'Left':
-                endStubPoint = { x: sinkPoint.x - offset, y: sinkPoint.y };
+                endStubPoint = { x: sinkPoint.x - offsetStub, y: sinkPoint.y };
                 break;
             case 'Bottom':
-                endStubPoint = { x: sinkPoint.x, y: sinkPoint.y + offset };
+                endStubPoint = { x: sinkPoint.x, y: sinkPoint.y + offsetStub };
                 break;
             case 'Top':
-                endStubPoint = { x: sinkPoint.x, y: sinkPoint.y - offset };
+                endStubPoint = { x: sinkPoint.x, y: sinkPoint.y - offsetStub };
                 break;
             default: endStubPoint = sinkPoint;
         }

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

@@ -1,5 +1,11 @@
 import React from 'react';
 import { QueryDescriptor } from '@topconsultnpm/sdk-ts-beta';
+import { WorkItemActor } from './RecipientList';
+export declare const tosToActors: (tosString: string) => {
+    andRecipients: WorkItemActor[];
+    orRecipients: WorkItemActor[];
+};
+export declare const actorsToTos: (actors: WorkItemActor[]) => string;
 interface WorkitemRecipientsEditorProps {
     tos: string;
     qd: QueryDescriptor | undefined;

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

@@ -7,7 +7,7 @@ const RecipientsContainer = styled.div `
   gap: 20px;
   flex-wrap: wrap;
 `;
-const tosToActors = (tosString) => {
+export const tosToActors = (tosString) => {
     const andRecipients = [];
     const orRecipients = [];
     if (!tosString)
@@ -40,7 +40,7 @@ const tosToActors = (tosString) => {
     }
     return { andRecipients, orRecipients };
 };
-const actorsToTos = (actors) => {
+export const actorsToTos = (actors) => {
     return actors.map(actor => `${WorkItemActorTypes[actor.ActorType]}|${actor.ActorID}|${actor.Or}`).join(';');
 };
 const WorkitemRecipientsEditor = ({ tos, qd, mTID, onTosChange, onQDChange }) => {

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

@@ -1,4 +1,4 @@
-import { CultureIDs, QueryDescriptor, WFAppTypes, WorkItemSetRules, WorkItemStatus } from "@topconsultnpm/sdk-ts-beta";
+import { CultureIDs, QueryDescriptor, Severities, WFAppTypes, WorkItemSetRules, WorkItemStatus } from "@topconsultnpm/sdk-ts-beta";
 import { MetadataValueDescriptorEx } from "../../../../ts";
 export declare enum DiagramItemTypes {
     None = 0,
@@ -66,7 +66,7 @@ export interface DiagramItem {
     QD?: QueryDescriptor;
     SOD?: string;
     MetadataValues?: MetadataValueDescriptorEx[];
-    Severity?: number;
+    Severity?: Severities;
     RegAsWfInstPart?: number;
     FormatCultureID?: CultureIDs | undefined;
     Tos2?: string;

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/query/TMQueryEditor.js

@@ -877,7 +877,7 @@ const TMQdWhereItemValue = ({ whereItem, index, queryParamsDynDataList, onlyEdit
                     mdOut?.id && SDK_Globals.tmSession?.NewSearchEngine().GetDynDataListValuesAsync(whereItem.tid, mdOut?.id, LayoutModes.None, queryParamsDynDataList ?? []).then((result) => {
                         TMSpinner.hide();
                         setDataSource(result);
-                    }).catch((err) => { TMExceptionBoxManager.show({ exception: err }); });
+                    }).catch((err) => { TMSpinner.hide(); TMExceptionBoxManager.show({ exception: err }); });
                     break;
                 }
                 case MetadataDataDomains.UserID:

package/package.json

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

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

@@ -1,11 +0,0 @@
-import React from "react";
-import { Colors, ITMEditorBase } from './TMEditorBase';
-interface ITMDropDown extends ITMEditorBase {
-    dataSource?: any[];
-    color?: Colors;
-    value?: string | number;
-    disabled?: boolean;
-    onValueChanged?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-}
-declare const TMDropDown: React.FC<ITMDropDown>;
-export default TMDropDown;

package/lib/components/base/TMDropDown.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import styled from 'styled-components';
-import { FontSize } from '../../utils/theme';
-import { getColor } from "../../helper/helpers";
-const StyledDropDownContainer = styled.div.withConfig({ shouldForwardProp: prop => !['labelPosition'].includes(prop) }) `
-    width: ${props => props.width};
-    display: flex;
-    flex-direction: ${props => props.labelPosition === 'left' ? 'row' : 'column'};
-    justify-content: flex-start;
-    align-items: ${props => props.labelPosition === 'left' ? 'center' : 'flex-start'};;
-    position: relative;
-`;
-const StyledDropDown = styled.select.withConfig({ shouldForwardProp: prop => !['flexBase'].includes(prop) }) `
-    width: ${props => props.width};
-    padding: 3px 15px 3px 5px;
-    border: 1px solid;
-    border-color: ${props => !props.disabled ? getColor(props.color) : 'rgb(180,180,180)'};;
-    color: ${props => getColor(props.color)};
-    border-radius: 5px;
-    min-width: 70px;
-    /* &:focus{
-        outline: none;
-    } */
-    font-size: ${props => props.fontSize};
-    flex: ${props => 10 - props.flexBase};
-    &::placeholder {
-        /* color: ${props => getColor(props.color)}; */
-        font-size: ${props => props.fontSize};
-    }
-`;
-const StyledDropDownIcon = styled.div.withConfig({ shouldForwardProp: prop => !['labelPosition'].includes(prop) }) `
-    color: ${props => !props.disabled ? getColor(props.color) : 'rgb(180,180,180)'};
-    width: 25px;
-    height: 25px;
-    margin-right: 2px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 18px;
-    user-select: none;
-`;
-const StyledDropDownLabel = styled.div.withConfig({ shouldForwardProp: prop => !['flexBase'].includes(prop) }) `
-    font-size: ${props => props.fontSize} ;
-    color: ${props => !props.disabled ? getColor(props.color) : 'rgb(180,180,180)'};
-    flex: ${props => props.flexBase};
-    transform: translateY(1px);
-    user-select: none;
-    padding-right: 10px;
-`;
-const TMDropDown = ({ disabled = false, elementStyle, isModifiedWhen, labelPosition = 'left', flexBase = 1, label, icon, width = '100%', fontSize = FontSize.defaultFontSize, dataSource, color = 'primary', value, onValueChanged }) => {
-    const [currentColor, setCurrentColor] = useState(color);
-    useEffect(() => {
-        setCurrentColor(isModifiedWhen ? 'tertiary' : color);
-    }, [isModifiedWhen, color]);
-    const renderedLeftLabelTextBox = () => {
-        return (_jsx("div", { style: { display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'flex-start', width: '100%' }, children: _jsxs(StyledDropDownContainer, { labelPosition: labelPosition, width: width, children: [icon && _jsx(StyledDropDownIcon, { disabled: disabled, labelPosition: labelPosition, color: currentColor, children: icon }), label && _jsx(StyledDropDownLabel, { disabled: disabled, flexBase: flexBase, color: currentColor, fontSize: fontSize, children: label }), _jsx(StyledDropDown, { disabled: disabled, flexBase: flexBase, fontSize: fontSize, width: width, color: currentColor, value: value, onChange: onValueChanged, children: dataSource?.map((data, index) => (_jsx("option", { value: data.value, children: data.display }, index))) })] }) }));
-    };
-    const renderedTopLabelTextBox = () => {
-        return (_jsxs(StyledDropDownContainer, { labelPosition: labelPosition, width: width, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginBottom: '2px', marginTop: '3px', width: '100%' }, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center' }, children: [icon && _jsx(StyledDropDownIcon, { disabled: disabled, labelPosition: labelPosition, color: currentColor, children: icon }), label && _jsx(StyledDropDownLabel, { disabled: disabled, flexBase: flexBase, color: currentColor, fontSize: fontSize, children: label })] }) }), _jsx("div", { style: { width: '100%', display: 'flex', flexDirection: 'row', position: 'relative' }, children: _jsx(StyledDropDown, { disabled: disabled, flexBase: flexBase, fontSize: fontSize, width: width, color: currentColor, value: value, onChange: onValueChanged, children: dataSource?.map((data, index) => (_jsx("option", { value: data.value, children: data.display }, index))) }) })] }));
-    };
-    return (_jsx("div", { style: elementStyle, children: labelPosition === 'left' ? renderedLeftLabelTextBox() : renderedTopLabelTextBox() }));
-};
-export default TMDropDown;