@topconsultnpm/sdkui-react 6.19.0-dev1.10

package/lib/components/viewers/TMTidViewer.js

@@ -0,0 +1,341 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { IconDcmtType, IconDcmtTypeOnlyMetadata, IconLocked, IconView, isCreateCertificateEnabled, isPdfEditorEnabled, isSign4TopEnabled, LocalizeArchiveConstraints, LocalizeParametricFilterTypes, SDKUI_Localizator, TMImageLibrary } from '../../helper';
+import { AccessLevels, AccessLevelsEx, ArchiveConstraints, DcmtTypeListCacheService, OwnershipLevels, ParametricFilterTypes, SDK_Globals, SDK_Localizator, TemplateTIDs } from '@topconsultnpm/sdk-ts';
+import TMSpinner from '../base/TMSpinner';
+import { StyledDivHorizontal, StyledTooltipContainer, StyledTooltipItem, StyledTooltipSeparatorItem } from '../base/Styled';
+import TMTooltip from '../base/TMTooltip';
+export var ImageIDList;
+(function (ImageIDList) {
+    ImageIDList["arrow_001"] = "arrow_001";
+    ImageIDList["arrow_002"] = "arrow_002";
+    ImageIDList["arrow_004"] = "arrow_004";
+    ImageIDList["arrow_005"] = "arrow_005";
+    ImageIDList["arrow_006"] = "arrow_006";
+    ImageIDList["arrow_007"] = "arrow_007";
+    ImageIDList["arrow_008"] = "arrow_008";
+    ImageIDList["arrow_009"] = "arrow_009";
+    ImageIDList["arrow_010"] = "arrow_010";
+    ImageIDList["arrow_011"] = "arrow_011";
+    ImageIDList["arrow_012"] = "arrow_012";
+    ImageIDList["book_001"] = "book_001";
+    ImageIDList["book_002"] = "book_002";
+    ImageIDList["book_003"] = "book_003";
+    ImageIDList["book_004"] = "book_004";
+    ImageIDList["book_005"] = "book_005";
+    ImageIDList["book_006"] = "book_006";
+    ImageIDList["book_007"] = "book_007";
+    ImageIDList["clock_001"] = "clock_001";
+    ImageIDList["clock_002"] = "clock_002";
+    ImageIDList["clock_003"] = "clock_003";
+    ImageIDList["cube_001"] = "cube_001";
+    ImageIDList["cube_002"] = "cube_002";
+    ImageIDList["cube_003"] = "cube_003";
+    ImageIDList["dcmt_001"] = "dcmt_001";
+    ImageIDList["dcmt_002"] = "dcmt_002";
+    ImageIDList["dcmt_003"] = "dcmt_003";
+    ImageIDList["dcmt_004"] = "dcmt_004";
+    ImageIDList["dcmt_005"] = "dcmt_005";
+    ImageIDList["dcmt_006"] = "dcmt_006";
+    ImageIDList["dcmt_007"] = "dcmt_007";
+    ImageIDList["dcmt_008"] = "dcmt_008";
+    ImageIDList["emoticon_001"] = "emoticon_001";
+    ImageIDList["emoticon_002"] = "emoticon_002";
+    ImageIDList["emoticon_003"] = "emoticon_003";
+    ImageIDList["emoticon_004"] = "emoticon_004";
+    ImageIDList["fld_001"] = "fld_001";
+    ImageIDList["fld_002"] = "fld_002";
+    ImageIDList["fld_003"] = "fld_003";
+    ImageIDList["fld_004"] = "fld_004";
+    ImageIDList["fld_005"] = "fld_005";
+    ImageIDList["fld_006"] = "fld_006";
+    ImageIDList["fld_007"] = "fld_007";
+    ImageIDList["fld_008"] = "fld_008";
+    ImageIDList["fld_009"] = "fld_009";
+    ImageIDList["fld_010"] = "fld_010";
+    ImageIDList["fld_011"] = "fld_011";
+    ImageIDList["fld_012"] = "fld_012";
+    ImageIDList["fld_013"] = "fld_013";
+    ImageIDList["fld_014"] = "fld_014";
+    ImageIDList["fld_015"] = "fld_015";
+    ImageIDList["fld_016"] = "fld_016";
+    ImageIDList["fld_017"] = "fld_017";
+    ImageIDList["fld_018"] = "fld_018";
+    ImageIDList["fld_019"] = "fld_019";
+    ImageIDList["fld_020"] = "fld_020";
+    ImageIDList["fld_021"] = "fld_021";
+    ImageIDList["fld_022"] = "fld_022";
+    ImageIDList["fld_023"] = "fld_023";
+    ImageIDList["fld_024"] = "fld_024";
+    ImageIDList["fld_025"] = "fld_025";
+    ImageIDList["fld_026"] = "fld_026";
+    ImageIDList["fld_027"] = "fld_027";
+    ImageIDList["fld_028"] = "fld_028";
+    ImageIDList["fld_029"] = "fld_029";
+    ImageIDList["fld_030"] = "fld_030";
+    ImageIDList["fld_031"] = "fld_031";
+    ImageIDList["fld_032"] = "fld_032";
+    ImageIDList["fld_033"] = "fld_033";
+    ImageIDList["gen_001"] = "gen_001";
+    ImageIDList["gen_002"] = "gen_002";
+    ImageIDList["gen_003"] = "gen_003";
+    ImageIDList["gen_004"] = "gen_004";
+    ImageIDList["gen_005"] = "gen_005";
+    ImageIDList["gen_006"] = "gen_006";
+    ImageIDList["gen_007"] = "gen_007";
+    ImageIDList["gen_008"] = "gen_008";
+    ImageIDList["gen_009"] = "gen_009";
+    ImageIDList["gen_010"] = "gen_010";
+    ImageIDList["gen_011"] = "gen_011";
+    ImageIDList["gen_012"] = "gen_012";
+    ImageIDList["gen_013"] = "gen_013";
+    ImageIDList["gen_014"] = "gen_014";
+    ImageIDList["gen_015"] = "gen_015";
+    ImageIDList["gen_016"] = "gen_016";
+    ImageIDList["gen_017"] = "gen_017";
+    ImageIDList["gen_018"] = "gen_018";
+    ImageIDList["gen_019"] = "gen_019";
+    ImageIDList["gen_020"] = "gen_020";
+    ImageIDList["gen_021"] = "gen_021";
+    ImageIDList["gen_022"] = "gen_022";
+    ImageIDList["gen_023"] = "gen_023";
+    ImageIDList["gen_024"] = "gen_024";
+    ImageIDList["gen_025"] = "gen_025";
+    ImageIDList["gen_026"] = "gen_026";
+    ImageIDList["gen_027"] = "gen_027";
+    ImageIDList["gen_028"] = "gen_028";
+    ImageIDList["gen_029"] = "gen_029";
+    ImageIDList["gen_030"] = "gen_030";
+    ImageIDList["gen_031"] = "gen_031";
+    ImageIDList["gen_032"] = "gen_032";
+    ImageIDList["gen_033"] = "gen_033";
+    ImageIDList["gen_034"] = "gen_034";
+    ImageIDList["gen_035"] = "gen_035";
+    ImageIDList["gen_036"] = "gen_036";
+    ImageIDList["gen_037"] = "gen_037";
+    ImageIDList["gen_038"] = "gen_038";
+    ImageIDList["gen_039"] = "gen_039";
+    ImageIDList["gen_040"] = "gen_040";
+    ImageIDList["gen_041"] = "gen_041";
+    ImageIDList["gen_042"] = "gen_042";
+    ImageIDList["gen_043"] = "gen_043";
+    ImageIDList["gen_044"] = "gen_044";
+    ImageIDList["gen_045"] = "gen_045";
+    ImageIDList["gen_046"] = "gen_046";
+    ImageIDList["gen_047"] = "gen_047";
+    ImageIDList["gen_048"] = "gen_048";
+    ImageIDList["gen_049"] = "gen_049";
+    ImageIDList["gen_050"] = "gen_050";
+    ImageIDList["gen_051"] = "gen_051";
+    ImageIDList["gen_052"] = "gen_052";
+    ImageIDList["hand_001"] = "hand_001";
+    ImageIDList["hand_002"] = "hand_002";
+    ImageIDList["hand_003"] = "hand_003";
+    ImageIDList["hand_004"] = "hand_004";
+    ImageIDList["hand_005"] = "hand_005";
+    ImageIDList["hand_006"] = "hand_006";
+    ImageIDList["law_001"] = "law_001";
+    ImageIDList["law_002"] = "law_002";
+    ImageIDList["law_003"] = "law_003";
+    ImageIDList["lock_001"] = "lock_001";
+    ImageIDList["lock_002"] = "lock_002";
+    ImageIDList["lock_003"] = "lock_003";
+    ImageIDList["mail_001"] = "mail_001";
+    ImageIDList["mail_002"] = "mail_002";
+    ImageIDList["mail_003"] = "mail_003";
+    ImageIDList["mail_004"] = "mail_004";
+    ImageIDList["mail_005"] = "mail_005";
+    ImageIDList["mail_006"] = "mail_006";
+    ImageIDList["mail_007"] = "mail_007";
+    ImageIDList["mail_008"] = "mail_008";
+    ImageIDList["mail_009"] = "mail_009";
+    ImageIDList["mail_010"] = "mail_010";
+    ImageIDList["mail_011"] = "mail_011";
+    ImageIDList["mail_012"] = "mail_012";
+    ImageIDList["mail_013"] = "mail_013";
+    ImageIDList["mail_014"] = "mail_014";
+    ImageIDList["mail_015"] = "mail_015";
+    ImageIDList["net_001"] = "net_001";
+    ImageIDList["net_002"] = "net_002";
+    ImageIDList["net_003"] = "net_003";
+    ImageIDList["net_004"] = "net_004";
+    ImageIDList["nmbr_001"] = "nmbr_001";
+    ImageIDList["nmbr_002"] = "nmbr_002";
+    ImageIDList["nmbr_003"] = "nmbr_003";
+    ImageIDList["nmbr_004"] = "nmbr_004";
+    ImageIDList["nmbr_005"] = "nmbr_005";
+    ImageIDList["nmbr_006"] = "nmbr_006";
+    ImageIDList["nmbr_007"] = "nmbr_007";
+    ImageIDList["nmbr_008"] = "nmbr_008";
+    ImageIDList["nmbr_009"] = "nmbr_009";
+    ImageIDList["note_001"] = "note_001";
+    ImageIDList["note_002"] = "note_002";
+    ImageIDList["note_003"] = "note_003";
+    ImageIDList["note_004"] = "note_004";
+    ImageIDList["note_005"] = "note_005";
+    ImageIDList["note_006"] = "note_006";
+    ImageIDList["note_007"] = "note_007";
+    ImageIDList["note_008"] = "note_008";
+    ImageIDList["note_009"] = "note_009";
+    ImageIDList["note_010"] = "note_010";
+    ImageIDList["note_011"] = "note_011";
+    ImageIDList["note_012"] = "note_012";
+    ImageIDList["note_013"] = "note_013";
+    ImageIDList["note_014"] = "note_014";
+    ImageIDList["note_015"] = "note_015";
+    ImageIDList["note_016"] = "note_016";
+    ImageIDList["run_001"] = "run_001";
+    ImageIDList["run_002"] = "run_002";
+    ImageIDList["run_003"] = "run_003";
+    ImageIDList["sem_001"] = "sem_001";
+    ImageIDList["sem_002"] = "sem_002";
+    ImageIDList["sem_003"] = "sem_003";
+    ImageIDList["sem_004"] = "sem_004";
+    ImageIDList["sem_005"] = "sem_005";
+    ImageIDList["star_001"] = "star_001";
+    ImageIDList["star_002"] = "star_002";
+    ImageIDList["star_003"] = "star_003";
+    ImageIDList["star_004"] = "star_004";
+    ImageIDList["star_005"] = "star_005";
+    ImageIDList["star_006"] = "star_006";
+    ImageIDList["state_001"] = "state_001";
+    ImageIDList["state_002"] = "state_002";
+    ImageIDList["state_003"] = "state_003";
+    ImageIDList["state_004"] = "state_004";
+    ImageIDList["state_005"] = "state_005";
+    ImageIDList["study_001"] = "study_001";
+    ImageIDList["study_002"] = "study_002";
+    ImageIDList["user_001"] = "user_001";
+    ImageIDList["user_002"] = "user_002";
+    ImageIDList["user_003"] = "user_003";
+    ImageIDList["user_004"] = "user_004";
+    ImageIDList["user_005"] = "user_005";
+    ImageIDList["user_006"] = "user_006";
+    ImageIDList["user_007"] = "user_007";
+    ImageIDList["user_008"] = "user_008";
+    ImageIDList["user_009"] = "user_009";
+    ImageIDList["user_010"] = "user_010";
+    ImageIDList["user_011"] = "user_011";
+    ImageIDList["user_012"] = "user_012";
+    ImageIDList["user_013"] = "user_013";
+    ImageIDList["user_014"] = "user_014";
+    ImageIDList["user_015"] = "user_015";
+    ImageIDList["user_016"] = "user_016";
+    ImageIDList["user_017"] = "user_017";
+    ImageIDList["user_018"] = "user_018";
+    ImageIDList["user_019"] = "user_019";
+    ImageIDList["user_020"] = "user_020";
+    ImageIDList["user_021"] = "user_021";
+    ImageIDList["user_022"] = "user_022";
+    ImageIDList["user_023"] = "user_023";
+    ImageIDList["vehicle_001"] = "vehicle_001";
+    ImageIDList["vehicle_002"] = "vehicle_002";
+    ImageIDList["vehicle_003"] = "vehicle_003";
+    ImageIDList["vehicle_004"] = "vehicle_004";
+    ImageIDList["vehicle_005"] = "vehicle_005";
+    ImageIDList["vehicle_006"] = "vehicle_006";
+    ImageIDList["vehicle_007"] = "vehicle_007";
+    ImageIDList["vehicle_008"] = "vehicle_008";
+})(ImageIDList || (ImageIDList = {}));
+export const TMDcmtTypeIcon = ({ dtd }) => {
+    if (!dtd)
+        return null;
+    let icon = null;
+    if (dtd.customData2 === "NOTGRANTED")
+        icon = _jsx(IconLocked, { fontSize: 16 });
+    else if (dtd.imageID && dtd.imageID.length > 0)
+        icon = _jsx(TMImageLibrary, { imageID: dtd.imageID });
+    if (icon == null) {
+        switch (dtd.archiveConstraint) {
+            case ArchiveConstraints.OnlyMetadata:
+                icon = _jsx(IconDcmtTypeOnlyMetadata, { fontSize: 16 });
+                break;
+            default:
+                icon = dtd.isView === true ? _jsx(IconView, { fontSize: 16 }) : _jsx(IconDcmtType, { fontSize: 16 });
+                break;
+        }
+    }
+    return (_jsx(TMDcmtTypeTooltip, { dtd: dtd, children: icon }));
+};
+export const TMDcmtTypeTooltip = ({ dtd, children }) => {
+    return (_jsx("div", { style: { pointerEvents: 'all' }, children: _jsx(TMTooltip, { content: renderDTDTooltipContent(dtd), children: children }) }));
+};
+const TMTidViewer = ({ tmSession, tid, did, showIcon = false, color, showId = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
+    const [dtd, setDtd] = useState();
+    const fetchData = async (tid, did) => {
+        if (!tid || tid <= 0) {
+            setDtd(undefined);
+            return;
+        }
+        let count = DcmtTypeListCacheService.CacheCount(true, 'all', tmSession);
+        if (count <= 0)
+            TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.ListDcmtTypeOrView} ...` });
+        try {
+            const dtd = await DcmtTypeListCacheService.GetWithNotGrantedAsync(tid, did, undefined, false, tmSession);
+            setDtd(dtd);
+        }
+        finally {
+            if (count <= 0)
+                TMSpinner.hide();
+        }
+    };
+    useEffect(() => {
+        fetchData(tid, did);
+    }, [tid, did]);
+    const displayName = () => {
+        if (!dtd)
+            return noneSelectionText;
+        return SDK_Globals.useLocalizedName ? dtd.nameLoc : dtd.name;
+    };
+    return (_jsxs(StyledDivHorizontal, { style: {
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis'
+        }, children: [showIcon && dtd && _jsx(TMDcmtTypeIcon, { dtd: dtd }), _jsx("p", { title: displayName(), style: {
+                    textAlign: 'left',
+                    marginLeft: showIcon ? '5px' : '',
+                    color: color ?? (dtd?.isView ? 'red' : ''),
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    // paddingRight: '10px'
+                }, children: displayName() }), showId && _jsx("p", { style: { padding: '0px 3px' }, children: `(TID: ${tid})` })] }));
+};
+export default TMTidViewer;
+export const cellRenderTID = (data, noneSelectionText) => {
+    return (_jsx(TMTidViewer, { tid: data.value, noneSelectionText: noneSelectionText }));
+};
+export const renderDTDTooltipContent = (dtd) => {
+    const mapAccessLevelToLocalizedString = (level) => {
+        switch (level) {
+            case AccessLevelsEx.Yes || AccessLevels.Yes:
+                return SDKUI_Localizator.Yes;
+            case AccessLevelsEx.No || AccessLevels.No:
+                return SDKUI_Localizator.No;
+            case AccessLevelsEx.Deny || AccessLevels.Deny:
+                return SDKUI_Localizator.Deny;
+            case AccessLevelsEx.Mixed:
+                return SDKUI_Localizator.Mixed;
+            case AccessLevelsEx.None || AccessLevels.None:
+                return SDK_Localizator.None;
+            default:
+                return SDKUI_Localizator.No;
+        }
+    };
+    return (!dtd ? null
+        : _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${SDK_Globals.useLocalizedName ? dtd.nameLoc : dtd.name} (${dtd.isView ? 'VID' : 'TID'}: ${dtd.id}, RootTID: ${dtd.rootTID ?? 0})` }), dtd.description && _jsx(StyledTooltipItem, { children: dtd.description }), _jsx(StyledTooltipSeparatorItem, {}), dtd.customData2 === "NOTGRANTED"
+                    ? _jsx(StyledTooltipItem, { style: { fontWeight: 600 }, children: 'Tipo documento NON autorizzato' })
+                    :
+                        _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ArchiveConstraint}: ${LocalizeArchiveConstraints(dtd.archiveConstraint)}` }), dtd.isView && dtd.parametricFilterType != ParametricFilterTypes.None && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ParametricFilter}: ${LocalizeParametricFilterTypes(dtd.parametricFilterType)}` }), dtd.isView && dtd.withCheckOption && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ViewWithCheckOption}: ${SDKUI_Localizator.Yes}` }), dtd.isLexProt && dtd.isLexProt > 0 && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes}` }), dtd.isFreeSearchable && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search_Free}: ${SDKUI_Localizator.Yes}` }), dtd.templateTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Template}: ${dtd.templateTID}` }), dtd.traceTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Tracing}: ${SDKUI_Localizator.Yes} - ${dtd.templateTID == TemplateTIDs.Trace_DcmtType ? SDKUI_Localizator.Destination : SDKUI_Localizator.Source} ${dtd.traceTID < 0 ? SDKUI_Localizator.Disabled : ''}` }), dtd.wfAppr && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.WorkflowApproval}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.BlogCase}: ${SDKUI_Localizator.Yes}` }), dtd.cico && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${SDKUI_Localizator.Yes}` }), dtd.perm ?
+                                    _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${mapAccessLevelToLocalizedString(dtd.perm.canArchive)}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${mapAccessLevelToLocalizedString(dtd.perm.canView)}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${mapAccessLevelToLocalizedString(dtd.perm.canSearch)}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${mapAccessLevelToLocalizedString(dtd.perm.canUpdate)}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RetrieveFile}: ${mapAccessLevelToLocalizedString(dtd.perm.canRetrieveFile)}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.AddOrSubstFile}: ${mapAccessLevelToLocalizedString(dtd.perm.canSubstFile)}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LogDelete}: ${mapAccessLevelToLocalizedString(dtd.perm.canLogicalDelete)}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.PhysDelete}: ${mapAccessLevelToLocalizedString(dtd.perm.canPhysicalDelete)}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Read}: ${mapAccessLevelToLocalizedString(dtd.perm.canReadBlog)}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Write}: ${mapAccessLevelToLocalizedString(dtd.perm.canWriteBlog)}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${mapAccessLevelToLocalizedString(dtd.perm.canCICO)}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ChronologyDelete}: ${mapAccessLevelToLocalizedString(dtd.perm.canDelChron)}` })] })
+                                    : dtd.ownershipLevel == OwnershipLevels.DirectOwner || dtd.ownershipLevel == OwnershipLevels.IndirectOwner ?
+                                        _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RetrieveFile}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.AddOrSubstFile}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LogDelete}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.PhysDelete}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Read}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Write}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ChronologyDelete}: ${SDKUI_Localizator.Yes}` })] })
+                                        : _jsx(_Fragment, {}), (dtd.widgets && dtd.widgets.length > 0) ? (() => {
+                                    const enabledWidgets = [
+                                        isSign4TopEnabled(dtd.widgets) ? 'Sign4Top' : null,
+                                        isCreateCertificateEnabled(dtd.widgets) ? `Sign4Top - ${SDKUI_Localizator.Create} ${SDK_Localizator.SignCert.toLocaleLowerCase()}` : null,
+                                        isPdfEditorEnabled(dtd.widgets) ? 'PDFEditor' : null,
+                                    ].filter(Boolean);
+                                    return (_jsxs(_Fragment, { children: [_jsx(StyledTooltipSeparatorItem, {}), enabledWidgets.length > 0 && (_jsxs(StyledTooltipItem, { children: ["Widgets: ", enabledWidgets.join(', ')] })), enabledWidgets.length === 0 && (_jsxs(StyledTooltipItem, { children: ["Widgets: ", SDKUI_Localizator.No] }))] }));
+                                })() : (_jsxs(_Fragment, { children: [_jsx(StyledTooltipSeparatorItem, {}), _jsxs(StyledTooltipItem, { children: ["Widgets: ", SDKUI_Localizator.No] })] }))] })] }));
+};

package/lib/components/wizard/TMStepIndicator.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ValidationItem } from '@topconsultnpm/sdk-ts';
+interface StepIndicatorProps {
+    steps: {
+        title: string;
+    }[];
+    currentStepIndex: number;
+    stepValidityStatuses: ValidationItem[][];
+}
+declare const StepIndicator: React.FC<StepIndicatorProps>;
+export default StepIndicator;

package/lib/components/wizard/TMStepIndicator.js

@@ -0,0 +1,165 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import { ResultTypes } from '@topconsultnpm/sdk-ts';
+import { IconApply, IconWarning } from '../../helper';
+// Colori chiave
+const COLOR_PRIMARY = '#ff9900'; // Arancione
+const COLOR_SECONDARY = '#ccc'; // Grigio per i futuri
+const COLOR_ERROR = '#d32f2f'; // Rosso per l'errore
+const RHOMBUS_SIZE = 35;
+const LINE_HEIGHT = 3;
+// Contenitore principale, centrato orizzontalmente
+const IndicatorContainer = styled.div `
+    display: flex;
+    flex-direction: column;
+    align-items: center; 
+    padding: 20px 0 20px 0;
+    width: 100%;
+    flex-shrink: 0;
+`;
+// Titolo dello step corrente sotto la barra
+// AGGIUNGIAMO STILE PER IL TITOLO CON ERRORE
+const StepTitle = styled.div `
+    font-weight: bold;
+    text-align: center;
+    font-size: 1.3em;
+    padding-top: 15px;
+    
+    // Cambia colore del titolo se lo step corrente ha un errore
+    color: ${props => (props.$isError ? COLOR_ERROR : COLOR_PRIMARY)}; 
+    
+    // Styling per l'icona di errore accanto al titolo (se presente)
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    
+    .error-icon {
+        margin-left: 8px;
+        font-size: 1.1em;
+    }
+`;
+const StepBar = styled.div `
+    display: flex;
+    justify-content: space-between; 
+    align-items: center;
+    width: 80%; 
+    max-width: 600px;
+    position: relative;
+    padding: 0;
+`;
+// Contenitore per le linee (omesso per brevità, rimane invariato)
+const LineContainer = styled.div `
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    height: ${LINE_HEIGHT}px;
+    z-index: 1;
+
+    /* Calcoliamo il padding per escludere metà rombo da ogni lato */
+    left: ${RHOMBUS_SIZE / 2}px;
+    right: ${RHOMBUS_SIZE / 2}px;
+    width: ${props => props.$numSteps > 1 ? `calc(100% - ${RHOMBUS_SIZE}px)` : '0'};
+`;
+// Linea di connessione grigia (base) (omesso per brevità, rimane invariato)
+const BaseLine = styled.div `
+    height: 100%;
+    background-color: ${COLOR_SECONDARY};
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+`;
+// Linea di avanzamento colorata (progress bar) (omesso per brevità, rimane invariato)
+const ProgressLine = styled.div `
+    height: 100%;
+    background-color: ${COLOR_PRIMARY};
+    width: ${props => props.$widthPercentage}%;
+    transition: width 0.3s ease-in-out;
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 2;
+`;
+// Stile per ogni singolo step (elemento flex) (omesso per brevità, rimane invariato)
+const StepItem = styled.div `
+    display: flex;
+    justify-content: center; 
+    align-items: center;
+    position: relative;
+    z-index: 2; 
+    flex-basis: auto; 
+`;
+// Il Rombo (il contenitore esterno ruotato)
+// AGGIUNGIAMO $isError
+const StepRhombusContainer = styled.div `
+    width: ${RHOMBUS_SIZE}px;
+    height: ${RHOMBUS_SIZE}px;
+    transform: rotate(45deg);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 0;
+    
+    // Gestione colore/bordo in base allo stato di errore
+    background-color: ${props => (props.$isCurrent ? (props.$isError ? COLOR_ERROR : COLOR_PRIMARY) : 'white')};
+    
+    // Bordo in caso di errore (se non completato e non corrente)
+    border: 2px solid ${props => (props.$isCurrent ? 'transparent' :
+    props.$isError ? COLOR_ERROR :
+        props.$isCompleted ? COLOR_PRIMARY : COLOR_SECONDARY)};
+    
+    box-shadow: ${props => (props.$isCompleted && !props.$isCurrent ? `0 0 0 1px ${COLOR_PRIMARY}` : 'none')};
+    
+    ${props => props.$isCurrent && `
+        border: none; 
+        box-shadow: 0 0 0 1px ${props.$isError ? COLOR_ERROR : COLOR_PRIMARY};
+    `}
+`;
+// Contenuto interno ruotato
+// AGGIUNGIAMO $isError
+const StepContent = styled.div `
+    transform: rotate(-45deg); 
+    font-weight: bold;
+    font-size: 1em;
+    display: flex;
+    align-items: center;
+    
+    // Colore del testo/icona
+    color: ${props => (props.$isCurrent ? 'white' :
+    props.$isError ? COLOR_ERROR :
+        props.$isCompleted ? COLOR_PRIMARY : COLOR_SECONDARY)};
+    
+    /* Regola la dimensione dell'icona Check per lo step completato */
+    .MuiSvgIcon-root {
+        font-size: 18px; 
+    }
+`;
+const StepIndicator = ({ steps, currentStepIndex, stepValidityStatuses }) => {
+    const numberOfSections = steps.length - 1;
+    const progressPercentage = numberOfSections > 0
+        ? (currentStepIndex / numberOfSections) * 100
+        : 0;
+    const errors = stepValidityStatuses[currentStepIndex].filter(v => v.ResultType === ResultTypes.ERROR);
+    const isCurrentStepError = errors.length > 0;
+    return (_jsxs(IndicatorContainer, { children: [_jsxs(StepBar, { children: [steps.length > 1 && (_jsxs(LineContainer, { "$numSteps": steps.length, children: [_jsx(BaseLine, {}), _jsx(ProgressLine, { "$widthPercentage": progressPercentage })] })), steps.map((step, index) => {
+                        const isCompleted = index < currentStepIndex;
+                        const isCurrent = index === currentStepIndex;
+                        // CORREZIONE: Controlla se l'array di ValidationItem per lo step contiene almeno un errore
+                        const isError = stepValidityStatuses[index].some(v => v.ResultType === ResultTypes.ERROR); //
+                        // Se lo step è completato, non mostriamo l'errore (priorità al completamento)
+                        const displayError = isError && !isCompleted; //
+                        // Il contenuto del rombo
+                        let content;
+                        if (isCompleted) {
+                            content = _jsx(IconApply, {});
+                        }
+                        else if (displayError) {
+                            content = _jsx(IconWarning, {});
+                        }
+                        else {
+                            content = index + 1;
+                        }
+                        return (_jsx(StepItem, { children: _jsx(StepRhombusContainer, { "$isCompleted": isCompleted, "$isCurrent": isCurrent, "$isError": displayError, children: _jsx(StepContent, { "$isCompleted": isCompleted, "$isCurrent": isCurrent, "$isError": displayError, children: content }) }) }, index));
+                    })] }), _jsxs(StepTitle, { "$isError": isCurrentStepError, children: [steps[currentStepIndex]?.title, isCurrentStepError && (_jsx(IconWarning, { className: "error-icon" }))] })] }));
+};
+export default StepIndicator;

package/lib/components/wizard/TMWizard.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import { ValidationItem } from '@topconsultnpm/sdk-ts';
+export interface WizardStep {
+    title: string;
+    content: ReactNode;
+    validator?: (data: any) => ValidationItem[];
+}
+interface TMWizardProps {
+    steps: WizardStep[];
+    initialData: any;
+    title: string;
+    description: string;
+    validateOnlyCurrentStep?: boolean;
+    onClose: () => void;
+    onFinish: (data: any) => void;
+}
+declare const TMWizard: React.FC<TMWizardProps>;
+export default TMWizard;

package/lib/components/wizard/TMWizard.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// TMWizard.tsx
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { ResultTypes } from '@topconsultnpm/sdk-ts';
+import TMButton from '../base/TMButton';
+import StepIndicator from './TMStepIndicator';
+const WizardContainer = styled.div `
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background-color: white; 
+    padding: 8px;
+`;
+const WizardHeader = styled.div `
+    flex-shrink: 0;
+    padding: 0 20px 20px 20px;
+`;
+const WizardTitle = styled.h2 `
+    font-size: 1.3em;
+    font-weight: bold;
+    margin: 0;
+    color: #333;
+`;
+const WizardDescription = styled.p `
+    font-size: 1em; 
+    margin-top: 5px;
+    color: #666; 
+`;
+const StepContent = styled.div `
+    flex-grow: 1; 
+    overflow-y: auto;
+    padding: 20px;
+`;
+const ControlsContainer = styled.div `
+    flex-shrink: 0;
+    display: flex;
+    justify-content: flex-end;
+    gap: 15px;
+    padding: 15px 20px;
+    border-top: 1px solid #eee; 
+`;
+const TMWizard = ({ steps, validateOnlyCurrentStep = true, onClose, onFinish, initialData, title, description }) => {
+    const [currentStep, setCurrentStep] = useState(0);
+    const [formData, setFormData] = useState(initialData);
+    const stepValidationErrors = steps.map((step, index) => {
+        if (validateOnlyCurrentStep) {
+            if (index <= currentStep) {
+                const validator = step.validator;
+                return validator ? validator(formData) : [];
+            }
+            // Per gli step futuri, lo stato di validazione è un array vuoto (nessun errore visualizzato)
+            return [];
+        }
+        else {
+            const validator = step.validator;
+            // Se c'è un validatore, esegue e ritorna l'array di ValidationItem, altrimenti un array vuoto
+            return validator ? validator(formData) : [];
+        }
+    });
+    const currentStepValidationErrors = stepValidationErrors[currentStep];
+    const isStepValid = !currentStepValidationErrors.some(v => v.ResultType === ResultTypes.ERROR);
+    const handleNext = () => {
+        if (currentStep < steps.length - 1) {
+            setCurrentStep(currentStep + 1);
+        }
+    };
+    const handleBack = () => {
+        if (currentStep > 0) {
+            setCurrentStep(currentStep - 1);
+        }
+    };
+    const handleFinish = () => {
+        // Logica finale di validazione/salvataggio
+        onFinish(formData);
+    };
+    // Funzione per passare i dati dello step al componente figlio
+    const currentStepContent = steps[currentStep].content;
+    const isLastStep = currentStep === steps.length - 1;
+    // Funzione per passare l'oggetto di stato COMPLETO al componente figlio
+    const renderStep = () => {
+        if (React.isValidElement(currentStepContent)) {
+            return React.cloneElement(currentStepContent, {
+                stepData: formData,
+                onDataChange: setFormData,
+                validationErrors: currentStepValidationErrors,
+            });
+        }
+        return currentStepContent;
+    };
+    return (_jsxs(WizardContainer, { children: [_jsxs(WizardHeader, { children: [_jsx(WizardTitle, { children: title }), _jsx(WizardDescription, { children: description })] }), _jsx(StepIndicator, { steps: steps, currentStepIndex: currentStep, stepValidityStatuses: stepValidationErrors }), _jsx(StepContent, { children: renderStep() }), _jsxs(ControlsContainer, { children: [_jsx(TMButton, { caption: 'Annulla', showTooltip: false, onClick: onClose }), _jsx(TMButton, { caption: 'Indietro', showTooltip: false, onClick: handleBack, disabled: currentStep === 0 }), !isLastStep ? (_jsx(TMButton, { caption: 'Avanti', showTooltip: false, onClick: handleNext, disabled: !isStepValid })) : (_jsx(TMButton, { caption: 'Fine', showTooltip: false, onClick: handleFinish, disabled: !isStepValid, color: "primary" }))] })] }));
+};
+export default TMWizard;

package/lib/css/tm-sdkui.css

@@ -0,0 +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}

package/lib/helper/DeepCompareHelper.d.ts

@@ -0,0 +1,7 @@
+import { MailSenderJobDescriptor } from '@topconsultnpm/sdk-ts';
+export declare class DeepCompareHelper {
+    static deepCompareUnorderedNormalized(obj1: MailSenderJobDescriptor, obj2: MailSenderJobDescriptor): boolean;
+    static normalizeObject(obj: any): any;
+    static normalizeHtmlString(html: string): string;
+    static normalizeCssString(css: string): string;
+}