@topconsultnpm/sdkui-react-beta 6.16.28 → 6.16.30

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ITopMediaSession } from '@topconsultnpm/sdk-ts-beta';
+import { ITMEditorBase } from '../base/TMEditorBase';
+interface ITMPathChooser extends ITMEditorBase {
+    onValueChanged?: (e: string) => void;
+    allowBrowseFile_Area?: boolean;
+    allowBrowseFolder_Area?: boolean;
+    allowParametricPath?: boolean;
+    tmSession?: ITopMediaSession;
+}
+declare const TMPathChooser: React.FunctionComponent<ITMPathChooser>;
+export default TMPathChooser;

package/lib/components/choosers/TMPathChooser.js

@@ -0,0 +1,147 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { SDK_Globals, FileFormats } from '@topconsultnpm/sdk-ts-beta';
+import { IconFileDots, SDKUI_Localizator, IconSearch, IconDownload, Globalization, AreaHelper } from '../../helper';
+import { TMColors } from '../../utils/theme';
+import ShowAlert from '../base/TMAlert';
+import TMAreaManager from '../base/TMAreaManager';
+import TMButton from '../base/TMButton';
+import { TMLayoutItem } from '../base/TMLayout';
+import TMModal from '../base/TMModal';
+import { TMExceptionBoxManager } from '../base/TMPopUp';
+import { TMLayoutWaitingContainer } from '../base/TMWaitPanel';
+import TMTextBox from '../editors/TMTextBox';
+let abortController = new AbortController();
+const TMPathChooser = (props) => {
+    //const [path, setPath] = useState<string>(props.value)
+    const [elementStyle, setElementStyle] = useState(props.elementStyle);
+    const [showAreaFile, setShowAreaFile] = useState(false);
+    const [showAreaFolder, setShowAreaFolder] = useState(false);
+    const [areaFolderPath, setAreaFolderPath] = useState();
+    const [areaFilePath, setAreaFilePath] = useState();
+    const [showAreaManager, setShowAreaManager] = useState(false);
+    const [downloadLink, setDownloadLink] = useState(null);
+    const [file, setFile] = useState(null);
+    const [showWaitPanel, setShowWaitPanel] = useState(false);
+    const [waitPanelTitle, setWaitPanelTitle] = useState('');
+    const [showSecondary, setShowSecondary] = useState(false);
+    const [waitPanelTextSecondary, setWaitPanelTextSecondary] = useState('');
+    const [waitPanelValueSecondary, setWaitPanelValueSecondary] = useState(0);
+    const [waitPanelMaxValueSecondary, setWaitPanelMaxValueSecondary] = useState(0);
+    const formulaItems = ['{@JobName}', '{@JobStartDate}', '{@JobStartDateTime}', '{@ProcessRunID}', '{@ProcessName}', '{@ProcessStartDate}', '{@ProcessStartDateTime}'];
+    //useEffect(() => { setPath(props.value) }, [props.value])
+    useEffect(() => {
+        if (props.elementStyle) {
+            let style = { width: "100%", ...props.elementStyle };
+            setElementStyle(style);
+        }
+    }, [props.elementStyle]);
+    useEffect(() => {
+        if (file && file !== null) {
+            const fileURL = window.URL?.createObjectURL(file);
+            downloadLink.href = fileURL;
+            downloadLink.download = file?.name;
+            downloadLink.click();
+        }
+    }, [file]);
+    /*useEffect(() => {
+      return () => { setFile(null); }
+    }, [path])*/
+    const browseFile_Area = () => {
+        setShowAreaFile(true);
+        setShowAreaManager(true);
+    };
+    const browseFolder_Area = () => {
+        setShowAreaFolder(true);
+        setShowAreaManager(true);
+    };
+    const getParentDir = (str) => {
+        const newStr = str.slice(0, -1);
+        const index = newStr.lastIndexOf('\\');
+        const parent = str.substring(0, index);
+        return parent + '\\';
+    };
+    const areaChoose = () => {
+        setShowAreaManager(false);
+        if (showAreaFolder) {
+            if (areaFilePath)
+                props.onValueChanged?.(getParentDir(areaFilePath) || '');
+            else
+                props.onValueChanged?.(areaFolderPath ?? '');
+            setShowAreaFolder(false);
+        }
+        else if (showAreaFile) {
+            props.onValueChanged?.(areaFilePath ?? '');
+            setShowAreaFile(false);
+        }
+    };
+    const renderButtons = () => {
+        let buttons = [];
+        if (props.allowBrowseFile_Area)
+            buttons.push({
+                icon: _jsx(IconFileDots, {}), text: SDKUI_Localizator.BrowseAreaFile, onClick: () => { browseFile_Area(); }
+            });
+        if (props.allowBrowseFolder_Area)
+            buttons.push({ icon: _jsx(IconSearch, {}), text: SDKUI_Localizator.BrowseAreaFolder, onClick: () => browseFolder_Area() });
+        if (props.value !== '' && !props.allowBrowseFolder_Area) {
+            let dlLink = document.createElement('a');
+            dlLink.target = "_blank";
+            dlLink.rel = "noreferrer";
+            buttons.push({
+                icon: _jsx(IconDownload, { color: TMColors.success }), text: 'Download', onClick: () => {
+                    onFileDownloadHandler();
+                    setDownloadLink(dlLink);
+                }
+            });
+        }
+        ;
+        return buttons;
+    };
+    const onFileDownloadHandler = async () => {
+        try {
+            let av = AreaHelper.ExtractAreaInfo_2(props.value, true);
+            let doc;
+            let tms = props.tmSession ?? SDK_Globals.tmSession;
+            setShowWaitPanel(true);
+            setShowSecondary(true);
+            setWaitPanelTitle("Download");
+            abortController = new AbortController();
+            let firstBlock = true;
+            let maxFileSize = 0;
+            doc = await tms?.NewAreaEngine().RetrieveFileAsync(av.aid, av.subFolder, av.fileName, FileFormats.None, abortController.signal, (pd) => {
+                if (firstBlock) {
+                    maxFileSize = pd.ProgressBarMaximum ?? 0;
+                    setWaitPanelMaxValueSecondary(maxFileSize);
+                    firstBlock = false;
+                }
+                setWaitPanelValueSecondary(pd.ProgressBarValue);
+                setWaitPanelTextSecondary(`Downloading... ${Globalization.getNumberDisplayValue(pd.ProgressBarValue, true)} / ${Globalization.getNumberDisplayValue(maxFileSize, true)}`);
+                if (pd.ProgressBarValue === pd.ProgressBarMaximum) {
+                    setWaitPanelMaxValueSecondary(0);
+                    setWaitPanelValueSecondary(0);
+                    setWaitPanelTextSecondary('');
+                    firstBlock = true;
+                }
+            });
+            setFile(doc);
+        }
+        catch (ex) {
+            const err = ex;
+            if (err.name === 'CanceledError') {
+                ShowAlert({ message: err.message, mode: 'warning', duration: 3000, title: 'Abort' });
+            }
+            else
+                TMExceptionBoxManager.show({ exception: ex });
+            setFile(null);
+        }
+        finally {
+            setWaitPanelTextSecondary('');
+            setWaitPanelMaxValueSecondary(0);
+            setWaitPanelValueSecondary(0);
+            setShowWaitPanel(false);
+        }
+    };
+    return (_jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: [_jsx(TMLayoutItem, { children: _jsx(TMTextBox, { buttons: renderButtons(), elementStyle: elementStyle, formulaItems: props.allowParametricPath ? formulaItems : [], isModifiedWhen: props.isModifiedWhen, label: props.label, value: props.value || '', onValueChanged: (e) => { /*setPath(e.target.value);*/ props.onValueChanged?.(e.target.value); }, validationItems: props.validationItems }) }), showAreaManager &&
+                _jsxs(TMModal, { resizable: true, width: '80%', onClose: () => setShowAreaManager(false), children: [_jsx(TMAreaManager, { showOnlyFolders: props.allowBrowseFolder_Area && !props.allowBrowseFile_Area, initialPath: props.value, onFolderChanged: (folder) => setAreaFolderPath(folder), onFileChanged: (file) => setAreaFilePath(file), isPathChooser: true, areaChoose: areaChoose, width: '98%', height: props.allowBrowseFile_Area ? '70vh' : '90%', tmSession: props.tmSession, selectionMode: 'single' }), _jsx("div", { style: { position: 'absolute', right: '22px', bottom: '8px' }, children: _jsx(TMButton, { caption: 'OK', onClick: () => areaChoose() }) })] })] }));
+};
+export default TMPathChooser;

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

