@topconsultnpm/sdkui-react 6.19.0-dev1.55 → 6.19.0-dev1.56

package/lib/components/features/tasks/TMTaskForm.d.ts

@@ -1,7 +1,14 @@
 import React from 'react';
-import { TaskDescriptor, UserDescriptor } from '@topconsultnpm/sdk-ts';
+import { TaskDescriptor, UserDescriptor, HomeBlogPost } from '@topconsultnpm/sdk-ts';
 import { DcmtInfo, FormModes, TaskContext } from '../../../ts';
 export interface TMTaskFormProps {
+    allTasks: Array<TaskDescriptor>;
+    getAllTasks: () => Promise<void>;
+    deleteTaskByIdsCallback: (deletedTaskIds: Array<number>) => Promise<void>;
+    addTaskCallback: (task: TaskDescriptor) => Promise<void>;
+    editTaskCallback: (task: TaskDescriptor) => Promise<void>;
+    handleNavigateToWGs: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers: (value: HomeBlogPost | number) => Promise<void>;
     id: number;
     title: string;
     isModal: boolean;
@@ -13,11 +20,8 @@ export interface TMTaskFormProps {
     handleFocusedRowKeyChange?: (row: TaskDescriptor | undefined) => void;
     onStatusChanged?: () => void;
     onSaved?: (newTask: TaskDescriptor) => void;
-    editTaskCallback?: (task: TaskDescriptor) => Promise<void>;
     onClose?: () => void;
     onCancel?: () => void;
-    handleNavigateToWGs?: (workGroupId: number) => void;
-    handleNavigateToDossiers?: (dossierId: number) => void;
     taskContext?: TaskContext;
     startDate?: Date;
     endDate?: Date;

package/lib/components/features/tasks/TMTaskForm.js

@@ -23,7 +23,7 @@ const TMTaskForm = (props) => {
     const { refreshWorkflowApprove } = useWorkflowApprove();
     const validator = async (taskDescriptor) => { return await taskValidatorAsync(taskDescriptor); };
     // Destructure the props object to extract individual properties
-    const { id, title, isModal, formMode, visualizedTasks, editTaskCallback, currentTask, setCurrentTask, selectedRowKeys, handleFocusedRowKeyChange, onStatusChanged, onSaved, onClose, onCancel, handleNavigateToWGs, handleNavigateToDossiers, taskContext, startDate, endDate, showBackButton = true, hasNavigation = true, width = "100%", height = "100%", usersList, onOpenS4TViewerRequest, s4TViewerDialogComponent } = props;
+    const { id, title, isModal, formMode, visualizedTasks, editTaskCallback, currentTask, setCurrentTask, selectedRowKeys, handleFocusedRowKeyChange, onStatusChanged, onSaved, onClose, onCancel, taskContext, startDate, endDate, showBackButton = true, hasNavigation = true, width = "100%", height = "100%", usersList, onOpenS4TViewerRequest, s4TViewerDialogComponent, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, handleNavigateToWGs, handleNavigateToDossiers } = props;
     const sfo = new SaveFormOptions();
     sfo.objClass = ObjectClasses.Task;
     const customizeFormData = (task) => {
@@ -106,7 +106,7 @@ const TMTaskForm = (props) => {
             const newTaskDescriptor = new TaskDescriptor();
             Object.assign(newTaskDescriptor, formDataOrig);
             newTaskDescriptor.isNew = 0;
-            editTaskCallback?.(newTaskDescriptor);
+            editTaskCallback(newTaskDescriptor);
         }
         else if (formDataOrig && formMode === FormModes.Create && taskContext?.dossier && currentTask) {
             setFieldsReadOnly({
@@ -263,7 +263,7 @@ const TMTaskForm = (props) => {
         onClose?.();
     };
     const onTaskCompleted = async (task) => {
-        await editTaskCallback?.(task);
+        await editTaskCallback(task);
         onClose?.();
     };
     return (_jsx("div", { style: { width: "100%", height: "100%", overflow: "auto" }, ref: containerRef, children: _jsx(TMSaveForm, { width: width, height: height, id: id, title: title, isModal: isModal, formMode: formMode, onSaveAsync: saveDataAsync, onClose: onCloseCallback, onUndo: onUndoCallback, exception: exception, isModified: calcIsModified(formData, formDataOrig), validationItems: validationItems, showBackButton: showBackButton, hasNavigation: (hasNavigation && formMode !== FormModes.Create), canNext: canNext(), onNext: onNextCallback, canPrev: canPrev(), onPrev: onPrevCallback, showToolbar: !(showDcmtForm && formData?.iD1 && formData?.iD2), children: _jsxs(_Fragment, { children: [_jsx(ScrollView, { direction: "vertical", useNative: true, height: "calc(100% - 35px)", children: _jsx("div", { style: { marginRight: "5px" }, children: _jsxs(TMLayoutContainer, { direction: 'vertical', gap: 2, children: [(formMode === FormModes.Update && areDifferentIDs(formDataOrig?.fromID, SDK_Globals.tmSession?.SessionDescr?.userID)) && _jsx(TMConditionalWrapper, { condition: !isMobile, wrapper: children => _jsx("div", { style: { display: 'flex', flexDirection: 'row', width: '100%', gap: 10 }, children: children }), children: _jsxs("div", { style: { width: '100%', display: 'flex', alignItems: 'center', color: "#E29000" }, children: [_jsx("i", { className: "dx-icon-info", style: { fontSize: 20 } }), "\u00A0", _jsx("span", { children: SDKUI_Localizator.TaskAssignedMessage.replaceParams(formDataOrig?.fromName ?? '') })] }) }), taskContext?.workItem === undefined && (!areDifferentIDs(formData?.fromID, SDK_Globals.tmSession?.SessionDescr?.userID)
@@ -286,6 +286,6 @@ const TMTaskForm = (props) => {
                                                     } }) })
                                             : formMode === FormModes.Update && _jsxs(_Fragment, { children: [areDifferentIDs(formDataOrig?.fromID, SDK_Globals.tmSession?.SessionDescr?.userID) && _jsx("div", { style: { width: isMobile ? '100%' : '50%' }, children: _jsx(TMTextBox, { label: SDKUI_Localizator.AssignedBy, value: formData?.fromName ?? '', readOnly: true }) }), areDifferentIDs(formDataOrig?.toID, SDK_Globals.tmSession?.SessionDescr?.userID) && _jsx("div", { style: { width: isMobile ? '100%' : '50%' }, children: _jsx(TMTextBox, { label: SDKUI_Localizator.AssignedTo, value: formData?.toName ?? '', readOnly: true }) })] }) }), _jsx(TMConditionalWrapper, { condition: !isMobile, wrapper: children => _jsx("div", { style: { display: 'flex', flexDirection: 'row', width: '100%', gap: 10 }, children: children }), children: _jsxs(_Fragment, { children: [_jsx("div", { style: { width: isMobile ? '100%' : '50%' }, children: _jsx(TMDropDown, { label: SDKUI_Localizator.Status, value: formData?.state, dataSource: getStatusLocalizatorValues(), isModifiedWhen: formData?.state !== formDataOrig?.state, onValueChanged: onStatusValueChange, readOnly: fieldsReadOnly.status }) }), _jsx("div", { style: { width: isMobile ? '100%' : '50%' }, children: !fieldsReadOnly.priority ? _jsx(TMDropDown, { label: SDKUI_Localizator.Priority, value: formData?.priority, dataSource: getPriorityLocalizatorValues(), isModifiedWhen: formData?.priority !== formDataOrig?.priority, onValueChanged: onPriorityValueChange })
                                                         : _jsx(TMTextBox, { label: SDKUI_Localizator.Priority, value: getPriorityLocalizatorValue(formData?.priority ?? Priorities.Low), readOnly: true }) })] }) }), _jsx(TMConditionalWrapper, { condition: !isMobile, wrapper: children => _jsx("div", { style: { display: 'flex', flexDirection: 'row', width: '100%', gap: 10 }, children: children }), children: _jsxs(_Fragment, { children: [_jsx("div", { style: { width: isMobile ? '100%' : '50%', marginTop: 10 }, children: !fieldsReadOnly.startDate ? _jsx(TMDateBox, { id: "start-date", resetTimeToZeroOnKeyPress: false, label: SDKUI_Localizator.StartDate, dateDisplayType: DateDisplayTypes.DateTime, value: formData?.startTime, isModifiedWhen: formData?.startTime !== formDataOrig?.startTime, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.ErrorStartEndDate), onContentReady: handleStartTimeContentReady, onValueChange: (value) => { setFormData({ ...formData ?? {}, startTime: value }); }, showClearButton: true }) : _jsx(TMTextBox, { label: SDKUI_Localizator.StartDate, value: formData?.startTime ? formatDate(formData?.startTime) : '', readOnly: true }) }), _jsx("div", { style: { width: isMobile ? '100%' : '50%', marginTop: 10 }, children: !fieldsReadOnly.startDate ? _jsx(TMDateBox, { id: "end-date", resetTimeToZeroOnKeyPress: false, label: SDKUI_Localizator.Expiration, dateDisplayType: DateDisplayTypes.DateTime, value: formData?.endTime, isModifiedWhen: formData?.endTime !== formDataOrig?.endTime, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.ErrorStartEndDate || o.PropertyName === SDKUI_Localizator.ErrorEndRemDate), onContentReady: handleEndTimeContentReady, onValueChange: (value) => { setFormData({ ...formData ?? {}, endTime: value }); }, showClearButton: true, readOnly: fieldsReadOnly.endDate }) : _jsx(TMTextBox, { label: SDKUI_Localizator.Expiration, value: formData?.endTime ? formatDate(formData?.endTime) : '', readOnly: true }) })] }) }), _jsx(TMConditionalWrapper, { condition: !isMobile, wrapper: children => _jsx("div", { style: { display: 'flex', flexDirection: 'row', width: '100%', gap: 3 }, children: children }), children: _jsx("div", { style: { width: isMobile ? '100%' : '50%', marginTop: 10 }, children: _jsx(TMDateBox, { id: "alert-time", resetTimeToZeroOnKeyPress: false, label: SDKUI_Localizator.Reminder, dateDisplayType: DateDisplayTypes.DateTime, value: formData?.remTime ?? undefined, isModifiedWhen: formData?.remTime !== formDataOrig?.remTime, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.ErrorEndRemDate), onValueChange: (value) => { setFormData({ ...formData ?? {}, remTime: value }); }, showClearButton: true, readOnly: fieldsReadOnly.remTime }) }) })] }) }) }), (showDcmtForm && formData?.iD1 && formData?.iD2) &&
-                        _jsx(TMDcmtForm, { titleModal: formData.iD1Name ?? '-', isModal: true, TID: formData.iD1, DID: formData.iD2, allowButtonsRefs: true, taskMoreInfo: formData, onWFOperationCompleted: refreshWorkflowApprove, onTaskCompleted: onTaskCompleted, onClose: () => { setShowDcmtForm(false); }, onOpenS4TViewerRequest: onOpenS4TViewerRequest, s4TViewerDialogComponent: s4TViewerDialogComponent })] }) }) }));
+                        _jsx(TMDcmtForm, { titleModal: formData.iD1Name ?? '-', isModal: true, TID: formData.iD1, DID: formData.iD2, allowButtonsRefs: true, taskMoreInfo: formData, onWFOperationCompleted: refreshWorkflowApprove, onTaskCompleted: onTaskCompleted, onClose: () => { setShowDcmtForm(false); }, onOpenS4TViewerRequest: onOpenS4TViewerRequest, s4TViewerDialogComponent: s4TViewerDialogComponent, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers })] }) }) }));
 };
 export default TMTaskForm;

