@topconsultnpm/sdkui-react-beta 6.7.87 → 6.7.89

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { RelationDescriptor, RelationTypes } from '@topconsultnpm/sdk-ts-beta';
+import { ITMChooserFormProps, ITMChooserProps } from '../../ts';
+interface ITMRelationChooser extends ITMChooserProps {
+    relationType: RelationTypes;
+    values?: number[];
+    showBorder?: boolean;
+    borderRadius?: string;
+    openEditorOnSummaryClick?: boolean;
+}
+declare const TMRelationChooser: React.FunctionComponent<ITMRelationChooser>;
+export default TMRelationChooser;
+interface ITMRelationChooserFormProps extends ITMChooserFormProps<RelationDescriptor> {
+    relationType: RelationTypes;
+}
+export declare const TMRelationChooserForm: React.FunctionComponent<ITMRelationChooserFormProps>;
+export declare const TMRelationIdViewer: ({ relationType, relationId, showIcon, noneSelectionText }: {
+    relationType: RelationTypes;
+    relationId?: number;
+    showIcon?: boolean;
+    noneSelectionText?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TMRelationIcon: ({ rd, relationType }: {
+    rd: RelationDescriptor | undefined;
+    relationType?: RelationTypes;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TMRelationTooltip: ({ rd, relationType, children }: {
+    rd?: RelationDescriptor;
+    relationType: RelationTypes | undefined;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/choosers/TMRelationChooser.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { SDK_Globals, RelationTypes, RelationCacheService, DcmtTypeListCacheService, SDK_Localizator } from '@topconsultnpm/sdk-ts-beta';
+import { IconSearch, IconRelationManyToMany, IconRelationOneToMany, SDKUI_Localizator } from '../../helper';
+import TMChooserForm from '../forms/TMChooserForm';
+import { StyledDivHorizontal, StyledTooltipContainer, StyledTooltipItem, StyledTooltipSeparatorItem } from '../base/Styled';
+import { Column } from 'devextreme-react/cjs/data-grid';
+import TMSpinner from '../base/TMSpinner';
+import TMSummary from '../editors/TMSummary';
+import TMTooltip from '../base/TMTooltip';
+const TMRelationChooser = ({ tmSession, icon, dataSource, disabled, backgroundColor, borderRadius = '4px', buttons = [], placeHolder = `<${SDKUI_Localizator.NoneSelection}>`, openEditorOnSummaryClick, showBorder = true, showId = false, elementStyle, allowMultipleSelection, values, isModifiedWhen, label, width, height, showClearButton = false, validationItems = [], relationType, onValueChanged }) => {
+    const [showChooser, setShowChooser] = useState(false);
+    useEffect(() => {
+        TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDKUI_Localizator.Relations} ...` });
+        RelationCacheService.GetAllRelationAsync().then(() => { TMSpinner.hide(); });
+    }, [values]);
+    const renderTemplate = () => {
+        return (_jsx(StyledDivHorizontal, { style: { minWidth: '125px' }, children: placeHolder && (!values || values.length <= 0)
+                ? _jsx("p", { children: placeHolder })
+                : _jsxs(_Fragment, { children: [_jsx(TMRelationIdViewer, { relationType: relationType, relationId: values?.[0], showIcon: true }), values && values.length > 1 && _jsx("p", { style: { marginLeft: '10px' }, children: `(+${values.length - 1} ${values.length == 2 ? 'altro' : 'altri'})` })] }) }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(TMSummary, { icon: icon, backgroundColor: backgroundColor, buttons: buttons, showBorder: showBorder, borderRadius: borderRadius, hasValue: values && values.length > 0, showClearButton: showClearButton, iconEditButton: _jsx(IconSearch, { fontSize: 16 }), onEditorClick: () => !disabled && setShowChooser(true), elementStyle: elementStyle, isModifiedWhen: isModifiedWhen, label: label, width: width, height: showBorder ? height : '24px', template: renderTemplate(), openEditorOnSummaryClick: openEditorOnSummaryClick, onClearClick: showClearButton ? () => { !disabled && onValueChanged?.([]); } : undefined, validationItems: validationItems }), showChooser &&
+                _jsx(TMRelationChooserForm, { relationType: relationType, tmSession: tmSession, allowMultipleSelection: allowMultipleSelection, dataSource: dataSource, selectedIDs: values, onClose: () => setShowChooser(false), onChoose: (IDs) => { onValueChanged?.(IDs); } })] }));
+};
+export default TMRelationChooser;
+export const TMRelationChooserForm = (props) => {
+    const getItems = async (refreshCache) => {
+        let tms = SDK_Globals.tmSession;
+        if (refreshCache)
+            RelationCacheService.RemoveAllRelation(tms);
+        let count = RelationCacheService.CacheAllRelationCount(tms);
+        if (count <= 0)
+            TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDKUI_Localizator.Relations} ...` });
+        let rels = await RelationCacheService.GetAllRelationAsync(tms, false, refreshCache);
+        if (count <= 0)
+            TMSpinner.hide();
+        rels = rels.filter((r) => r.relationType == props.relationType).slice();
+        return rels;
+    };
+    const [showId, setShowId] = useState(false);
+    const handleShowIdChanged = () => { setShowId(!showId); };
+    return (_jsx(TMChooserForm, { title: SDKUI_Localizator.Relations, allowMultipleSelection: props.allowMultipleSelection, hasShowOnlySelectedItems: true, width: props.width, height: props.height, selectedIDs: props.selectedIDs, 
+        //cellRenderIcon={(data: any) => { return props.relationType ==  RelationTypes.ManyToMany ? <IconRelationManyToMany /> : <IconRelationOneToMany /> }}
+        cellRenderIcon: (data) => { return _jsx(TMRelationIcon, { rd: data.data, relationType: props.relationType }); }, showDefaultColumns: false, 
+        //cellRenderNameAndDesc={in questo caso utilizzare data.data ==> es.: data.data.name}
+        columns: showId ?
+            [_jsx(Column, { dataField: 'id', visible: true, width: 'auto' }, 1), _jsx(Column, { dataField: 'name', visible: true, width: 'max' }, 2)] :
+            [_jsx(Column, { dataField: 'name', visible: true, width: 'max' }, 2)], dataSource: props.dataSource, getItems: getItems, onClose: props.onClose, onChoose: (IDs) => props.onChoose?.(IDs), onShowIdChanged: handleShowIdChanged, showId: props.showId }));
+};
+export const TMRelationIdViewer = ({ relationType, relationId, showIcon = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
+    const [rel, setRel] = useState();
+    let relTemp;
+    useEffect(() => {
+        if (!relationId || relationId == 0) {
+            setRel(undefined);
+            return;
+        }
+        TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDKUI_Localizator.Relations} ...` });
+        RelationCacheService.GetAllRelationAsync().then((rels) => {
+            let selectedRels = rels.filter((r) => r.id == relationId);
+            if (selectedRels) {
+                relTemp = selectedRels[0];
+                setRel(relTemp);
+            }
+            TMSpinner.hide();
+        });
+    }, [relationId]);
+    return (_jsxs(StyledDivHorizontal, { children: [showIcon && _jsx(TMRelationIcon, { rd: rel, relationType: relationType }), _jsx("p", { style: { textAlign: 'left', marginLeft: showIcon ? '5px' : '' }, children: rel ? rel.name : noneSelectionText })] }));
+};
+export const TMRelationIcon = ({ rd, relationType }) => {
+    let icon = relationType == RelationTypes.ManyToMany ? _jsx(IconRelationManyToMany, { height: '17px', width: '17px' }) : _jsx(IconRelationOneToMany, { height: '17px', width: '17px' });
+    return (_jsx(TMRelationTooltip, { rd: rd, relationType: relationType, children: icon }));
+};
+async function DcmtType_ID2NameAsync(tid) {
+    if (tid == undefined)
+        return '';
+    let dtd = await DcmtTypeListCacheService.GetAsync(tid);
+    if (dtd == undefined)
+        return '';
+    return dtd.name ?? '';
+}
+export const TMRelationTooltip = ({ rd, relationType, children }) => {
+    const [masterName, setMasterName] = useState('');
+    const [detailName, setDetailName] = useState('');
+    useEffect(() => {
+        if (rd) {
+            DcmtType_ID2NameAsync(rd.masterTID).then((name) => setMasterName(name ?? ''));
+            DcmtType_ID2NameAsync(rd.detailTID).then((name) => setDetailName(name ?? ''));
+        }
+    }, [rd]);
+    const renderTooltipContent = (rd) => {
+        return (!rd ? null
+            : _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${rd.name})} (RelationId: ${rd.id})` }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RelationType}: ${SDKUI_Localizator.RelationManyToMany}` }), _jsx(StyledTooltipItem, { children: `${SDK_Localizator.DcmtType} 'master': ${masterName} - TID: ${rd.masterTID}` }), _jsx(StyledTooltipItem, { children: `${SDK_Localizator.DcmtType} 'detail': ${detailName} - TID: ${rd.detailTID}` })] }));
+    };
+    return (_jsx(TMTooltip, { content: renderTooltipContent(rd), children: children }));
+};

package/lib/components/editors/TMTreeDropDown.d.ts

@@ -9,6 +9,7 @@ interface TMTreeDropDownProps {
     }>;
     values: Array<number>;
     setValues: React.Dispatch<React.SetStateAction<Array<number>>>;
+    displayExpr: boolean;
     isValidKey?: (key: number) => boolean;
     elementStyle?: React.CSSProperties | undefined;
 }

package/lib/components/editors/TMTreeDropDown.js

@@ -7,7 +7,7 @@ import { SDKUI_Localizator } from '../../helper';
 // The TMTreeDropDown functional component
 const TMTreeDropDown = (props) => {
     // Destructure props for easy access
-    const { dataSource, values, setValues, isValidKey, elementStyle } = props;
+    const { dataSource, values, setValues, displayExpr, isValidKey, elementStyle } = props;
     // Reference to the TreeView component for programmatic control
     const treeViewRef = useRef(null);
     // Helper function to get a comma-separated string of labels for the selected IDs
@@ -49,6 +49,6 @@ const TMTreeDropDown = (props) => {
             filteredKeys = selectedKeys.filter(isValidKey); // If a validation function is provided, filter the selected keys
         setValues(filteredKeys);
     }, []);
-    return _jsx(TMTooltip, { content: getLabelsByIds(values, 'formatted'), children: _jsx(DropDownBox, { width: "100%", style: elementStyle, valueExpr: "id", displayExpr: "label", value: values, dataSource: dataSource, placeholder: SDKUI_Localizator.SelectDesiredFilters, onContentReady: syncTreeViewSelection, focusStateEnabled: true, contentRender: () => _jsx(TreeView, { ref: treeViewRef, keyExpr: "id", dataSource: dataSource, selectByClick: true, selectNodesRecursive: true, selectionMode: "multiple", displayExpr: "label", parentIdExpr: "categoryId", dataStructure: "plain", showCheckBoxesMode: "normal", onContentReady: syncTreeViewSelection, onItemSelectionChanged: (e) => treeViewItemSelectionChanged(e) }) }) });
+    return _jsx(TMTooltip, { content: getLabelsByIds(values, 'formatted'), children: _jsx(DropDownBox, { width: "100%", style: elementStyle, valueExpr: "id", displayExpr: displayExpr ? "label" : () => SDKUI_Localizator.Filters, value: values, dataSource: dataSource, placeholder: SDKUI_Localizator.SelectDesiredFilters, onContentReady: syncTreeViewSelection, focusStateEnabled: true, contentRender: () => _jsx(TreeView, { ref: treeViewRef, keyExpr: "id", dataSource: dataSource, selectByClick: true, selectNodesRecursive: true, selectionMode: "multiple", displayExpr: "label", parentIdExpr: "categoryId", dataStructure: "plain", showCheckBoxesMode: "normal", onContentReady: syncTreeViewSelection, onItemSelectionChanged: (e) => treeViewItemSelectionChanged(e) }) }) });
 };
 export default TMTreeDropDown;

package/lib/helper/SDKUI_Localizator.d.ts

@@ -56,6 +56,7 @@ export declare class SDKUI_Localizator {
     static get Date(): "Datum" | "Date" | "fecha" | "Data";
     static get Date_Modified(): "Datum geändert" | "Date Modified" | "Fecha modificada" | "Date modifiée" | "Data modificada" | "Data modificata";
     static get DcmtCount(): "Anzahl der Dokumente" | "Number of documents" | "Número de documentos" | "Nombre de documents" | "Numero documenti";
+    static get DcmtType(): "Dokumententyp" | "Document type" | "Tipo de documento" | "Type de document" | "Tipo documento";
     static get DcmtTypesSelected(): "Ausgewählte Dokumenttypen" | "Selected document types" | "Tipos de documentos seleccionados" | "Types de documents sélectionnés" | "Tipos de documentos selecionados" | "Tipi documento selezionati";
     static get DcmtTypeSelect(): "Wählen Sie einen Dokumenttyp aus" | "Select a document type" | "Seleccione un tipo de documento" | "Sélectionnez un type de document" | "Selecione um tipo de documento" | "Selezionare un tipo documento";
     static get Default(): "Standard" | "Default" | "Predeterminado" | "Defaultão";
@@ -162,6 +163,9 @@ export declare class SDKUI_Localizator {
     static get PhysDelete(): "Physische Stornierung" | "Physical delete" | "Cancelación física" | "Supression" | "Cancelamento física" | "Cancellazione fisica";
     static get Previous(): "Vorherige" | "Previous" | "Anterior" | "Précédent" | "Precedente";
     static get Recent(): "Kürzlich" | "Recent" | "Recientes" | "Récents" | "Recentes" | "Recenti";
+    static get Relations(): "Korrelationen" | "Correlations" | "Correlaciones" | "Relations" | "Correlacionados" | "Correlazioni";
+    static get RelationManyToMany(): "Folge viele mit vielen" | "Relation many to many" | "Correlación muchos a muchos" | "Corrélation plusieurs à plusieurs" | "Muitos para muitos relação" | "Correlazione molti a molti";
+    static get RelationType(): "Art der Beziehung" | "Relation type" | "Tipo de relación" | "Type de relation" | "Tipo de relacionamento" | "Tipo di relazione";
     static get QueryClear(): "Query bereinigen" | "Clear query" | "Limpiar consulta" | "Efface query" | "Limpar query" | "Pulisci query";
     static get QueryCount(): "Zählanfragen" | "Query count" | "Contar consulta" | "Compte query" | "Count query" | "Conta query";
     static get QueryDefine(): "Abfrage definieren" | "Query define" | "Definir consulta" | "Défine query" | "Definir query" | "Definisci query";
@@ -238,4 +242,5 @@ export declare class SDKUI_Localizator {
     static get Export(): "Exportieren" | "Export" | "Exportar" | "Exporter" | "Esporta";
     static get ErrorParsingFileContent(): "Fehler beim Parsen des Dateiinhalts. Stellen Sie sicher, dass die Datei im richtigen Format vorliegt." | "Error parsing the file content. Ensure the file is in the correct format." | "Error al analizar el contenido del archivo. Asegúrese de que el archivo esté en el formato correcto." | "Erreur lors de l'analyse du contenu du fichier. Assurez-vous que le fichier est dans le bon format." | "Erro ao analisar o conteúdo do arquivo. Certifique-se de que o arquivo está no formato correto." | "Errore durante l'analisi del contenuto del file. Assicurati che il file sia nel formato corretto.";
     static get SelectDesiredFilters(): "Wählen Sie die gewünschten Filter aus" | "Select the desired filters" | "Selecciona los filtros deseados" | "Sélectionnez les filtres souhaités" | "Selecione os filtros desejados" | "Seleziona i filtri desiderati";
+    static get Filters(): "Filter" | "Filters" | "Filtros" | "Filtres" | "Filtri";
 }

package/lib/helper/SDKUI_Localizator.js

@@ -509,6 +509,16 @@ export class SDKUI_Localizator {
             default: return "Numero documenti";
         }
     }
+    static get DcmtType() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Dokumententyp";
+            case CultureIDs.En_US: return "Document type";
+            case CultureIDs.Es_ES: return "Tipo de documento";
+            case CultureIDs.Fr_FR: return "Type de document";
+            case CultureIDs.Pt_PT: return "Tipo de documento";
+            default: return "Tipo documento";
+        }
+    }
     static get DcmtTypesSelected() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Ausgewählte Dokumenttypen";
@@ -1569,6 +1579,37 @@ export class SDKUI_Localizator {
             default: return "Recenti";
         }
     }
+    static get Relations() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Korrelationen";
+            case CultureIDs.En_US: return "Correlations";
+            case CultureIDs.Es_ES: return "Correlaciones";
+            case CultureIDs.Fr_FR: return "Relations";
+            case CultureIDs.Pt_PT: return "Correlacionados";
+            default: return "Correlazioni";
+        }
+        ;
+    }
+    static get RelationManyToMany() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Folge viele mit vielen";
+            case CultureIDs.En_US: return "Relation many to many";
+            case CultureIDs.Es_ES: return "Correlación muchos a muchos";
+            case CultureIDs.Fr_FR: return "Corrélation plusieurs à plusieurs";
+            case CultureIDs.Pt_PT: return "Muitos para muitos relação";
+            default: return "Correlazione molti a molti";
+        }
+    }
+    static get RelationType() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Art der Beziehung";
+            case CultureIDs.En_US: return "Relation type";
+            case CultureIDs.Es_ES: return "Tipo de relación";
+            case CultureIDs.Fr_FR: return "Type de relation";
+            case CultureIDs.Pt_PT: return "Tipo de relacionamento";
+            default: return "Tipo di relazione";
+        }
+    }
     static get QueryClear() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Query bereinigen";
@@ -2408,4 +2449,14 @@ export class SDKUI_Localizator {
             default: return "Seleziona i filtri desiderati";
         }
     }
+    static get Filters() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Filter";
+            case CultureIDs.En_US: return "Filters";
+            case CultureIDs.Es_ES: return "Filtros";
+            case CultureIDs.Fr_FR: return "Filtres";
+            case CultureIDs.Pt_PT: return "Filtros";
+            default: return "Filtri";
+        }
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.7.87",
+    "version": "6.7.89",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -28,7 +28,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts-beta": "^6.7.23",
+        "@topconsultnpm/sdk-ts-beta": "^6.7.24",
         "@topconsultnpm/sdkui-react-beta": "^6.7.37",
         "buffer": "^6.0.3",
         "devextreme": "24.1.6",