@topconsultnpm/sdkui-react-beta 6.15.125 → 6.15.127

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -73,7 +73,7 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
73
73
  alignItems: 'center',
74
74
  minWidth: 0,
75
75
  width: '100%',
76
- gap: 6,
76
+ gap: 2,
77
77
  position: 'relative'
78
78
  }, onMouseEnter: async () => {
79
79
  if (!isMobile) {
@@ -86,18 +86,16 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
86
86
  setShowInfo(false);
87
87
  setInfoDTD(undefined);
88
88
  }
89
- }, children: [!isMobile && (_jsx("span", { style: {
89
+ }, children: [_jsx("span", { style: { cursor: 'pointer', flex: 1, minWidth: 0 }, children: _jsx(TMTidViewer, { tid: treeItem.tid, color: TMColors.primaryColor, showIcon: false }) }), !isMobile && (_jsx("span", { style: {
90
90
  opacity: showInfo ? 1 : 0,
91
91
  transition: 'opacity 0.2s',
92
92
  pointerEvents: showInfo ? 'auto' : 'none',
93
93
  cursor: 'pointer',
94
- marginRight: 4,
95
94
  display: 'flex',
96
95
  alignItems: 'center',
97
- position: 'relative',
98
- left: 0,
96
+ marginLeft: 'auto',
99
97
  zIndex: 2
100
- }, children: _jsx(TMDcmtTypeTooltip, { dtd: infoDTD, children: _jsx(IconInfo, { color: TMColors.info }) }) })), _jsx("span", { style: { cursor: 'pointer', flex: 1, minWidth: 0 }, children: _jsx(TMTidViewer, { tid: treeItem.tid, color: TMColors.primaryColor, showIcon: false }) })] }));
98
+ }, children: _jsx(TMDcmtTypeTooltip, { dtd: infoDTD, children: _jsx(IconInfo, { color: TMColors.info }) }) }))] }));
101
99
  }
102
100
  // Folder (altri tipi)
103
101
  return (_jsxs(StyledDivHorizontal, { style: { gap: 5, alignItems: 'center', minWidth: 0 }, children: [_jsx("span", { style: {
@@ -203,37 +201,6 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
203
201
  : _jsx("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%', fontSize: '1.5rem' }, children: SDKUI_Localizator.TreesNoAvailable }) }));
204
202
  };
205
203
  export default TMTreeSelector;
206
- const StyledTidItem = styled.div `
207
- display: flex;
208
- flex-direction: column;
209
- align-items: stretch;
210
- min-width: 0;
211
- /* padding: 10px; */
212
- position: relative;
213
-
214
- &:hover {
215
- cursor: pointer;
216
- }
217
-
218
- .info-icon {
219
- position: absolute;
220
- left: -7px;
221
- top: calc(50% - 5px);
222
- transform: translateY(-50%);
223
- opacity: 0;
224
- transition: opacity 0.2s;
225
- pointer-events: none;
226
- // On mobile, never show
227
- ${({ $isMobile }) => $isMobile && `
228
- display: none !important;
229
- `}
230
- }
231
-
232
- &:hover .info-icon {
233
- opacity: 1;
234
- pointer-events: auto;
235
- }
236
- `;
237
204
  const StyledTreeListWrapper = styled.div `
238
205
  width: 100%;
239
206
  height: 100%;
@@ -272,11 +239,11 @@ const StyledTreeListWrapper = styled.div `
272
239
  position: relative;
273
240
  top: 4px;
274
241
  display: inline-block;
275
- width: 24px;
242
+ width: 16px;
276
243
  }
277
244
 
278
245
  .dx-row > td {
279
- padding: 10px;
246
+ padding: 10px 4px;
280
247
  font-size: 1rem;
281
248
  white-space: nowrap;
282
249
  overflow: hidden;
@@ -86,8 +86,8 @@ const TMChooserForm = ({ children, title, allowMultipleSelection = false, allowA
86
86
  ...summaryItems ?? {}
87
87
  });
88
88
  }, [manageUseLocalizedName, summaryItems]);
89
- return (_jsx(TMModal, { title: renderTitle(), width: width ?? '550px', height: height ?? '600px', toolbar: _jsx(ToolbarButtons, {}), onClose: onClose, children: (children ??
90
- filteredItems.length > 0)
89
+ return (_jsx(TMModal, { title: renderTitle(), width: width ?? '550px', height: height ?? '600px', toolbar: _jsx(ToolbarButtons, {}), onClose: onClose, children: children ??
90
+ filteredItems.length > 0
91
91
  ? _jsx(TMDataGrid, { dataSource: filteredItems, keyExpr: keyName, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selectedRowKeys: selectedRowKeys, 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 })
92
92
  : _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 }) }) }) }));
93
93
  };
@@ -298,7 +298,7 @@ const TMTidViewer = ({ tmSession, tid, did, showIcon = false, color, showId = fa
298
298
  whiteSpace: 'nowrap',
299
299
  overflow: 'hidden',
300
300
  textOverflow: 'ellipsis',
301
- paddingRight: '10px'
301
+ // paddingRight: '10px'
302
302
  }, children: displayName() }), showId && _jsx("p", { style: { padding: '0px 3px' }, children: `(TID: ${tid})` })] }));
303
303
  };
304
304
  export default TMTidViewer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@topconsultnpm/sdkui-react-beta",
3
- "version": "6.15.125",
3
+ "version": "6.15.127",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -38,7 +38,7 @@
38
38
  "lib"
39
39
  ],
40
40
  "dependencies": {
41
- "@topconsultnpm/sdk-ts-beta": "6.15.9",
41
+ "@topconsultnpm/sdk-ts-beta": "6.15.10",
42
42
  "buffer": "^6.0.3",
43
43
  "devextreme": "25.1.4",
44
44
  "devextreme-react": "25.1.4",