@topconsultnpm/sdkui-react-beta 6.14.71 → 6.14.72

package/lib/components/base/TMAccordion.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import styled from "styled-components";
+import { IconChevronDown, IconChevronRight } from "../../helper";
+import { TMColors } from "../../utils/theme";
+const TMAccordion = ({ title, children, defaultOpen = true, defaultCollapsed }) => {
+    // Se defaultCollapsed è definito, ha la precedenza su defaultOpen
+    const [isOpen, setIsOpen] = useState(defaultCollapsed !== undefined ? !defaultCollapsed : defaultOpen);
+    const toggleAccordion = () => {
+        setIsOpen(!isOpen);
+    };
+    return (_jsxs(StyledAccordionContainer, { children: [_jsxs(StyledGroupTemplate, { onClick: toggleAccordion, children: [isOpen ? _jsx(IconChevronDown, { fontSize: 20 }) : _jsx(IconChevronRight, { fontSize: 20 }), _jsx("h3", { children: title })] }), isOpen && (_jsx(StyledAccordionContent, { children: children }))] }));
+};
+export default TMAccordion;
+//#region Styled Components
+const StyledAccordionContainer = styled.div `
+    margin-bottom: 10px;
+    overflow: hidden;
+`;
+const StyledGroupTemplate = styled.div `
+    cursor: pointer;
+    background: none !important;
+    border: none !important;
+    box-shadow: none !important;
+    padding: 10px;
+    display: flex;
+    flex-direction: row;
+    gap: 5px;
+    align-items: center;
+    font-size: 1rem;
+    font-weight: 600; 
+    color: ${TMColors.primaryColor};
+    position: relative;
+
+    &::after {
+        content: '';
+        display: block;
+        width: 90%;
+        margin: 0 auto;
+        border-bottom: 1px solid #00A99D;
+        margin-top: 8px;
+        position: absolute;
+        left: 5%;
+        bottom: 0;
+    }
+`;
+const StyledAccordionContent = styled.div `
+    padding: 10px;
+    background-color: #fff; /* White background for the content area */
+`;

