@topconsultnpm/sdkui-react-beta 6.10.55 → 6.10.56

package/lib/components/base/TMAreaManager.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import FileManager, { Column, Details, ItemView, Permissions, Notifications, ContextMenu, Toolbar, Item } from 'devextreme-react/file-manager';
 import { FileDescriptor, FileFormats, FileTransferModes, SDK_Localizator, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
 import CustomFileSystemProvider from 'devextreme/file_management/custom_provider';
@@ -12,6 +12,7 @@ import { TMExceptionBoxManager } from './TMPopUp';
 import ShowAlert from './TMAlert';
 import { TMLayoutWaitingContainer } from './TMWaitPanel';
 import TMCounterContainer, { CounterItemKey } from './TMCounterContainer';
+import { IconFolder, IconPdf, IconTxt, IconXls, IconDocx, IconImage, IconZip, IconXml, IconMp4, IconEmail, IconPpt, IconSigned, IconExe, IconHtml, IconDwg, IconDicom, IconSlddrw } from '../../assets/thumbnails';
 export class TMFileSystemItem {
     constructor() {
         this.name = "";
@@ -573,49 +574,49 @@ const TMAreaManager = (props = { selectionMode: 'multiple', isPathChooser: false
         }
         setFocusedFileSystemItem(e.item);
     };
-    /* const customizeIcon = useCallback((fileSystemItem: FileSystemItem) => {
+    const customizeIcon = useCallback((fileSystemItem) => {
         if (fileSystemItem.isDirectory) {
-            return IconFolder
+            return IconFolder;
         }
         else {
-            const fileExtension = fileSystemItem.getFileExtension()
+            const fileExtension = fileSystemItem.getFileExtension();
             switch (fileExtension.toLowerCase()) {
                 case '.pdf':
-                    return IconPdf
+                    return IconPdf;
                 case '.xls':
                 case '.xlsx':
                 case '.csv':
-                    return IconXls
+                    return IconXls;
                 case '.txt':
-                    return IconTxt
+                    return IconTxt;
                 case '.xml':
-                    return IconXml
+                    return IconXml;
                 case '.dwg':
-                    return IconDwg
+                    return IconDwg;
                 case '.dcm':
-                    return IconDicom
+                    return IconDicom;
                 case '.slddrw':
-                    return IconSlddrw
+                    return IconSlddrw;
                 case '.mp4':
-                    return IconMp4
+                    return IconMp4;
                 case '.doc':
                 case '.docx':
                 case '.dotx':
                 case '.rtf':
-                    return IconDocx
+                    return IconDocx;
                 case '.ppt':
                 case '.pptx':
-                    return IconPpt
+                    return IconPpt;
                 case '.msg':
                 case '.eml':
-                    return IconEmail
+                    return IconEmail;
                 case '.exe':
-                    return IconExe
+                    return IconExe;
                 case '.htm':
                 case '.html':
-                    return IconHtml
+                    return IconHtml;
                 case '.p7m':
-                    return IconSigned
+                    return IconSigned;
                 case '.png':
                 case '.jpg':
                 case '.jpeg':
@@ -625,16 +626,16 @@ const TMAreaManager = (props = { selectionMode: 'multiple', isPathChooser: false
                 case '.ico':
                 case '.gif':
                 case '.webp':
-                    return IconImage
+                    return IconImage;
                 case '.zip':
                 case '.rar':
                 case '.7z':
-                    return IconZip
+                    return IconZip;
                 default:
-                    return IconTxt
+                    return IconTxt;
             }
         }
-    }, []); */
+    }, []);
     const onSelectedFileOpened = async (e) => {
         if (props.isPathChooser)
             props.areaChoose();
@@ -666,9 +667,7 @@ const TMAreaManager = (props = { selectionMode: 'multiple', isPathChooser: false
             alert(`"${e.name}" ${SDKUI_Localizator.FolderExist}`, SDKUI_Localizator.Attention);
         }
     };
-    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsxs(FileManager, { width: props.width, ref: fileManagerRef, height: `calc(${props.height} - 30px)`, onItemMoving: onItemCopying, onItemCopying: onItemCopying, onFileUploading: onFileUploading, fileSystemProvider: areaProvider, 
-                    // customizeThumbnail={customizeIcon}
-                    rootFolderName: SDK_Localizator.Areas, onSelectionChanged: onSelectionChanged, onDirectoryCreating: onDirectoryCreating, onFocusedItemChanged: onFocusedItemChanged, onSelectedFileOpened: onSelectedFileOpened, onContextMenuItemClick: onContextMenuItemClick, 
+    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsxs(FileManager, { width: props.width, ref: fileManagerRef, height: `calc(${props.height} - 30px)`, onItemMoving: onItemCopying, onItemCopying: onItemCopying, onFileUploading: onFileUploading, fileSystemProvider: areaProvider, customizeThumbnail: customizeIcon, rootFolderName: SDK_Localizator.Areas, onSelectionChanged: onSelectionChanged, onDirectoryCreating: onDirectoryCreating, onFocusedItemChanged: onFocusedItemChanged, onSelectedFileOpened: onSelectedFileOpened, onContextMenuItemClick: onContextMenuItemClick, 
                     /* onItemMoved={() => setCounter(counter => counter + 1)}
                     onItemCopied={() => setCounter(counter => counter + 1)}
                     onItemDeleted={() => setCounter(counter => counter - 1)}

package/package.json

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