@topconsultnpm/sdkui-react-beta 6.12.37 → 6.12.39

package/lib/components/query/TMWorkflowPopup.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
+import { Menu } from "devextreme-react";
+import styled from "styled-components";
+import { SDKUI_Localizator, IconApply, IconCloseOutline, IconUser, IconInfo } from "../../helper";
+import { TMColors } from "../../utils/theme";
+import TMButton from "../base/TMButton";
+import { DeviceType } from "../base/TMDeviceProvider";
+import TMModal from "../base/TMModal";
+import { TMExceptionBoxManager } from "../base/TMPopUp";
+import TMSpinner from "../base/TMSpinner";
+import TMUserChooser from "../choosers/TMUserChooser";
+const StyledWorkFlowOperationButtonsContainer = styled.div `
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    margin-left: ${props => props.$isInDcmtForm ? '0' : '50px'};
+`;
+const StyledTextArea = styled.textarea `
+    width: 100%; 
+    height: 100%; 
+    border: 1px solid ${props => props.$isValid ? '#b4b4b4' : TMColors.error}; 
+    border-radius: 10px; 
+    padding: 10px;
+    &:focus{
+        outline: none;
+        border-bottom: 4px solid ${props => props.$isValid ? TMColors.primaryColor : TMColors.error};
+    }
+`;
+export const WorkFlowOperationButtons = ({ isInDcmtForm = false, deviceType = DeviceType.DESKTOP, onApprove, onReAssign, onReject, approveDisable = false, reassignDisable = false, rejectDisable = false, infoDisable = false }) => {
+    const operations = useMemo(() => {
+        return ([{
+                id: '1',
+                name: SDKUI_Localizator.Operations,
+                items: [
+                    { id: '1_1', name: SDKUI_Localizator.Approve, icon: '', onClick: onApprove },
+                    { id: '1_2', name: SDKUI_Localizator.Reject, icon: '', onClick: onReject },
+                    { id: '1_3', name: SDKUI_Localizator.Reassign, icon: '', onClick: onReAssign },
+                    { id: '1_4', name: SDKUI_Localizator.MoreInformation, icon: '', onClick: () => alert('TODO') }
+                ],
+            }]);
+    }, []);
+    return (deviceType === DeviceType.DESKTOP ?
+        _jsxs(StyledWorkFlowOperationButtonsContainer, { "$isInDcmtForm": isInDcmtForm, children: [_jsx(TMButton, { btnStyle: isInDcmtForm ? 'toolbar' : 'advanced', showTooltip: isInDcmtForm, icon: _jsx(IconApply, {}), caption: SDKUI_Localizator.Approve, disabled: approveDisable, onClick: () => !approveDisable && onApprove && onApprove(), advancedColor: TMColors.success, color: 'success' }), _jsx(TMButton, { btnStyle: isInDcmtForm ? 'toolbar' : 'advanced', showTooltip: isInDcmtForm, icon: _jsx(IconCloseOutline, {}), caption: SDKUI_Localizator.Reject, disabled: rejectDisable, onClick: () => !rejectDisable && onReject && onReject(), advancedColor: TMColors.error, color: 'error' }), _jsx(TMButton, { btnStyle: isInDcmtForm ? 'toolbar' : 'advanced', showTooltip: isInDcmtForm, icon: _jsx(IconUser, { fontSize: 16 }), caption: SDKUI_Localizator.Reassign, disabled: reassignDisable, onClick: () => !reassignDisable && onReAssign && onReAssign(), advancedColor: TMColors.tertiary, color: 'tertiary' }), _jsx(TMButton, { btnStyle: isInDcmtForm ? 'toolbar' : 'advanced', showTooltip: isInDcmtForm, icon: _jsx(IconInfo, { fontSize: 16 }), caption: SDKUI_Localizator.MoreInformation, width: '180px', disabled: infoDisable, onClick: () => alert('TODO!!!'), advancedColor: TMColors.info, color: 'info' })] }) :
+        _jsx(Menu, { elementAttr: { class: 'custom-dx-menu' }, disabled: approveDisable && reassignDisable && rejectDisable && infoDisable, dataSource: operations, displayExpr: "name" }));
+};
+export const WorkFlowApproveRejectPopUp = ({ TID = 0, DID = 0, deviceType = DeviceType.DESKTOP, op, onClose, selectedItems = [], onUpdate }) => {
+    const [commentValue, setCommentValue] = useState('');
+    const disable = commentValue.length === 0;
+    const count = () => { return selectedItems.length.toString() + ' Workitem'; };
+    const completeWorkFlowAsync = async () => {
+        try {
+            TMSpinner.show();
+            const workflowEngine = SDK_Globals.tmSession?.NewWorkflowEngine();
+            if (!workflowEngine)
+                throw new Error("Workflow engine is not available");
+            const items = selectedItems.length > 0
+                ? selectedItems.map(({ TID, DID }) => ({ TID, DID }))
+                : [{ TID, DID }];
+            for (const { TID, DID } of items) {
+                await workflowEngine.WorkItem_CompleteOrRejectAsync(TID, DID, commentValue, 0);
+            }
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            onUpdate?.();
+            onClose?.();
+            TMSpinner.hide();
+        }
+    };
+    const rejectWorkFlowAsync = async () => {
+        try {
+            TMSpinner.show();
+            const workflowEngine = SDK_Globals.tmSession?.NewWorkflowEngine();
+            if (!workflowEngine)
+                throw new Error("Workflow engine is not available");
+            const items = selectedItems.length > 0
+                ? selectedItems.map(({ TID, DID }) => ({ TID, DID }))
+                : [{ TID, DID }];
+            for (const { TID, DID } of items) {
+                await workflowEngine.WorkItem_CompleteOrRejectAsync(TID, DID, commentValue, 1);
+            }
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            onUpdate?.();
+            onClose?.();
+            TMSpinner.hide();
+        }
+    };
+    const workflowAction = op === 0 ? 'Approva' : 'Rifiuta';
+    const itemCount = selectedItems.length > 0 ? `(${count()})` : '';
+    const title = `${workflowAction} workflow ${itemCount}`;
+    return (_jsx(TMModal, { toolbar: op === 0 ?
+            _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconApply, {}), caption: 'Approva', disabled: false, onClick: completeWorkFlowAsync, advancedColor: TMColors.success }) :
+            _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconCloseOutline, {}), caption: 'Rifiuta', disabled: disable, onClick: () => { !disable && rejectWorkFlowAsync(); }, advancedColor: TMColors.error }), onClose: onClose, width: deviceType === DeviceType.MOBILE ? '95%' : '60%', height: '60%', isModal: true, title: title, children: _jsxs("div", { style: { width: '100%', height: '100%', padding: '10px', display: 'flex', flexDirection: 'column', gap: 5 }, children: [_jsxs("p", { style: { color: (op === 1 && disable) ? TMColors.error : 'black' }, children: ["Commento ", op === 1 && disable && _jsx("span", { children: ' (Campo obbligatorio)' }), " "] }), _jsx(StyledTextArea, { "$isValid": op === 0 ? true : !disable, value: commentValue, onChange: (e) => setCommentValue(e.target.value) })] }) }));
+};
+export const WorkFlowReAssignPopUp = ({ DID = 0, TID = 0, deviceType = DeviceType.DESKTOP, onClose, selectedItems = [], onUpdate }) => {
+    const [commentValue, setCommentValue] = useState('');
+    const [selectedUserID, setSelectedUserID] = useState();
+    const disable = commentValue.length === 0 || !selectedUserID;
+    const count = () => { return selectedItems.length.toString() + ' Workitem'; };
+    const reAssignWorkFlowAsync = async () => {
+        try {
+            TMSpinner.show();
+            const workflowEngine = SDK_Globals.tmSession?.NewWorkflowEngine();
+            if (!workflowEngine)
+                throw new Error("Workflow engine is not available");
+            const items = selectedItems.length > 0
+                ? selectedItems.map(({ TID, DID }) => ({ TID, DID }))
+                : [{ TID, DID }];
+            for (const { TID, DID } of items) {
+                await SDK_Globals.tmSession?.NewWorkflowEngine().WorkItem_ReassignAsync(TID, DID, selectedUserID, commentValue);
+            }
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            onUpdate?.();
+            onClose?.();
+            TMSpinner.hide();
+        }
+    };
+    return (_jsx(TMModal, { toolbar: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconUser, { fontSize: 16 }), caption: 'Riassegna', disabled: disable, onClick: () => !disable && reAssignWorkFlowAsync(), advancedColor: TMColors.tertiary }), onClose: onClose, width: deviceType === DeviceType.MOBILE ? '95%' : '60%', height: '60%', isModal: true, title: 'Riassegna workflow ' + (selectedItems.length > 0 ? '(' + count() + ')' : ''), children: _jsxs("div", { style: { width: '100%', height: '100%', padding: '10px', display: 'flex', flexDirection: 'column', gap: 5 }, children: [_jsx(TMUserChooser, { value: selectedUserID, onValueChanged: (e) => setSelectedUserID(e) }), _jsxs("p", { style: { color: commentValue.length === 0 ? TMColors.error : 'black' }, children: ["Commento ", commentValue.length === 0 && _jsx("span", { children: ' (Campo obbligatorio)' }), " "] }), _jsx(StyledTextArea, { "$isValid": commentValue.length !== 0, value: commentValue, onChange: (e) => setCommentValue(e.target.value) })] }) }));
+};

package/lib/components/search/TMSearchResult.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { SearchResultDescriptor } from '@topconsultnpm/sdk-ts-beta';
+import { SearchResultContext } from '../../ts';
+interface ITMSearchResultProps {
+    context?: SearchResultContext;
+    title?: string;
+    searchResults: SearchResultDescriptor[] | undefined;
+    allowFloatingBar?: boolean;
+    isClosable?: boolean;
+    isVisible?: boolean;
+    showDcmtForm?: boolean;
+    showPreview?: boolean;
+    showBoard?: boolean;
+    showSysMetadata?: boolean;
+    showSearchResultSidebar?: boolean;
+    showSelector?: boolean;
+    showToolbarHeader?: boolean;
+    onClose?: () => void;
+    onUpdate?: () => Promise<void>;
+    onSelectedTIDChanged?: (TID: number) => void;
+    onRefreshSearchAsync?: () => Promise<void>;
+    onRefreshAfterAddDcmtToFavs?: () => void;
+    onClosePreview?: () => void;
+    onTaskCreateRequest?: (activityContext: {
+        tid: number;
+        did: number;
+        name: string;
+    } | undefined) => void;
+}
+declare const TMSearchResult: React.FC<ITMSearchResultProps>;
+export default TMSearchResult;