@@ -4,6 +4,7 @@ export declare const getCultureIDImg: (cultureID: CultureIDs) => any;
 interface TMLocalizedTextBoxProps {
     label: string;
     value?: string;
+    isModifiedWhen?: boolean;
     value_IT?: string;
     value_EN?: string;
     value_FR?: string;

package/lib/components/editors/TMLocalizedTextBox.js

@@ -57,7 +57,7 @@ export const getCultureIDImg = (cultureID) => {
         default: return it;
     }
 };
-const TMLocalizedTextBox = ({ label, value, value_IT, value_EN, value_FR, value_PT, value_ES, value_DE, onValueChanged, }) => {
+const TMLocalizedTextBox = ({ label, value, value_IT, value_EN, value_FR, value_PT, value_ES, value_DE, isModifiedWhen, onValueChanged, }) => {
     // const [isModalOpen, setIsModalOpen] = useState(false);
     const [isPopoverVisible, setIsPopoverVisible] = useState(false);
     const popoverRef = useRef(null);
@@ -90,6 +90,6 @@ const TMLocalizedTextBox = ({ label, value, value_IT, value_EN, value_FR, value_
         icon: (_jsxs(IconContainer, { children: [_jsx(IconLanguage, {}), localizedCount > 0 && _jsx(Badge, { children: localizedCount })] })),
         onClick: handleTogglePopover,
     };
-    return (_jsxs(LocalizedContainer, { ref: popoverRef, children: [_jsx(TMTextBox, { type: "text", label: label, value: value, buttons: [localizationButton], onValueChanged: (e) => onValueChanged(CultureIDs.None, e.target.value) }), _jsx(Popover, { "$isVisible": isPopoverVisible, children: languages.map((lang) => (_jsx(TMTextBox, { label: `${lang.label}`, showClearButton: true, icon: _jsx("img", { src: getCultureIDImg(lang.code), alt: "Lang", width: 18, height: 18 }), value: lang.value || '', onValueChanged: (e) => onValueChanged(lang.code, e.target.value) }, lang.code))) })] }));
+    return (_jsxs(LocalizedContainer, { ref: popoverRef, children: [_jsx(TMTextBox, { type: "text", label: label, value: value, isModifiedWhen: isModifiedWhen, buttons: [localizationButton], onValueChanged: (e) => onValueChanged(CultureIDs.None, e.target.value) }), _jsx(Popover, { "$isVisible": isPopoverVisible, children: languages.map((lang) => (_jsx(TMTextBox, { label: `${lang.label}`, showClearButton: true, icon: _jsx("img", { src: getCultureIDImg(lang.code), alt: "Lang", width: 18, height: 18 }), value: lang.value || '', onValueChanged: (e) => onValueChanged(lang.code, e.target.value) }, lang.code))) })] }));
 };
 export default TMLocalizedTextBox;

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

@@ -5,6 +5,7 @@ interface ITMTextExpression extends ITMEditorBase {
     value: string | undefined;
     valueOrig: string | undefined;
     qd?: QueryDescriptor;
+    tid?: number;
     formulaItems?: string[];
     label?: string;
     titleChooser?: string;

package/lib/components/editors/TMTextExpression.js

@@ -11,6 +11,7 @@ const TMTextExpression = (props) => {
     const [showMetadataChooser, setShowMetadataChooser] = useState(false);
     const [showFormulaChooser, setShowFormulaChooser] = useState(false);
     useEffect(() => { MetadataInfos_Source_Get_Async(); }, [props.qd]);
+    useEffect(() => { MetadataInfos_Source_GetByTID_Async(); }, [props.tid]);
     async function MetadataInfos_Source_Get_Async() {
         if (!props.qd?.select)
             return;
@@ -46,13 +47,36 @@ const TMTextExpression = (props) => {
         }
         setMetadatas_Info_Source(mhs_source);
     }
+    async function MetadataInfos_Source_GetByTID_Async() {
+        if (!props.tid)
+            return;
+        let mhs_source = [];
+        try {
+            let dtd_source = await DcmtTypeListCacheService.GetAsync(props.tid, true);
+            if (dtd_source == undefined)
+                return;
+            if (dtd_source?.metadata == undefined)
+                return;
+            for (let md_source of dtd_source?.metadata) {
+                if (md_source?.name == undefined)
+                    continue;
+                if (md_source?.id == undefined)
+                    continue;
+                mhs_source.push(new MetatadaHelper(md_source.id, md_source.name));
+            }
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e, title: 'MetadataInfos_Source_GetByTID_Async' });
+        }
+        setMetadatas_Info_Source(mhs_source);
+    }
     function Expression_IDs2Names(expression) {
         if (expression == undefined)
             return expression;
         let temp = expression.slice();
         let mh;
         for (mh of metadatas_Info_Source) {
-            temp = temp.replaceAll(mh.Mid.toString(), mh.MetadataName);
+            temp = temp.replaceAll(`{@${mh.Mid}}`, `{@${mh.MetadataName}}`);
         }
         temp = temp.replaceAll("{@1}", "{@DID}");
         return temp;
@@ -63,13 +87,13 @@ const TMTextExpression = (props) => {
         let temp = expression.slice();
         let mh;
         for (mh of metadatas_Info_Source)
-            temp = temp.replaceAll(mh.MetadataName, mh.Mid.toString());
+            temp = temp.replaceAll(`{@${mh.MetadataName}}`, `{@${mh.Mid}}`);
         temp = temp.replaceAll("{@DID}", "{@1}");
         return temp;
     }
     const renderButtons = () => {
         let buttons = [];
-        if (props.qd)
+        if (props.qd || props.tid)
             buttons.push({ icon: _jsx(IconColumns, {}), text: SDKUI_Localizator.MetadataReferenceInsert, onClick: () => { setShowMetadataChooser(true); } });
         if (props.formulaItems && props.formulaItems.length > 0)
             buttons.push({ icon: _jsx(IconDataList, {}), text: SDKUI_Localizator.Parameters, onClick: () => setShowFormulaChooser(true) });
@@ -111,7 +135,7 @@ const TMTextExpression = (props) => {
     }
     const openMetadataChooseForm = () => {
         return (showMetadataChooser ?
-            _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, qd: props.qd, qdShowOnlySelectItems: true, allowSysMetadata: true, onClose: () => setShowMetadataChooser(false), onChoose: (tid_mid) => {
+            _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, qd: props.qd, tids: props.tid ? [props.tid] : undefined, qdShowOnlySelectItems: true, allowSysMetadata: true, onClose: () => setShowMetadataChooser(false), onChoose: (tid_mid) => {
                     let list = mdList(tid_mid);
                     props.onValueChanged?.(list);
                 } }) : _jsx(_Fragment, {}));

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

@@ -1,6 +1,7 @@
 import React from 'react';
-import { DiagramItem } from './interfaces';
+import { DiagramItem, WfInfo } from './interfaces';
 interface DiagramItemComponentProps {
+    wf?: WfInfo | null;
     item: DiagramItem;
     isSelected: boolean;
     isCurrent: boolean;

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

@@ -1,8 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';
+import { DiagramItemTypes } from './interfaces';
 import styled, { keyframes, css } from 'styled-components';
 import DiagramItemSvgContent from './DiagramItemSvgContent';
 import { calculateDiagramItemFullDimensions, FONT_SIZE, MAX_ITEM_WIDTH, MAX_LINES, PADDING_HORIZONTAL, PADDING_TOP, SPACING_SVG_TEXT, SVG_ICON_SIZE, wrapText } from './workflowHelpers';
+import { DataListCacheService } from '@topconsultnpm/sdk-ts-beta';
 const blink = keyframes `
   0%, 100% { opacity: 1; }
   50% { opacity: 0.4; }
@@ -80,7 +82,7 @@ const ConnectorHitArea = styled.circle `
   opacity: 0;
   pointer-events: all;
 `;
-const DiagramItemComponent = ({ item, isSelected, isCurrent, readOnly, onClick, onDrag, onDragEnd, onConnectorMouseDown, onConnectorMouseUp, onDimensionsChange, onDoubleClick, }) => {
+const DiagramItemComponent = ({ wf, item, isSelected, isCurrent, readOnly, onClick, onDrag, onDragEnd, onConnectorMouseDown, onConnectorMouseUp, onDimensionsChange, onDoubleClick, }) => {
     const diagramItemRef = useRef(null);
     const textRef = useRef(null);
     const [isDragging, setIsDragging] = useState(false);
@@ -88,6 +90,26 @@ const DiagramItemComponent = ({ item, isSelected, isCurrent, readOnly, onClick,
     const [startDragOffset, setStartDragOffset] = useState(null);
     const [currentPosition, setCurrentPosition] = useState({ x: item.Left, y: item.Top });
     const [textDimensions, setTextDimensions] = useState({ width: 0, height: 0 });
+    const [statusData, setStatusData] = useState(undefined);
+    useEffect(() => {
+        const fetchStatusData = async () => {
+            if (item.Type === DiagramItemTypes.Status && wf?.MStatusDLID) {
+                try {
+                    const fullDataList = await DataListCacheService.GetAsync(wf.MStatusDLID);
+                    const foundItem = fullDataList?.items?.find(o => o.value == item.StatusValue);
+                    setStatusData(foundItem);
+                }
+                catch (error) {
+                    console.error("Errore durante il recupero dei dati di stato:", error);
+                    setStatusData(undefined);
+                }
+            }
+            else {
+                setStatusData(undefined);
+            }
+        };
+        fetchStatusData();
+    }, [item.Type, item.StatusValue, wf?.MStatusDLID]);
     // Calcola le dimensioni totali dell'elemento usando la funzione di utilità
     const { calculatedWidth, calculatedHeight } = useMemo(() => {
         return calculateDiagramItemFullDimensions(item, textDimensions);
@@ -235,7 +257,7 @@ const DiagramItemComponent = ({ item, isSelected, isCurrent, readOnly, onClick,
                 isTruncated = textLines[textLines.length - 1].endsWith('...');
             }
         }
-        return (_jsxs(_Fragment, { children: [isTruncated && _jsx("title", { children: item.ItemName }), _jsx("rect", { x: "0", y: "0", width: calculatedWidth, height: calculatedHeight, className: "item-main-shape" }), _jsx("g", { transform: `translate(${svgX}, ${svgY})`, children: _jsx(DiagramItemSvgContent, { itemType: item.Type, width: iconRenderWidth, height: iconRenderHeight }) }), textLines.length > 0 && (_jsx("text", { ref: textRef, x: calculatedWidth / 2, dominantBaseline: "central", className: "item-text", children: textLines.map((line, index) => (_jsx("tspan", { x: calculatedWidth / 2, dy: index === 0 ? PADDING_TOP + SVG_ICON_SIZE + SPACING_SVG_TEXT : FONT_SIZE + 1, children: line }, index))) })), connectors] }));
+        return (_jsxs(_Fragment, { children: [isTruncated && _jsx("title", { children: item.ItemName }), _jsx("rect", { x: "0", y: "0", width: calculatedWidth, height: calculatedHeight, className: "item-main-shape" }), _jsx("g", { transform: `translate(${svgX}, ${svgY})`, children: _jsx(DiagramItemSvgContent, { itemType: item.Type, width: iconRenderWidth, height: iconRenderHeight, statusData: statusData }) }), textLines.length > 0 && (_jsx("text", { ref: textRef, x: calculatedWidth / 2, dominantBaseline: "central", className: "item-text", children: textLines.map((line, index) => (_jsx("tspan", { x: calculatedWidth / 2, dy: index === 0 ? PADDING_TOP + SVG_ICON_SIZE + SPACING_SVG_TEXT : FONT_SIZE + 1, children: line }, index))) })), connectors] }));
     };
     return (_jsx(StyledDiagramItem, { ref: diagramItemRef, transform: `translate(${currentPosition.x}, ${currentPosition.y})`, "$isSelected": isSelected, "$itemType": item.Type, "$isDragging": isDragging, "$isHovered": isHovered, "$isReadOnly": readOnly, onMouseDown: handleMouseDown, onClick: handleItemClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onDoubleClick: handleDoubleClick, children: _jsx(AnimatingGroup, { "$isCurrent": isCurrent, children: renderContent() }) }));
 };

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

@@ -20,6 +20,8 @@ import TMFormulaEditor, { FormulaDescriptor, FormulaHelper, FormulaTargets } fro
 import TMDistinctValues from '../../../choosers/TMDistinctValues';
 import TMTidViewer from '../../../viewers/TMTidViewer';
 import { TMColors } from '../../../../utils/theme';
+import TMPathChooser from '../../../choosers/TMPathChooser';
+import TMTextExpression from '../../../editors/TMTextExpression';
 const FormContainer = styled.div `
   display: flex;
   flex-direction: column;
@@ -127,8 +129,7 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     }, [localItem]);
     const isModified = useMemo(() => calcIsModified(localItem, localItemOrig), [localItem, localItemOrig]);
     const handleCancel = () => {
-        setLocalItem(localItemOrig); // Revert to the original state
-        onClose();
+        setLocalItem(localItemOrig);
     };
     const handleSave = () => {
         onApply(localItem);
@@ -303,7 +304,7 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     // 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) {
-            return (_jsx(TMLocalizedTextBox, { label: SDKUI_Localizator.Name, value: localItem.ItemName, value_IT: localItem.ItemName_IT, value_EN: localItem.ItemName_EN, value_FR: localItem.ItemName_FR, value_PT: localItem.ItemName_PT, value_ES: localItem.ItemName_ES, value_DE: localItem.ItemName_DE, onValueChanged: handleLocalizedNameChange }));
+            return (_jsx(TMLocalizedTextBox, { label: SDKUI_Localizator.Name, value: localItem.ItemName, isModifiedWhen: localItem.ItemName !== localItemOrig.ItemName, value_IT: localItem.ItemName_IT, value_EN: localItem.ItemName_EN, value_FR: localItem.ItemName_FR, value_PT: localItem.ItemName_PT, value_ES: localItem.ItemName_ES, value_DE: localItem.ItemName_DE, onValueChanged: handleLocalizedNameChange }));
         }
         return null;
     };
@@ -328,7 +329,9 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
         return (_jsx(TMDataListItemPicker, { dataListID: wf?.MStatusDLID, selectedValue: localItem.StatusValue, onItemSelect: handleStatusChange }));
     };
     const renderAppFields = () => {
-        return (_jsxs(_Fragment, { children: [_jsx(TMDropDown, { label: SDKUI_Localizator.WorkflowAppType, dataSource: APP_TYPES_DATASOURCE, value: localItem.AppType, onValueChanged: (e) => { handleAppTypeChange(e.target.value); } }), _jsx(TMTextBox, { label: SDKUI_Localizator.WorkflowAppName, value: localItem.AppName, onValueChanged: (e) => { handleAppNameChange(e.target.value); } }), _jsx(TMTextBox, { label: SDKUI_Localizator.Arguments, value: localItem.AppArgs, onValueChanged: (e) => { handleAppArgsChange(e.target.value); } }), _jsx(TMDropDown, { label: SDKUI_Localizator.Format, dataSource: CULTUREIDs_DATASOURCE, value: localItem.FormatCultureID, onValueChanged: (e) => { handleFormatCultureIDChange(e.target.value); } })] }));
+        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); } })] }));
     };
     // Function to render Approval-specific fields
     const renderApprovalFields = () => {
@@ -340,7 +343,7 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             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(WorkitemRecipientsEditor, { tos: localItem.Tos ?? '', mTID: wf?.MTID, qd: qdForRecipientsEditor, onTosChange: handleTosChange, onQDChange: handleSetRuleQDChange }), _jsxs(FlexContainer, { children: [_jsx(TMDropDown, { label: SDKUI_Localizator.WorkflowRecipientSetRule, elementStyle: { width: '320px' }, dataSource: SET_RULE_DATASOURCE, value: localItem.SetRule, onValueChanged: (e) => { handleSetRuleChange(e.target.value); } }), _jsx(TMCheckBox, { value: localItem.AllowZeroTos ?? 0, label: SDKUI_Localizator.WorkflowAllowZeroTos, isModifiedWhen: localItem.AllowZeroTos !== localItemOrig.AllowZeroTos, onValueChanged: handleAllowZeroTosChange })] }), localItem.Type === DiagramItemTypes.ExecTask &&
+        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 }), _jsx(WorkitemRecipientsEditor, { tos: localItem.Tos ?? '', mTID: wf?.MTID, qd: qdForRecipientsEditor, onTosChange: handleTosChange, onQDChange: handleSetRuleQDChange }), _jsxs(FlexContainer, { children: [_jsx(TMDropDown, { label: SDKUI_Localizator.WorkflowRecipientSetRule, elementStyle: { width: '320px' }, dataSource: SET_RULE_DATASOURCE, value: localItem.SetRule, isModifiedWhen: localItem.SetRule !== localItemOrig.SetRule, onValueChanged: (e) => { handleSetRuleChange(e.target.value); } }), _jsx(TMCheckBox, { value: localItem.AllowZeroTos ?? 0, label: SDKUI_Localizator.WorkflowAllowZeroTos, isModifiedWhen: localItem.AllowZeroTos !== localItemOrig.AllowZeroTos, onValueChanged: handleAllowZeroTosChange })] }), localItem.Type === DiagramItemTypes.ExecTask &&
                     _jsxs(BoxContainer, { children: [_jsx(HeaderContainer, { children: _jsx("span", { children: SDKUI_Localizator.Application }) }), renderAppFields()] })] }));
     };
     // Function to render UpdateDcmt-specific fields
