@topconsultnpm/sdkui-react 6.20.0-dev1.11 → 6.20.0-dev1.111

package/lib/components/sidebar/TMSidebar.js

@@ -1,61 +1,33 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
-import { AccessLevelsEx, DcmtTypeListCacheService, SDK_Globals } from '@topconsultnpm/sdk-ts';
+import { AppModules, SDK_Globals } from '@topconsultnpm/sdk-ts';
 import { ScrollView } from 'devextreme-react';
 import { TMColors } from '../../utils/theme';
-import TMSpinner from '../base/TMSpinner';
-import { TMExceptionBoxManager } from '../base/TMPopUp';
 const StyledTMSidebarContainer = styled.div `
-    top: ${props => props.$top || '53px'};
+    top: ${props => props.$top || '70px'};
     left: ${props => props.$left || '0px'};
     width: ${props => props.$width || '50px'};
-    height: ${props => props.$height || 'calc(100% - 88px)'};
-    background: ${() => TMColors.primaryColor} 0% 0% no-repeat padding-box;
-    box-shadow: 0px 3px 6px #00000029;
-    border-radius: 0;
+    height: ${props => props.$height || 'calc(100% - 90px)'};
+    background: linear-gradient(180deg, ${() => TMColors.primaryColor} 0%, ${props => props.$appName === AppModules.DESIGNER ? '#351525' : props.$appName === AppModules.ORCHESTRATOR ? '#0a3d23' : '#0a3d23'} 100%);
+    box-shadow: 2px 0 8px rgba(0,0,0,0.08);
+    border-radius: 0px 10px 10px 0px;
     opacity: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
-    padding: 10px 0px;
+    padding: 20px 0px;
     position: absolute;
-    border-top-right-radius: 10px;
-    border-bottom-right-radius: 10px;
     overflow: hidden;
-`;
-const FixedBottomContainer = styled.div `
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    position: relative;
-    bottom: 10px;
+    z-index: 100;
 `;
 const TMSidebar = ({ items, height, borderRightRadius, left, top, width }) => {
-    const [canArchive, setCanArhive] = useState(false);
-    const [canSearch, setCanSearch] = useState(false);
-    useEffect(() => {
-        getAllDcmtTypesAsync();
-    }, []);
-    const getAllDcmtTypesAsync = async () => {
-        try {
-            TMSpinner.show();
-            const res = await DcmtTypeListCacheService.GetAllWithoutMetadataAsync();
-            if (!res)
-                return;
-            if (res.some(r => r.perm?.canArchive === AccessLevelsEx.Yes))
-                setCanArhive(true);
-            if (res.some(r => r.perm?.canSearch === AccessLevelsEx.Yes))
-                setCanSearch(true);
-        }
-        catch (e) {
-            TMExceptionBoxManager.show({ exception: e });
-        }
-        finally {
-            TMSpinner.hide();
-        }
-    };
-    return (_jsxs(StyledTMSidebarContainer, { "$borderRightRadius": borderRightRadius, "$left": left, "$top": top, "$width": width, "$appName": SDK_Globals.appModule, "$height": height, children: [_jsx(ScrollView, { height: "100%", width: "100%", style: { padding: "5px 0 0 5px" }, useNative: true, children: items.filter(item => item.props.type !== 'app') }), _jsx(FixedBottomContainer, { children: items.filter(item => item.props.type === 'app') })] }));
+    return (_jsx(StyledTMSidebarContainer, { "$borderRightRadius": borderRightRadius, "$left": left, "$top": top, "$width": width, "$appName": SDK_Globals.appModule, "$height": height, children: _jsx(ScrollView, { height: "calc(100%)", width: "100%", useNative: true, children: _jsx("div", { style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    gap: "3px",
+                    width: "100%"
+                }, children: items.filter(item => item.props.type !== 'app') }) }) }));
 };
 export default TMSidebar;

package/lib/components/sidebar/TMSidebarItem.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import TMTooltip from '../base/TMTooltip';
 import { SDK_Globals } from '@topconsultnpm/sdk-ts';
