@social-mail/social-mail-client 1.8.321 → 1.8.322

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.8.321",
+  "version": "1.8.322",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/common/controls/drag-drop/FilesDragDrop.ts

@@ -67,12 +67,12 @@ const eventDrop = (e: DragEvent) => {
     const control = AtomControl.from(e.currentTarget);
     control.app.runAsync(async() => {
 
-        const draggedFiles = e.dataTransfer.files?.length > 0 && e.dataTransfer.files;
+        // const draggedFiles = e.dataTransfer.files?.length > 0 && e.dataTransfer.files;
 
 
-        if (draggedFiles) {
-            files.push( ... [... draggedFiles as any]);
-        } else {
+        // if (draggedFiles) {
+        //     files.push( ... [... draggedFiles as any]);
+        // } else {
 
             const fileHandlesPromises = [...e.dataTransfer.items as any]
                 .filter((item) => item.kind === "file")
@@ -90,7 +90,7 @@ const eventDrop = (e: DragEvent) => {
                     files.push(handle.getFile ? await handle.getFile(): handle);
                 }
             }
-        }
+        // }
         const detail = {
             files,
             extra,

package/src/common/controls/file-preview/FilePreview.global.css

@@ -6,13 +6,13 @@
     width: 180px;
     contain: content;
     text-decoration: none;
-    grid-template-columns: auto 1fr auto;
-    grid-template-rows: 1fr auto;
+    grid-template-columns: auto 1fr auto auto;
+    grid-template-rows: 1fr auto auto;
     & a {
         text-decoration: none;
     }
     & > [data-element=preview] {
-        grid-column: 1 / span 3;
+        grid-column: 1 / span 4;
         grid-row: 1;
         overflow: hidden;
         justify-self: stretch;
@@ -25,7 +25,7 @@
     }
     & > [data-element=file-name] {
         grid-column: 1 / span 3;
-        grid-row: 2;
+        grid-row: 3;
         padding: 5px;
         font-size: smaller;
         text-overflow: ellipsis;
@@ -34,6 +34,27 @@
         background-color: var(--accent-color);
         color: var(--accent-text-color);
     }
+    & > [data-element=size] {
+        grid-column: 3 / span 2;
+        grid-row: 2;
+        font-size: x-small;
+        background-color: rgb(226, 226, 226);
+        color: rgb(49, 49, 49);
+        padding: 2px;
+        padding-left: 5px;
+        padding-right: 5px;
+        border-top-left-radius: 5px;
+    }
+    & > [data-element=ext] {
+        background-color: var(--accent-color);
+        color: var(--accent-text-color);
+        font-size: small;
+        grid-column: 4;
+        grid-row: 3;
+        justify-self: stretch;
+        align-self: stretch;
+        padding: 5px;
+    }
     & > [data-element=file-size] {
         grid-column: 3;
         grid-row: 2;

package/src/common/controls/file-preview/FilePreview.tsx

@@ -7,6 +7,14 @@ import { FileUrlService } from "../../FileUrlService";
 
 import "./FilePreview.global.css";
 
+const ext = (name: string) => {
+    const i = name.lastIndexOf(".");
+    if (i === -1) {
+        return "UNK";
+    }
+    return name.substring(i + 1).toUpperCase();
+};
+
 export default function FilePreview(a: IAppFile) {
 
 
@@ -33,6 +41,14 @@ export default function FilePreview(a: IAppFile) {
                 data-element="file-name">
                 {name}
             </label>
+            { size && <label
+                data-element="size"
+                text={size}
+                />}
+            <label
+                data-element="ext"
+                text={ext(name)}
+                />
         </a>;
     }
 
@@ -46,5 +62,13 @@ export default function FilePreview(a: IAppFile) {
             data-element="file-name">
             {name}
         </label>
+        { size && <label
+            data-element="size"
+            text={size}
+            />}
+        <label
+            data-element="ext"
+            text={ext(name)}
+            />
     </a>;
 }

package/src/services/files/LocalFileService.tsx

@@ -98,7 +98,7 @@ export default class LocalFileService extends TaskManager {
         const fud = new FileUploader(this);
         while(size > 0) {
             const blobSize = Math.min(maxSize, file.size - start);
-            const part = new File([file.slice( start, start + blobSize)], "file.dat");
+            const part = new File([file.slice( start, blobSize === maxSize ? blobSize : void 0)], "file.dat");
             size -= blobSize;
             start += blobSize;
             const uploadRequest = fud.upload({