@topconsultnpm/sdkui-react-beta 6.10.89 → 6.10.90

package/lib/components/base/TMFileManager.d.ts

@@ -67,6 +67,8 @@ export interface TMFileManagerProps {
     handleFocusedFile?: (fileItem: FileItem | undefined) => void;
     /** Callback for handling double-click events on a file */
     onDoubleClickHandler?: (fileItem: FileItem | undefined) => void;
+    /** Callback for handling drop file */
+    handleDropFileCallback?: (files: Array<File>) => void;
     /** JSX element representing the thumbnail view item for a file or folder */
     thumbnailsViewItemComponent?: (props: TMThumbnailsViewItemProps) => JSX.Element;
 }

package/lib/components/base/TMFileManager.js

@@ -17,7 +17,7 @@ export var TMFileManagerPageSize;
 })(TMFileManagerPageSize || (TMFileManagerPageSize = {}));
 const TMFileManager = (props) => {
     // Destructure the treeFs prop to get the root file system
-    const { treeFs, selectedFiles, focusedFile, handleSelectedFiles, handleFocusedFile, handleSelectedFolder, viewMode: initialViewMode, contextMenuItems, onDoubleClickHandler, thumbnailsViewItemComponent } = props;
+    const { treeFs, selectedFiles, focusedFile, handleSelectedFiles, handleFocusedFile, handleSelectedFolder, viewMode: initialViewMode, contextMenuItems, onDoubleClickHandler, handleDropFileCallback, thumbnailsViewItemComponent } = props;
     // State to manage the current view mode ('thumbnails' or 'details')
     const [viewMode, setViewMode] = useState(initialViewMode ?? 'thumbnails');
     // State to store the search text entered by the user
@@ -169,28 +169,24 @@ const TMFileManager = (props) => {
         const files = Array.from(e.dataTransfer?.files || []);
         setDroppedFiles(files);
         setIsDragging(false);
-        // Build a single alert string
-        let alertMessage = 'Dropped Files Information:\n';
-        files.forEach((file) => {
-            const fileName = file.name; // Full file name
-            const fileParts = fileName.split('.');
-            const extension = fileParts.pop(); // Extract the last part as extension
-            const baseName = fileParts.join('.'); // Combine the remaining parts
-            alertMessage += `File: ${fileName}\nBase Name: ${baseName}\nExtension: ${extension}\n\n`;
-        });
-        alert(alertMessage); // Show a single alert with all file info
+        if (handleDropFileCallback)
+            handleDropFileCallback(files);
     };
     // Prevent default behavior (i.e., preventing the page from navigating)
     const handleDragOver = (e) => {
         e.preventDefault();
         setIsDragging(true);
     };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+    };
     // Main render of the file manager component with a split layout
     return _jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%", width: "100%" }, children: [_jsx(Toolbar, { style: { backgroundColor: '#f4f4f4', border: '2px solid #ccc', borderRadius: '8px', boxShadow: '0 4px 8px rgba(0,0,0,0.1)', height: "40px" }, children: _jsx(ToolbarItem, { location: "before", children: _jsx("div", { style: { paddingLeft: "5px", paddingRight: "5px" }, children: _jsx(TMButton, { caption: isLeftPanelCollapsed ? SDKUI_Localizator.ShowLeftPanel : SDKUI_Localizator.HideLeftPanel, btnStyle: 'toolbar', color: 'primaryOutline', icon: isLeftPanelCollapsed ? _jsx(IconHide, {}) : _jsx(IconShow, {}), onClick: () => setIsLeftPanelCollapsed(prev => !prev) }) }) }) }), _jsx("div", { style: {
                     display: "flex",
                     flexGrow: 1,
                     height: "calc(100% - 40px)"