package/lib/components/features/tasks/TMTasksPanelContent.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TaskDescriptor, UserDescriptor } from "@topconsultnpm/sdk-ts";
+import { HomeBlogPost, TaskDescriptor, UserDescriptor } from "@topconsultnpm/sdk-ts";
 import { DcmtInfo, TaskContext } from "../../../ts";
 interface TMTasksPanelContentProps {
     id: string;
@@ -8,8 +8,8 @@ interface TMTasksPanelContentProps {
     deleteTaskByIdsCallback: (deletedTaskIds: Array<number>) => Promise<void>;
     addTaskCallback: (task: TaskDescriptor) => Promise<void>;
     editTaskCallback: (task: TaskDescriptor) => Promise<void>;
-    handleNavigateToWGs: (workGroupId: number) => void;
-    handleNavigateToDossiers: (dossierId: number) => void;
+    handleNavigateToWGs: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers: (value: HomeBlogPost | number) => Promise<void>;
     taskContext?: TaskContext;
     usersList?: Array<UserDescriptor>;
     onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>, onRefreshSearchAsync?: (() => Promise<void>)) => void;

package/lib/components/features/tasks/TMTasksPanelContent.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect } from "react";
 import { useState } from "react";
-import { AssignedTab, FilterCategoryId, filterTreeTask, getTaskAssignedToMe, TaskView } from "./TMTasksUtils";
+import { applyContextFilters, AssignedTab, FilterCategoryId, filterTreeTask, getTaskAssignedToMe, TaskView } from "./TMTasksUtils";
 import { getTaskAssignedByMe } from "../tasks/TMTasksUtils";
 import TMTasksView from "./TMTasksView";
 import TMTasksHeader from "./TMTasksHeader";
