@topconsultnpm/sdkui-react-beta 6.16.87 → 6.16.89

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

@@ -1,16 +1,16 @@
 import React from 'react';
-import { DcmtTypeDescriptor, ITopMediaSession, TemplateTIDs } from '@topconsultnpm/sdk-ts-beta';
+import { AccessFilter, DcmtTypeDescriptor, ITopMediaSession, TemplateTIDs } from '@topconsultnpm/sdk-ts-beta';
 import { ITMChooserFormProps, ITMChooserProps } from '../../ts';
 interface ITMDcmtTypeChooser extends ITMChooserProps {
     ShowOnlyDcmtTypes?: boolean;
     ShowOnlySAP?: boolean;
     filterTemplateTID?: TemplateTIDs[];
-    /** Contiene i TID selezionati  */
     values?: number[];
-    /** Visualizza il bordo  */
     showBorder?: boolean;
     borderRadius?: string;
     openEditorOnSummaryClick?: boolean;
+    accessFilter?: AccessFilter;
+    filter?: (value: DcmtTypeDescriptor, index: number, array: DcmtTypeDescriptor[]) => unknown;
 }
 declare const TMDcmtTypeChooser: React.FunctionComponent<ITMDcmtTypeChooser>;
 export default TMDcmtTypeChooser;
@@ -19,5 +19,7 @@ interface ITMDcmtTypeChooserFormProps extends ITMChooserFormProps<DcmtTypeDescri
     ShowOnlySAP?: boolean;
     filterTemplateTID?: TemplateTIDs[];
     tmSession?: ITopMediaSession;
+    accessFilter?: AccessFilter;
+    filter?: (value: DcmtTypeDescriptor, index: number, array: DcmtTypeDescriptor[]) => unknown;
 }
 export declare const TMDcmtTypeChooserForm: React.FunctionComponent<ITMDcmtTypeChooserFormProps>;

package/lib/components/choosers/TMDcmtTypeChooser.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { DcmtTypeListCacheService, SDK_Globals, SDK_Localizator } from '@topconsultnpm/sdk-ts-beta';
+import { AccessLevelsEx, DcmtTypeListCacheService, SDK_Globals, SDK_Localizator } from '@topconsultnpm/sdk-ts-beta';
 import TMSpinner from '../base/TMSpinner';
 import { IconSearch, SDKUI_Localizator } from '../../helper';
 import { StyledDivHorizontal } from '../base/Styled';
 import TMTidViewer, { TMDcmtTypeIcon } from '../viewers/TMTidViewer';
 import TMSummary from '../editors/TMSummary';
 import TMChooserForm from '../forms/TMChooserForm';