package/lib/components/editors/TMMetadataValues.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import styled from "styled-components";
-import { AccessLevels, DcmtTypeListCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
+import { AccessLevels, DcmtTypeListCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, SDK_Globals, TemplateTIDs, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts-beta';
 import { IconUndo, IconPencil, IconFunction, IconMenuVertical, IconDataList, SDKUI_Localizator, IconNull, stringIsNullOrEmpty, deepCompare, SDKUI_Globals, IconDcmtTypeSys } from "../../helper";
 import { TMColors } from "../../utils/theme";
 import TMButton from "../base/TMButton";
@@ -11,6 +11,7 @@ import TMCheckBox from "./TMCheckBox";
 import TMMetadataEditor, { useMetadataEditableList } from "./TMMetadataEditor";
 import { FormulaHelper } from "./TMFormulaEditor";
 import { TMNothingToShow } from "../features/documents/TMDcmtPreview";
+import TMAccordion from "../base/TMAccordion";
 export var ShowCheckBoxesMode;
 (function (ShowCheckBoxesMode) {
     ShowCheckBoxesMode[ShowCheckBoxesMode["Never"] = 0] = "Never";
@@ -83,6 +84,7 @@ const TMMetadataValues = ({ showCheckBoxes = ShowCheckBoxesMode.Never, checkPerm
             return;
         if (!currentDTD)
             return;
+        console.log('TMMetadataValues: metadataValues', metadataValues);
         //if no dynamic data list has changed we do not call APIs
         if (deepCompare(metadataValues.filter(o => o.md?.dataDomain === MetadataDataDomains.DynamicDataList), prevMetadataValues.filter(o => o.md?.dataDomain === MetadataDataDomains.DynamicDataList)))
             return;
@@ -212,62 +214,97 @@ const TMMetadataValues = ({ showCheckBoxes = ShowCheckBoxesMode.Never, checkPerm
         ];
         return menu;
     };
+    // Helper function to render a single metadata item
+    const renderMetadataItem = (item, isReadOnlyOverride = false) => (_jsxs(StyledRow, { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '6px' : '0', gap: '8px' }, onClick: () => { handleMetadataValueSelection(item); }, onFocus: () => { handleMetadataValueSelection(item); }, children: [showCheckBoxes !== ShowCheckBoxesMode.Never &&
+                _jsx(TMCheckBox, { elementStyle: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '14px' : '20px' }, value: item.isSelected, disabled: showCheckBoxes === ShowCheckBoxesMode.AlwaysReadOnly, onValueChanged: (newValue) => {
+                        let newValues = structuredClone(metadataValues);
+                        const mvd = newValues.find(value => value.mid === item.mid);
+                        if (mvd)
+                            mvd.isSelected = newValue;
+                        onValueChanged?.(newValues);
+                    } }), _jsxs("div", { style: { position: 'relative', height: '100%', width: '100%', opacity: showNullValueCheckBoxes && item.isNull ? 0.4 : 1 }, children: [_jsx(TMMetadataEditor, { tid: TID, mid: item.mid, layoutMode: layoutMode, isLexProt: item.isLexProt, isSelected: isOpenDistinctValues && item.mid === selectedMID, isModifiedWhen: (item.value ?? '') !== (metadataValuesOrig.find(m => m.mid === item.mid)?.value ?? ''), isReadOnly: isReadOnly || isReadOnlyOverride || (showNullValueCheckBoxes ? item.isNull : undefined), isEditable: item.isEditable, validationItems: editorValidationHandler(item.mid ?? 0), value: item.value, openChooserBySingleClick: openChooserBySingleClick, onValueChanged: (newValue) => { onChangeHandler(newValue, item.mid ?? 0); }, onValueChange: (newValue) => { onChangeHandler(newValue, item.mid ?? 0); }, queryParamsDynDataList: dynDataListsToBeRefreshed.find(o => o.mid == item.mid)?.queryParams ?? [], onCascadeRefreshDynDataLists: (ddlToBeRefreshed) => {
+                            let newDynDataListsToBeRefreshed = [];
+                            for (const item of dynDataListsToBeRefreshed) {
+                                let index = ddlToBeRefreshed.findIndex(o => o.mid == item.mid || (o.mid == -1 && o.midStarter == item.midStarter));
+                                if (index >= 0)
+                                    continue;
+                                newDynDataListsToBeRefreshed.push(item);
+                            }
+                            for (const item of ddlToBeRefreshed) {
+                                if (item.queryParams.length <= 0)
+                                    continue;
+                                if (!item.mid)
+                                    continue;
+                                if (item.mid <= 0)
+                                    continue;
+                                newDynDataListsToBeRefreshed.push(item);
+                            }
+                            setDynDataListsToBeRefreshed(newDynDataListsToBeRefreshed);
+                        }, onCascadeUpdateMIDs: (midsToBeUpdated) => {
+                            //Attenzione. Il primo elemento di midsToBeUpdated è il currentMID con il new value.
+                            //nonostante passi prima da onValueChanged, la collection metadata non risulta aggiornata!
+                            let newMetadata = structuredClone(metadataValues);
+                            for (const item of midsToBeUpdated) {
+                                const mdItem = newMetadata.find(value => value.mid === item.mid);
+                                if (mdItem)
+                                    mdItem.value = item.value;
+                            }
+                            onValueChanged?.(newMetadata);
+                        } }), FormulaHelper.isFormula(item.value)
+                        ? _jsx(IconFunction, { color: "#1a89d3", fontSize: 14, style: { position: "absolute", top: item.md?.dataType === MetadataDataTypes.DateTime ? '3px' : '5px', left: '14px' } })
+                        : (isEditable(item.mid) || item.isEditable)
+                            ? _jsx(IconPencil, { color: "#138603", fontSize: 14, style: { position: "absolute", top: item.md?.dataType === MetadataDataTypes.DateTime ? '3px' : '5px', left: '16px' } })
+                            : _jsx(_Fragment, {})] }), showNullValueCheckBoxes &&
+                _jsx(TMTooltip, { content: "Imposta <Null>", children: _jsx(IconNull, { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '12px' : '18px', opacity: item.md?.isRequired === 1 ? 0.4 : 1 }, cursor: item.md?.isRequired === 1 ? 'default' : 'pointer', color: item.isNull ? TMColors.isModified : TMColors.button_icon, onClick: () => {
+                            if (item.md?.isRequired === 1)
+                                return;
+                            let newValues = structuredClone(metadataValues);
+                            const mvd = newValues.find(value => value.mid === item.mid);
+                            if (mvd) {
+                                mvd.isNull = !mvd.isNull;
+                                if (mvd.isNull)
+                                    mvd.isSelected = true;
+                                else
+                                    mvd.isSelected = !stringIsNullOrEmpty(mvd.value);
+                            }
+                            onValueChanged?.(newValues);
+                        } }) }), !isReadOnly && _jsx("div", { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '12px' : '18px' }, onClick: () => { handleMetadataValueSelection(item); }, children: _jsx(TMDropDownMenu, { backgroundColor: 'white', color: TMColors.button_icon, borderRadius: '3px', content: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconMenuVertical, {}), showTooltip: false }), disabled: item.isLexProt === 1, items: getAdvancedMenuItems(item) }) })] }, item.mid));
+    const layoutWorkItem = () => {
+        const workItemData = [];
+        const technicalWorkItemData = [];
+        const documentData = [];
+        metadataValues.forEach(item => {
+            switch (item.md?.name) {
+                case WorkItemMetadataNames.WI_Description:
+                case WorkItemMetadataNames.WI_CreationTime:
+                    workItemData.push(item);
+                    break;
+                case WorkItemMetadataNames.WI_Response:
+                case WorkItemMetadataNames.WI_From:
+                case WorkItemMetadataNames.WI_To:
+                case WorkItemMetadataNames.WI_WFID:
+                case WorkItemMetadataNames.WI_TID:
+                case WorkItemMetadataNames.WI_DID:
+                    technicalWorkItemData.push(item);
+                    break;
+                default:
+                    // Check if it's another WorkItemMetadataName not explicitly listed
+                    if (Object.values(WorkItemMetadataNames).includes(item.md?.name)) {
+                        technicalWorkItemData.push(item);
+                    }
+                    else {
+                        documentData.push(item);
+                    }
+                    break;
+            }
+        });
+        return (_jsxs("div", { style: { width: '100%' }, children: [_jsx(TMAccordion, { title: SDKUI_Localizator.DocumentData, children: documentData.map(item => renderMetadataItem(item)) }), _jsx(TMAccordion, { title: SDKUI_Localizator.WorkItemData, children: workItemData.map(item => renderMetadataItem(item, true)) }), _jsx(TMAccordion, { title: SDKUI_Localizator.WorkItemTechnicalData, defaultCollapsed: true, children: technicalWorkItemData.map(item => renderMetadataItem(item, true)) })] }));
+    };
     return (_jsx(StyledMetadataValuesContainer, { children: !TID ?
             _jsx(TMNothingToShow, { text: 'Nessun documento selezionato.', secondText: 'Metadati di sistema non disponibile.', icon: _jsx(IconDcmtTypeSys, { fontSize: 96 }) }) :
-            _jsx(_Fragment, { children: metadataValues.map((item) => (_jsxs(StyledRow, { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '6px' : '0', gap: '8px' }, onClick: () => { handleMetadataValueSelection(item); }, onFocus: () => { handleMetadataValueSelection(item); }, children: [showCheckBoxes !== ShowCheckBoxesMode.Never &&
-                            _jsx(TMCheckBox, { elementStyle: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '14px' : '20px' }, value: item.isSelected, disabled: showCheckBoxes === ShowCheckBoxesMode.AlwaysReadOnly, onValueChanged: (newValue) => {
-                                    let newValues = structuredClone(metadataValues);
-                                    const mvd = newValues.find(value => value.mid === item.mid);
-                                    if (mvd)
-                                        mvd.isSelected = newValue;
-                                    onValueChanged?.(newValues);
-                                } }), _jsxs("div", { style: { position: 'relative', height: '100%', width: '100%', opacity: showNullValueCheckBoxes && item.isNull ? 0.4 : 1 }, children: [_jsx(TMMetadataEditor, { tid: TID, mid: item.mid, layoutMode: layoutMode, isLexProt: item.isLexProt, isSelected: isOpenDistinctValues && item.mid === selectedMID, isModifiedWhen: (item.value ?? '') !== (metadataValuesOrig.find(m => m.mid === item.mid)?.value ?? ''), isReadOnly: showNullValueCheckBoxes ? item.isNull : undefined, isEditable: item.isEditable, validationItems: editorValidationHandler(item.mid ?? 0), value: item.value, openChooserBySingleClick: openChooserBySingleClick, onValueChanged: (newValue) => { onChangeHandler(newValue, item.mid ?? 0); }, onValueChange: (newValue) => { onChangeHandler(newValue, item.mid ?? 0); }, queryParamsDynDataList: dynDataListsToBeRefreshed.find(o => o.mid == item.mid)?.queryParams ?? [], onCascadeRefreshDynDataLists: (ddlToBeRefreshed) => {
-                                        let newDynDataListsToBeRefreshed = [];
-                                        for (const item of dynDataListsToBeRefreshed) {
-                                            let index = ddlToBeRefreshed.findIndex(o => o.mid == item.mid || (o.mid == -1 && o.midStarter == item.midStarter));
-                                            if (index >= 0)
-                                                continue;
-                                            newDynDataListsToBeRefreshed.push(item);
-                                        }
-                                        for (const item of ddlToBeRefreshed) {
-                                            if (item.queryParams.length <= 0)
-                                                continue;
-                                            if (!item.mid)
-                                                continue;
-                                            if (item.mid <= 0)
-                                                continue;
-                                            newDynDataListsToBeRefreshed.push(item);
-                                        }
-                                        setDynDataListsToBeRefreshed(newDynDataListsToBeRefreshed);
-                                    }, onCascadeUpdateMIDs: (midsToBeUpdated) => {
-                                        //Attenzione. Il primo elemento di midsToBeUpdated è il currentMID con il new value.
-                                        //nonostante passi prima da onValueChanged, la collection metadata non risulta aggiornata!
-                                        let newMetadata = structuredClone(metadataValues);
-                                        for (const item of midsToBeUpdated) {
-                                            const mdItem = newMetadata.find(value => value.mid === item.mid);
-                                            if (mdItem)
-                                                mdItem.value = item.value;
-                                        }
-                                        onValueChanged?.(newMetadata);
-                                    } }), FormulaHelper.isFormula(item.value)
-                                    ? _jsx(IconFunction, { color: "#1a89d3", fontSize: 14, style: { position: "absolute", top: item.md?.dataType === MetadataDataTypes.DateTime ? '3px' : '5px', left: '14px' } })
-                                    : (isEditable(item.mid) || item.isEditable)
-                                        ? _jsx(IconPencil, { color: "#138603", fontSize: 14, style: { position: "absolute", top: item.md?.dataType === MetadataDataTypes.DateTime ? '3px' : '5px', left: '16px' } })
-                                        : _jsx(_Fragment, {})] }), showNullValueCheckBoxes &&
-                            _jsx(TMTooltip, { content: "Imposta <Null>", children: _jsx(IconNull, { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '12px' : '18px', opacity: item.md?.isRequired === 1 ? 0.4 : 1 }, cursor: item.md?.isRequired === 1 ? 'default' : 'pointer', color: item.isNull ? TMColors.isModified : TMColors.button_icon, onClick: () => {
-                                        if (item.md?.isRequired === 1)
-                                            return;
-                                        let newValues = structuredClone(metadataValues);
-                                        const mvd = newValues.find(value => value.mid === item.mid);
-                                        if (mvd) {
-                                            mvd.isNull = !mvd.isNull;
-                                            if (mvd.isNull)
-                                                mvd.isSelected = true;
-                                            else
-                                                mvd.isSelected = !stringIsNullOrEmpty(mvd.value);
-                                        }
-                                        onValueChanged?.(newValues);
-                                    } }) }), !isReadOnly && _jsx("div", { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '12px' : '18px' }, onClick: () => { handleMetadataValueSelection(item); }, children: _jsx(TMDropDownMenu, { backgroundColor: 'white', color: TMColors.button_icon, borderRadius: '3px', content: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconMenuVertical, {}), showTooltip: false }), disabled: item.isLexProt === 1, items: getAdvancedMenuItems(item) }) })] }, item.mid))) }) }));
+            _jsx(_Fragment, { children: currentDTD?.templateTID === TemplateTIDs.WF_WIApprView ?
+                    layoutWorkItem() :
+                    metadataValues.map((item) => renderMetadataItem(item)) }) }));
 };
 export default TMMetadataValues;
 //#region  Styled Components