@@ -396,7 +399,7 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
                     break;
             }
         }, []);
-        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 }), _jsxs(BoxContainer, { children: [_jsx(HeaderContainer, { children: _jsx(TMTidViewer, { tid: wf?.MTID, showIcon: true }) }), _jsx(TMMetadataValues, { TID: wf?.MTID, isExpertMode: true, checkPerms: false, showCheckBoxes: ShowCheckBoxesMode.AlwaysReadOnly, showNullValueCheckBoxes: true, metadataValues: metadataValues, metadataValuesOrig: metadataValuesOrig, validationItems: validationItems, isOpenDistinctValues: showDistinctValuesPanel, selectedMID: focusedMetadataValue?.mid, onFocusedItemChanged: (item) => setFocusedMetadataValue(item), onAdvancedMenuClick: handleAdvancedMenuClick, onValueChanged: handleMetadataValuesChanged }), showDistinctValuesPanel && focusedMetadataValue &&
+        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 }), _jsxs(BoxContainer, { children: [_jsx(HeaderContainer, { children: _jsx(TMTidViewer, { tid: wf?.MTID, showIcon: true }) }), _jsx(TMMetadataValues, { TID: wf?.MTID, isExpertMode: true, checkPerms: false, showCheckBoxes: ShowCheckBoxesMode.AlwaysReadOnly, showNullValueCheckBoxes: true, metadataValues: metadataValues, metadataValuesOrig: metadataValuesOrig, validationItems: validationItems, isOpenDistinctValues: showDistinctValuesPanel, selectedMID: focusedMetadataValue?.mid, onFocusedItemChanged: (item) => setFocusedMetadataValue(item), onAdvancedMenuClick: handleAdvancedMenuClick, onValueChanged: handleMetadataValuesChanged }), showDistinctValuesPanel && focusedMetadataValue &&
                             _jsx(TMDistinctValues, { isModal: true, tid: TID, mid: focusedMetadataValue?.mid, separator: ', ', allowAppendMode: false, onClosePanelCallback: () => setShowDistinctValuesPanel(false), onSelectionChanged: (e) => {
                                     if (!e)
                                         return;
@@ -414,7 +417,7 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     };
     // Function to render RunApp-specific fields
     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, onValueChanged: handleLocalizedDescriptionChange }), renderAppFields()] }));