@@ -26,20 +26,15 @@ const TMTasksPanelContent = (props) => {
     const [showContextualWG, setShowContextualWG] = useState(true);
     // showContextualDossier is a state variable that determines whether the contextual dossier filter is visible
     const [showContextualDossier, setShowContextualDossier] = useState(true);
+    // showContextualDocument is a state variable that determines whether the contextual document filter is visible
+    const [showContextualDocument, setShowContextualDocument] = useState(true);
     // showId is a state variable that determines whether an ID-related component or feature should be displayed
     const [showId, setShowId] = useState(false);
     // showSearch is a state variable that controls the visibility of a search-related component or feature
     const [showSearch, setShowSearch] = useState(true);
     const contextualTasks = React.useMemo(() => {
-        let tasks = allTasks;
-        if (showContextualWG && taskContext && taskContext.workingGroup && taskContext.workingGroup.id) {
-            tasks = tasks.filter(task => task.iD1 === taskContext.workingGroup.id);
-        }
-        if (showContextualDossier && taskContext && taskContext.dossier && taskContext.dossier.id) {
-            tasks = tasks.filter(task => task.iD1 === taskContext.dossier.id);
-        }
-        return tasks;
-    }, [allTasks, showContextualWG, showContextualDossier, taskContext]);
+        return applyContextFilters(allTasks, showContextualWG, showContextualDossier, showContextualDocument, taskContext);
+    }, [allTasks, showContextualWG, showContextualDossier, showContextualDocument, taskContext]);
     useEffect(() => {
         const getFilteredTasks = (tab) => {
             let tasks = allTasks;
@@ -53,22 +48,17 @@ const TMTasksPanelContent = (props) => {
                 default:
                     break;
             }
-            if (showContextualWG && taskContext && taskContext.workingGroup && taskContext.workingGroup.id) {
-                tasks = tasks.filter(task => task.iD1 === taskContext.workingGroup?.id);
-            }
-            if (showContextualDossier && taskContext && taskContext.dossier && taskContext.dossier.id) {
-                tasks = tasks.filter(task => task.iD1 === taskContext.dossier?.id);
-            }
+            tasks = applyContextFilters(allTasks, showContextualWG, showContextualDossier, showContextualDocument, taskContext);
             return filterTreeTask(tasks, appliedGlobalFilters);
         };
         setAssignedToMeCount(getFilteredTasks(AssignedTab.AssignedToMe).length);
         setAssignedByMeCount(getFilteredTasks(AssignedTab.AssignedByMe).length);
         setAllTasksFilteredCount(getFilteredTasks(AssignedTab.All).length);
         setVisualizedTasks(getFilteredTasks(activeTabIndex));
-    }, [allTasks, appliedGlobalFilters, activeTabIndex, showContextualWG, showContextualDossier, taskContext]);
+    }, [allTasks, appliedGlobalFilters, activeTabIndex, showContextualWG, showContextualDossier, showContextualDocument, taskContext]);
     const updateActiveComponent = useCallback((newComponent) => {
         setActiveComponent(newComponent);
     }, []);
-    return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx(TMTasksHeader, { height: "55px", activeComponent: activeComponent, updateActiveComponent: updateActiveComponent, allTasks: contextualTasks, appliedGlobalFilters: appliedGlobalFilters, setAppliedGlobalFilters: setAppliedGlobalFilters }), _jsx("div", { style: { width: "100%", height: "calc(100% - 55px)" }, children: _jsx(TMTasksView, { id: id, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, currentTask: currentTask, setCurrentTask: setCurrentTask, visualizedTasks: visualizedTasks, activeComponent: activeComponent, activeTabIndex: activeTabIndex, setActiveTabIndex: setActiveTabIndex, assignedToMeCount: assignedToMeCount, assignedByMeCount: assignedByMeCount, allTasksFilteredCount: allTasksFilteredCount, showId: showId, setShowId: setShowId, showSearch: showSearch, setShowSearch: setShowSearch, showContextualWG: showContextualWG, setShowContextualWG: setShowContextualWG, showContextualDossier: showContextualDossier, setShowContextualDossier: setShowContextualDossier, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, taskContext: taskContext, usersList: usersList, onOpenS4TViewerRequest: onOpenS4TViewerRequest, s4TViewerDialogComponent: s4TViewerDialogComponent }) })] });
+    return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx(TMTasksHeader, { height: "55px", activeComponent: activeComponent, updateActiveComponent: updateActiveComponent, allTasks: contextualTasks, appliedGlobalFilters: appliedGlobalFilters, setAppliedGlobalFilters: setAppliedGlobalFilters }), _jsx("div", { style: { width: "100%", height: "calc(100% - 55px)" }, children: _jsx(TMTasksView, { id: id, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, currentTask: currentTask, setCurrentTask: setCurrentTask, visualizedTasks: visualizedTasks, activeComponent: activeComponent, activeTabIndex: activeTabIndex, setActiveTabIndex: setActiveTabIndex, assignedToMeCount: assignedToMeCount, assignedByMeCount: assignedByMeCount, allTasksFilteredCount: allTasksFilteredCount, showId: showId, setShowId: setShowId, showSearch: showSearch, setShowSearch: setShowSearch, showContextualWG: showContextualWG, setShowContextualWG: setShowContextualWG, showContextualDossier: showContextualDossier, setShowContextualDossier: setShowContextualDossier, showContextualDocument: showContextualDocument, setShowContextualDocument: setShowContextualDocument, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, taskContext: taskContext, usersList: usersList, onOpenS4TViewerRequest: onOpenS4TViewerRequest, s4TViewerDialogComponent: s4TViewerDialogComponent }) })] });
 };
 export default TMTasksPanelContent;