package/lib/components/features/documents/TMDcmtForm.js

@@ -28,7 +28,7 @@ import TMMasterDetailDcmts from './TMMasterDetailDcmts';
 import TMDcmtBlog from './TMDcmtBlog';
 import { useInputAttachmentsDialog } from '../../../hooks/useInputDialog';
 import TMModal from '../../base/TMModal';
-import toppy from '../../../assets/Toppy-generico.png';
+import Toppy from '../../../assets/Toppy-generico.png';
 import { useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
 import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
 import { TMPanelManagerWithPersistenceProvider } from '../../layout/panelManager/TMPanelManagerWithPersistenceProvider';
@@ -67,6 +67,7 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
     const [dcmtFile, setDcmtFile] = useState(null);
     const [focusedMetadataValue, setFocusedMetadataValue] = useState();
     const [showAll, setShowAll] = useState(layoutMode === LayoutModes.Ark);
+    const [fetchError, setFetchError] = useState(null);
     const [workItems, setWorkItems] = useState([]);
     const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
@@ -76,6 +77,11 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
     const getDcmts = () => { return [{ TID: currentDcmt?.tid, DID: currentDcmt?.did, FILEEXT: currentDcmt?.fileExt }]; };
     const fetchData = async () => {
         try {
+            setFetchError(null); // reset errore prima del fetch
+            if (!TID)
+                return;
+            if (!DID)
+                return;
             TMSpinner.show({ description: 'Loading Metadata...' });
             let getMetadataResult;
             if (layoutMode === LayoutModes.Update)
@@ -93,9 +99,8 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
             }
             layoutMode === LayoutModes.Ark && resetHandler();
         }
-        catch (e) {
-            let err = e;
-            TMExceptionBoxManager.show({ exception: err });
+        catch (err) {
+            setFetchError(err);
         }
         finally {
             TMSpinner.hide();
@@ -445,6 +450,11 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
         onClose?.();
     };
     const isMobile = deviceType === DeviceType.MOBILE;
+    const isApprView = fromDTD?.templateTID === TemplateTIDs.WF_WIApprView;
+    useEffect(() => {
+        if (isApprView && !showAll)
+            setShowAll(true);
+    }, [isApprView]);
     const tmDcmtForm = useMemo(() => _jsx(_Fragment, { children: metadataValuesSource.length > 0 &&
             _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, isExpertMode: isExpertMode, isOpenDistinctValues: isOpenDistinctValues, openChooserBySingleClick: !isOpenDistinctValues, selectedMID: focusedMetadataValue?.mid, layoutMode: layoutMode, deviceType: deviceType, validationItems: validationItems, onFocusedItemChanged: (item) => { (item?.mid !== focusedMetadataValue?.mid) && setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
                             setFormData((prevItems) => prevItems.map((item) => {
@@ -461,7 +471,7 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
                                     break;
                             }
                         } }), _jsxs(StyledFormButtonsContainer, { children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '8px' }, children: layoutMode === LayoutModes.Update ? _jsxs(_Fragment, { children: [_jsx(TMSaveFormButtonSave, { showTooltip: false, btnStyle: 'advanced', advancedColor: '#f09c0a', isModified: isModified, formMode: formMode, errorsCount: validationItems.filter(o => o.ResultType == ResultTypes.ERROR).length, onSaveAsync: confirmActionPopup }), _jsx(TMSaveFormButtonUndo, { btnStyle: 'toolbar', showTooltip: true, color: 'primary', isModified: isModified, formMode: formMode, onUndo: onUndoHandler })] }) :
-                                        _jsxs(_Fragment, { children: [_jsx(TMButton, { disabled: archiveBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconBoxArchiveIn, {}), width: 'auto', showTooltip: false, caption: SDKUI_Localizator.Archive, advancedColor: TMColors.success, onClick: confirmActionPopup }), _jsx(TMButton, { disabled: !clearFormBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconClear, {}), width: 'auto', showTooltip: false, caption: SDKUI_Localizator.Clear, advancedColor: TMColors.tertiary, onClick: clearFormHandler }), DID && _jsx(TMButton, { disabled: undoBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconUndo, {}), width: '150px', showTooltip: false, caption: SDKUI_Localizator.Undo, advancedColor: TMColors.tertiary, onClick: onUndoHandler })] }) }) }), totalItems > listMaxItems && _jsx(TMShowAllOrMaxItemsButton, { showAll: showAll, dataSourceLength: totalItems, onClick: () => { setShowAll(!showAll); } })] }), _jsx(ConfirmAttachmentsDialog, {})] }) }), [TID, DID, formData, formDataOrig, dcmtFile, focusedMetadataValue, isOpenDistinctValues, isOpenFormulaEditor, validationItems, showAll, fileFromConnector]);
+                                        _jsxs(_Fragment, { children: [_jsx(TMButton, { disabled: archiveBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconBoxArchiveIn, {}), width: 'auto', showTooltip: false, caption: SDKUI_Localizator.Archive, advancedColor: TMColors.success, onClick: confirmActionPopup }), _jsx(TMButton, { disabled: !clearFormBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconClear, {}), width: 'auto', showTooltip: false, caption: SDKUI_Localizator.Clear, advancedColor: TMColors.tertiary, onClick: clearFormHandler }), DID && _jsx(TMButton, { disabled: undoBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconUndo, {}), width: '150px', showTooltip: false, caption: SDKUI_Localizator.Undo, advancedColor: TMColors.tertiary, onClick: onUndoHandler })] }) }) }), totalItems > listMaxItems && !isApprView && _jsx(TMShowAllOrMaxItemsButton, { showAll: showAll, dataSourceLength: totalItems, onClick: () => { setShowAll(!showAll); } })] }), _jsx(ConfirmAttachmentsDialog, {})] }) }), [TID, DID, formData, formDataOrig, dcmtFile, focusedMetadataValue, isOpenDistinctValues, isOpenFormulaEditor, validationItems, showAll, fileFromConnector]);
     const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: TID, did: DID }), [TID, DID]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: layoutMode, openChooserBySingleClick: !isOpenDistinctValues, TID: TID, isReadOnly: true, deviceType: deviceType, metadataValues: formData.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: formData.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [] }), [TID, layoutMode, formData, deviceType]);
     const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { currentDcmt: currentDcmt, dcmtFile: dcmtFile ?? fileFromConnector, deviceType: deviceType, fromDTD: fromDTD, layoutMode: layoutMode, onFileUpload: (setFile) => {
@@ -595,6 +605,9 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
         }
     };
     const renderDcmtForm = () => {
+        if (fetchError) {
+            return (_jsxs("div", { style: { color: 'red', padding: 24, display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 24 }, children: [_jsx("h2", { children: SDKUI_Localizator.ErrorLoadingDocument }), _jsx("pre", { style: { whiteSpace: 'pre-wrap', color: 'black', background: '#f8d7da', padding: 16, borderRadius: 8, maxWidth: 600, overflowX: 'auto' }, children: JSON.stringify(fetchError, Object.getOwnPropertyNames(fetchError), 2) }), _jsx("img", { src: Toppy, alt: "Errore", style: { width: 120, height: 'auto', marginBottom: 16 } })] }));
+        }
         return (_jsxs("div", { style: {
                 display: 'flex',
                 flexDirection: deviceType === DeviceType.MOBILE ? 'column' : 'row',
@@ -695,7 +708,7 @@ const ToppyImage = styled.img `
   cursor: ${props => props.$isMobile ? 'pointer' : 'default'};
 `;
 export const ToppyHelpCenter = ({ content, onClick, deviceType, top = -220 }) => {
-    return (_jsxs(ToppyContainer, { children: [_jsx(ToppyImage, { "$isMobile": deviceType === DeviceType.MOBILE, onClick: onClick, src: toppy, alt: "Toppy" }), _jsx("div", { style: { top: deviceType === DeviceType.MOBILE ? -80 : top, right: deviceType === DeviceType.MOBILE ? 40 : 1, transform: 'rotate(20deg)', position: 'absolute', width: 'max-content', height: 'max-content' }, children: content })] }));
+    return (_jsxs(ToppyContainer, { children: [_jsx(ToppyImage, { "$isMobile": deviceType === DeviceType.MOBILE, onClick: onClick, src: Toppy, alt: "Toppy" }), _jsx("div", { style: { top: deviceType === DeviceType.MOBILE ? -80 : top, right: deviceType === DeviceType.MOBILE ? 40 : 1, transform: 'rotate(20deg)', position: 'absolute', width: 'max-content', height: 'max-content' }, children: content })] }));
 };
 const TMDcmtPreviewWrapper = ({ currentDcmt, layoutMode, fromDTD, dcmtFile, deviceType, isVisible, onFileUpload }) => {
     const { setPanelVisibilityById, toggleMaximize, isResizingActive, countVisibleLeafPanels } = useTMPanelManagerContext();

package/lib/components/features/search/TMTreeSelector.js

@@ -102,19 +102,19 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
                 }
             } }), children: trees.length > 0
             ?
-                _jsxs(TMLayoutContainer, { gap: 20, children: [_jsx(TMLayoutItem, { height: '30px', children: _jsx(DropDownBox, { dropDownOptions: {
-                                    resizeEnabled: true,
-                                    minWidth: "100%",
-                                    height: trees.length <= 10 ? 300 : 500,
-                                    maxWidth: "100%"
-                                }, value: selectedTreeId, opened: isGridBoxOpened, valueExpr: "id", displayExpr: "nameLoc", deferRendering: false, dataSource: trees, onValueChanged: syncDataGridSelection, onOptionChanged: onGridBoxOpened, children: _jsx(TMDataGrid, { height: "100%", width: "100%", dataSource: trees, dataColumns: [
-                                        { dataField: 'nameLoc', caption: SDKUI_Localizator.Name, width: 'auto' },
-                                        { dataField: 'description', caption: SDKUI_Localizator.Description, width: 'auto' },
-                                    ], selection: { mode: 'single', showCheckBoxesMode: "none" }, showHeaderFilter: false, selectedRowKeys: selectedRowKeys, onSelectionChanged: onSelectionChanged, focusedRowKey: focusedRowKey, onFocusedRowChanged: onFocusedRowChanged }) }) }), _jsx(TMLayoutItem, { height: 'calc(100% - 50px)', children: _jsx(StyledTreeListWrapper, { style: { width: "100%", height: "100%" }, children: _jsxs(TreeList, { height: "100%", dataSource: treeItems, showRowLines: false, showColumnLines: false, showBorders: false, columnAutoWidth: false, keyExpr: "id", parentIdExpr: "parentID", dataStructure: "plain", showColumnHeaders: false, onContentReady: (e) => e.component.clearSelection(), onSelectionChanged: (e) => {
-                                        if (e.selectedRowsData[0] && e.selectedRowsData[0].type == TreeItemTypes.DcmtType) {
-                                            onSelectedTIDChanged?.(e.selectedRowsData[0].tid, selectedTreeId);
-                                        }
-                                    }, children: [_jsx(Column, { dataField: "nameLoc", caption: SDKUI_Localizator.Name, cellRender: renderCell, width: "100%" }), _jsx(Scrolling, { mode: "virtual", useNative: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.useNativeScrollbar) === 1 }), _jsx(Selection, { mode: "single" })] }) }) })] })
+                _jsx("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', width: '100%', padding: '10px 5px' }, children: _jsxs(TMLayoutContainer, { gap: 10, children: [_jsx(TMLayoutItem, { height: '30px', children: _jsx(DropDownBox, { dropDownOptions: {
+                                        resizeEnabled: true,
+                                        minWidth: "100%",
+                                        height: trees.length <= 10 ? 300 : 500,
+                                        maxWidth: "100%"
+                                    }, value: selectedTreeId, opened: isGridBoxOpened, valueExpr: "id", displayExpr: "nameLoc", deferRendering: false, dataSource: trees, onValueChanged: syncDataGridSelection, onOptionChanged: onGridBoxOpened, children: _jsx(TMDataGrid, { height: "100%", width: "100%", dataSource: trees, dataColumns: [
+                                            { dataField: 'nameLoc', caption: SDKUI_Localizator.Name, width: 'auto' },
+                                            { dataField: 'description', caption: SDKUI_Localizator.Description, width: 'auto' },
+                                        ], selection: { mode: 'single', showCheckBoxesMode: "none" }, showHeaderFilter: false, selectedRowKeys: selectedRowKeys, onSelectionChanged: onSelectionChanged, focusedRowKey: focusedRowKey, onFocusedRowChanged: onFocusedRowChanged }) }) }), _jsx(TMLayoutItem, { height: 'calc(100% - 50px)', children: _jsx(StyledTreeListWrapper, { style: { width: "100%", height: "100%" }, children: _jsxs(TreeList, { height: "100%", dataSource: treeItems, showRowLines: false, showColumnLines: false, showBorders: false, columnAutoWidth: false, keyExpr: "id", parentIdExpr: "parentID", dataStructure: "plain", showColumnHeaders: false, onContentReady: (e) => e.component.clearSelection(), onSelectionChanged: (e) => {
+                                            if (e.selectedRowsData[0] && e.selectedRowsData[0].type == TreeItemTypes.DcmtType) {
+                                                onSelectedTIDChanged?.(e.selectedRowsData[0].tid, selectedTreeId);
+                                            }
+                                        }, children: [_jsx(Column, { dataField: "nameLoc", caption: SDKUI_Localizator.Name, cellRender: renderCell, width: "100%" }), _jsx(Scrolling, { mode: "virtual", useNative: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.useNativeScrollbar) === 1 }), _jsx(Selection, { mode: "single" })] }) }) })] }) })
             : _jsx("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%', fontSize: '1.5rem' }, children: SDKUI_Localizator.TreesNoAvailable }) }));
 };
 export default TMTreeSelector;

