@topconsultnpm/sdkui-react-beta 6.16.28 → 6.16.29

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/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/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';
@@ -1261,6 +1261,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,

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,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.16.28",
+    "version": "6.16.29",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",