-                }, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: true, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: [isLeftPanelCollapsed ? '0%' : "50%", isLeftPanelCollapsed ? '100%' : "50%"], children: [_jsxs("div", { style: { height: "100%", width: "100%" }, onContextMenu: onTreeViewContextMenu, children: [_jsx(TreeView, { style: { marginTop: "10px" }, dataSource: treeViewData, displayExpr: "text", itemRender: renderTreeViewItem, onItemClick: handleTreeViewItemClick }), anchorEl && _jsx(ContextMenu, { dataSource: menuItems, target: anchorEl, onHiding: closeContextMenu })] }), _jsxs("div", { style: { backgroundColor: "#fff", width: "100%", height: "100%" }, children: [_jsxs(Toolbar, { style: { backgroundColor: '#f4f4f4', height: "40px", paddingLeft: "5px", paddingRight: '5px' }, children: [_jsx(ToolbarItem, { location: "before", children: _jsx(TMButton, { caption: viewMode === 'details' ? SDKUI_Localizator.PreviewView : SDKUI_Localizator.DetailsView, btnStyle: 'toolbar', color: 'primaryOutline', icon: viewMode === 'details' ? _jsx(IconDashboard, {}) : _jsx(IconList, {}), onClick: toggleViewMode }) }), _jsx(ToolbarItem, { location: "before", children: _jsx(TMSearchBar, { marginLeft: '0px', maxWidth: '160px', searchValue: searchText, onSearchValueChanged: (e) => handleSearchChange(e) }) })] }), _jsxs("div", { onDrop: handleDrop, onDragOver: handleDragOver, onContextMenu: onViewContextMenu, style: { width: "100%", height: "calc(100% - 40px)", border: isDragging ? '2px solid red' : '2px solid transparent' }, children: [viewMode === 'thumbnails' && _jsx(ThumbnailsView, { items: filteredFileItems, selectedFiles: selectedFiles, contextMenuItems: contextMenuItems?.file, handleSelectedFiles: handleSelectedFiles, handleFocusedFile: handleFocusedFile, onDoubleClickHandler: onDoubleClickHandler, thumbnailsViewItemComponent: thumbnailsViewItemComponent }), viewMode === 'details' && _jsx(DetailsView, { items: filteredFileItems, contextMenuItems: contextMenuItems?.file, selectedFiles: selectedFiles, focusedFile: focusedFile, handleSelectedFiles: handleSelectedFiles, handleFocusedFile: handleFocusedFile, onDoubleClickHandler: onDoubleClickHandler }), anchorEl && _jsx(ContextMenu, { dataSource: menuItems, target: anchorEl, onHiding: closeContextMenu })] })] })] }, "TMWGs-panels-treeView") })] });
+                }, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: true, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: [isLeftPanelCollapsed ? '0%' : "50%", isLeftPanelCollapsed ? '100%' : "50%"], children: [_jsxs("div", { style: { height: "100%", width: "100%" }, onContextMenu: onTreeViewContextMenu, children: [_jsx(TreeView, { style: { marginTop: "10px" }, dataSource: treeViewData, displayExpr: "text", itemRender: renderTreeViewItem, onItemClick: handleTreeViewItemClick }), anchorEl && _jsx(ContextMenu, { dataSource: menuItems, target: anchorEl, onHiding: closeContextMenu })] }), _jsxs("div", { style: { backgroundColor: "#fff", width: "100%", height: "100%" }, children: [_jsxs(Toolbar, { style: { backgroundColor: '#f4f4f4', height: "40px", paddingLeft: "5px", paddingRight: '5px' }, children: [_jsx(ToolbarItem, { location: "before", children: _jsx(TMButton, { caption: viewMode === 'details' ? SDKUI_Localizator.PreviewView : SDKUI_Localizator.DetailsView, btnStyle: 'toolbar', color: 'primaryOutline', icon: viewMode === 'details' ? _jsx(IconDashboard, {}) : _jsx(IconList, {}), onClick: toggleViewMode }) }), _jsx(ToolbarItem, { location: "before", children: _jsx(TMSearchBar, { marginLeft: '0px', maxWidth: '160px', searchValue: searchText, onSearchValueChanged: (e) => handleSearchChange(e) }) })] }), _jsxs("div", { onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onContextMenu: onViewContextMenu, style: { width: "100%", height: "calc(100% - 40px)", border: isDragging ? '2px solid red' : '2px solid transparent' }, children: [viewMode === 'thumbnails' && _jsx(ThumbnailsView, { items: filteredFileItems, selectedFiles: selectedFiles, contextMenuItems: contextMenuItems?.file, handleSelectedFiles: handleSelectedFiles, handleFocusedFile: handleFocusedFile, onDoubleClickHandler: onDoubleClickHandler, thumbnailsViewItemComponent: thumbnailsViewItemComponent }), viewMode === 'details' && _jsx(DetailsView, { items: filteredFileItems, contextMenuItems: contextMenuItems?.file, selectedFiles: selectedFiles, focusedFile: focusedFile, handleSelectedFiles: handleSelectedFiles, handleFocusedFile: handleFocusedFile, onDoubleClickHandler: onDoubleClickHandler }), anchorEl && _jsx(ContextMenu, { dataSource: menuItems, target: anchorEl, onHiding: closeContextMenu })] })] })] }, "TMWGs-panels-treeView") })] });
 };
 export default TMFileManager;
 const DetailsView = (props) => {

package/lib/helper/SDKUI_Localizator.d.ts

@@ -305,6 +305,9 @@ export declare class SDKUI_Localizator {
     static get UpdateInProgress(): "Aktualisierung läuft" | "Update in progress" | "Mise à jour en cours" | "Atualização em andamento" | "Aggiornamento in corso";
     static get UpdateOperationWasInterrupted(): "Der Updatevorgang wurde abgebrochen" | "The update operation was interrupted" | "La operación de actualización fue interrumpida" | "L'opération de mise à jour a été interrompue" | "A operação de atualização foi interrompida" | "L'operazione di aggiornamento è stata interrotta";
     static get Updating(): "Aktualisieren" | "Actualizar" | "updating" | "Mise à jour" | "Atualizar" | "aggiornamento";
+    static get Upload_ConfirmFor1(): "Möchten Sie '{{0}}' hochladen?" | "Are you sure you want to upload '{{0}}'?" | "¿Estás seguro de que deseas subir '{{0}}'?" | "Êtes-vous sûr de vouloir télécharger '{{0}}'?" | "Você tem certeza que deseja enviar '{{0}}'?" | "Sei sicuro di voler caricare '{{0}}'?";
+    static get Upload_ConfirmForN(): "{{0}} ausgewählte Objekte. Alle hochladen?" | "{{0}} selected objects. Upload them all?" | "{{0}} objetos seleccionados. ¿Subir todos?" | "{{0}} objets sélectionnés. Voulez-vous tous les télécharger?" | "{{0}} objetos selecionados. Enviar todos?" | "{{0}} oggetti selezionati. Caricare tutti?";
+    static get UploadFile(): "Datei hochladen" | "Upload file" | "Subir archivo" | "Télécharger le fichier" | "Carregar arquivo" | "Carica file";
     static get User_FirstName(): "Name" | "Nombre" | "Nome" | "First name" | "Prénom";
     static get User_LastName(): "Nom" | "Nachname" | "Last name" | "Apellido(s)" | "Apelido" | "Cognome";
     static get UserName(): "Nutzer-Name" | "Username" | "Nombre usuario" | "Nom d'utilisateur" | "Nomeção de utentão" | "Nome utente";

package/lib/helper/SDKUI_Localizator.js

@@ -3008,6 +3008,36 @@ export class SDKUI_Localizator {
             default: return "aggiornamento";
         }
     }
+    static get Upload_ConfirmFor1() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Möchten Sie '{{0}}' hochladen?";
+            case CultureIDs.En_US: return "Are you sure you want to upload '{{0}}'?";
+            case CultureIDs.Es_ES: return "¿Estás seguro de que deseas subir '{{0}}'?";
+            case CultureIDs.Fr_FR: return "Êtes-vous sûr de vouloir télécharger '{{0}}'?";
+            case CultureIDs.Pt_PT: return "Você tem certeza que deseja enviar '{{0}}'?";
+            default: return "Sei sicuro di voler caricare '{{0}}'?";
+        }
+    }
+    static get Upload_ConfirmForN() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "{{0}} ausgewählte Objekte. Alle hochladen?";
+            case CultureIDs.En_US: return "{{0}} selected objects. Upload them all?";
+            case CultureIDs.Es_ES: return "{{0}} objetos seleccionados. ¿Subir todos?";
+            case CultureIDs.Fr_FR: return "{{0}} objets sélectionnés. Voulez-vous tous les télécharger?";
+            case CultureIDs.Pt_PT: return "{{0}} objetos selecionados. Enviar todos?";
+            default: return "{{0}} oggetti selezionati. Caricare tutti?";
+        }
+    }
+    static get UploadFile() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Datei hochladen";
+            case CultureIDs.En_US: return "Upload file";
+            case CultureIDs.Es_ES: return "Subir archivo";
+            case CultureIDs.Fr_FR: return "Télécharger le fichier";
+            case CultureIDs.Pt_PT: return "Carregar arquivo";
+            default: return "Carica file";
+        }
+    }
     static get User_FirstName() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Name";

package/package.json

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