package/lib/components/features/tasks/TMTasksUtils.d.ts

@@ -1,7 +1,7 @@
 import { Appointment } from 'devextreme/ui/scheduler';
 import { ContextMenuTypes } from 'devextreme-react/cjs/context-menu';
 import { TaskDescriptor, Task_States, PdGs, Priorities, ValidationItem } from '@topconsultnpm/sdk-ts';
-import { FormModes } from '../../../ts';
+import { FormModes, TaskContext } from '../../../ts';
 import { TMDataGridContextMenuItem } from '../../base/TMDataGrid';
 export declare const TEXT_SELECTED_COLOR = "#ff5e1a";
 export declare const BG_COLOR_INACTIVE_WIDGET = "#fff";
@@ -98,7 +98,7 @@ export declare const gotoPDGExtendedLabel: (gotoVisible: boolean, pdg: PdGs, iD1
 export declare const convertToSchedulerAppointments: (tasks: Array<TaskDescriptor>) => Array<Appointment>;
 export declare const formatDate: (date: Date) => string;
 export declare const areDifferentIDs: (fromID: number | undefined, userID: number | undefined) => boolean;
-export declare const createTasksMenuItems: (taskDescriptor: TaskDescriptor | undefined, showId: boolean, setShowId: React.Dispatch<React.SetStateAction<boolean>>, showSearch: boolean, setShowSearch: React.Dispatch<React.SetStateAction<boolean>>, openTaskForm: (formMode: FormModes, task?: TaskDescriptor) => void, editTaskCallback: (rowId: number | undefined) => void, duplicateTaskCallback: (rowId: number | undefined) => void, onDeleteCallback: (rowIds: Array<number>) => void, markAsStatus: (rowIds: Array<number>, status: Task_States) => void, getAllTasks: () => Promise<void>, fromWG: boolean, showContextualWG: boolean, setShowContextualWG: React.Dispatch<React.SetStateAction<boolean>>, fromDossier: boolean, showContextualDossier: boolean, setShowContextualDossier: React.Dispatch<React.SetStateAction<boolean>>, showGoToToday: boolean, handleGoToToday?: () => void, fromDatagrid?: boolean) => Array<TMDataGridContextMenuItem>;
+export declare const createTasksMenuItems: (taskDescriptor: TaskDescriptor | undefined, showId: boolean, setShowId: React.Dispatch<React.SetStateAction<boolean>>, showSearch: boolean, setShowSearch: React.Dispatch<React.SetStateAction<boolean>>, openTaskForm: (formMode: FormModes, task?: TaskDescriptor) => void, editTaskCallback: (rowId: number | undefined) => void, duplicateTaskCallback: (rowId: number | undefined) => void, onDeleteCallback: (rowIds: Array<number>) => void, markAsStatus: (rowIds: Array<number>, status: Task_States) => void, getAllTasks: () => Promise<void>, fromWG: boolean, showContextualWG: boolean, setShowContextualWG: React.Dispatch<React.SetStateAction<boolean>>, fromDossier: boolean, showContextualDossier: boolean, setShowContextualDossier: React.Dispatch<React.SetStateAction<boolean>>, fromDocument: boolean, showContextualDocument: boolean, setShowContextualDocument: React.Dispatch<React.SetStateAction<boolean>>, showGoToToday: boolean, handleGoToToday?: () => void, fromDatagrid?: boolean) => Array<TMDataGridContextMenuItem>;
 export declare const checkIfNew: (fromId: number | undefined, isNew: number | undefined) => boolean;
 export declare const getNewTaskCount: (tasks: Array<TaskDescriptor>) => number;
 export declare const isTaskAssignedToAnotherUser: (task: TaskDescriptor) => boolean;
@@ -128,3 +128,4 @@ export declare enum FilterCategoryId {
     High = 2.3
 }
 export declare const filterTreeTask: (tasks: Array<TaskDescriptor>, filtersApplied: Array<FilterCategoryId>) => Array<TaskDescriptor>;
+export declare const applyContextFilters: (allTasks: Array<TaskDescriptor>, showContextualWG: boolean, showContextualDossier: boolean, showContextualDocument: boolean, taskContext: TaskContext | undefined) => TaskDescriptor[];

package/lib/components/features/tasks/TMTasksUtils.js

@@ -381,11 +381,12 @@ export const areDifferentIDs = (fromID, userID) => {
     }
     return false;
 };
