albinasoft-ui-package 1.0.85 → 1.0.86

package/dist/components/CustomFileUploader.d.ts

@@ -1,7 +1,10 @@
 import React from "react";
 export declare enum AllowedTypes {
-    IMAGE = "image",
+    PDF = "pdf",
     FILE = "file",
+    IMAGE = "image",
+    VIDEO = "video",
+    VISUAL = "visual",
     ALL = "all"
 }
 export interface CustomFileUploaderProps {

package/dist/components/CustomFileUploader.js

@@ -89,8 +89,11 @@ var fa_1 = require("react-icons/fa");
 // ====================
 var AllowedTypes;
 (function (AllowedTypes) {
-    AllowedTypes["IMAGE"] = "image";
+    AllowedTypes["PDF"] = "pdf";
     AllowedTypes["FILE"] = "file";
+    AllowedTypes["IMAGE"] = "image";
+    AllowedTypes["VIDEO"] = "video";
+    AllowedTypes["VISUAL"] = "visual";
     AllowedTypes["ALL"] = "all";
 })(AllowedTypes = exports.AllowedTypes || (exports.AllowedTypes = {}));
 // ====================
@@ -152,8 +155,10 @@ var fileTypeIcons = {
     ".txt": react_1.default.createElement(fa_1.FaFilePdf, null),
 };
 var defaultFileIcon = react_1.default.createElement(fa_1.FaFile, null);
-// İzin verilen resim uzantıları
+// İzin verilen dosya uzantıları
+var allowedFileExtensions = [".pdf", ".doc", ".docx", ".xls", ".xlsx", ".txt"];
 var allowedImageExtensions = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp"];
+var allowedVideoExtensions = [".mp4", ".avi", ".mov", ".mkv", ".webm", ".flv"];
 // ====================
 // Yardımcı Fonksiyonlar
 // ====================
@@ -164,14 +169,24 @@ var getFileExtension = function (file) {
 var isImageFile = function (file) {
     return allowedImageExtensions.includes(getFileExtension(file));
 };
-var isAllowedFileType = function (file, allowedTypes) {
-    if (allowedTypes === AllowedTypes.ALL)
-        return true;
-    if (allowedTypes === AllowedTypes.IMAGE)
-        return isImageFile(file);
-    if (allowedTypes === AllowedTypes.FILE)
-        return !isImageFile(file);
-    return false;
+var isAllowedFileType = function (file, allowedType) {
+    var ext = getFileExtension(file);
+    switch (allowedType) {
+        case AllowedTypes.ALL:
+            return true;
+        case AllowedTypes.PDF:
+            return ext === ".pdf";
+        case AllowedTypes.FILE:
+            return allowedFileExtensions.includes(ext);
+        case AllowedTypes.IMAGE:
+            return allowedImageExtensions.includes(ext);
+        case AllowedTypes.VIDEO:
+            return allowedVideoExtensions.includes(ext);
+        case AllowedTypes.VISUAL:
+            return allowedImageExtensions.includes(ext) || allowedVideoExtensions.includes(ext);
+        default:
+            return false;
+    }
 };
 // ====================
 // CustomFileUploader Bileşeni
@@ -210,8 +225,8 @@ var CustomFileUploader = function (_a) {
                 react_toastify_1.toast.error("\"".concat(file.name, "\" dosyas\u0131 se\u00E7ilen dosya t\u00FCr\u00FCne uygun de\u011Fil."));
                 return;
             }
-            var isImg = isImageFile(file);
-            var previewContent = isImg
+            var isImg = allowedTypes === AllowedTypes.IMAGE || (allowedTypes === AllowedTypes.VISUAL && isImageFile(file));
+            var previewContent = isImg && isImageFile(file)
                 ? URL.createObjectURL(file)
                 : fileTypeIcons[getFileExtension(file)] || defaultFileIcon;
             newPreviews.push({
@@ -333,9 +348,7 @@ var CustomFileUploader = function (_a) {
             react_1.default.createElement("label", { style: { fontWeight: "bold" } }, label))),
         react_1.default.createElement("div", { style: dropAreaStyle, onDrop: handleDrop, onDragOver: handleDragOver, onClick: handleAreaClick }, previews.length === 0 ? (react_1.default.createElement("div", null,
             "Dosyalar\u0131 buraya s\u00FCr\u00FCkleyip b\u0131rak\u0131n veya t\u0131klayarak dosya se\u00E7in.",
-            multi
-                ? " (Maksimum ".concat(maxFile, " dosya se\u00E7ilebilir.)")
-                : " (Tek dosya seçilebilir.)")) : (react_1.default.createElement("div", { style: previewContainerStyle }, previews.map(function (item) { return (react_1.default.createElement("div", { key: item.id, style: { display: "flex", flexDirection: "column", alignItems: "center" } },
+            multi ? " (Maksimum ".concat(maxFile, " dosya se\u00E7ilebilir.)") : " (Tek dosya seçilebilir.)")) : (react_1.default.createElement("div", { style: previewContainerStyle }, previews.map(function (item) { return (react_1.default.createElement("div", { key: item.id, style: { display: "flex", flexDirection: "column", alignItems: "center" } },
             react_1.default.createElement("div", { style: previewItemStyle },
                 item.isImage ? (react_1.default.createElement("img", { src: item.previewContent, alt: "\u00D6nizleme ".concat(item.id), style: { width: "100%", height: "100%", objectFit: "cover" } })) : (react_1.default.createElement("div", { style: {
                         width: "100%",
@@ -345,8 +358,7 @@ var CustomFileUploader = function (_a) {
                         alignItems: "center",
                         fontSize: "48px",
                     } }, item.previewContent)),
-                react_1.default.createElement("button", { type: "button" // Form submit'ini tetiklememek için
-                    , style: removeButtonStyle, onClick: function (e) {
+                react_1.default.createElement("button", { type: "button", style: removeButtonStyle, onClick: function (e) {
                         e.stopPropagation();
                         handleRemoveFile(item.id);
                     }, title: "Kald\u0131r" }, "\u00D7"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "albinasoft-ui-package",
-  "version": "1.0.85",
+  "version": "1.0.86",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {