@topconsultnpm/sdkui-react-beta 6.9.119 → 6.9.121

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

@@ -10,6 +10,11 @@ interface ITMUserChooserProps extends ITMChooserProps {
 declare const TMUserChooser: React.FunctionComponent<ITMUserChooserProps>;
 export default TMUserChooser;
 export declare const TMUserChooserForm: React.FunctionComponent<ITMChooserFormProps<UserDescriptor>>;
+export declare const TMUserIdViewer: ({ userId, showIcon, noneSelectionText }: {
+    userId?: number;
+    showIcon?: boolean;
+    noneSelectionText?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const TMUserIcon: ({ ud }: {
     ud?: UserDescriptor;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/lib/components/choosers/TMUserChooser.js

@@ -46,7 +46,7 @@ export const TMUserChooserForm = (props) => {
     const cellRenderIcon = (data) => _jsx(TMUserIcon, { ud: data.data });
     return (_jsx(TMChooserForm, { title: getTitle(), allowMultipleSelection: props.allowMultipleSelection, hasShowOnlySelectedItems: true, width: props.width, height: props.height, manageUseLocalizedName: false, columns: renderDataGridColumns, selectedIDs: props.selectedIDs, cellRenderIcon: cellRenderIcon, dataSource: props.dataSource, getItems: getItems, onClose: props.onClose, onChoose: (IDs) => props.onChoose?.(IDs) }));
 };
-const TMUserIdViewer = ({ userId, showIcon = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
+export const TMUserIdViewer = ({ userId, showIcon = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
     const [ud, setUd] = useState();
     useEffect(() => {
         if (!userId || userId <= 0) {
@@ -67,13 +67,11 @@ const TMUserIdViewer = ({ userId, showIcon = false, noneSelectionText = `<${SDKU
                 _jsx(TMTooltip, { content: SDKUI_Localizator.ValueNotPresent, children: _jsx(IconWarning, { color: TMColors.warning }) });
     };
     const getDescription = () => {
-        if (!ud)
-            return undefined;
         if (!userId)
             return undefined;
         return ud ? getCompleteUserName(ud.domain, ud.name) : userId.toString() ?? noneSelectionText;
     };
-    return (_jsxs(StyledDivHorizontal, { children: [getIcon(), _jsx("p", { style: { textAlign: 'left', marginLeft: showIcon ? '5px' : '' }, children: getDescription() })] }));
+    return (_jsxs(StyledDivHorizontal, { children: [getIcon(), _jsx("p", { style: { textAlign: 'left', marginLeft: showIcon ? '5px' : '', opacity: ud ? 1 : 0.5 }, children: getDescription() })] }));
 };
 export const TMUserIcon = ({ ud }) => {
     if (!ud)

package/lib/components/viewers/TMDataListItemViewer.js

@@ -27,13 +27,13 @@ const TMDataListItemViewer = ({ dataListId, value, viewMode = DataListViewModes.
                 _jsx(TMTooltip, { content: SDKUI_Localizator.ValueNotPresent, children: _jsx(IconWarning, { color: TMColors.warning }) });
     };
     const getDescription = () => {
-        if (!dataListItem)
-            return undefined;
         if (!dataListId)
             return undefined;
-        return dataListItem ? dataListItem.name : value;
+        if (!value)
+            return undefined;
+        return dataListItem ? dataListItem.name : value.toString();
     };
-    return (_jsxs(StyledDivHorizontal, { children: [getIcon(), _jsx("p", { style: { textAlign: 'left', marginLeft: showIcon ? '5px' : '' }, children: getDescription() })] }));
+    return (_jsxs(StyledDivHorizontal, { children: [getIcon(), _jsx("p", { style: { textAlign: 'left', marginLeft: showIcon ? '5px' : '', opacity: dataListItem ? 1 : 0.5 }, children: getDescription() })] }));
 };
 export default TMDataListItemViewer;
 export const cellRenderDataListItem = (data, dataListId, viewMode) => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.9.119",
+    "version": "6.9.121",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",