@topconsultnpm/sdkui-react-beta 6.11.111 → 6.11.112

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

@@ -26,8 +26,4 @@ interface ITMMetadataEditorProps {
 }
 declare const TMMetadataEditor: React.FC<ITMMetadataEditorProps>;
 export default TMMetadataEditor;
-export declare const MetadataEditorContextMenu: React.MemoExoticComponent<({ target, menuItems }: {
-    target: string;
-    menuItems: any[];
-}) => import("react/jsx-runtime").JSX.Element>;
 export declare const useMetadataEditableList: () => [(mid: number | undefined) => boolean, (mid: number | undefined) => void];

package/lib/components/editors/TMMetadataEditor.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { MetadataDataDomains, MetadataDataTypes, DcmtTypeListCacheService, LayoutModes, AccessLevels, PlatformObjectValidator, QueryOperators, SDK_Globals, AppModules, MetadataFormats } from '@topconsultnpm/sdk-ts-beta';
 import { TMColors } from '../../utils/theme';
 import TMDataListItemChooser from '../choosers/TMDataListItemChooser';
@@ -10,7 +10,6 @@ import TMTextBox from './TMTextBox';
 import { TMMetadataIcon } from '../viewers/TMMidViewer';
 import TMTextArea from './TMTextArea';
 import { DateDisplayTypes } from '../../helper/Globalization';
-import ContextMenu from "devextreme-react/cjs/context-menu";
 const renderMetadataIcon = (tid, md, layoutMode, isMetadataSelected) => {
     return (_jsx(TMMetadataIcon, { isMetadataSelected: isMetadataSelected, layoutMode: layoutMode, md: md, tid: tid }));
 };
@@ -111,9 +110,6 @@ const TMMetadataEditor = ({ isSelected = false, customLabel, isReadOnly, isLexPr
     }
 };
 export default TMMetadataEditor;
-export const MetadataEditorContextMenu = React.memo(({ target, menuItems }) => {
-    return (_jsx(ContextMenu, { dataSource: menuItems, target: `${target}` }));
-});
 export const useMetadataEditableList = () => {
     const [editableList, setEditableList] = useState([]);
     const addOrRemoveEditableList = (mid) => {

package/lib/components/index.d.ts

@@ -46,7 +46,6 @@ export * from './base/TMTab';
 export { default as TMHeader } from "./sidebar/TMHeader";
 export { default as TMSidebar } from "./sidebar/TMSidebar";
 export { default as TMSidebarItem } from "./sidebar/TMSidebarItem";
-export { default as TMSplitterLayout } from "./splitter/TMSplitterLayout";
 export { default as TMLoginForm } from "./forms/Login/TMLoginForm";
 export { default as TMChangePassword } from "./forms/Login/ChangePassword";
 export { default as TMSaveForm } from "./forms/TMSaveForm";

package/lib/components/index.js

@@ -53,7 +53,6 @@ export * from './base/TMTab';
 export { default as TMHeader } from "./sidebar/TMHeader";
 export { default as TMSidebar } from "./sidebar/TMSidebar";
 export { default as TMSidebarItem } from "./sidebar/TMSidebarItem";
-export { default as TMSplitterLayout } from "./splitter/TMSplitterLayout";
 //form
 export { default as TMLoginForm } from "./forms/Login/TMLoginForm";
 export { default as TMChangePassword } from "./forms/Login/ChangePassword";

package/lib/helper/SDKUI_Localizator.d.ts

@@ -107,6 +107,7 @@ export declare class SDKUI_Localizator {
     static get Error(): "Fehler" | "Error" | "Erreur" | "Erro" | "Errore";
     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 EvaluateResult(): "Bewerten Sie das Ergebnis" | "Evaluate result" | "Valorar el resultado" | "Évalue les résultats" | "Avalia os resultados" | "Valuta il risultato";
+    static get ExpertMode(): "Expertenmodus" | "Expert mode" | "Modo experto" | "Mode expert" | "Modo especialista" | "Modalità esperto";
     static get Export(): "Exportieren" | "Export" | "Exportar" | "Exporter" | "Esporta";
     static get ExportMRN(): "Exportieren MRN" | "Export MRN" | "Exportar MRN" | "Exporter MRN";
     static get ExportMRNDayBack(): "Anzahl der Tage für die Exportdatenwiederherstellung (MRN)" | "Number of days for export data recovery (MRN)" | "Número de días para la recuperación de datos de exportación (MRN)" | "Nombre de jours pour la récupération des données d'exportation (MRN)" | "Número de dias para recuperação de dados de exportação (MRN)" | "Numero di giorni per il recupero dei dati di Export (MRN)";
@@ -315,6 +316,7 @@ export declare class SDKUI_Localizator {
     static get SortBy(): "Sortieren nach" | "Sort by" | "Ordenar por" | "Trier par" | "Ordinamento";
     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 Statistics(): "Statistiken" | "Statistics" | "Estadística" | "Statistiques" | "Estatísticas" | "Statistiche";
     static get Summary(): "Zusammenfassung" | "Summary" | "Resumen" | "Résumé" | "Resumo" | "Riepilogo";

package/lib/helper/SDKUI_Localizator.js

@@ -1031,6 +1031,16 @@ export class SDKUI_Localizator {
             default: return "Valuta il risultato";
         }
     }
+    static get ExpertMode() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Expertenmodus";
+            case CultureIDs.En_US: return "Expert mode";
+            case CultureIDs.Es_ES: return "Modo experto";
+            case CultureIDs.Fr_FR: return "Mode expert";
+            case CultureIDs.Pt_PT: return "Modo especialista";
+            default: return "Modalità esperto";
+        }
+    }
     static get Export() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Exportieren";
@@ -3108,6 +3118,16 @@ export class SDKUI_Localizator {
             default: return "Operatori speciali";
         }
     }