-const TMDcmtTypeChooser = ({ tmSession, dataSource, disabled, backgroundColor, showEditButton = true, borderRadius = '4px', buttons = [], placeHolder = `<${SDKUI_Localizator.NoneSelection}>`, openEditorOnSummaryClick, showBorder = true, showId = false, elementStyle, allowMultipleSelection, ShowOnlyDcmtTypes, ShowOnlySAP, filterTemplateTID, values, isModifiedWhen, label, width, height, showClearButton = false, validationItems = [], onValueChanged }) => {
+const TMDcmtTypeChooser = ({ tmSession, dataSource, disabled, backgroundColor, filter, accessFilter = 'all', showEditButton = true, borderRadius = '4px', buttons = [], placeHolder = `<${SDKUI_Localizator.NoneSelection}>`, openEditorOnSummaryClick, showBorder = true, showId = false, elementStyle, allowMultipleSelection, ShowOnlyDcmtTypes, ShowOnlySAP, filterTemplateTID, values, isModifiedWhen, label, width, height, showClearButton = false, validationItems = [], onValueChanged }) => {
     const [showChooser, setShowChooser] = useState(false);
     useEffect(() => {
         TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.ListDcmtTypeOrView} ...` });
@@ -18,29 +18,35 @@ const TMDcmtTypeChooser = ({ tmSession, dataSource, disabled, backgroundColor, s
         return (_jsxs(StyledDivHorizontal, { style: { width: 'max-content', height: '100%' }, children: [values && _jsx(TMTidViewer, { tmSession: tmSession, tid: values[0], showIcon: true, showId: showId, noneSelectionText: placeHolder }), values && values.length > 1 && _jsx("p", { style: { marginLeft: '10px' }, children: `(+${values.length - 1} ${values.length == 2 ? 'altro' : 'altri'})` })] }));
     };
     return (_jsxs(_Fragment, { children: [_jsx(TMSummary, { backgroundColor: backgroundColor, buttons: buttons, showBorder: showBorder, borderRadius: borderRadius, hasValue: values && values.length > 0, showClearButton: showClearButton, showEditButton: showEditButton, iconEditButton: _jsx(IconSearch, { fontSize: 16 }), onEditorClick: () => !disabled && setShowChooser(true), elementStyle: elementStyle, isModifiedWhen: isModifiedWhen, label: label, width: width, height: height, template: renderTemplate(), openEditorOnSummaryClick: openEditorOnSummaryClick, onClearClick: showClearButton ? () => { !disabled && onValueChanged?.([]); } : undefined, validationItems: validationItems }), showChooser &&
-                _jsx(TMDcmtTypeChooserForm, { tmSession: tmSession, allowMultipleSelection: allowMultipleSelection, dataSource: dataSource, selectedIDs: values, ShowOnlyDcmtTypes: ShowOnlyDcmtTypes, ShowOnlySAP: ShowOnlySAP, filterTemplateTID: filterTemplateTID, onClose: () => setShowChooser(false), onChoose: (IDs) => { onValueChanged?.(IDs); } })] }));
+                _jsx(TMDcmtTypeChooserForm, { tmSession: tmSession, allowMultipleSelection: allowMultipleSelection, dataSource: dataSource, selectedIDs: values, ShowOnlyDcmtTypes: ShowOnlyDcmtTypes, ShowOnlySAP: ShowOnlySAP, accessFilter: accessFilter, filterTemplateTID: filterTemplateTID, filter: filter, onClose: () => setShowChooser(false), onChoose: (IDs) => { onValueChanged?.(IDs); } })] }));
 };
 export default TMDcmtTypeChooser;
 const cellRenderIcon = (data) => _jsx(TMDcmtTypeIcon, { dtd: data.data });
 const cellRenderNameAndDesc = (data) => _jsx("p", { style: { textAlign: 'left', color: data.data.isView ? 'red' : '' }, children: data.value });
-export const TMDcmtTypeChooserForm = (props) => {
+export const TMDcmtTypeChooserForm = ({ tmSession, allowMultipleSelection, width, height, selectedIDs, dataSource, ShowOnlyDcmtTypes, ShowOnlySAP, filterTemplateTID, accessFilter = 'all', filter, onClose, onChoose }) => {
+    const isPermitted = (accessLevel) => accessLevel === AccessLevelsEx.Yes || accessLevel === AccessLevelsEx.Mixed;
     const getItems = async (refreshCache) => {
-        let tms = props.tmSession ?? SDK_Globals.tmSession;
+        let tms = tmSession ?? SDK_Globals.tmSession;
         if (refreshCache)
             DcmtTypeListCacheService.RemoveAllWithoutMetadata(tms);
-        let count = DcmtTypeListCacheService.CacheCount(true, tms);
+        let count = DcmtTypeListCacheService.CacheCount(true, accessFilter, tms);
         if (count <= 0)
             TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.ListDcmtTypeOrView} ...` });
         let dtdList = await DcmtTypeListCacheService.GetAllWithoutMetadataAsync(tms);
         if (count <= 0)
             TMSpinner.hide();
-        if (props.ShowOnlyDcmtTypes)
+        if (ShowOnlyDcmtTypes)
             return dtdList?.filter(d => d.isView === false);
-        else if (props.ShowOnlySAP)
+        else if (ShowOnlySAP)
             return dtdList?.filter(d => isSAPDcmtTypeName(d.name));
-        if (props.filterTemplateTID)
-            return dtdList?.filter(d => d.templateTID && props.filterTemplateTID?.includes(d.templateTID));
-        return dtdList;
+        if (filterTemplateTID)
+            return dtdList?.filter(d => d.templateTID && filterTemplateTID?.includes(d.templateTID));
+        if (accessFilter === 'canArchive')
+            return dtdList?.filter(d => isPermitted(d.perm?.canArchive));
+        else if (accessFilter === 'canSearch')
+            return dtdList?.filter(d => isPermitted(d.perm?.canSearch));
+        let dcmtTypes = filter ? dtdList?.filter(filter) : dtdList;
+        return dcmtTypes;
     };
     const isSAPDcmtTypeName = (dcmtTypeName) => {
         if (!dcmtTypeName || dcmtTypeName.trim().length === 0)
@@ -51,5 +57,5 @@ export const TMDcmtTypeChooserForm = (props) => {
             return false;
         return true;
     };
-    return (_jsx(TMChooserForm, { title: SDK_Localizator.ListDcmtTypeOrView, allowMultipleSelection: props.allowMultipleSelection, hasShowOnlySelectedItems: true, width: props.width, height: props.height, selectedIDs: props.selectedIDs, cellRenderIcon: cellRenderIcon, cellRenderNameAndDesc: cellRenderNameAndDesc, dataSource: props.dataSource, getItems: getItems, onClose: props.onClose, onChoose: (IDs) => props.onChoose?.(IDs) }));
+    return (_jsx(TMChooserForm, { title: SDK_Localizator.ListDcmtTypeOrView, allowMultipleSelection: allowMultipleSelection, hasShowOnlySelectedItems: true, width: width, height: height, selectedIDs: selectedIDs, cellRenderIcon: cellRenderIcon, cellRenderNameAndDesc: cellRenderNameAndDesc, dataSource: dataSource, getItems: getItems, onClose: onClose, onChoose: (IDs) => onChoose?.(IDs) }));
 };

