@topconsultnpm/sdkui-react-beta 6.16.108 → 6.16.110

package/lib/components/features/workflow/TMWorkflowPopup.js

@@ -21,7 +21,9 @@ const StyledWorkFlowOperationButtonsContainer = styled.div `
     gap: 10px;
     flex-direction: column;
 `;
-const StyledTextArea = styled.textarea `
+const StyledTextArea = styled.textarea.attrs({
+    maxLength: 200
+}) `
     width: 100%; 
     height: 100%; 
     border: 1px solid ${props => props.$isValid ? '#b4b4b4' : TMColors.error}; 
@@ -32,6 +34,12 @@ const StyledTextArea = styled.textarea `
         border-bottom: 4px solid ${props => props.$isValid ? TMColors.primaryColor : TMColors.error};
     }
 `;
+const CharacterCounter = styled.div `
+    text-align: right;
+    font-size: 0.8rem;
+    color: #6c757d;
+    margin-top: 2px;
+`;
 const StyledModalBodyWrapper = styled.div `
     display: flex;
     flex-direction: column;
@@ -90,7 +98,7 @@ export const WorkFlowApproveRejectPopUp = ({ TID = 0, DID = 0, deviceType = Devi
     const workflowAction = isReject === 0 ? SDKUI_Localizator.Approve : SDKUI_Localizator.Reject;
     const itemCount = selectedItems.length > 0 ? `(${selectedItems.length} workitem)` : '';
     const title = `${workflowAction} ${itemCount}`;
-    return (_jsx(TMModal, { title: title, onClose: onClose, width: deviceType === DeviceType.MOBILE ? '95%' : '60%', height: '60%', isModal: true, children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsxs("p", { style: { color: (isReject === 1 && disable) ? TMColors.error : 'black' }, children: [SDKUI_Localizator.CommentText, " ", isReject === 1 && disable && _jsx("span", { children: ` (${SDKUI_Localizator.RequiredField})` }), " "] }), _jsx(StyledTextArea, { "$isValid": isReject === 0 ? true : !disable, value: commentValue, onChange: (e) => setCommentValue(e.target.value) })] }), _jsx(StyledModalFooter, { children: isReject === 0
+    return (_jsx(TMModal, { title: title, onClose: onClose, width: '600px', height: '270px', isModal: true, children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsxs("p", { style: { color: (isReject === 1 && disable) ? TMColors.error : 'black' }, children: [SDKUI_Localizator.CommentText, " ", isReject === 1 && disable && _jsx("span", { children: ` (${SDKUI_Localizator.RequiredField})` }), " "] }), _jsx(StyledTextArea, { "$isValid": isReject === 0 ? true : !disable, value: commentValue, onChange: (e) => setCommentValue(e.target.value) }), _jsx(CharacterCounter, { children: `${200 - commentValue.length} ${SDKUI_Localizator.CharactersRemaining}` })] }), _jsx(StyledModalFooter, { children: isReject === 0
                         ? _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconApply, {}), caption: SDKUI_Localizator.Approve, disabled: false, onClick: () => completeOrRejectAsync(isReject), advancedColor: TMColors.success })
                         : _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconCloseOutline, {}), caption: SDKUI_Localizator.Reject, disabled: disable, onClick: () => { !disable && completeOrRejectAsync(isReject); }, advancedColor: TMColors.error }) })] }) }));
 };
@@ -151,9 +159,9 @@ export const WorkFlowReAssignPopUp = ({ DID = 0, TID = 0, deviceType = DeviceTyp
         fetchData();
         return () => { isMounted = false; };
     }, [tidToUse]);
-    return (_jsx(TMModal, { onClose: onClose, width: deviceType === DeviceType.MOBILE ? '95%' : '60%', height: '60%', isModal: true, title: SDKUI_Localizator.Reassign + (selectedItems.length > 0 ? ' (' + selectedItems.length + ' workitem)' : ''), children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsx(TMUserChooser, { dataSource: participants, values: selectedUserID, onValueChanged: (IDs) => {
+    return (_jsx(TMModal, { onClose: onClose, width: '600px', height: '270px', isModal: true, title: SDKUI_Localizator.Reassign + (selectedItems.length > 0 ? ' (' + selectedItems.length + ' workitem)' : ''), children: _jsxs(StyledModalBodyWrapper, { children: [_jsxs(StyledModalContentContainer, { children: [_jsx(TMUserChooser, { dataSource: participants, values: selectedUserID, onValueChanged: (IDs) => {
                                 setSelectedUserID(IDs ?? []);
-                            } }), _jsxs("p", { style: { color: commentValue.length === 0 ? TMColors.error : 'black' }, children: [SDKUI_Localizator.CommentText, " ", commentValue.length === 0 && _jsx("span", { children: ` (${SDKUI_Localizator.RequiredField})` }), " "] }), _jsx(StyledTextArea, { "$isValid": commentValue.length !== 0, value: commentValue, onChange: (e) => setCommentValue(e.target.value) })] }), _jsx(StyledModalFooter, { children: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconUser, { fontSize: 16 }), caption: SDKUI_Localizator.Reassign, disabled: disable, onClick: () => !disable && reAssignWorkFlowAsync(), advancedColor: TMColors.tertiary }) })] }) }));
+                            } }), _jsxs("p", { style: { color: commentValue.length === 0 ? TMColors.error : 'black' }, children: [SDKUI_Localizator.CommentText, " ", commentValue.length === 0 && _jsx("span", { children: ` (${SDKUI_Localizator.RequiredField})` }), " "] }), _jsx(StyledTextArea, { "$isValid": commentValue.length !== 0, value: commentValue, onChange: (e) => setCommentValue(e.target.value) }), _jsx(CharacterCounter, { children: `${200 - commentValue.length} ${SDKUI_Localizator.CharactersRemaining}` })] }), _jsx(StyledModalFooter, { children: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconUser, { fontSize: 16 }), caption: SDKUI_Localizator.Reassign, disabled: disable, onClick: () => !disable && reAssignWorkFlowAsync(), advancedColor: TMColors.tertiary }) })] }) }));
 };
 export const WorkFlowMoreInfoPopUp = ({ DID = 0, TID = 0, deviceType = DeviceType.DESKTOP, onClose, onCompleted }) => {
     const [users, setUsers] = useState([]);

package/lib/components/features/workflow/diagram/DiagramItemForm.js

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react'; // Importa us
 import TMModal from '../../../base/TMModal';
 import { DiagramItemTypes } from './interfaces';
 import TMCheckBox from '../../../editors/TMCheckBox';
-import { calcIsModified, getSystemMetadata, IconApply, IconUndo, SDKUI_Localizator } from '../../../../helper';
+import { calcIsModified, getSystemMetadata, IconApply, IconUndo, LocalizeDiagramItemType, SDKUI_Localizator } from '../../../../helper';
 import TMMetadataChooser from '../../../choosers/TMMetadataChooser';
 import { FormModes, MetadataValueDescriptorEx } from '../../../../ts';
 import TMTextBox from '../../../editors/TMTextBox';
@@ -676,6 +676,6 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
         }
         return (_jsxs(FormContainer, { children: [renderCommonFields(), specificFields, _jsxs(ButtonsContainer, { children: [_jsx(TMButton, { caption: 'Applica', btnStyle: 'advanced', advancedColor: TMColors.tertiary, icon: _jsx(IconApply, {}), showTooltip: false, disabled: !isModified, onClick: handleSave }), _jsx(TMButton, { caption: 'Annulla', btnStyle: 'toolbar', color: 'primary', icon: _jsx(IconUndo, {}), showTooltip: false, disabled: !isModified, onClick: handleCancel })] })] }));
     };
-    return (_jsx(TMModal, { title: DiagramItemTypes[localItem.Type].toString(), onClose: onClose, isModal: true, width: calculatedWidth, height: calculatedHeight, children: renderForm() }));
+    return (_jsx(TMModal, { title: LocalizeDiagramItemType(localItem.Type), onClose: onClose, isModal: true, width: calculatedWidth, height: calculatedHeight, children: renderForm() }));
 };
 export default DiagramItemForm;

package/lib/components/settings/SettingsAppearance.js

@@ -36,7 +36,7 @@ const SettingsAppearance = ({ landingPagesOptions, permissions = { canArchive: t
             options = options.filter(option => option.value !== LandingPages.DOSSIERS);
         }
         if (!permissions?.workFlowLicense) {
-            options = options.filter(option => option.value !== LandingPages.APPR_WORKFLOW);
+            options = options.filter(option => option.value !== LandingPages.WORKFLOW_APPR);
         }
         return options;
     }, [permissions?.canArchive, permissions?.canSearch, permissions?.wgGroupLicense, permissions?.dossiersLicense, permissions?.workFlowLicense, landingPagesOptions]);

package/lib/helper/SDKUI_Localizator.d.ts

@@ -70,6 +70,7 @@ export declare class SDKUI_Localizator {
     static get CassettoDoganalePlus_UserName(): "STD-Benutzer des ADM-Portals" | "STD User of the ADM Portal" | "Usuario STD del Portal ADM" | "Utilisateur STD du portail ADM" | "Utilizador DST do Portal ADM" | "Utente STD del Portale ADM";
     static get Cancel(): "Abbrechen" | "Cancel" | "Anular" | "Annuler" | "Cancelar" | "Annulla";
     static get ChangePassword(): "Kennwort ändern" | "Change password" | "Cambiar la contraseña" | "Changer le mot de passe" | "Alterar a senha" | "Cambia password";
+    static get CharactersRemaining(): "verbleibende Zeichen" | "characters remaining" | "caracteres restantes" | "caractères restants" | "caratteri rimanenti";
     static get CheckIn(): "Check in" | "Enregistrement";
     static get CheckOut(): "Check out" | "Extraction";
     static get ChooseFolder(): string;
@@ -137,7 +138,7 @@ export declare class SDKUI_Localizator {
     static get Deselected(): string;
     static get Diagram(): "Diagramm" | "Diagram" | "Diagrama" | "Diagramme" | "Diagramma";
     static get DiagramNew(): "Neues Diagramm" | "New diagram" | "Nuevo diagrama" | "Nouveau diagramme" | "Novo diagrama" | "Nuovo diagramma";
-    static get DiagramItemTypes_Start(): "Zum Booten" | "Start" | "Arrancar" | "Pour démarrer" | "Para inicializar" | "Avviare";
+    static get DiagramItemTypes_Start(): string;
     static get DiagramItemTypes_Condition(): "Bedingung" | "Condition" | "Condición" | "Condição" | "Condizione";
     static get DiagramItemTypes_Status(): "Status" | "Estado" | "Statut" | "Stato";
     static get DiagramItemTypes_Approval(): "Genehmigungsanfrage" | "Approval request" | "Solicitud de aprobación" | "Demande d'approbation" | "Solicitação de aprovação" | "Richiesta approvazione";
@@ -518,7 +519,7 @@ export declare class SDKUI_Localizator {
     static get Source(): "Ursprung" | "Source" | "Origen" | "Origem" | "Origine";
     static get SpecialOperators(): "Spezielle Operatoren" | "Special operators" | "Operadores especiales" | "Opérateurs spéciaux" | "Os operadores especiais" | "Operatori speciali";
     static get StandardMode(): "Standardmodus" | "Standard mode" | "Modo estándar" | "Mode standard" | "Modo padrão" | "Modalità standard";
-    static get Start(): "Zum Booten" | "Start" | "Arrancar" | "Pour démarrer" | "Para inicializar" | "Avviare";
+    static get Start(): "Start" | "Zum Booten" | "Arrancar" | "Pour démarrer" | "Para inicializar" | "Avviare";
     static get Statistics(): "Statistiken" | "Statistics" | "Estadística" | "Statistiques" | "Estatísticas" | "Statistiche";
     static get Status(): "Status" | "Estado" | "Statut" | "Stato";
     static get Summary(): "Zusammenfassung" | "Summary" | "Resumen" | "Résumé" | "Resumo" | "Riepilogo";

package/lib/helper/SDKUI_Localizator.js

@@ -649,6 +649,16 @@ export class SDKUI_Localizator {
             default: return "Cambia password";
         }
     }
+    static get CharactersRemaining() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "verbleibende Zeichen";
+            case CultureIDs.En_US: return "characters remaining";
+            case CultureIDs.Es_ES: return "caracteres restantes";
+            case CultureIDs.Fr_FR: return "caractères restants";
+            case CultureIDs.Pt_PT: return "caracteres restantes";
+            default: return "caratteri rimanenti";
+        }
+    }
     static get CheckIn() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Check in";
@@ -1326,7 +1336,7 @@ export class SDKUI_Localizator {
         }
     }
     static get DiagramItemTypes_Start() {
-        return this.Start;
+        return "Start";
     }
     static get DiagramItemTypes_Condition() {
         switch (this._cultureID) {

package/lib/helper/helpers.d.ts

@@ -53,11 +53,11 @@ export declare enum LandingPages {
     SEARCH = "search",
     ARCHIVE = "archive",
     WORKING_GROUPS = "workingGroups",
-    APPR_WORKFLOW = "approvazioneWorkflow",
-    DOSSIERS = "pratiche",
-    PREFERITI = "preferiti",
-    RECENTI = "recenti",
-    AREA_MANAGER = "areaDiAppoggio",
+    WORKFLOW_APPR = "workflowAppr",
+    DOSSIERS = "dossiers",
+    FAVORITES = "favorites",
+    RECENT = "recent",
+    AREA_MANAGER = "areaManager",
     NOTIFICATIONS = "notifications",
     ACTIVITIES = "activities"
 }

package/lib/helper/helpers.js

@@ -684,11 +684,11 @@ export var LandingPages;
     LandingPages["SEARCH"] = "search";
     LandingPages["ARCHIVE"] = "archive";
     LandingPages["WORKING_GROUPS"] = "workingGroups";
-    LandingPages["APPR_WORKFLOW"] = "approvazioneWorkflow";
-    LandingPages["DOSSIERS"] = "pratiche";
-    LandingPages["PREFERITI"] = "preferiti";
-    LandingPages["RECENTI"] = "recenti";
-    LandingPages["AREA_MANAGER"] = "areaDiAppoggio";
+    LandingPages["WORKFLOW_APPR"] = "workflowAppr";
+    LandingPages["DOSSIERS"] = "dossiers";
+    LandingPages["FAVORITES"] = "favorites";
+    LandingPages["RECENT"] = "recent";
+    LandingPages["AREA_MANAGER"] = "areaManager";
     LandingPages["NOTIFICATIONS"] = "notifications";
     LandingPages["ACTIVITIES"] = "activities";
 })(LandingPages || (LandingPages = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.16.108",
+    "version": "6.16.110",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",