-import { TMColors } from '../../utils/theme';
 var ApplicationThemeColor;
 (function (ApplicationThemeColor) {
     ApplicationThemeColor["SURFER"] = "#1d6f42";
@@ -11,29 +10,47 @@ var ApplicationThemeColor;
     ApplicationThemeColor["DESIGNER"] = "#482234";
 })(ApplicationThemeColor || (ApplicationThemeColor = {}));
 const StyledTMSidebarItemContainer = styled.div `
-    margin-bottom: 10px;
-    background-color: transparent;
-    padding: 5px 0 0 5px;
-    transition: all 200ms ease;
-    user-select: none;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 8px;
     cursor: pointer;
-    color:  ${(props) => props.$isSelected ? TMColors.primaryColor : '#fff'};
-    background-color: ${props => props.$isSelected ? 'white' : 'transparent'} ;
-    border-radius: 3px;
-    width: 32px;
-    height: 32px;
+    color: #fff;
+    position: relative;
+    transition: background-color 200ms ease;
+    user-select: none;
+    background-color: ${props => props.$isSelected ? 'rgba(255,255,255,0.35)' : 'transparent'};
 
     p {
         display: none;
     }
 
-    &:hover {
-        background-color: ${props => !props.$isApp && 'white'};
-        color: ${props => !props.$isApp && TMColors.primaryColor};
-    }
+    ${props => !props.$isApp && css `
+        &:hover {
+            background-color: rgba(255,255,255,0.35);
+        }
+    `}
 `;
 const TMSidebarItem = (props) => {
     let app = SDK_Globals.appModule;
-    return (_jsx(TMTooltip, { hideAfterDelay: true, content: props.tooltipContent ?? props.name, children: _jsxs(StyledTMSidebarItemContainer, { "$app": app, "$isApp": props.isAppIcon, onClick: () => props.onClick?.(props), style: { position: 'relative' }, "$isSelected": props.isSelected, children: [_jsxs("div", { children: [_jsx("i", { children: props.icon }), _jsx("p", { children: props.name })] }), props.badgeNumber > 0 && _jsx("div", { style: { width: '22px', height: '22px', backgroundColor: '#f09c0a', position: 'absolute', borderRadius: '22px', top: -6, right: -6, color: 'white', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '1rem', fontWeight: 'bold' }, children: props.badgeNumber })] }) }));
+    return (_jsx(TMTooltip, { hideAfterDelay: true, content: props.tooltipContent ?? props.name, children: _jsxs(StyledTMSidebarItemContainer, { "$app": app, "$isApp": props.isAppIcon, onClick: () => props.onClick?.(props), "$isSelected": props.isSelected, children: [_jsxs("div", { children: [_jsx("i", { children: props.icon }), _jsx("p", { children: props.name })] }), props.badgeNumber > 0 && (_jsx("div", { style: {
+                        position: 'absolute',
+                        top: '4px',
+                        right: '4px',
+                        background: '#f09c0a',
+                        color: '#fff',
+                        fontSize: '10px',
+                        minWidth: '16px',
+                        height: '16px',
+                        borderRadius: '8px',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        padding: '0 4px',
+                        pointerEvents: 'none',
+                        fontWeight: 'bold'
+                    }, children: props.badgeNumber }))] }) }));
 };
 export default TMSidebarItem;

package/lib/components/viewers/TMDataListItemViewer.d.ts

@@ -4,7 +4,8 @@ interface ITMDataListItemViewerProps {
     dataListId?: number;
     value?: string | Date | number;
     viewMode?: DataListViewModes;
+    showTooltip?: boolean;
 }