package/lib/components/features/archive/TMArchive.js

@@ -140,7 +140,7 @@ const TMRecentsManagerWrapper = ({ mruTIDs, currentTID, currentMruTID, deviceTyp
             setToolbarButtonVisibility('tmDcmtForm', true);
         }
     }, [currentTID]);
-    return (_jsx(TMRecentsManager, { mruTIDs: mruTIDs, currentMruTID: currentMruTID, deviceType: deviceType, onSelectedTID: (tid) => {
+    return (_jsx(TMRecentsManager, { accessFilter: 'canArchive', mruTIDs: mruTIDs, currentMruTID: currentMruTID, deviceType: deviceType, onSelectedTID: (tid) => {
             onSelectedTID?.(tid);
             if (deviceType === DeviceType.MOBILE) {
                 setPanelVisibilityById('tmDcmtForm', true);

package/lib/components/features/search/TMSearch.js

@@ -220,7 +220,7 @@ const TMTreeSelectorWrapper = ({ isMobile, onSelectedTIDChanged }) => {
 };
 const TMRecentsManagerWrapper = ({ mruTIDs, currentMruTID, deviceType, onSelectedTID, onDeletedTID }) => {
     const { setPanelVisibilityById } = useTMPanelManagerContext();
-    return (_jsx(TMRecentsManager, { mruTIDs: mruTIDs, currentMruTID: currentMruTID, deviceType: deviceType, onSelectedTID: (tid) => {
+    return (_jsx(TMRecentsManager, { accessFilter: 'canSearch', mruTIDs: mruTIDs, currentMruTID: currentMruTID, deviceType: deviceType, onSelectedTID: (tid) => {
             onSelectedTID?.(tid);
             deviceType === DeviceType.MOBILE && setPanelVisibilityById('TMSearchQueryPanel', true);
         }, onDeletedTID: (tid) => {

package/lib/components/grids/TMBlogs.js

@@ -473,7 +473,7 @@ const TMBlogs = (props) => {
             }
         }, [blogPosts, focusedBlog, rightClickedOnBackground]);
         const attachmentDetails = (attachments, isSelected) => {
-            return _jsx("div", { style: { marginTop: "10px", overflow: "hidden" }, children: attachments.map(attachment => {
+            return _jsx("div", { style: { marginTop: "5px", overflow: "hidden" }, children: attachments.map(attachment => {
                     return AttachmentElement(attachment, treeFs, draftLatestInfoMap, archivedDocumentMap, dcmtTypeDescriptors, isSelected, searchText, color, setShowDcmtForm, handleFocusedAttachment, setAnchorEl, contextMenuRef);
                 }) });
         };
@@ -544,7 +544,7 @@ const TMBlogs = (props) => {
                 handleFocusedBlog(blogPost);
                 handleFocusedAttachment(undefined);
             };
-            return (_jsxs(BlogPostContainer, { className: "blog-post-container", id: id + "-" + uiId + "-" + blogPost.id.toString(), ref: containerRef, "$color": textColor, "$textDecoration": blogPost.isDel ? 'line-through' : 'none', "$backgroundColor": bgColor, "$paddingRight": layoutMode === 'chat' ? '50px' : '10px', "$canNavigate": canNavigate(), onClick: onClickCallback, onDoubleClick: headerClickCallback, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onContextMenu: onContextMenu, children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [(layoutMode !== 'chat' || !isOwnComment) && OwnerInitialsBadge(blogPost), _jsx("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: "wrap", /* overflow: "hidden" */ }, children: [_jsxs("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: [_jsxs("div", { style: {
+            return (_jsxs(BlogPostContainer, { className: "blog-post-container", id: id + "-" + uiId + "-" + blogPost.id.toString(), ref: containerRef, "$color": textColor, "$textDecoration": blogPost.isDel ? 'line-through' : 'none', "$backgroundColor": bgColor, "$paddingRight": layoutMode === 'chat' ? isOwnComment ? '50px' : '10px' : '10px', "$canNavigate": canNavigate(), onClick: onClickCallback, onDoubleClick: headerClickCallback, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onContextMenu: onContextMenu, children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [(layoutMode !== 'chat' || !isOwnComment) && OwnerInitialsBadge(blogPost), _jsx("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: "wrap", /* overflow: "hidden" */ }, children: [_jsxs("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: [_jsxs("div", { style: {
                                                         fontWeight: "bold",
                                                         fontSize: '1rem',
                                                         display: "flex",
@@ -592,7 +592,8 @@ const TMBlogs = (props) => {
                                                                 maxWidth: "65px",
                                                                 overflow: 'hidden',
                                                                 textOverflow: 'ellipsis',
-                                                                transform: layoutMode === 'chat' ? 'translate(45px, 0px)' : undefined
+                                                                // transform: layoutMode === 'chat' ? 'translate(45px, 0px)' : undefined
+                                                                transform: layoutMode === 'chat' ? 'translate(5px, -5px)' : undefined
                                                             }, children: SDKUI_Localizator.New }))] }), _jsxs("div", { style: {
                                                         fontSize: 'calc(1rem - 1px)',
                                                         color: isSelected ? "#fff" : !blogPost.isSys ? TMColors.primary : colors.RED

package/lib/components/grids/TMBlogsUtils.js

@@ -162,13 +162,14 @@ export const AttachmentElement = (attachment, treeFs, draftLatestInfoMap, archiv
     };
     return _jsx("div", { onDoubleClick: onDoubleClick, onContextMenu: onContextMenu, style: {
             display: 'inline-flex',
-            padding: '8px 12px',
+            padding: '4px 8px',
             margin: '4px',
             border: '1px solid #ddd',
             borderRadius: '8px',
             boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)',
             backgroundColor: isSelected ? color : colors.WHITE,
-            cursor: "pointer"
+            cursor: "pointer",
+            fontSize: '0.9rem'
         }, onMouseEnter: (e) => {
             e.currentTarget.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.15)';
             e.currentTarget.style.backgroundColor = isSelected ? lightenColor(color, 40) : '#cfcfcf';

package/lib/components/grids/TMRecentsManager.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+import { AccessFilter } from '@topconsultnpm/sdk-ts-beta';
 import { DeviceType } from '../base/TMDeviceProvider';
 interface ITMRecentsProps {
     mruTIDs: number[];
     currentMruTID?: number;
     deviceType?: DeviceType;
+    accessFilter?: AccessFilter;
     onSelectedTID?: (tid: number) => void;
     onDeletedTID?: (tid: number) => void;
 }

package/lib/components/grids/TMRecentsManager.js

@@ -63,7 +63,7 @@ const StyledRecentTidItem = styled.div `
     }
 `;
 const iconDelete = () => ReactDOMServer.renderToString(_jsx(IconDelete, {}));
-const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, onSelectedTID, onDeletedTID }) => {
+const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, accessFilter = 'all', onSelectedTID, onDeletedTID }) => {
     const [showDcmtTypeChooser, setShowDcmtTypeChooser] = useState(false);
     const [recentDcmtTypes, setRecentDcmtTypes] = useState([]);
     const [infoDTD, setInfoDTD] = useState();
@@ -112,7 +112,7 @@ const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, onSelectedTID, o
                                     whiteSpace: 'nowrap',
                                     overflow: 'hidden',
                                     textOverflow: 'ellipsis'
-                                }, children: `${SDKUI_Localizator.AllDcmtTypes} (${DcmtTypeListCacheService.CacheCount(true)})` }) }) }, 0), recentDcmtTypes.map((dtd) => {
+                                }, children: `${SDKUI_Localizator.AllDcmtTypes} (${DcmtTypeListCacheService.CacheCount(true, accessFilter)})` }) }) }, 0), recentDcmtTypes.map((dtd) => {
                         const isCurrent = currentMruTID == dtd.id;
                         return (_jsxs(StyledRecentTidItem, { id: `tid-${dtd.id}`, "$isMobile": isMobile, onClick: () => { onSelectedTID?.(dtd.id ?? 0); }, children: [_jsxs(StyledDivHorizontal, { style: { alignItems: 'center', gap: 8, width: '100%' }, children: [!isMobile && (_jsx("span", { className: "info-icon", style: {
                                                 marginRight: 4,
@@ -149,6 +149,7 @@ const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, onSelectedTID, o
                                             }
                                         ] : [])
                                     ], target: `#tid-${dtd.id}` })] }, dtd.id));
-                    })] }), showDcmtTypeChooser && _jsx(TMDcmtTypeChooserForm, { onClose: () => setShowDcmtTypeChooser(false), onChoose: (tids) => { onSelectedTID?.(tids?.[0] ?? 0); } }), _jsxs(StyledOffCanvasPanel, { ref: panelRef, "$isOpen": isMobile && infoDTD !== undefined, children: [_jsxs(StyledDivHorizontal, { style: { gap: 10, padding: '10px 8px', width: '100%', alignItems: 'center' }, children: [_jsx("p", { style: { fontSize: '1.1rem', fontWeight: 'bold' }, children: `${SDKUI_Localizator.DcmtType} - ${SDKUI_Localizator.About}` }), _jsx(IconCloseOutline, { style: { marginLeft: 'auto', cursor: 'pointer' }, onClick: () => setInfoDTD(undefined) })] }), renderDTDTooltipContent(infoDTD)] })] }));
+                    })] }), showDcmtTypeChooser &&
+                _jsx(TMDcmtTypeChooserForm, { accessFilter: accessFilter, onClose: () => setShowDcmtTypeChooser(false), onChoose: (tids) => { onSelectedTID?.(tids?.[0] ?? 0); } }), _jsxs(StyledOffCanvasPanel, { ref: panelRef, "$isOpen": isMobile && infoDTD !== undefined, children: [_jsxs(StyledDivHorizontal, { style: { gap: 10, padding: '10px 8px', width: '100%', alignItems: 'center' }, children: [_jsx("p", { style: { fontSize: '1.1rem', fontWeight: 'bold' }, children: `${SDKUI_Localizator.DcmtType} - ${SDKUI_Localizator.About}` }), _jsx(IconCloseOutline, { style: { marginLeft: 'auto', cursor: 'pointer' }, onClick: () => setInfoDTD(undefined) })] }), renderDTDTooltipContent(infoDTD)] })] }));
 };
 export default TMRecentsManager;

package/lib/components/viewers/TMTidViewer.js

@@ -267,7 +267,7 @@ const TMTidViewer = ({ tmSession, tid, did, showIcon = false, color, showId = fa
             setDtd(undefined);
             return;
         }
-        let count = DcmtTypeListCacheService.CacheCount(true, tmSession);
+        let count = DcmtTypeListCacheService.CacheCount(true, 'all', tmSession);
         if (count <= 0)
             TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.ListDcmtTypeOrView} ...` });
         try {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.16.87",
+    "version": "6.16.89",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -39,7 +39,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts-beta": "6.16.14",
+        "@topconsultnpm/sdk-ts-beta": "6.16.15",
         "buffer": "^6.0.3",
         "devextreme": "25.1.4",
         "devextreme-react": "25.1.4",