package/lib/helper/SDKUI_Localizator.d.ts

@@ -111,6 +111,7 @@ export declare class SDKUI_Localizator {
     static get DetailsView(): string;
     static get Disabled(): "Deaktiviert" | "Disabled" | "Deshabilitado" | "Désactivé" | "Desabilitado" | "Disabilitato";
     static get DistinctValues(): "Unterschiedliche Werte" | "Distinct values" | "Valores distintos" | "Valeurs distinctes" | "Valori distinti";
+    static get DocumentData(): string;
     static get DocumentNotAvailable(): string;
     static get Domain(): "Domäne" | "Domain" | "Dominio" | "Domaine";
     static get DownloadFile(): string;
@@ -134,6 +135,7 @@ export declare class SDKUI_Localizator {
     static get EnterNameForAccess(): "Geben Sie einen Namen für den Zugriff ein" | "Enter a name for access" | "Introduzca un nombre para el acceso" | "Entrez un nom pour l'accès" | "Insira um nome para o acesso" | "Inserire un nome per l'accesso";
     static get EnterValue(): "Geben Sie einen Wert ein" | "Enter a value" | "Introducir un valor" | "Entrez une valeur" | "Digite um valor" | "Inserire un valore";
     static get Error(): "Fehler" | "Error" | "Erreur" | "Erro" | "Errore";
+    static get ErrorLoadingDocument(): string;
     static get ErrorParsingFileContent(): "Fehler beim Parsen des Dateiinhalts. Stellen Sie sicher, dass die Datei im richtigen Format vorliegt." | "Error parsing the file content. Ensure the file is in the correct format." | "Error al analizar el contenido del archivo. Asegúrese de que el archivo esté en el formato correcto." | "Erreur lors de l'analyse du contenu du fichier. Assurez-vous que le fichier est dans le bon format." | "Erro ao analisar o conteúdo do arquivo. Certifique-se de que o arquivo está no formato correto." | "Errore durante l'analisi del contenuto del file. Assicurati che il file sia nel formato corretto.";
     static get ExtractedBy(): "Ausgezogen von" | "Extracted by" | "Extraído por" | "Extrait par" | "Estratto da";
     static get ExtractedFromOtherUser(): string;
@@ -463,6 +465,8 @@ export declare class SDKUI_Localizator {
     static get WorkGroup(): "Arbeitsgruppe" | "Work Group" | "Grupo de Trabajo" | "Groupe de travail" | "Grupo de Trabalho" | "Gruppo di lavoro";
     static get WorkgroupArchivedDocuments(): string;
     static get WorkgroupDrafts(): string;
+    static get WorkItemData(): string;
+    static get WorkItemTechnicalData(): string;
     static get WrittenOn(): "Geschrieben am" | "Written on" | "Escrito el" | "Écrit le" | "Escrito em" | "Scritto il";
     static get Yes(): "Ja" | "Yes" | "Sí" | "Oui" | "Sim" | "Sì";
 }

package/lib/helper/SDKUI_Localizator.js

@@ -1059,6 +1059,16 @@ export class SDKUI_Localizator {
             default: return "Valori distinti";
         }
     }
+    static get DocumentData() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Dokumentendaten";
+            case CultureIDs.En_US: return "Document Data";
+            case CultureIDs.Es_ES: return "Datos del Documento";
+            case CultureIDs.Fr_FR: return "Données du Document";
+            case CultureIDs.Pt_PT: return "Dados do Documento";
+            default: return "Dati del documento";
+        }
+    }
     static get DocumentNotAvailable() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Dokument nicht verfügbar";