-export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSearch, setShowSearch, openTaskForm, editTaskCallback, duplicateTaskCallback, onDeleteCallback, markAsStatus, getAllTasks, fromWG, showContextualWG, setShowContextualWG, fromDossier, showContextualDossier, setShowContextualDossier, showGoToToday, handleGoToToday, fromDatagrid = true) => {
+export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSearch, setShowSearch, openTaskForm, editTaskCallback, duplicateTaskCallback, onDeleteCallback, markAsStatus, getAllTasks, fromWG, showContextualWG, setShowContextualWG, fromDossier, showContextualDossier, setShowContextualDossier, fromDocument, showContextualDocument, setShowContextualDocument, showGoToToday, handleGoToToday, fromDatagrid = true) => {
     const isTaskDescriptorDefined = taskDescriptor !== undefined;
     const isTaskFromAnotherUser = isTaskDescriptorDefined && areDifferentIDs(taskDescriptor.fromID, SDK_Globals.tmSession?.SessionDescr?.userID);
     const menuItems = [
         {
+            id: 'createContextualTask',
             text: SDKUI_Localizator.CreateContextualTask,
             icon: 'plus',
             onClick: () => { openTaskForm(FormModes.Create); },
@@ -447,9 +448,18 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
             icon: 'filter',
             onClick: () => { setShowContextualDossier(prev => !prev); },
             disabled: false,
-            beginGroup: !fromWG,
+            beginGroup: !fromWG && !fromDocument,
             visible: fromDossier
         },
+        {
+            id: 'documentContextFilter',
+            text: showContextualDocument ? SDKUI_Localizator.RemoveContextualFilter : SDKUI_Localizator.ApplyContextualFilter,
+            icon: 'filter',
+            onClick: () => { setShowContextualDocument(prev => !prev); },
+            disabled: false,
+            beginGroup: !fromDossier && !fromWG,
+            visible: fromDocument
+        },
         {
             icon: "event",
             onClick: () => { if (handleGoToToday) {
@@ -482,8 +492,8 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
     // Apply filters
     let filteredMenuItems = [...menuItems];
     // Show "CreateContextualTask" only if we are in a WG or Dossier context
-    if (fromWG === false && fromDossier === false) {
-        filteredMenuItems = filteredMenuItems.filter(item => item.id !== 'wgContextFilter' && item.id !== 'dossierContextFilter');
+    if (fromWG === false && fromDossier === false && fromDocument === false) {
+        filteredMenuItems = filteredMenuItems.filter(item => item.id !== 'createContextualTask');
     }
     // Remove WG contextual filter menu if not in WG context
     if (fromWG === false) {
@@ -497,6 +507,12 @@ export const createTasksMenuItems = (taskDescriptor, showId, setShowId, showSear
             item.visible !== true ||
             item.visible === undefined);
     }
+    // Remove Document contextual filter menu if not in Document context
+    if (fromDocument === false) {
+        filteredMenuItems = filteredMenuItems.filter(item => item.id !== 'documentContextFilter' ||
+            item.visible !== true ||
+            item.visible === undefined);
+    }
     if (showGoToToday === false) {
         filteredMenuItems = filteredMenuItems.filter(item => item.text !== SDKUI_Localizator.GoToToday);
     }
@@ -600,3 +616,19 @@ export const filterTreeTask = (tasks, filtersApplied) => {
     });
     return filteredTasks;
 };
+export const applyContextFilters = (allTasks, showContextualWG, showContextualDossier, showContextualDocument, taskContext) => {
+    if (taskContext === undefined)
+        return allTasks;
+    let filtered = allTasks;
+    if (showContextualWG && taskContext.workingGroup?.id) {
+        filtered = filtered.filter(t => t.iD1?.toString() === taskContext.workingGroup?.id.toString());
+    }
+    if (showContextualDossier && taskContext.dossier?.id) {
+        filtered = filtered.filter(t => t.iD1?.toString() === taskContext.dossier?.id.toString());
+    }
+    if (showContextualDocument && taskContext.document?.tid && taskContext?.document?.did) {
+        filtered = filtered.filter(t => t.iD1?.toString() === taskContext.document?.tid.toString() &&
+            t.iD2?.toString() === taskContext.document?.did.toString());
+    }
+    return filtered;
+};

package/lib/components/features/tasks/TMTasksView.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { AssignedTab, TaskViewType } from "./TMTasksUtils";
-import { TaskDescriptor, UserDescriptor } from "@topconsultnpm/sdk-ts";
+import { HomeBlogPost, TaskDescriptor, UserDescriptor } from "@topconsultnpm/sdk-ts";
 import { DcmtInfo, TaskContext } from "../../../ts";
 interface TMTasksViewProps {
     id: string;
@@ -9,6 +9,8 @@ interface TMTasksViewProps {
     deleteTaskByIdsCallback: (deletedTaskIds: Array<number>) => Promise<void>;
     addTaskCallback: (task: TaskDescriptor) => Promise<void>;
     editTaskCallback: (task: TaskDescriptor) => Promise<void>;
+    handleNavigateToWGs: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers: (value: HomeBlogPost | number) => Promise<void>;
     visualizedTasks: Array<TaskDescriptor>;
     activeComponent: TaskViewType;
     activeTabIndex: AssignedTab;
@@ -26,8 +28,8 @@ interface TMTasksViewProps {
     setShowContextualWG: React.Dispatch<React.SetStateAction<boolean>>;
     showContextualDossier: boolean;
     setShowContextualDossier: React.Dispatch<React.SetStateAction<boolean>>;
-    handleNavigateToWGs: (workGroupId: number) => void;
-    handleNavigateToDossiers: (dossierId: number) => void;
+    showContextualDocument: boolean;
+    setShowContextualDocument: React.Dispatch<React.SetStateAction<boolean>>;
     taskContext?: TaskContext;
     usersList?: Array<UserDescriptor>;
     onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>, onRefreshSearchAsync?: (() => Promise<void>)) => void;

package/lib/components/features/tasks/TMTasksView.js

@@ -19,7 +19,7 @@ import TMTasksAgenda from "./TMTasksAgenda";
 import TMTaskForm from "./TMTaskForm";
 let abortController = new AbortController();
 const TMTasksView = (props) => {
-    const { id, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, visualizedTasks, activeComponent, activeTabIndex, setActiveTabIndex, currentTask, setCurrentTask, assignedToMeCount, assignedByMeCount, allTasksFilteredCount, showId, setShowId, showSearch, setShowSearch, showContextualWG, setShowContextualWG, showContextualDossier, setShowContextualDossier, handleNavigateToWGs, handleNavigateToDossiers, taskContext, usersList, onOpenS4TViewerRequest, s4TViewerDialogComponent } = props;
+    const { id, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, visualizedTasks, activeComponent, activeTabIndex, setActiveTabIndex, currentTask, setCurrentTask, assignedToMeCount, assignedByMeCount, allTasksFilteredCount, showId, setShowId, showSearch, setShowSearch, showContextualWG, setShowContextualWG, showContextualDossier, setShowContextualDossier, showContextualDocument, setShowContextualDocument, handleNavigateToWGs, handleNavigateToDossiers, taskContext, usersList, onOpenS4TViewerRequest, s4TViewerDialogComponent } = props;
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     const deviceType = useDeviceType();
     // State to manage show comment form selected file
@@ -83,7 +83,7 @@ const TMTasksView = (props) => {
                 editTaskAgendaCallback(focusedRowKey); }, () => { if (focusedRowKey)
                 onDuplicateAgendaCallback(focusedRowKey); }, () => { if (focusedRowKey)
                 onDeleteCallback([focusedRowKey]); }, (rowIds, status) => { if (focusedRowKey)
-                markAsStatus([focusedRowKey], status); }, getAllTasks, taskContext?.workingGroup?.id !== undefined, showContextualWG, setShowContextualWG, taskContext?.dossier?.id !== undefined, showContextualDossier, setShowContextualDossier, true, () => { setCurrentCalendarDate(new Date()); setCurrentAgendaDate(new Date()); }, false),
+                markAsStatus([focusedRowKey], status); }, getAllTasks, taskContext?.workingGroup?.id !== undefined, showContextualWG, setShowContextualWG, taskContext?.dossier?.id !== undefined, showContextualDossier, setShowContextualDossier, taskContext?.document?.tid !== undefined && taskContext?.document?.did !== undefined, showContextualDocument, setShowContextualDocument, true, () => { setCurrentCalendarDate(new Date()); setCurrentAgendaDate(new Date()); }, false),
         ];
     }, [visualizedTasks, focusedRowKey, showId, showSearch, showContextualWG, showContextualDossier, taskContext]);
     const [menuItems, setMenuItems] = useState(agendaCalendarItems());
@@ -287,6 +287,7 @@ const TMTasksView = (props) => {
         else {
             await editTaskCallback(task);
         }
+        setShowTaskForm(false);
     };
     const handleNavigateToDossiersWrapper = useCallback((dossierId) => {
         setShowTaskForm(false);
@@ -300,10 +301,8 @@ const TMTasksView = (props) => {
         if (e === undefined)
             return;
         if (e.target === 'content') {
-            console.log("taskContext:", taskContext);
-            console.log("showContextualWG:", showContextualWG);
             e.items = e.items || [];
-            e.items = createTasksMenuItems(e.row?.data, showId, setShowId, showSearch, setShowSearch, () => { openTaskFormCallback(FormModes.Create); }, () => { openTaskFormCallback(FormModes.Update, e.row?.data); }, () => { openTaskFormCallback(FormModes.Duplicate, e.row?.data); }, onDeleteCallback, markAsStatus, getAllTasks, taskContext?.workingGroup?.id !== undefined, showContextualWG, setShowContextualWG, taskContext?.dossier?.id !== undefined, showContextualDossier, setShowContextualDossier, false);
+            e.items = createTasksMenuItems(e.row?.data, showId, setShowId, showSearch, setShowSearch, () => { openTaskFormCallback(FormModes.Create); }, () => { openTaskFormCallback(FormModes.Update, e.row?.data); }, () => { openTaskFormCallback(FormModes.Duplicate, e.row?.data); }, onDeleteCallback, markAsStatus, getAllTasks, taskContext?.workingGroup?.id !== undefined, showContextualWG, setShowContextualWG, taskContext?.dossier?.id !== undefined, showContextualDossier, setShowContextualDossier, taskContext?.document?.tid !== undefined && taskContext?.document?.did !== undefined, showContextualDocument, setShowContextualDocument, false);
         }
     };
     const RenderCustomHeader = ({ data }) => { return _jsx("p", { style: { color: TEXT_NOT_SELECTED_COLOR }, children: data.column.caption }); };
@@ -525,7 +524,7 @@ const TMTasksView = (props) => {
                                 _jsxs(_Fragment, { children: [activeComponent === TaskView.CALENDAR_TASK && getFromOrToCalendarElement(visualizedTasks, false, true), activeComponent === TaskView.AGENDA_TASK && getFromOrToAgendaElement(visualizedTasks, false, true), activeComponent === TaskView.LIST_TASK && getFromOrToDatagridElement(visualizedTasks, false, true)] }) : '' }), _jsx(Item, { title: SDKUI_Localizator.AllFemale, icon: "fields", tabRender: (params) => {
                                 return _jsxs(StyledTabItem, { "$isSelected": activeTabIndex === AssignedTab.All, children: [_jsxs(TMTooltip, { content: SDKUI_Localizator.AllFemale, children: [_jsx("i", { className: `dx-icon-${params.icon}` }), "\u00A0", params.title, " ", (allTasksFilteredCount > 0) ? `(${allTasksFilteredCount})` : ''] }), newTaskCount > 0 && (_jsx(TMTooltip, { content: SDKUI_Localizator.NewAssignedActivitiesNumber + ": " + newTaskCount, children: _jsx(TMCountBadge, { children: newTaskCount }) }))] });
                             }, render: () => activeTabIndex === AssignedTab.All ?
-                                _jsxs(_Fragment, { children: [activeComponent === TaskView.CALENDAR_TASK && getFromOrToCalendarElement(visualizedTasks, true, true), activeComponent === TaskView.AGENDA_TASK && getFromOrToAgendaElement(visualizedTasks, true, true), activeComponent === TaskView.LIST_TASK && getFromOrToDatagridElement(visualizedTasks, true, true)] }) : '' })] }) }), showTaskForm && _jsx(TMTaskForm, { id: currentTask?.id ?? -1, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: calcResponsiveSizes(deviceType, '670px', '80%', '95%'), title: SDKUI_Localizator.Widget_Activities, isModal: true, formMode: formMode ?? FormModes.Create, visualizedTasks: visualizedTasks, currentTask: currentTask, setCurrentTask: setCurrentTask, selectedRowKeys: selectedRowKeys, handleFocusedRowKeyChange: handleFocusedRowChange, taskContext: taskContext, usersList: usersList, onStatusChanged: () => { }, onClose: closeTaskFormCallback, onCancel: closeTaskFormCallback, showBackButton: false, onSaved: onSavedCallback, editTaskCallback: editTaskCallback, startDate: calendarStartDate, endDate: calendarEndDate, handleNavigateToWGs: handleNavigateToWGsWrapper, handleNavigateToDossiers: handleNavigateToDossiersWrapper, onOpenS4TViewerRequest: onOpenS4TViewerRequest, s4TViewerDialogComponent: s4TViewerDialogComponent }), _jsx("button", { style: {
+                                _jsxs(_Fragment, { children: [activeComponent === TaskView.CALENDAR_TASK && getFromOrToCalendarElement(visualizedTasks, true, true), activeComponent === TaskView.AGENDA_TASK && getFromOrToAgendaElement(visualizedTasks, true, true), activeComponent === TaskView.LIST_TASK && getFromOrToDatagridElement(visualizedTasks, true, true)] }) : '' })] }) }), showTaskForm && _jsx(TMTaskForm, { id: currentTask?.id ?? -1, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: calcResponsiveSizes(deviceType, '670px', '80%', '95%'), title: SDKUI_Localizator.Widget_Activities, isModal: true, formMode: formMode ?? FormModes.Create, visualizedTasks: visualizedTasks, currentTask: currentTask, setCurrentTask: setCurrentTask, selectedRowKeys: selectedRowKeys, handleFocusedRowKeyChange: handleFocusedRowChange, taskContext: taskContext, usersList: usersList, onStatusChanged: () => { }, onClose: closeTaskFormCallback, onCancel: closeTaskFormCallback, showBackButton: false, onSaved: onSavedCallback, startDate: calendarStartDate, endDate: calendarEndDate, onOpenS4TViewerRequest: onOpenS4TViewerRequest, s4TViewerDialogComponent: s4TViewerDialogComponent, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), _jsx("button", { style: {
                     position: 'absolute',
                     bottom: hasFilters ? '90px' : '18px',
                     right: '20px',

package/lib/components/grids/TMBlogAttachments.js

@@ -22,7 +22,7 @@ const TMBlogAttachments = (props) => {
         const fileName = `${removeFileExtension(name)}_${archiveID}_${blogPostAttachment.tid}_${blogPostAttachment.did}.${fileExt}`;
         openDcmtForm({ TID: blogPostAttachment.tid, DID: blogPostAttachment.did, fileName });
     };
-    return _jsx("div", { style: { width: "100%", marginTop: "5px", overflow: "hidden" }, children: attachments.map((blogPostAttachment) => {
+    return _jsx("div", { style: { width: "100%", marginTop: "5px", overflow: "hidden" }, children: attachments.map((blogPostAttachment, index) => {
             const { name, nameElement, tooltipContent, fileExt, archivedDocumentsExist, draftExist } = getAttachmentInfo(blogPostAttachment, treeFs, draftLatestInfoMap, archivedDocumentMap, dcmtTypeDescriptors, isSelected, searchText);
             return _jsx("div", { onDoubleClick: (e) => onDoubleClick(e, blogPostAttachment, name, fileExt), onMouseEnter: (e) => handleMouseEnter(e, blogPostAttachment, name, fileExt), onMouseLeave: (e) => handleMouseLeave(e), style: {
                     display: 'inline-flex',
@@ -37,7 +37,7 @@ const TMBlogAttachments = (props) => {
                     color: isSelected ? "#ffffff" : "#000000",
                 }, children: _jsxs("div", { style: { alignItems: 'center', display: 'flex' }, children: [(!archivedDocumentsExist && !draftExist) ?
                             _jsx(IconAttachment, { style: { marginRight: "5px" } }) :
-                            _jsx("div", { style: { marginRight: "10px" }, children: _jsx(TMDcmtIcon, { tid: blogPostAttachment.tid, did: blogPostAttachment.did, fileExtension: fileExt, downloadMode: 'openInNewWindow', tooltipContent: tooltipContent }) }), _jsx("span", { style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }, children: nameElement })] }) }, blogPostAttachment.did);
+                            _jsx("div", { style: { marginRight: "10px" }, children: _jsx(TMDcmtIcon, { tid: blogPostAttachment.tid, did: blogPostAttachment.did, fileExtension: fileExt, downloadMode: 'openInNewWindow', tooltipContent: tooltipContent }) }), _jsx("span", { style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }, children: nameElement })] }) }, blogPostAttachment.did + "_" + index);
         }) });
 };
 export default TMBlogAttachments;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { BlogPost, HomeBlogPost } from "@topconsultnpm/sdk-ts";
+import { BlogPost, HomeBlogPost, TaskDescriptor } from "@topconsultnpm/sdk-ts";
 import { DcmtInfo } from "../../ts";
 import { FileItem } from "../base/TMFileManagerUtils";
 import { TMBlogsPostHeader, TMBlogContextDescriptor } from "./TMBlogsPostUtils";
@@ -68,16 +68,19 @@ interface TMBlogsPostProps {
     setShowId?: React.Dispatch<React.SetStateAction<boolean>>;
     /** Refresh Home Page News Callback */
     refreshHomePageNews?: () => Promise<void>;
-    /** Optional callback to handle navigation to working groups */
-    handleNavigateToWGs?: (blogPost: BlogPost | HomeBlogPost) => void;
-    /** Optional callback to handle navigation to dossiers */
-    handleNavigateToDossiers?: (blogPost: BlogPost | HomeBlogPost) => void;
     /** Optional callback to mark blog as read */
     markBlogAsRead?: (blog: BlogPost | undefined) => Promise<void>;
     /** Optional blog post to be externally selected */
     externalBlogPost?: BlogPost;
     /** Optional function to reset the external blog post */
     resetExternalBlogPost?: () => void;
+    allTasks?: Array<TaskDescriptor>;
+    getAllTasks?: () => Promise<void>;
+    deleteTaskByIdsCallback?: (deletedTaskIds: Array<number>) => Promise<void>;
+    addTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    editTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
 }
 declare const TMBlogsPost: (props: TMBlogsPostProps) => import("react/jsx-runtime").JSX.Element;
 export default TMBlogsPost;

package/lib/components/grids/TMBlogsPost.js

@@ -30,7 +30,7 @@ const TMBlogsPost = (props) => {
         isRestoreEnabled: false,
         isRefreshEnabled: false,
         isCreateContextualTask: false,
-    }, showFloatingCommentButton = false, showCommentFormCallback, showTaskFormCallback, refreshCallback, showId, setShowId, refreshHomePageNews, handleNavigateToWGs, handleNavigateToDossiers, markBlogAsRead, externalBlogPost, resetExternalBlogPost } = props;
+    }, showFloatingCommentButton = false, showCommentFormCallback, showTaskFormCallback, refreshCallback, showId, setShowId, refreshHomePageNews, markBlogAsRead, externalBlogPost, resetExternalBlogPost, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, } = props;
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
     const bottomRef = useRef(null);
     const containerRef = useRef(null);
