@topconsultnpm/sdkui-react 6.19.0-dev1.22 → 6.19.0-dev1.24

package/lib/components/base/TMTreeView.js

@@ -332,15 +332,16 @@ const TMTreeView = ({ dataSource = [], focusedItem, selectedItems = [], allowMul
                                 if (input) {
                                     input.indeterminate = isIndeterminate(node);
                                 }
-                            } })), _jsx("div", { style: { display: 'flex', alignItems: 'center', flex: 1, minHeight: 0 }, onClick: (e) => { handleNodeClick(node, e); }, children: itemRender(node) })] }), node.expanded && node.items && (_jsxs("div", { style: { paddingLeft: 20, width: '100%' }, children: [renderTree(getVisibleItems(node)), needsLoadMoreButton(node) && (_jsx("div", { style: { display: 'flex', justifyContent: 'center', margin: '5px 0' }, children: _jsx(TMButton, { onClick: () => handleLoadMoreItems(node.key), showTooltip: false, caption: `Carica altri ${itemsPerPage}... (${node.visibleItemsCount ?? itemsPerPage} / ${node.items?.length ?? 0})` }) }))] }))] }, node.key)));
+                            } })), _jsx("div", { style: { display: 'flex', alignItems: 'center', flex: 1, minWidth: 0 }, onClick: (e) => { handleNodeClick(node, e); }, children: itemRender(node) })] }), node.expanded && node.items && (_jsxs("div", { style: { paddingLeft: 20, width: '100%' }, children: [renderTree(getVisibleItems(node)), needsLoadMoreButton(node) && (_jsx("div", { style: { display: 'flex', justifyContent: 'center', margin: '5px 0' }, children: _jsx(TMButton, { onClick: () => handleLoadMoreItems(node.key), showTooltip: false, caption: `Carica altri ${itemsPerPage}... (${node.visibleItemsCount ?? itemsPerPage} / ${node.items?.length ?? 0})` }) }))] }))] }, node.key)));
     }, [handleNodeClick, handleNodeToggle, handleCheckboxChange, focusedItem, selectedItems, allowMultipleSelection, getVisibleItems, needsLoadMoreButton, handleLoadMoreItems, itemsPerPage]);
-    return (_jsx("div", { style: { height: '100%', width: '100%', overflowY: 'auto', padding: '0px 5px 2px 2px' }, children: renderTree(dataSource) }));
+    return (_jsx("div", { style: { height: '100%', width: '100%', overflowY: 'auto', overflowX: 'hidden', padding: '0px 5px 2px 2px' }, children: renderTree(dataSource) }));
 };
 export default TMTreeView;
 export const StyledTreeNode = styled.div `
 	display: flex;
 	flex-direction: row;
 	width: 100%;
+	min-width: 0;
 	min-height: 22px;
 	max-height: 30px;
 	gap: 5px;

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

@@ -620,13 +620,26 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
             ? { ...defaultDocumentStyle, ...customDocumentStyle(item) }
             : defaultDocumentStyle;
         const defaultMetadataContent = item.values && (_jsx(StyledDivHorizontal, { style: {
-                whiteSpace: 'nowrap',
-                textOverflow: 'ellipsis',
                 fontSize: '1rem',
+                overflow: 'hidden',
+                flex: 1,
+                minWidth: 0,
+                whiteSpace: 'nowrap'
             }, children: getDcmtDisplayValue(item.values).map((key, index) => {
                 const md = item.values?.[key]?.md;
                 const value = item.values?.[key]?.value;
-                return (_jsxs(StyledDivHorizontal, { children: [index > 0 && _jsx("span", { style: { margin: '0 5px', color: '#999' }, children: "\u2022" }), showMetadataNames && (_jsxs("span", { style: { color: '#666', marginRight: '5px' }, children: [md?.name || key, ":"] })), md?.dataDomain === MetadataDataDomains.DataList ? (_jsx(TMDataListItemViewer, { dataListId: md.dataListID, viewMode: md.dataListViewMode, value: value })) : md?.dataDomain === MetadataDataDomains.UserID ? (_jsx(TMUserIdViewer, { userId: value, showIcon: true, noneSelectionText: '' })) : (_jsx("span", { style: { fontWeight: 500 }, children: value }))] }, `${key}_${index}`));
+                const displayValues = getDcmtDisplayValue(item.values);
+                const isLast = index === displayValues.length - 1;
+                return (_jsxs(StyledDivHorizontal, { style: {
+                        flexShrink: isLast ? 1 : 0,
+                        minWidth: isLast ? 0 : 'auto',
+                        overflow: isLast ? 'hidden' : 'visible'
+                    }, children: [index > 0 && _jsx("span", { style: { margin: '0 5px', color: '#999' }, children: "\u2022" }), showMetadataNames && (_jsxs("span", { style: { color: '#666', marginRight: '5px' }, children: [md?.name || key, ":"] })), md?.dataDomain === MetadataDataDomains.DataList ? (_jsx(TMDataListItemViewer, { dataListId: md.dataListID, viewMode: md.dataListViewMode, value: value })) : md?.dataDomain === MetadataDataDomains.UserID ? (_jsx(TMUserIdViewer, { userId: value, showIcon: true, noneSelectionText: '' })) : (_jsx("span", { style: {
+                                fontWeight: 500,
+                                overflow: isLast ? 'hidden' : 'visible',
+                                textOverflow: isLast ? 'ellipsis' : 'clip',
+                                whiteSpace: 'nowrap'
+                            }, children: value }))] }, `${key}_${index}`));
             }) }));
         const metadataContent = customDocumentContent
             ? customDocumentContent(item, defaultMetadataContent || _jsx(_Fragment, {}))

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.19.0-dev1.22",
+    "version": "6.19.0-dev1.24",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",