@@ -1301,6 +1311,16 @@ export class SDKUI_Localizator {
             default: return "Errore";
         }
     }
+    static get ErrorLoadingDocument() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Fehler beim Laden des Dokuments";
+            case CultureIDs.En_US: return "Error loading document";
+            case CultureIDs.Es_ES: return "Error al cargar el documento";
+            case CultureIDs.Fr_FR: return "Erreur lors du chargement du document";
+            case CultureIDs.Pt_PT: return "Erro ao carregar o documento";
+            default: return "Errore durante il caricamento del documento";
+        }
+    }
     static get ErrorParsingFileContent() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Fehler beim Parsen des Dateiinhalts. Stellen Sie sicher, dass die Datei im richtigen Format vorliegt.";
@@ -4588,6 +4608,26 @@ export class SDKUI_Localizator {
             default: return "Gruppo di lavoro - Bozze";
         }
     }
+    static get WorkItemData() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Arbeitsaufgabendaten";
+            case CultureIDs.En_US: return "Work Item Data";
+            case CultureIDs.Es_ES: return "Datos del Elemento de Trabajo";
+            case CultureIDs.Fr_FR: return "Données de l'Élément de Travail";
+            case CultureIDs.Pt_PT: return "Dados do Item de Trabalho";
+            default: return "Dati del WorkItem"; // Italian (default)
+        }
+    }
+    static get WorkItemTechnicalData() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Technische Arbeitsaufgabendaten";
+            case CultureIDs.En_US: return "Technical Work Item Data";
+            case CultureIDs.Es_ES: return "Datos Técnicos del Elemento de Trabajo";
+            case CultureIDs.Fr_FR: return "Données Techniques de l'Élément de Travail";
+            case CultureIDs.Pt_PT: return "Dados Técnicos do Item de Trabalho";
+            default: return "Dati tecnici del WorkItem"; // Italian (default)
+        }
+    }
     static get WrittenOn() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Geschrieben am";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.14.71",
+    "version": "6.14.72",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -42,7 +42,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts-beta": "6.14.15",
+        "@topconsultnpm/sdk-ts-beta": "6.14.16",
         "buffer": "^6.0.3",
         "devextreme": "24.2.6",
         "devextreme-react": "24.2.6",