@@ -598,7 +598,7 @@ const TMBlogsPost = (props) => {
                                                             boxShadow: isFocused ? "0 4px 12px rgba(19, 85, 150, 0.6)" : "none",
                                                             cursor: 'pointer',
                                                         }, children: [_jsx(BlogPostTitle, { displayMode: displayMode, layoutMode: layoutMode, blogPost: blogPost, isSelected: isSelected, isOwnComment: isOwnComment, searchText: searchText, isSys: isSys, isHomeBlogPost: isHomeBlogPost, showId: localShowId, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), isNew && _jsx(NewBadge, { layoutMode: layoutMode }), _jsx("div", { style: { fontSize: '1rem', color: "#000", marginTop: "10px", overflow: "hidden" }, children: _jsx(TMHtmlContentDisplay, { markup: blogPost.description ?? '-', searchText: searchText, isSelected: isSelected }) }), showExtendedAttachments && blogPost.attachments && blogPost.attachments.length > 0 && (_jsx(TMBlogAttachments, { contextMenuParams: contextMenuParams, attachments: blogPost.attachments, layoutMode: layoutMode, isSelected: isSelected, searchText: searchText, dcmtTypeDescriptors: dcmtTypeDescriptors, treeFs: treeFs, draftLatestInfoMap: draftLatestInfoMap, archivedDocumentMap: archivedDocumentMap, context: context, handleAttachmentFocus: handleFocusedAttachment, openDcmtForm: openDcmtForm }))] }, `${id}-blogpost-${blogPost.id}`) })] }, "blog-post-wrapper-" + id + "-" + blogPost.id);
