@uxf/ui 11.45.1 → 11.46.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.45.1",
+    "version": "11.46.0",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -23,10 +23,10 @@
     "dependencies": {
         "@floating-ui/react": "0.26.28",
         "@headlessui/react": "1.7.19",
-        "@uxf/core": "11.45.0",
-        "@uxf/core-react": "11.45.0",
+        "@uxf/core": "11.46.0",
+        "@uxf/core-react": "11.46.0",
         "@uxf/datepicker": "11.45.0",
-        "@uxf/styles": "11.45.0",
+        "@uxf/styles": "11.46.0",
         "color2k": "2.0.3",
         "dayjs": "1.11.13",
         "jump.js": "1.0.2",

package/utils/files/get-file-icon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/files/get-file-icon.test.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const get_file_icon_1 = require("./get-file-icon");
+describe("getIconNameFromFileExtension", () => {
+    it("should return 'imageFile' for image extensions", () => {
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("jpg")).toBe("imageFile");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("jpeg")).toBe("imageFile");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("png")).toBe("imageFile");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("gif")).toBe("imageFile");
+    });
+    it("should return 'videoFile' for video extensions", () => {
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("mp4")).toBe("videoFile");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("avi")).toBe("videoFile");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("mov")).toBe("videoFile");
+    });
+    it("should return 'file' for unknown extensions", () => {
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("pdf")).toBe("file");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("docx")).toBe("file");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("txt")).toBe("file");
+        expect((0, get_file_icon_1.getIconNameFromFileExtension)("exe")).toBe("file");
+    });
+});

package/utils/files/get-file-url.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/files/get-file-url.test.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const get_file_url_1 = require("./get-file-url");
+describe("getFileUrl", () => {
+    it("should generate a correct file URL with default namespace", () => {
+        const domain = "https://example.com";
+        const file = {
+            id: 1,
+            name: "test",
+            namespace: null,
+            uuid: "123-456-789",
+            extension: "jpg",
+            type: "image/jpeg",
+        };
+        const result = (0, get_file_url_1.getFileUrl)(domain, file);
+        expect(result).toBe("https://example.com/upload/default/1/2/123-456-789.jpg");
+    });
+    it("should generate a correct file URL with specified namespace", () => {
+        const domain = "https://example.com";
+        const file = {
+            id: 2,
+            name: "anotherTest",
+            namespace: "customNamespace",
+            uuid: "123-456-789",
+            extension: "png",
+            type: "image/png",
+        };
+        const result = (0, get_file_url_1.getFileUrl)(domain, file);
+        expect(result).toBe("https://example.com/upload/customNamespace/1/2/123-456-789.png");
+    });
+    it("should generate a correct file URL with default namespace and different extension", () => {
+        const domain = "https://example.com";
+        const file = {
+            id: 3,
+            name: "document",
+            namespace: null,
+            uuid: "111-222-333",
+            extension: "pdf",
+            type: "application/pdf",
+        };
+        const result = (0, get_file_url_1.getFileUrl)(domain, file);
+        expect(result).toBe("https://example.com/upload/default/1/1/111-222-333.pdf");
+    });
+});

package/utils/get-dropzone-state.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/get-dropzone-state.test.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const get_dropzone_state_1 = require("./get-dropzone-state");
+describe("getDropzoneState", () => {
+    it("should return OK state when there are no files", () => {
+        const files = [];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({ status: "OK" });
+    });
+    it("should return UPLOADING state when there are files with negative IDs", () => {
+        const files = [
+            {
+                id: -1,
+                name: "file1.txt",
+                uuid: "uuid1",
+                extension: "txt",
+                error: null,
+                progress: null,
+                namespace: null,
+            },
+            { id: 1, name: "file2.txt", uuid: "uuid2", extension: "txt", error: null, progress: null, namespace: null },
+        ];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({ status: "UPLOADING" });
+    });
+    it("should return ERROR state with error messages when files have errors", () => {
+        const files = [
+            {
+                id: 1,
+                name: "file1.txt",
+                uuid: "uuid1",
+                extension: "txt",
+                error: "File too large",
+                progress: null,
+                namespace: null,
+            },
+            {
+                id: 2,
+                name: "file2.txt",
+                uuid: "uuid2",
+                extension: "txt",
+                error: "Unsupported format",
+                progress: null,
+                namespace: null,
+            },
+        ];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({
+            errorMessage: "File too large; Unsupported format",
+            status: "ERROR",
+        });
+    });
+    it("should return OK state when files are uploaded successfully", () => {
+        const files = [
+            { id: 1, name: "file1.txt", uuid: "uuid1", extension: "txt", error: null, progress: null, namespace: null },
+            { id: 2, name: "file2.txt", uuid: "uuid2", extension: "txt", error: null, progress: null, namespace: null },
+        ];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({ status: "OK" });
+    });
+    it("should return OK state when some files are uploading but no errors", () => {
+        const files = [
+            { id: 1, name: "file1.txt", uuid: "uuid1", extension: "txt", error: null, progress: 50, namespace: null },
+            { id: 2, name: "file2.txt", uuid: "uuid2", extension: "txt", error: null, progress: 75, namespace: null },
+        ];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({ status: "OK" });
+    });
+    it("should return ERROR state when there is a file with an error and uploading files", () => {
+        const files = [
+            {
+                id: -1,
+                name: "file1.txt",
+                uuid: "uuid1",
+                extension: "txt",
+                error: "File too large",
+                progress: null,
+                namespace: null,
+            },
+            { id: -2, name: "file2.txt", uuid: "uuid2", extension: "txt", error: null, progress: 50, namespace: null },
+        ];
+        const result = (0, get_dropzone_state_1.getDropzoneState)(files);
+        expect(result).toEqual({
+            errorMessage: "File too large",
+            status: "ERROR",
+        });
+    });
+});

package/utils/mocks/upload-file.mock.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/mocks/upload-file.mock.test.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const upload_file_mock_1 = require("./upload-file.mock");
+describe("uploadFile", () => {
+    const mockFile = new File(["file content"], "test.txt", { type: "text/plain" });
+    it("should resolve with a FileResponse object after upload", async () => {
+        const mockOnUploadProgress = jest.fn();
+        const mockAbortController = new AbortController();
+        const response = await (0, upload_file_mock_1.uploadFile)(mockFile, {
+            onUploadProgress: mockOnUploadProgress,
+            abortController: mockAbortController,
+        });
+        expect(response).toEqual({
+            id: expect.any(Number),
+            uuid: expect.any(String),
+            name: "test.txt",
+            namespace: null,
+            extension: "txt",
+        });
+    });
+    it("should call onUploadProgress with correct values", async () => {
+        const mockOnUploadProgress = jest.fn();
+        const mockAbortController = new AbortController();
+        await (0, upload_file_mock_1.uploadFile)(mockFile, {
+            onUploadProgress: mockOnUploadProgress,
+            abortController: mockAbortController,
+        });
+        expect(mockOnUploadProgress).toHaveBeenCalledWith(expect.objectContaining({
+            lengthComputable: true,
+            loaded: expect.any(Number),
+            total: mockFile.size,
+        }));
+    });
+});