-declare const TMDataListItemViewer: ({ dataListId, value, viewMode }: ITMDataListItemViewerProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMDataListItemViewer: ({ dataListId, value, viewMode, showTooltip }: ITMDataListItemViewerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TMDataListItemViewer;
 export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMDataListItemViewer.js

@@ -1,78 +1,42 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { DataListCacheService, DataListViewModes } from '@topconsultnpm/sdk-ts';
-import { IconWarning, SDKUI_Localizator, TMImageLibrary } from '../../helper';
-import { StyledDivHorizontal } from '../base/Styled';
+import { DataListViewModes } from '@topconsultnpm/sdk-ts';
+import { SDKUI_Localizator } from '../../helper';
 import TMTooltip from '../base/TMTooltip';
-import { TMColors } from '../../utils/theme';
 import { TMExceptionBoxManager } from '../base/TMPopUp';
-import { FormulaHelper } from '../editors/TMFormulaEditor';
-const TMDataListItemViewer = ({ dataListId, value, viewMode = DataListViewModes.ImageAndDescription }) => {
-    const [dataListItem, setDataListItem] = useState();
+import { useDataListItem } from '../../hooks/useDataListItem';
+const TMDataListItemViewer = ({ dataListId, value, viewMode = DataListViewModes.ImageAndDescription, showTooltip = true }) => {
+    const { loadDataListsAsync, getDataListItem, renderDataListCell, convertToDataListValue } = useDataListItem();
+    const [dataListItem, setDataListItem] = useState(undefined);
     useEffect(() => {
-        if (!dataListId || value === undefined || value === null) {
-            setDataListItem(undefined);
-            return;
-        }
-        let stringValue;
-        if (value instanceof Date) {
-            stringValue = value.toISOString();
-        }
-        else if (typeof value === 'number') {
-            stringValue = value.toString();
-        }
-        else {
-            stringValue = value;
-        }
-        DataListCacheService.GetAsync(dataListId).then((dl) => { setDataListItem(dl?.items?.find(o => o.value == stringValue)); }).catch((err) => { TMExceptionBoxManager.show({ exception: err }); });
-    }, [dataListId, value]);
-    let showIcon = viewMode != DataListViewModes.Description;
-    const getIcon = () => {
-        if (!showIcon)
-            return null;
-        if (value === undefined || value === null)
-            return null;
-        let stringValue;
-        if (value instanceof Date) {
-            stringValue = value.toISOString();
-        }
-        else if (typeof value === 'number') {
-            stringValue = value.toString();
-        }
-        else {
-            stringValue = value;
-        }
-        if (FormulaHelper.isFormula(stringValue))
-            return null;
-        return dataListItem ? _jsx(TMImageLibrary, { imageID: dataListItem.imageID }) : _jsx(IconWarning, { color: TMColors.warning });
-    };
-    const getDescription = () => {
-        if (!dataListId)
-            return undefined;
-        if (value === undefined || value === null)
-            return undefined;
-        let displayValue;
-        if (value instanceof Date) {
-            displayValue = value.toLocaleDateString();
-        }
-        else if (typeof value === 'number') {
-            displayValue = value.toString();
-        }
-        else {
-            displayValue = value;
-        }
-        return dataListItem ? dataListItem.name : displayValue;
-    };
-    return (_jsx(TMTooltip, { content: dataListItem ? dataListItem.value : SDKUI_Localizator.ValueNotPresent, parentStyle: { width: '100%' }, childStyle: { width: '100%' }, children: _jsxs(StyledDivHorizontal, { style: { width: '100%' }, children: [getIcon(), _jsx("p", { style: {
-                        textAlign: 'left',
-                        marginLeft: showIcon ? '5px' : '',
-                        opacity: dataListItem ? 1 : 0.5,
-                        whiteSpace: 'nowrap',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        flexGrow: 1,
-                        minWidth: 0
-                    }, children: getDescription() })] }) }));
+        const loadData = async () => {
+            if (dataListId) {
+                try {
+                    await loadDataListsAsync(new Set([dataListId]));
+                    if (value !== undefined && value !== null) {
+                        const stringValue = convertToDataListValue(value);
+                        const item = getDataListItem(dataListId, stringValue);
+                        setDataListItem(item);
+                    }
+                    else {
+                        setDataListItem(undefined);
+                    }
+                }
+                catch (err) {
+                    TMExceptionBoxManager.show({ exception: err });
+                }
+            }
+            else {
+                setDataListItem(undefined);
+            }
+        };
+        loadData();
+    }, [dataListId, value, loadDataListsAsync, getDataListItem, convertToDataListValue]);
+    if (!dataListId || value === undefined || value === null) {
+        return null;
+    }
+    const content = renderDataListCell(value, dataListId, viewMode);
+    return showTooltip ? (_jsx(TMTooltip, { content: dataListItem ? dataListItem.value : SDKUI_Localizator.ValueNotPresent, parentStyle: { width: '100%' }, childStyle: { width: '100%' }, children: content })) : content;
 };
 export default TMDataListItemViewer;
 export const cellRenderDataListItem = (data, dataListId, viewMode) => {

package/lib/components/viewers/TMDataUserIdItemViewer.d.ts

@@ -0,0 +1,8 @@
+import { DataGridTypes } from 'devextreme-react/data-grid';
+interface ITMDataUserIdItemViewerProps {
+    userId?: number;
+    showIcon?: boolean;
+}
+declare const TMDataUserIdItemViewer: ({ userId, showIcon }: ITMDataUserIdItemViewerProps) => import("react/jsx-runtime").JSX.Element | null;
+export default TMDataUserIdItemViewer;
+export declare const cellRenderUserIdItem: (data: DataGridTypes.ColumnCellTemplateData, showIcon?: boolean) => import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMDataUserIdItemViewer.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { IconWarning, SDKUI_Localizator } from '../../helper';
+import TMTooltip from '../base/TMTooltip';
+import { TMExceptionBoxManager } from '../base/TMPopUp';
+import { useDataUserIdItem } from '../../hooks/useDataUserIdItem';
+import { TMColors } from '../../utils/theme';
+const TMDataUserIdItemViewer = ({ userId, showIcon = false }) => {
+    const { loadUsersAsync, getUserItem, renderUserIdViewer } = useDataUserIdItem();
+    const [userItem, setUserItem] = useState(undefined);
+    useEffect(() => {
+        const loadData = async () => {
+            if (userId && userId > 0) {
+                try {
+                    await loadUsersAsync(new Set([userId]));
+                    const item = getUserItem(userId);
+                    setUserItem(item);
+                }
+                catch (err) {
+                    TMExceptionBoxManager.show({ exception: err });
+                }
+            }
+            else {
+                setUserItem(undefined);
+            }
+        };
+        loadData();
+    }, [userId, loadUsersAsync, getUserItem]);
+    if (!userId || userId <= 0) {
+        return null;
+    }
+    const content = renderUserIdViewer(userId, showIcon);
+    return userItem ? content :
+        _jsx(TMTooltip, { content: SDKUI_Localizator.ValueNotPresent, children: _jsx(IconWarning, { color: TMColors.warning }) });
+};
+export default TMDataUserIdItemViewer;
+export const cellRenderUserIdItem = (data, showIcon) => {
+    return (_jsx(TMDataUserIdItemViewer, { userId: data.value, showIcon: showIcon }));
+};

package/lib/css/tm-sdkui.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-right,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-left,.tm-tooltip-container-base-top{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-right,.tm-tooltip-arrow-left,.tm-tooltip-arrow-top,.tm-tooltip-arrow-bottom{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-top,.tm-tooltip-container-base-left,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-right{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-bottom,.tm-tooltip-arrow-top,.tm-tooltip-arrow-left,.tm-tooltip-arrow-right{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}@keyframes show-error{0%{display:none;opacity:0;z-index:20000999}5%{display:block;opacity:1;z-index:20000999}95%{display:block;opacity:1;z-index:20000999}100%{opacity:0;display:none;z-index:20000999}}.tm-alert-animation-style{animation:show-error both;animation-timing-function:linear;animation-iteration-count:none;z-index:20000999}.tm-alert-container{position:absolute;width:100%;height:100%;z-index:20000999}@keyframes loading{from{width:0}to{width:100%}}.tm-alert-loading{width:100%;height:5px;position:absolute;bottom:0;left:0;animation:loading;animation-duration:5000ms}.tm-alert-icon{position:absolute;width:22px;height:22px;background-color:#fff;top:"20px";left:"20px";border-radius:50%;display:flex;align-items:center;justify-content:center}.dx-context-menu.dx-overlay-content{height:auto !important;max-height:none !important}.dx-context-menu .dx-menu-items-container{max-height:none !important}.custom-mentions-wrapper span.dx-mention span[contenteditable=false]>span:first-child{font-size:0;width:0;display:inline-block;overflow:hidden}.custom-mentions-wrapper span.dx-mention{color:#2559a5;font-weight:bold;background-color:rgba(0,0,0,0)}
+@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-right,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-left,.tm-tooltip-container-base-top{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-right,.tm-tooltip-arrow-left,.tm-tooltip-arrow-top,.tm-tooltip-arrow-bottom{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-top,.tm-tooltip-container-base-left,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-right{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-bottom,.tm-tooltip-arrow-top,.tm-tooltip-arrow-left,.tm-tooltip-arrow-right{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}@keyframes show-error{0%{display:none;opacity:0;z-index:20000999}5%{display:block;opacity:1;z-index:20000999}95%{display:block;opacity:1;z-index:20000999}100%{opacity:0;display:none;z-index:20000999}}.tm-alert-animation-style{animation:show-error both;animation-timing-function:linear;animation-iteration-count:none;z-index:20000999}.tm-alert-container{position:absolute;width:100%;height:100%;z-index:20000999}@keyframes loading{from{width:0}to{width:100%}}.tm-alert-loading{width:100%;height:5px;position:absolute;bottom:0;left:0;animation:loading;animation-duration:5000ms}.tm-alert-icon{position:absolute;width:22px;height:22px;background-color:#fff;top:"20px";left:"20px";border-radius:50%;display:flex;align-items:center;justify-content:center}.dx-context-menu.dx-overlay-content{height:auto !important;max-height:none !important}.dx-context-menu .dx-menu-items-container{max-height:none !important}.custom-mentions-wrapper span.dx-mention span[contenteditable=false]>span:first-child{font-size:0;width:0;display:inline-block;overflow:hidden}.custom-mentions-wrapper span.dx-mention{color:#2559a5;font-weight:bold;background-color:rgba(0,0,0,0)}.dx-treeview-node.dx-treeview-item-with-checkbox.dx-state-selected.dx-treeview-root-node.dx-treeview-node-is-leaf[aria-disabled=true]{display:none !important}

package/lib/helper/SDKUI_Globals.d.ts

@@ -47,6 +47,9 @@ export declare class ThemeSettings {
         gridSettings: DataGridSettings;
     };
 }
+export declare const DEFAULT_PREVIEW_THRESHOLD = 500;
+export declare const DEFAULT_PAGE_SIZE = 100;
+export declare const DEFAULT_MAX_DCMTS_TO_BE_RETURNED = 200;
 export declare class SearchSettings {
     autoFindReferences: ObjectClasses[];
     invoiceRetrieveFormat: InvoiceRetrieveFormats;
@@ -54,6 +57,25 @@ export declare class SearchSettings {
     mruTIDs: number[];
     defaultTree: number;
     previewThreshold: number;
+    pageSize: number;
+    maxDcmtsToBeReturned: number;
+    floatingMenuBar: FloatingMenuBarSettings;
+    panelLayout: {
+        [id: string]: {
+            visible: boolean;
+            width: string;
+            height: string;
+        };
+    };
+}
+export declare class FloatingMenuBarSettings {
+    orientation?: 'horizontal' | 'vertical';
+    itemIds?: string[];
+    position?: {
+        x: number;
+        y: number;
+    };
+    positionFormat?: 'pixels' | 'percentage';
 }
 export declare class ArchivingSettings {
     mruTIDs: number[];

package/lib/helper/SDKUI_Globals.js

@@ -90,6 +90,9 @@ export class ThemeSettings {
         };
     }
 }
+export const DEFAULT_PREVIEW_THRESHOLD = 500; // KB
+export const DEFAULT_PAGE_SIZE = 100;
+export const DEFAULT_MAX_DCMTS_TO_BE_RETURNED = 200;
 export class SearchSettings {
     constructor() {
         this.autoFindReferences = [];
@@ -97,9 +100,15 @@ export class SearchSettings {
         this.orderRetrieveFormat = OrderRetrieveFormats.NSO_HTML;
         this.mruTIDs = [];
         this.defaultTree = -1;
-        this.previewThreshold = 500; // KB
+        this.previewThreshold = DEFAULT_PREVIEW_THRESHOLD;
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.maxDcmtsToBeReturned = DEFAULT_MAX_DCMTS_TO_BE_RETURNED;
+        this.floatingMenuBar = new FloatingMenuBarSettings();
+        this.panelLayout = {};
     }
 }
+export class FloatingMenuBarSettings {
+}
 export class ArchivingSettings {
     constructor() {
         this.mruTIDs = [];

package/lib/helper/SDKUI_Localizator.d.ts

@@ -24,6 +24,7 @@ export declare class SDKUI_Localizator {
     static get AddTo(): string;
     static get AddToHomePage(): "Zur Startseite hinzufügen" | "Add to Home Page" | "Añadir a la página inicial" | "Ajoute à Home Page" | "Adicionar a Home Page" | "Aggiungi alla Home Page";
     static get Advanced(): "Erweitert" | "Advanced" | "Avanzado" | "Avancé" | "Avançado" | "Avanzate";
+    static get AggregateSearch(): "Aggregierte Suche" | "Aggregate search" | "Búsqueda agregada" | "Recherche agrégée" | "Pesquisa agregada" | "Ricerca aggregata";
     static get All(): "Alle" | "All" | "Todos" | "Tous" | "Tutti";
     static get AllFemale(): "Alle" | "All" | "Todas" | "Toutes" | "Tutte";
     static get AllDcmts(): "Alle Dokumente" | "All documents" | "Todos los documentos" | "Tous les documents" | "Todos os documentos" | "Tutti i documenti";
@@ -83,6 +84,7 @@ export declare class SDKUI_Localizator {
     static get CancelCheckOut(): string;
     static get CassettoDoganaleExportMRN(): "MRN-Erholung für den Export" | "MRN recovery for export" | "Recuperación MRN para exportación" | "Récupération MRN pour l'export" | "Recuperação MRN para exportação" | "Recupero MRN per Export";
     static get CassettoDoganaleExportVU(): "Wiederherstellung des Ausreisevisums" | "Exit Visa Recovery" | "Recuperación de Visa de Salida" | "Sortie Récupération Visa" | "Recuperação de Visto de Saída" | "Recupero Visto Uscire per Export";
+    static get CassettoDoganaleExportEUR1(): "EUR1-Erholung für den Export" | "EUR1 recovery for export" | "Recuperación EUR1 para exportación" | "Récupération EUR1 pour l'export" | "Recuperação EUR1 para exportação" | "Recupero EUR1 per Export";
     static get CassettoDoganaleImportMRN(): "MRN-Erholung für den Import" | "MRN recovery for import" | "Recuperación MRN para importación" | "Récupération MRN à l'import" | "Recuperação MRN para importação" | "Recupero MRN per Import";
     static get CassettoDoganalePlus_UserName(): "STD-Benutzer des ADM-Portals" | "STD User of the ADM Portal" | "Usuario STD del Portal ADM" | "Utilisateur STD du portail ADM" | "Utilizador DST do Portal ADM" | "Utente STD del Portale ADM";
     static get Cancel(): "Abbrechen" | "Cancel" | "Anular" | "Annuler" | "Cancelar" | "Annulla";
@@ -116,6 +118,7 @@ export declare class SDKUI_Localizator {
     static get ConfirmDownload(): string;
     static get ConfirmPassword(): "Bestätige das Passwort" | "Confirm password" | "Confirmar Contraseña" | "Confirmez le mot de passe" | "Confirme sua senha" | "Conferma password";
     static get ConfirmOnCancel(): "Wenn wir fortfahren, gehen die vorgenommenen Änderungen verloren. Fortfahren?" | "All modifications will be lost. Continue?" | "Si sigue adelante, se perderán las modificaciones aportadas. ¿Seguir?" | "Continuant, les changements seront perdus. Continuer?" | "Continuando as alterações feitas serão perdidas. Continuar?" | "Proseguendo le modifiche apportate andranno perse. Proseguire?";
+    static get ConfirmRestoreDefaultSettings(): "Bestätigen Sie das Zurücksetzen der Standardeinstellungen?" | "Do you confirm you want to restore default settings?" | "¿Confirmas que quieres restaurar la configuración predeterminada?" | "Confirmez-vous vouloir restaurer les paramètres par défaut ?" | "Confirma que deseja restaurar as configurações padrão?" | "Confermi di voler ripristinare le impostazioni predefinite?";
     static get ConfirmSelectedDocumentsMessage(): string;
     static get ContextualTask(): "Kontextbezogene Aufgabe" | "Contextual Task" | "Tarea contextual" | "Tâche contextuelle" | "Tarefa contextual" | "Attività contestuale";
     static get Continue(): string;
@@ -204,7 +207,7 @@ export declare class SDKUI_Localizator {
     static get DownloadXMLAttachments(): string;
     static get Draft(): string;
     static get Drafts(): string;
-    static get DropFileHere(): "Ziehen Sie Ihre Datei hierher" | "Drop your file here" | "Suelta tu archivo aquí" | "Déposez votre fichier ici" | "Solte seu arquivo aqui";
+    static get DropFileHere(): "Ziehen Sie Ihre Datei hierher" | "Drop your file here" | "Suelta tu archivo aquí" | "Déposez votre fichier ici" | "Solte seu arquivo aqui" | "Trascina qui il tuo file";
     static get DropFileToShare(): string;
     static get Duplicate(): "Duplikat" | "Duplicate" | "Duplicar" | "Dupliquer" | "Duplicado" | "Duplica";
     static get Duplicate_ConfirmFor1(): "Möchten Sie '{{0}}' duplizieren?" | "Are you sure you want to duplicate '{{0}}'?" | "¿Estás seguro de que deseas duplicar '{{0}}'?" | "Êtes-vous sûr de vouloir dupliquer '{{0}}'?" | "Você tem certeza que deseja duplicar '{{0}}'?" | "Sei sicuro di voler duplicare '{{0}}'?";
@@ -245,6 +248,8 @@ export declare class SDKUI_Localizator {
     static get ExpertMode(): "Expertenmodus" | "Expert mode" | "Modo experto" | "Mode expert" | "Modo especialista" | "Modalità esperto";
     static get Expiring(): "Ablaufend" | "Expiring" | "Por vencer" | "Expirant" | "Vencendo" | "In scadenza";
     static get Export(): "Exportieren" | "Export" | "Exportar" | "Exporter" | "Esporta";
+    static get ExportEUR1(): "Exportieren EUR1" | "Export EUR1" | "Exportar EUR1" | "Exporter EUR1" | "Export - EUR1";
+    static get ExportEUR1OutputFile(): "Dateipfad für den Export (EUR1)" | "File Path for Export (EUR1)" | "Ruta de archivo para exportación (EUR1)" | "Chemin du fichier à exporter (EUR1)" | "Caminho do arquivo para exportação (EUR1)" | "Percorso del File per Export (EUR1)";
     static get ExportTo(): string;
     static get ExportMRN(): "Exportieren MRN" | "Export MRN" | "Exportar MRN" | "Exporter MRN";
     static get ExportMRNDayBack(): "Anzahl der Tage für die Exportdatenwiederherstellung (MRN)" | "Number of days for export data recovery (MRN)" | "Número de días para la recuperación de datos de exportación (MRN)" | "Nombre de jours pour la récupération des données d'exportation (MRN)" | "Número de dias para recuperação de dados de exportação (MRN)" | "Numero di giorni per il recupero dei dati di Export (MRN)";
@@ -347,8 +352,10 @@ export declare class SDKUI_Localizator {
     static get Login(): string;
     static get LogDelete(): "Löschen der Logik" | "Logical delete" | "Cancelación lógica" | "Suppression logique" | "Lógica de cancelamento" | "Cancellazione logica";
     static get Logout(): "Abmelden" | "Logout" | "Cerrar sesión" | "Déconnexion" | "Sair" | "Esci";
+    static get LogScreenFolder(): "Ordner für Screenshot-Protokolle" | "Log screenshot folder" | "Carpeta de registro de capturas de pantalla" | "Dossier de journal des captures d'écran" | "Pasta de log de capturas de tela" | "Cartella di log screenshot";
     static get Low(): "Niedrig" | "Low" | "Baja" | "Faible" | "Baixa" | "Bassa";
     static get MakeEditable(): "Bearbeitbar machen" | "Make editable" | "Hacer editable" | "Rendre modifiable" | "Faça editável" | "Rendi editabile";
+    static get ManageFromTaskPanel(): string;
     static get Mark(): "Markierung" | "Mark" | "Marca" | "Marque" | "Segno";
     static get MarkAs(): "Als markieren" | "Mark as" | "Marcar como" | "Marquer comme" | "Segna come";
     static get Match(): "Übereinstimmen" | "Match" | "Emparejar" | "Associer" | "Corresponder" | "Abbina";
@@ -430,6 +437,7 @@ export declare class SDKUI_Localizator {
     static get NoSource(): "Keine Quelle" | "No Source" | "Ninguna fuente" | "Aucune source" | "Nenhuma fonte" | "Nessun Origine";
     static get NoneSelection(): "Keine Auswahl" | "No selection" | "Ninguna selección" | "Pas de sélections" | "Nenhuma seleção" | "Nessuna selezione";
     static get NotAvailable(): string;
+    static get MaximumNumberOfResults(): string;
     static get OfSystem(): "Des Systems" | "Of system" | "Del sistema" | "Du système" | "Do sistema" | "Di sistema";
     static get OldPassword(): "Altes Kennwort" | "Old password" | "Contraseña anterior" | "Ancien mot de passe" | "Senha Antiga" | "Password vecchia";
     static get OpenedDocument(): "Dokument geöffnet" | "Document opened" | "Documento abierto" | "Document ouvert" | "Documento aberto" | "Documento aperto";
@@ -491,6 +499,8 @@ export declare class SDKUI_Localizator {
     static get PhysDelete(): "Physische Stornierung" | "Physical delete" | "Cancelación física" | "Supression" | "Cancelamento física" | "Cancellazione fisica";
     static get PhysicalHistoryDeletion(): string;
     static get Postponed(): "Verschoben" | "Postponed" | "Aplazada" | "Reportée" | "Adiadas" | "Rinviata";
+    static get PotentiallyUnsafeContent(): "Potenziell unsichere Inhalte" | "Potentially Unsafe Content" | "Contenido potencialmente no seguro" | "Contenu potentiellement non sécurisé" | "Conteúdo potencialmente não seguro" | "Contenuti potenzialmente non sicuri";
+    static get PotentiallyUnsafeCodePatternsDetected(): "{{0}} potenziell unsicheres Code-Muster in diesem Dokument erkannt." | "{{0}} potentially unsafe code pattern detected in this document." | "Se han detectado {{0}} patrones de código potencialmente no seguro en este documento." | "{{0}} motifs de code potentiellement non sécurisé détectés dans ce document." | "{{0}} padrões de código potencialmente não seguro detectados neste documento." | "Sono stati rilevati {{0}} pattern di codice potenzialmente non sicuro in questo documento.";
     static get PreparingFileForArchive(): "Datei für Archivierung vorbereiten..." | "Preparing file for archive..." | "Preparando archivo para archivar..." | "Préparation du fichier pour l'archive..." | "Preparando arquivo para arquivar..." | "Preparazione del file per l'archivio...";
     static get Preview(): "Vorschau" | "Preview" | "Vista previa" | "Aperçu" | "Pré-visualização" | "Anteprima";
     static get PreviewDocument(): "Vorschau-Dokument" | "Preview document" | "Documento de vista previa" | "Document d'aperçu" | "Documento de pré-visualização" | "Anteprima documento";
@@ -530,6 +540,7 @@ export declare class SDKUI_Localizator {
     static get ReplaceDocument(): "Dokument ersetzen" | "Replace Document" | "Reemplazar Documento" | "Remplacer le Document" | "Substituir Documento" | "Sostituisci Documento";
     static get Request(): string;
     static get RequestTo(): string;
+    static get SearchType(): "Suchtyp" | "Search type" | "Tipo de búsqueda" | "Type de recherche" | "Tipo de pesquisa" | "Tipo di ricerca";
     static get Required(): "Obligatorisch" | "Required" | "Obligatorio" | "Obbligatoire" | "Obrigatório" | "Obbligatorio";
     static get RequiredField(): "Erforderliches Feld" | "Required field" | "Campo obligatorio" | "Champ obligatoire" | "Campo obrigatório" | "Campo Obbligatorio";
     static get RequiredNOT(): "Nicht obligatorisch" | "Not mandatory" | "No obligatorio" | "Pas obligatoire" | "Não é obrigatório" | "Non obbligatorio";
@@ -546,6 +557,7 @@ export declare class SDKUI_Localizator {
     static get Restore(): "Wiederherstellen" | "Restore" | "Restablecer" | "Restaure" | "Restauração" | "Ripristina";
     static get RestoreComment(): "Kommentar wiederherstellen?" | "Restore the comment?" | "¿Restaurar el comentario?" | "Restaurer le commentaire ?" | "Restaurar o comentário?" | "Ripristinare il commento?";
     static get ResultDetails(): string;
+    static get ResultsPerPage(): string;
     static get RetrieveFile(): "Dateiwiederherstellung" | "Retrieve file" | "Recuperación archivos" | "Récupération fichier" | "Arquivos de recuperação" | "Recupero file";
     static get Rows(): "Linien" | "rows" | "líneas" | "lignes" | "linhas" | "righe";
     static get Save(): "Speichern" | "Save" | "Guardar" | "Enregistre" | "Salvar" | "Salva";
@@ -582,6 +594,7 @@ export declare class SDKUI_Localizator {
     static get SetAsFavorite(): "Als Favorit festlegen" | "Set as favorite" | "Establecer como favorito" | "Définir comme favori" | "Definir como favorito" | "Imposta come preferito";
     static get SetNamedCredentialsAsPreferred(): "Möchten Sie die Anmeldedaten '{{0}}' als bevorzugt festlegen?" | "Do you want to set the '{{0}}' credentials as preferred?" | "¿Quieres configurar las credenciales '{{0}}' como preferidas?" | "Voulez-vous définir les identifiants '{{0}}' comme préférés ?" | "Deseja definir as credenciais '{{0}}' como preferidas?" | "Vuoi impostare le credenziali '{{0}}' come preferite?";
     static get Settings(): "Einstellungen" | "Settings" | "Ajustes" | "Réglages" | "Definições" | "Impostazioni";
+    static get SettingSavedSuccessfully(): string;
     static get Severity(): "Schweregrad" | "Severity" | "Gravedad" | "Gravité" | "Gravidade" | "Gravità";
     static get Share(): string;
     static get ShareNew(): string;
@@ -592,6 +605,7 @@ export declare class SDKUI_Localizator {
     static get SharedDocuments(): "Gemeinsame Dokumente" | "Shared documents" | "Documentos compartidos" | "Documents partagés" | "Documentos compartilhados" | "Documenti condivisi";
     static get Shortcuts(): "Tastenkombinationen" | "Shortcuts" | "Atajos" | "Raccourcis" | "Atalhos" | "Scorciatoie";
     static get ShowAll(): "Alle anzeigen" | "Show all" | "Mostrar todo" | "Tout afficher" | "Mostrar tudo" | "Mostra tutti";
+    static get ShowColumnSelection(): string;
     static get ShowFloatingBar(): string;
     static get ShowLess(): "Weniger anzeigen" | "Show less" | "Mostrar menos" | "Afficher moins" | "Mostra meno";
     static get Show_CompleteName(): "Vollständigen Namen anzeigen" | "View full name" | "Mostrar nombre completo" | "Afficher le nom complet" | "Mostrar nome completo" | "Visualizza nome completo";
@@ -625,8 +639,10 @@ export declare class SDKUI_Localizator {
     static get Statistics(): "Statistiken" | "Statistics" | "Estadística" | "Statistiques" | "Estatísticas" | "Statistiche";
     static get Status(): "Status" | "Estado" | "Statut" | "Stato";
     static get Subject(): "Betreff" | "Subject" | "Asunto" | "Objet" | "Assunto" | "Oggetto";
+    static get SubjectType(): "Betreff-Typ" | "Subject type" | "Tipo de asunto" | "Type de sujet" | "Tipo de assunto" | "Tipo soggetto";
     static get Summary(): "Zusammenfassung" | "Summary" | "Resumen" | "Résumé" | "Resumo" | "Riepilogo";
     static get SwitchUser(): "Benutzer wechseln" | "Switch user" | "Cambiar usuario" | "Changer d'utilisateur" | "Mudar de usuário" | "Cambia utente";
+    static get TargetedSearch(): "Gezielte Suche" | "Targeted search" | "Búsqueda dirigida" | "Recherche ciblée" | "Pesquisa direcionada" | "Ricerca puntuale";
     static get TaskAssignedMessage(): "Die Aufgabe wurde von Benutzer '{{0}}' zugewiesen. Nur die Felder 'Status' und 'Erinnerung' können bearbeitet werden, da sie für die Person, die mit der Arbeit fortfährt, relevant sind" | "The task was assigned by user '{{0}}'. Only the 'Status' and 'Reminder' fields can be edited, as they are relevant for the person who will continue with the work" | "La tarea fue asignada por el usuario '{{0}}'. Solo se pueden editar los campos 'Estado' y 'Recordatorio', ya que son relevantes para la persona que continuará con el trabajo" | "La tâche a été assignée par l'utilisateur '{{0}}'. Seuls les champs 'Statut' et 'Rappel' peuvent être modifiés, car ils sont pertinents pour la personne qui poursuivra le travail" | "A tarefa foi atribuída pelo usuário '{{0}}'. Apenas os campos 'Status' e 'Lembrete' podem ser editados, pois são relevantes para quem continuará com o trabalho" | "Attività assegnata dall'utente '{{0}}'. Solo i campi 'Stato' e 'Promemoria' possono essere modificati, in quanto sono rilevanti per chi dovrà proseguire con il lavoro";
     static get TaskAssignedToUserMessage(): "Aufgabe zugewiesen an den Benutzer '{{0}}'" | "Task assigned to user '{{0}}'" | "Tarea asignada al usuario '{{0}}'" | "Tâche assignée à l'utilisateur '{{0}}'" | "Tarefa atribuída ao usuário '{{0}}'" | "Attività assegnata all'utente '{{0}}'";
     static get TaskConsideredExpiring(): "Die Aufgabe wird als ablaufend betrachtet, wenn" | "The task is considered expiring if" | "La tarea se considera por vencer si" | "La tâche est considérée comme expirante si" | "A tarefa é considerada vencendo se" | "L'attività è considerata in scadenza se";