-                                    }), _jsx("div", { ref: bottomRef }), anchorEl && _jsx("div", { style: { position: 'fixed', zIndex: 9999 }, children: _jsx(ContextMenu, { dataSource: menuItems, target: anchorEl, onHiding: closeContextMenu }) })] }), (dcmtForm.dcmt && dcmtForm.dcmt.TID && dcmtForm.dcmt.DID) && _jsx(TMDcmtForm, { TID: Number(dcmtForm.dcmt.TID), DID: Number(dcmtForm.dcmt.DID), layoutMode: LayoutModes.Update, onClose: closeDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + dcmtForm.dcmt.fileName, isModal: true, widthModal: "95%", heightModal: "95%" }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
+                                    }), _jsx("div", { ref: bottomRef }), anchorEl && _jsx("div", { style: { position: 'fixed', zIndex: 9999 }, children: _jsx(ContextMenu, { dataSource: menuItems, target: anchorEl, onHiding: closeContextMenu }) })] }), (dcmtForm.dcmt && dcmtForm.dcmt.TID && dcmtForm.dcmt.DID) && _jsx(TMDcmtForm, { TID: Number(dcmtForm.dcmt.TID), DID: Number(dcmtForm.dcmt.DID), layoutMode: LayoutModes.Update, onClose: closeDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + dcmtForm.dcmt.fileName, isModal: true, widthModal: "95%", heightModal: "95%", allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
                                     position: 'absolute',
                                     bottom: '18px',
                                     right: '20px',

package/lib/helper/SDKUI_Localizator.d.ts

@@ -61,6 +61,7 @@ export declare class SDKUI_Localizator {
     static get AuthMode_WindowsViaTopMedia(): "Windows-Authentifizierung über TopMedia" | "Windows authentication via TopMedia" | "Autenticación de Windows a través de TopMedia" | "Authentification Windows via TopMedia" | "Autenticação Windows via TopMedia" | "Autenticazione Windows tramite TopMedia";
     static get AutoAdjust(): "Automatische Anpassung" | "Auto Adjust" | "Ajuste automático" | "Ajustement automatique" | "Regolazione automatica";
     static get Author(): string;
+    static get CustomButtons(): string;
     static get Back(): "Zurück" | "Back" | "Atrás" | "Dos" | "Voltar" | "Indietro";
     static get BatchUpdate(): "Mehrfachbearbeitung" | "Multiple modification" | "Modificación múltiple" | "Modifie multiple" | "Editar múltipla" | "Modifica multipla";
     static get BlogCase(): "Anschlagbrett" | "Blog board" | "Tablón" | "Tableau d'affichage" | "Bakeca" | "Bacheca";

package/lib/helper/SDKUI_Localizator.js

@@ -559,6 +559,16 @@ export class SDKUI_Localizator {
             default: return "Autore";
         }
     }
+    static get CustomButtons() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Benutzerdefinierte Schaltflächen";
+            case CultureIDs.En_US: return "Custom buttons";
+            case CultureIDs.Es_ES: return "Botones personalizados";
+            case CultureIDs.Fr_FR: return "Boutons personnalisés";
+            case CultureIDs.Pt_PT: return "Botões personalizados";
+            default: return "Bottoni personalizzati";
+        }
+    }
     static get Back() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Zurück";

package/lib/helper/TMImageLibrary.d.ts

@@ -1,3 +1,4 @@
-export declare const TMImageLibrary: ({ imageID }: {
+export declare const TMImageLibrary: ({ imageID, showPath }: {
     imageID: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element | null;
+    showPath?: boolean;
+}) => any;