@topconsultnpm/sdkui-react-beta 6.9.113 → 6.9.115

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

@@ -10,11 +10,6 @@ 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

@@ -9,6 +9,7 @@ import TMTooltip from '../base/TMTooltip';
 import TMSummary from '../editors/TMSummary';
 import TMChooserForm from '../forms/TMChooserForm';
 import { TMColors } from '../../utils/theme';
+import { TMExceptionBoxManager } from '../base/TMPopUp';
 const TMUserChooser = ({ labelColor, titleForm, readOnly = false, icon, dataSource, backgroundColor, openChooserBySingleClick, buttons = [], disabled = false, showBorder = true, elementStyle, allowMultipleSelection, values, isModifiedWhen, label, placeHolder, validationItems = [], onValueChanged, showClearButton }) => {
     const [showChooser, setShowChooser] = useState(false);
     useEffect(() => {
@@ -42,9 +43,10 @@ export const TMUserChooserForm = (props) => {
             title += `: ${props.title}`;
         return title;
     };
-    return (_jsx(TMChooserForm, { title: getTitle(), allowMultipleSelection: props.allowMultipleSelection, hasShowOnlySelectedItems: true, width: props.width, height: props.height, manageUseLocalizedName: false, columns: renderDataGridColumns, selectedIDs: props.selectedIDs, cellRenderIcon: (data) => { return _jsx(TMUserIcon, { ud: data.data }); }, dataSource: props.dataSource, getItems: getItems, onClose: props.onClose, onChoose: (IDs) => props.onChoose?.(IDs) }));
+    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) }));
 };
-export const TMUserIdViewer = ({ userId, showIcon = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
+const TMUserIdViewer = ({ userId, showIcon = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
     const [ud, setUd] = useState();
     useEffect(() => {
         if (!userId || userId <= 0) {
@@ -52,7 +54,7 @@ export const TMUserIdViewer = ({ userId, showIcon = false, noneSelectionText = `
             return;
         }
         TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.Users} ...` });
-        UserListCacheService.GetAsync(userId).then((ud) => { setUd(ud); TMSpinner.hide(); });
+        UserListCacheService.GetAsync(userId).then((ud) => { setUd(ud); TMSpinner.hide(); }).catch((err) => { TMExceptionBoxManager.show({ exception: err }); });
     }, [userId]);
     const getIcon = () => {
         if (!showIcon)
@@ -64,7 +66,14 @@ export const TMUserIdViewer = ({ userId, showIcon = false, noneSelectionText = `
             :
                 _jsx(TMTooltip, { content: SDKUI_Localizator.ValueNotPresent, children: _jsx(IconWarning, { color: TMColors.warning }) });
     };
-    return (_jsxs(StyledDivHorizontal, { children: [getIcon(), _jsx("p", { style: { textAlign: 'left', marginLeft: showIcon ? '5px' : '' }, children: ud ? getCompleteUserName(ud.domain, ud.name) : userId ?? noneSelectionText })] }));
+    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() })] }));
 };
 export const TMUserIcon = ({ ud }) => {
     if (!ud)

package/lib/components/editors/TMTextBox.js

@@ -117,7 +117,7 @@ const TMTextBox = ({ autoFocus, maxLength, labelColor, precision, scale, showCle
         return Number(curValue);
     };
     const renderInputField = () => {
-        return (_jsxs(_Fragment, { children: [_jsx(StyledEditor, { ref: inputRef, id: `text-${label}-${id}`, name: label, autoFocus: autoFocus, readOnly: readOnly, type: currentType, disabled: disabled, value: currentValue, width: width || '100%', placeholder: placeHolder, maxLength: maxLength, onFocus: () => setIsFocused(true), onBlur: (e) => { setIsFocused(false); if (currentValue != value)
+        return (_jsxs("div", { style: { width: '100%', height: 'fit-content' }, id: `text-${id}`, children: [_jsx(StyledEditor, { ref: inputRef, id: `text-${label}-${id}`, name: label, autoFocus: autoFocus, readOnly: readOnly, type: currentType, disabled: disabled, value: currentValue, width: width || '100%', placeholder: placeHolder, maxLength: maxLength, onFocus: () => setIsFocused(true), onBlur: (e) => { setIsFocused(false); if (currentValue != value)
                         onBlur?.(currentValue); }, onChange: (e) => {
                         if (currentType === 'number') {
                             let number = Number(e.target.value);

package/lib/components/viewers/TMDataListItemViewer.js

@@ -5,14 +5,15 @@ import { IconWarning, SDKUI_Localizator, TMImageLibrary } from '../../helper';
 import { StyledDivHorizontal } from '../base/Styled';
 import TMTooltip from '../base/TMTooltip';
 import { TMColors } from '../../utils/theme';
+import { TMExceptionBoxManager } from '../base/TMPopUp';
 const TMDataListItemViewer = ({ dataListId, value, viewMode = DataListViewModes.ImageAndDescription }) => {
     const [dataListItem, setDataListItem] = useState();
     useEffect(() => {
-        if (!dataListId || dataListId <= 0 || !value || value.length <= 0) {
+        if (!dataListId || !value) {
             setDataListItem(undefined);
             return;
         }
-        DataListCacheService.GetAsync(dataListId).then((dl) => { setDataListItem(dl?.items?.find(o => o.value == value)); });
+        DataListCacheService.GetAsync(dataListId).then((dl) => { setDataListItem(dl?.items?.find(o => o.value == value)); }).catch((err) => { TMExceptionBoxManager.show({ exception: err }); });
     }, [dataListId, value]);
     let showIcon = viewMode != DataListViewModes.Description;
     const getIcon = () => {
@@ -25,7 +26,14 @@ const TMDataListItemViewer = ({ dataListId, value, viewMode = DataListViewModes.
             :
                 _jsx(TMTooltip, { content: SDKUI_Localizator.ValueNotPresent, children: _jsx(IconWarning, { color: TMColors.warning }) });
     };
-    return (_jsxs(StyledDivHorizontal, { children: [getIcon(), _jsx("p", { style: { textAlign: 'left', marginLeft: showIcon ? '5px' : '' }, children: dataListItem ? dataListItem.name : value })] }));
+    const getDescription = () => {
+        if (!dataListItem)
+            return undefined;
+        if (!dataListId)
+            return undefined;
+        return dataListItem ? dataListItem.name : value;
+    };
+    return (_jsxs(StyledDivHorizontal, { children: [getIcon(), _jsx("p", { style: { textAlign: 'left', marginLeft: showIcon ? '5px' : '' }, 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.113",
+    "version": "6.9.115",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -28,7 +28,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts-beta": "^6.9.16",
+        "@topconsultnpm/sdk-ts-beta": "^6.9.17",
         "buffer": "^6.0.3",
         "devextreme": "24.2.3",
         "devextreme-react": "24.2.3",