+    static get StandardMode() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Standardmodus";
+            case CultureIDs.En_US: return "Standard mode";
+            case CultureIDs.Es_ES: return "Modo estándar";
+            case CultureIDs.Fr_FR: return "Mode standard";
+            case CultureIDs.Pt_PT: return "Modo padrão";
+            default: return "Modalità standard";
+        }
+    }
     static get Start() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Zum Booten";

package/package.json

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

package/lib/components/splitter/TMSplitterLayout.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-interface ITMSplitterLayoutProps {
-    vertical?: boolean;
-    percentage?: boolean;
-    primaryIndex?: number;
-    primaryMinSize?: number;
-    secondaryInitialSize?: number;
-    secondaryMinSize?: number;
-    height?: string;
-    width?: string;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
-    onSecondaryPaneSizeChange?: (size: number) => void;
-    children?: React.ReactNode[];
-}
-declare const TMSplitterLayout: React.FC<ITMSplitterLayoutProps>;
-export default TMSplitterLayout;

package/lib/components/splitter/TMSplitterLayout.js

@@ -1,215 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Questo componente è stato realizzato partendo da :
-// https://www.npmjs.com/package/react-splitter-layout
-import React, { useState, useEffect, useRef } from 'react';
-import styled from 'styled-components';
-import { TMColors } from '../../utils/theme';
-const clearSelection = () => {
-    if (window.getSelection) {
-        const selection = window.getSelection();
-        if (selection) {
-            selection.removeAllRanges();
-        }
-        // } else if (document.selection) {
-        //   document.selection.empty();
-    }
-};
-const DEFAULT_SPLITTER_SIZE = 4;
-const StyledPane = styled.div.attrs(({ $isPrimary, $isVertical, $size, $unit }) => ({
-    style: {
-        flex: $isPrimary ? '1 1 auto' : '0 0 auto',
-        height: $isVertical && !$isPrimary ? `${$size}${$unit}` : '',
-        width: !$isVertical && !$isPrimary ? `${$size}${$unit}` : '',
-    }
-})) `
-  position: relative;
-  overflow: auto;
-`;
-const StyledContainer = styled.div `
-  position: absolute;
-  display: flex;
-  flex-direction: ${(props) => props.$isVertical ? 'column' : 'row'};
-  width: ${(props) => props.$width ?? '100%'};
-  height: ${(props) => props.$height ?? '100%'};
-  overflow: hidden;
-  ${(props) => props.$isResizing ? `cursor: ${props.$isVertical ? 'row-resize' : 'col-resize'}` : ''};
-`;
-const StyledSplitter = styled.div `
-  ${(props) => props.$isVertical ? '' : 'flex: 0 0 auto;'};
-  width: ${(props) => props.$isVertical ? '100%' : '2px'};
-  height: ${(props) => props.$isVertical ? '2px' : '100%'};
-  margin-left: ${(props) => props.$isVertical ? '0' : '2px'};
-  margin-right: ${(props) => props.$isVertical ? '0' : '2px'};
-  margin-top: ${(props) => props.$isVertical ? '2px' : '0'};
-  margin-bottom: ${(props) => props.$isVertical ? '2px' : '0'};
-  cursor: ${(props) => props.$isVertical ? 'row-resize' : 'col-resize'};
-  background-color: ${(props) => props.$isResizing ? TMColors.primary : '#ccc'};
-
-  &:hover {
-      color: ${TMColors.primary};
-  }
-`;
-const TMSplitterLayout = ({ vertical = false, percentage = false, primaryIndex = 0, primaryMinSize = 0, secondaryInitialSize, secondaryMinSize = 0, height = "100%", width = "100%", onDragStart, onDragEnd, onSecondaryPaneSizeChange, children = [], }) => {
-    const [secondaryPaneSize, setSecondaryPaneSize] = useState(0);
-    const [resizing, setResizing] = useState(false);
-    const containerRef = useRef(null);
-    const splitterRef = useRef(null);
-    const getSecondaryPaneSize = (containerRect, splitterRect, clientPosition, offsetMouse) => {
-        if (!containerRect || !splitterRect) {
-            return 0; // Return a default value or handle the case as appropriate
-        }
-        let totalSize;
-        let splitterSize;
-        let offset;
-        if (vertical) {
-            totalSize = containerRect.height;
-            splitterSize = splitterRect.height;
-            offset = clientPosition.top - containerRect.top;
-        }
-        else {
-            totalSize = containerRect.width;
-            splitterSize = splitterRect.width;
-            offset = clientPosition.left - containerRect.left;
-        }
-        if (offsetMouse) {
-            offset -= splitterSize / 2;
-        }
-        if (offset < 0) {
-            offset = 0;
-        }
-        else if (offset > totalSize - splitterSize) {
-            offset = totalSize - splitterSize;
-        }
-        let secondaryPaneSize;
-        if (primaryIndex === 1) {
-            secondaryPaneSize = offset;
-        }
-        else {
-            secondaryPaneSize = totalSize - splitterSize - offset;
-        }
-        let primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
-        if (percentage) {
-            secondaryPaneSize = (secondaryPaneSize * 100) / totalSize;
-            primaryPaneSize = (primaryPaneSize * 100) / totalSize;
-            splitterSize = (splitterSize * 100) / totalSize;
-            totalSize = 100;
-        }
-        let l_primaryMinSize = primaryMinSize;
-        let l_secondaryMinSize = secondaryMinSize;
-        if (primaryPaneSize < l_primaryMinSize) {
-            secondaryPaneSize = Math.max(secondaryPaneSize - (l_primaryMinSize - primaryPaneSize), 0);
-        }
-        else if (secondaryPaneSize < l_secondaryMinSize) {
-            secondaryPaneSize = Math.min(totalSize - splitterSize - l_primaryMinSize, l_secondaryMinSize);
-        }
-        return secondaryPaneSize;
-    };
-    const handleResize = () => {
-        if (splitterRef && !percentage) {
-            const containerRect = containerRef.current?.getBoundingClientRect();
-            const splitterRect = splitterRef.current?.getBoundingClientRect();
-            const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
-                left: splitterRect?.left,
-                top: splitterRect?.top
-            }, false);
-            setSecondaryPaneSize(secondaryPaneSize);
-        }
-    };
-    const handleMouseMove = (e) => {
-        if (resizing) {
-            const containerRect = containerRef.current?.getBoundingClientRect();
-            const splitterRect = splitterRef.current?.getBoundingClientRect();
-            const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
-                left: e.clientX,
-                top: e.clientY
-            }, true);
-            clearSelection();
-            setSecondaryPaneSize(secondaryPaneSize);
-        }
-    };
-    const handleTouchMove = (e) => {
-        handleMouseMove(e.changedTouches[0]);
-    };
-    const handleSplitterMouseDown = () => {
-        clearSelection();
-        setResizing(true);
-    };
-    const handleMouseUp = () => {
-        setResizing((prevResizing) => (prevResizing ? false : prevResizing));
-    };
-    useEffect(() => {
-        const secondaryPaneSizeCalculation = () => {
-            if (splitterRef.current && !percentage) {
-                const containerRect = containerRef.current?.getBoundingClientRect();
-                const splitterRect = splitterRef.current.getBoundingClientRect();
-                const newSecondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, { left: splitterRect.left, top: splitterRect.top }, false);
-                setSecondaryPaneSize(newSecondaryPaneSize);
-            }
-        };
-        window.addEventListener('resize', handleResize);
-        let initialSecondaryPaneSize;
-        if (typeof secondaryInitialSize !== 'undefined') {
-            initialSecondaryPaneSize = secondaryInitialSize;
-        }
-        else {
-            const containerRect = containerRef.current?.getBoundingClientRect();
-            const splitterRect = splitterRef.current?.getBoundingClientRect() || { width: DEFAULT_SPLITTER_SIZE, height: DEFAULT_SPLITTER_SIZE };
-            initialSecondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
-                left: containerRect.left + (containerRect.width - splitterRect.width) / 2,
-                top: containerRect.top + (containerRect.height - splitterRect.height) / 2,
-            }, false);
-        }
-        setSecondaryPaneSize(initialSecondaryPaneSize);
-        // Call the calculation function initially
-        secondaryPaneSizeCalculation();
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, [secondaryInitialSize, percentage]);
-    useEffect(() => {
-        if (secondaryPaneSize !== 0 && onSecondaryPaneSizeChange) {
-            onSecondaryPaneSizeChange(secondaryPaneSize);
-        }
-        if (resizing) {
-            if (onDragStart) {
-                onDragStart();
-            }
-        }
-        else if (onDragEnd) {
-            onDragEnd();
-        }
-    }, [secondaryPaneSize, resizing]);
-    const childrenArray = React.Children.toArray(children).slice(0, 2);
-    if (childrenArray.length === 0) {
-        childrenArray.push(_jsx("div", {}));
-    }
-    else if (childrenArray.length === 1) {
-        if (primaryIndex == 0)
-            childrenArray.push(_jsx("div", {}));
-        else
-            childrenArray.unshift(_jsx("div", {}));
-    }
-    const thereAreChildrenEmpty = () => {
-        return childrenArray.length == 2 && (elementIsEmpty(childrenArray[0]) || elementIsEmpty(childrenArray[1]));
-    };
-    const elementIsEmpty = (child) => {
-        return Boolean(Object.keys(child.props).length === 0);
-    };
-    const wrappedChildren = childrenArray.map((child, i) => {
-        let primary = true;
-        let size = null;
-        let unit = percentage ? '%' : 'px';
-        if (childrenArray.length > 1 && i !== primaryIndex) {
-            primary = false;
-            size = secondaryPaneSize;
-        }
-        if (elementIsEmpty(child)) {
-            size = 0;
-            unit = "%";
-        }
-        return (_jsx(StyledPane, { "$isPrimary": primary, "$isVertical": vertical, "$size": size || 0, "$unit": percentage ? '%' : 'px', children: child }));
-    });
-    return (_jsxs(StyledContainer, { "$isResizing": resizing, "$isVertical": vertical, "$height": height, "$width": width, ref: containerRef, onMouseMove: handleMouseMove, onTouchMove: handleTouchMove, onMouseUp: handleMouseUp, onTouchEnd: handleMouseUp, children: [wrappedChildren[0], !thereAreChildrenEmpty() &&
-                _jsx(StyledSplitter, { "$isResizing": resizing, "$isVertical": vertical, role: "separator", ref: splitterRef, onMouseDown: handleSplitterMouseDown, onTouchStart: handleSplitterMouseDown }), wrappedChildren.length > 1 && wrappedChildren[1]] }));
-};
-export default TMSplitterLayout;