+        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 renderForm = () => {
         let specificFields;

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

@@ -1,10 +1,12 @@
 import React from 'react';
 import { DiagramItemTypes } from './interfaces';
+import { DataListItemDescriptor } from '@topconsultnpm/sdk-ts-beta';
 interface DiagramItemSvgContentProps {
     itemType: DiagramItemTypes;
     width: number;
     height: number;
     isToolboxPreview?: boolean;
+    statusData?: DataListItemDescriptor;
 }
 declare const DiagramItemSvgContent: React.FC<DiagramItemSvgContentProps>;
 export default DiagramItemSvgContent;

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { DiagramItemTypes } from './interfaces'; // Assicurati che il percorso sia corretto
 import styled from 'styled-components';
+import { TMImageLibrary } from '../../../../helper';
 // Stili per il contenitore SVG nella toolbox per centrare l'elemento
 const StyledToolboxSvgContainer = styled.div `
     width: 100%;
@@ -15,7 +16,7 @@ const StyledToolboxSvgContainer = styled.div `
         display: block; // Rimuove spazi extra sotto l'SVG
     }
 `;
-const DiagramItemSvgContent = ({ itemType, width, height, isToolboxPreview = false }) => {
+const DiagramItemSvgContent = ({ itemType, width, height, isToolboxPreview = false, statusData }) => {
     const PADDING = 10;
     // ICON_SIZE e SMALL_ICON_SIZE possono essere regolati a seconda se è una preview o l'elemento reale
     const ICON_SIZE = isToolboxPreview ? Math.min(width, height) * 0.6 : 40;
@@ -39,7 +40,19 @@ const DiagramItemSvgContent = ({ itemType, width, height, isToolboxPreview = fal
             svgContent = (_jsx("polygon", { points: `${svgCenterX},${PADDING} ${calculatedWidth - PADDING},${svgCenterY} ${svgCenterX},${calculatedHeight - PADDING} ${PADDING},${svgCenterY}`, fill: "#87d1df", stroke: "#62d3e2", strokeWidth: "2" }));
             break;
         case DiagramItemTypes.Status:
-            svgContent = (_jsx("svg", { x: svgCenterX - ICON_SIZE / 2, y: svgCenterY - ICON_SIZE / 2, width: ICON_SIZE, height: ICON_SIZE, viewBox: "0 0 24 24", fill: "orange", children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }) }));
+            // Se i dati non sono disponibili o è una preview, mostra l'icona di fallback
+            if (isToolboxPreview || !statusData?.imageID) {
+                svgContent = (_jsx("svg", { x: svgCenterX - ICON_SIZE / 2, y: svgCenterY - ICON_SIZE / 2, width: ICON_SIZE, height: ICON_SIZE, viewBox: "0 0 24 24", fill: "orange", children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }) }));
+            }
+            else { // Altrimenti, mostra l'immagine personalizzata
+                svgContent = (_jsx("foreignObject", { x: (width - ICON_SIZE) / 2, y: (height - ICON_SIZE) / 2, width: ICON_SIZE, height: ICON_SIZE, children: _jsx("div", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            width: '100%',
+                            height: '100%'
+                        }, children: statusData?.imageID && _jsx(TMImageLibrary, { imageID: statusData.imageID }) }) }));
+            }
             break;
         case DiagramItemTypes.DataEntry:
         case DiagramItemTypes.Approval:

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

@@ -3,7 +3,7 @@ import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
 import { DiagramItemTypes, ArrowSymbol } from './interfaces';
 import { parseWfDiagramXml } from './xmlParser';
 import styled from 'styled-components';
-import { WorkItemStatus } from "@topconsultnpm/sdk-ts-beta";
+import { CultureIDs, WFAppTypes, WorkItemStatus } from "@topconsultnpm/sdk-ts-beta";
 import ConnectionComponent from './ConnectionComponent';
 import DiagramItemComponent from './DiagramItemComponent';
 import DiagramItemSvgContent from './DiagramItemSvgContent';
@@ -339,12 +339,17 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
         if (!wfDiagram || (selectedItems.size === 0 && selectedConnections.size === 0)) {
             return;
         }
+        // 1. Filtra i nodi "Start" e "End" dal set di elementi selezionati
+        const nonDeletableItems = wfDiagram.DiagramItems.filter(item => item.Type === DiagramItemTypes.Start || item.Type === DiagramItemTypes.End);
+        const deletableSelectedItems = new Set([...selectedItems].filter(id => !nonDeletableItems.some(item => item.ID === id)));
         let newDiagramItems = wfDiagram.DiagramItems;
         let newConnections = wfDiagram.Connections;
-        if (selectedItems.size > 0) {
-            newDiagramItems = wfDiagram.DiagramItems.filter(item => !selectedItems.has(item.ID));
-            newConnections = newConnections.filter(conn => !selectedItems.has(conn.Source.ParentDiagramItem.ID) &&
-                !selectedItems.has(conn.Sink.ParentDiagramItem.ID));
+        if (deletableSelectedItems.size > 0) {
+            // 2. Filtra gli elementi del diagramma usando il set filtrato
+            newDiagramItems = wfDiagram.DiagramItems.filter(item => !deletableSelectedItems.has(item.ID));
+            // 3. Filtra le connessioni usando il set filtrato
+            newConnections = newConnections.filter(conn => !deletableSelectedItems.has(conn.Source.ParentDiagramItem.ID) &&
+                !deletableSelectedItems.has(conn.Sink.ParentDiagramItem.ID));
         }
         if (selectedConnections.size > 0) {
             newConnections = newConnections.filter(conn => !selectedConnections.has(conn.ID));
@@ -354,7 +359,8 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
             DiagramItems: newDiagramItems,
             Connections: newConnections,
         };
-        setSelectedItems(new Set());
+        // Assicura che i nodi non cancellabili restino selezionati per coerenza UI
+        setSelectedItems(new Set([...deletableSelectedItems, ...[...selectedItems].filter(id => nonDeletableItems.some(item => item.ID === id))]));
         setSelectedConnections(new Set());
         updateDiagram(newWfDiagram, false);
     }, [wfDiagram, selectedItems, selectedConnections, setWfDiagram, setSelectedItems, setSelectedConnections, updateDiagram, readOnly]);
@@ -1261,6 +1267,7 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
                 Type: draggedItemType,
                 ItemName: `New ${DiagramItemTypes[draggedItemType]}`,
                 Description: "",
+                ...(draggedItemType === DiagramItemTypes.RunApp || draggedItemType === DiagramItemTypes.ExecTask ? { AppType: WFAppTypes.EXE, FormatCultureID: CultureIDs.It_IT } : {})
             };
             const updatedDiagram = {
                 ...wfDiagram,
@@ -1379,7 +1386,7 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
         }
     }, [wfDiagram]);
     return (_jsxs(CanvasContainer, { children: [!readOnly && (_jsxs(ToolbarContainer, { "$isCollapsed": isToolbarCollapsed, "$isFloating": isToolbarFloating, "$isToolboxVisible": isToolboxVisible, children: [_jsx(ButtonGroup, { "$isFloating": isToolbarFloating, children: _jsxs("button", { onClick: handleToggleToolboxVisibility, title: "Show toolbox", children: [_jsx(IconFlowChart, {}), !isToolbarCollapsed && _jsx("span", { children: "Mostra/nascondi toolbox" })] }) }), _jsxs(ButtonGroup, { "$isFloating": isToolbarFloating, children: [_jsxs("button", { onClick: handleUndo, disabled: historyIndex === 0, title: "Undo", children: [_jsx(IconUndo, {}), " ", !isToolbarCollapsed && _jsx("span", { children: "Undo" })] }), _jsxs("button", { onClick: handleRedo, disabled: historyIndex === wfDiagramHistory.length - 1, title: "Redo", children: [_jsx(IconUndo, { style: { transform: 'scaleX(-1)' } }), " ", !isToolbarCollapsed && _jsx("span", { children: "Redo" })] }), _jsxs("button", { onClick: handleRestore, title: "Restore", children: [_jsx(IconRestore, {}), " ", !isToolbarCollapsed && _jsx("span", { children: "Restore" })] }), _jsxs("button", { onClick: handleNew, title: "New diagram", disabled: readOnly, children: [_jsx(IconNew, {}), " ", !isToolbarCollapsed && _jsx("span", { children: "New" })] })] }), _jsx(ButtonGroup, { "$isFloating": isToolbarFloating, children: _jsxs("button", { onClick: handleAutoAdjust, title: "Auto adjust", children: [_jsx(IconAdjust, {}), " ", !isToolbarCollapsed && _jsx("span", { children: "Auto Adjust" })] }) }), _jsxs(ButtonGroup, { "$isFloating": isToolbarFloating, children: [_jsxs("button", { onClick: handleCopy, disabled: selectedItems.size === 0, title: "Copy", children: [_jsx(IconCopy, {}), " ", !isToolbarCollapsed && _jsx("span", { children: "Copy" })] }), _jsxs("button", { onClick: handleCut, disabled: selectedItems.size === 0, title: "Cut", children: [_jsx(IconCut, {}), " ", !isToolbarCollapsed && _jsx("span", { children: "Cut" })] }), _jsxs("button", { onClick: handlePaste, disabled: copiedItems.length === 0 && copiedConnections.length === 0, title: "Paste", children: [_jsx(IconPaste, {}), " ", !isToolbarCollapsed && _jsx("span", { children: "Paste" })] })] }), _jsxs("button", { onClick: handleToggleToolbarMode, title: isToolbarFloating ? "Dock Toolbar" : "Float Toolbar", children: [isToolbarFloating ? _jsx(IconPin, {}) : _jsx(IconUnpin, {}), !isToolbarCollapsed && !isToolbarFloating && _jsx("span", { children: "Toggle Mode" })] }), !isToolbarFloating && _jsx(ToolbarToggle, { onClick: () => setIsToolbarCollapsed(!isToolbarCollapsed), title: isToolbarCollapsed ? "Expand Toolbar" : "Collapse Toolbar", children: isToolbarCollapsed ? _jsx(IconChevronRight, {}) : _jsx(IconCloseOutline, {}) })] })), !readOnly && (_jsx(ToolboxContainer, { "$isVisible": isToolboxVisible, children: isToolboxVisible && availableItemTypes.map(type => (_jsxs(ToolboxItem, { draggable: true, onDragStart: (e) => handleToolboxDragStart(e, type), onDragEnd: handleToolboxDragEnd, children: [_jsx(DiagramItemSvgContent, { itemType: type, width: 40, height: 40, isToolboxPreview: true }), _jsx("span", { children: DiagramItemTypes[type] })] }, type))) })), _jsx(SvgScrollContainer, { children: isLoading ?
-                    (_jsxs(StyledLoadingContainer, { children: [_jsx(StyledSpinner, {}), _jsx("span", { children: `${'Caricamento diagramma'}...` })] })) : wfDiagram ? (_jsx(StyledSvg, { ref: svgRef, tabIndex: 0, onKeyDownCapture: handleKeyDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseDown: handleMouseDown, onDrop: handleDropOnCanvas, onDragOver: handleDragOver, width: svgWidth, height: svgHeight, children: _jsxs(ScalableGroup, { "$scale": zoomLevel, "$translateX": translateX, "$translateY": translateY, children: [wfDiagram?.DiagramItems.map(item => (_jsx(DiagramItemComponent, { readOnly: readOnly, item: item, isSelected: selectedItems.has(item.ID), isCurrent: item.ID === currentSetID, onClick: handleDiagramItemClick, onDrag: handleDrag, onDragEnd: handleDragEnd, onConnectorMouseDown: handleConnectorMouseDown, onConnectorMouseUp: handleConnectorMouseUp, onDimensionsChange: handleItemDimensionsChange, onDoubleClick: handleDoubleClickItem }, item.ID))), calculatedConnections.map(connection => {
+                    (_jsxs(StyledLoadingContainer, { children: [_jsx(StyledSpinner, {}), _jsx("span", { children: `${'Caricamento diagramma'}...` })] })) : wfDiagram ? (_jsx(StyledSvg, { ref: svgRef, tabIndex: 0, onKeyDownCapture: handleKeyDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseDown: handleMouseDown, onDrop: handleDropOnCanvas, onDragOver: handleDragOver, width: svgWidth, height: svgHeight, children: _jsxs(ScalableGroup, { "$scale": zoomLevel, "$translateX": translateX, "$translateY": translateY, children: [wfDiagram?.DiagramItems.map(item => (_jsx(DiagramItemComponent, { wf: wfDiagram?.Info, readOnly: readOnly, item: item, isSelected: selectedItems.has(item.ID), isCurrent: item.ID === currentSetID, onClick: handleDiagramItemClick, onDrag: handleDrag, onDragEnd: handleDragEnd, onConnectorMouseDown: handleConnectorMouseDown, onConnectorMouseUp: handleConnectorMouseUp, onDimensionsChange: handleItemDimensionsChange, onDoubleClick: handleDoubleClickItem }, item.ID))), calculatedConnections.map(connection => {
                                 const sourceItem = wfDiagram?.DiagramItems.find(item => item.ID === connection.Source.ParentDiagramItem.ID);
                                 const sinkItem = wfDiagram?.DiagramItems.find(item => item.ID === connection.Sink.ParentDiagramItem.ID);
                                 if (!sourceItem || !sinkItem)

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

@@ -49,6 +49,7 @@ export * from './choosers/TMInvoiceRetrieveFormats';
 export * from './choosers/TMMetadataChooser';
 export * from './choosers/TMOrderRetrieveFormats';
 export * from './choosers/TMUserChooser';
+export * from './choosers/TMPathChooser';
 export { default as TMValidationItemsList } from './grids/TMValidationItemsList';
 export { default as TMBlogs } from './grids/TMBlogs';
 export { default as TMBlogCommentForm } from './features/blog/TMBlogCommentForm';

package/lib/components/index.js

@@ -52,6 +52,7 @@ export * from './choosers/TMInvoiceRetrieveFormats';
 export * from './choosers/TMMetadataChooser';
 export * from './choosers/TMOrderRetrieveFormats';
 export * from './choosers/TMUserChooser';
+export * from './choosers/TMPathChooser';
 //grids
 export { default as TMValidationItemsList } from './grids/TMValidationItemsList';
 // blogs

package/lib/helper/helpers.d.ts

@@ -70,3 +70,15 @@ export declare function getContrastColor(inputColor: string): {
 export declare function updateMruTids(currentMruTIDs: number[] | undefined | null, newTid: unknown): number[];
 /** Remove TID to a list of "most recently used" (MRU) TIDs, keeping a maximum of 10 elements  */
 export declare function removeMruTid(currentMruTIDs: number[] | undefined | null, tidToRemove: unknown): number[];
+export declare class AreaValues {
+    aid: number;
+    subFolder: string;
+    fileName: string;
+}
+export declare class AreaHelper {
+    static readonly AreaPathPrefix: string;
+    static readonly AreaFolderNamePrefix: string;
+    static IsAreaPath(areaPath: string | undefined): boolean;
+    static ExtractAreaInfo_1(areaPath: string): AreaValues;
+    static ExtractAreaInfo_2(areaPath: string, extractFileName: boolean): AreaValues;
+}

package/lib/helper/helpers.js

@@ -778,3 +778,56 @@ export function removeMruTid(currentMruTIDs, tidToRemove) {
     }
     return updatedMruTIDs;
 }
+export class AreaValues {
+    constructor() {
+        this.aid = 0;
+        this.subFolder = "";
+        this.fileName = "";
+    }
+}
+export class AreaHelper {
+    static IsAreaPath(areaPath) {
+        if (stringIsNullOrEmpty(areaPath))
+            return false;
+        return areaPath.toLowerCase().startsWith((AreaHelper.AreaPathPrefix + AreaHelper.AreaFolderNamePrefix).toLowerCase());
+    }
+    // Overloading con diverso numero di paramentri non è supportato (ma solo con diverso tipo)
+    // public static void ExtractAreaInfo(string areaPath, out int aid, out string subFolder)
+    static ExtractAreaInfo_1(areaPath) {
+        let fileName;
+        return AreaHelper.ExtractAreaInfo_2(areaPath, false);
+    }
+    // public static void ExtractAreaInfo(string areaPath, out int aid, out string subFolder, ref string? fileName)
+    static ExtractAreaInfo_2(areaPath, extractFileName) {
+        let areaValues = new AreaValues();
+        areaValues.aid = 0;
+        areaValues.subFolder = "";
+        if (!AreaHelper.IsAreaPath(areaPath))
+            return areaValues;
+        areaPath = areaPath.replace(areaPath.substring(0, AreaHelper.AreaPathPrefix.length + AreaHelper.AreaFolderNamePrefix.length), "");
+        // areaPath = 5002\BarcodeArchiver\71232\00001.tiff
+        let pathTokens = areaPath.split('\\');
+        let id = pathTokens[0];
+        if (isNaN(parseInt(id)))
+            return areaValues;
+        areaValues.aid = parseInt(id);
+        let subFolders = "";
+        let lastFolderIndex = extractFileName ? pathTokens.length - 2 : pathTokens.length - 1;
+        let fileNameIndex = lastFolderIndex + 1;
+        for (let i = 1; i <= lastFolderIndex; i++) {
+            let s = pathTokens[i].trim();
+            if (stringIsNullOrEmpty(s))
+                continue;
+            subFolders += s + "\\";
+        }
+        if (subFolders.endsWith("\\"))
+            subFolders = subFolders.substring(0, subFolders.length - 1);
+        areaValues.fileName = (extractFileName && fileNameIndex > 0 && fileNameIndex < pathTokens.length) ? pathTokens[fileNameIndex].trim() : "";
+        if (subFolders.length == 0)
+            return areaValues;
+        areaValues.subFolder = subFolders;
+        return areaValues;
+    }
+}
+AreaHelper.AreaPathPrefix = "tmarea:\\\\";
+AreaHelper.AreaFolderNamePrefix = "AID_";

package/package.json

@@ -1,12 +1,13 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.16.28",
+    "version": "6.16.30",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "clean": "powershell Remove-Item lib/ -recurse",
         "copy-files": "copyfiles -u 1 src/assets/*.* src/assets/ImageLibrary/*.* src/assets/thumbnails/*.* src/assets/IconsS4t/*.* src/assets/Metadata/*.* src/css/tm-sdkui.css lib/",
         "tm-build": "npm run clean && tsc && npm run copy-files",
+        "tm-watch": "tsc -w",
         "tm-publish": "npm publish",
         "storybook": "storybook dev -p 6006",
         "build-storybook": "storybook build"