albinasoft-ui-package 1.1.26 → 1.1.27

package/dist/assets/css/ProgressBar.css

@@ -0,0 +1,38 @@
+.progress-bar-container {
+    margin-bottom: 30px;
+    padding: 10px;
+    width: 100%;
+  }
+  
+  .step-item {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    position: relative;
+    z-index: 1;
+  }
+  
+  .step-circle {
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
+  
+  .step-label {
+    font-size: 14px;
+    font-weight: bold;
+  }
+  
+  .step-line {
+    flex: 1;
+    height: 4px;
+    margin: 0 10px;
+  }
+  

package/dist/components/CustomFileUploader.d.ts

@@ -51,6 +51,7 @@ export interface CustomFileUploaderProps {
      * Opsiyonel: Çoklu dil desteği için kullanılan çeviri metinleri.
      */
     translations?: FileUploaderTranslations;
+    resetTrigger?: boolean;
 }
 declare const CustomFileUploader: React.FC<CustomFileUploaderProps>;
 export default CustomFileUploader;

package/dist/components/CustomFileUploader.js

@@ -112,7 +112,7 @@ exports.defaultTranslations = {
     uploadWarningExceed: "Seçilen dosya sayısı limiti aştı. Eklenebilecek dosya sayısı: ",
     fileSizeError: "isimli dosya, boyut limitini aşıyor.",
     fileTypeError: "isimli dosya, seçilen dosya türüne uygun değil.",
-    noFileSelectedWarning: "Önce en az bir dosya seçiniz."
+    noFileSelectedWarning: "Önce en az bir dosya seçiniz.",
 };
 // ====================
 // Stil Ayarları
@@ -174,9 +174,30 @@ var fileTypeIcons = {
 };
 var defaultFileIcon = react_1.default.createElement(fa_1.FaFile, null);
 // İ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"];
+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
 // ====================
@@ -201,7 +222,8 @@ var isAllowedFileType = function (file, allowedType) {
         case AllowedTypes.VIDEO:
             return allowedVideoExtensions.includes(ext);
         case AllowedTypes.VISUAL:
-            return allowedImageExtensions.includes(ext) || allowedVideoExtensions.includes(ext);
+            return (allowedImageExtensions.includes(ext) ||
+                allowedVideoExtensions.includes(ext));
         default:
             return false;
     }
@@ -210,11 +232,17 @@ var isAllowedFileType = function (file, allowedType) {
 // CustomFileUploader Bileşeni
 // ====================
 var CustomFileUploader = function (props) {
-    var url = props.url, multi = props.multi, allowedTypes = props.allowedTypes, maxFile = props.maxFile, maxSize = props.maxSize, onUploadComplete = props.onUploadComplete, onRemoveUploaded = props.onRemoveUploaded, label = props.label, onPendingChange = props.onPendingChange, translations = props.translations;
+    var url = props.url, multi = props.multi, allowedTypes = props.allowedTypes, maxFile = props.maxFile, maxSize = props.maxSize, onUploadComplete = props.onUploadComplete, onRemoveUploaded = props.onRemoveUploaded, label = props.label, onPendingChange = props.onPendingChange, translations = props.translations, resetTrigger = props.resetTrigger;
     // Varsayılan çeviri metinlerini, gelen prop ile birleştiriyoruz.
     var finalTranslations = __assign(__assign({}, exports.defaultTranslations), translations);
     var _a = (0, react_1.useState)([]), previews = _a[0], setPreviews = _a[1];
     var fileInputRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        if (props.resetTrigger) {
+            setPreviews([]);
+            updatePendingStatus([]);
+        }
+    }, [props.resetTrigger]);
     // Pending dosya sayısını parent'a iletecek yardımcı fonksiyon
     var updatePendingStatus = function (previewsArray) {
         if (onPendingChange) {
@@ -225,8 +253,12 @@ var CustomFileUploader = function (props) {
     // Dosyaları ekleme işlemi
     var handleFiles = function (files) {
         var filesArray = Array.from(files);
-        var currentCount = multi ? previews.length : (previews.length > 0 ? 1 : 0);
-        var availableSlots = multi ? maxFile - currentCount : (currentCount === 0 ? 1 : 0);
+        var currentCount = multi ? previews.length : previews.length > 0 ? 1 : 0;
+        var availableSlots = multi
+            ? maxFile - currentCount
+            : currentCount === 0
+                ? 1
+                : 0;
         if (availableSlots <= 0) {
             react_toastify_1.toast.warning(finalTranslations.uploadWarningLimit);
             return;
@@ -246,7 +278,8 @@ var CustomFileUploader = function (props) {
                 react_toastify_1.toast.error(file.name + " " + finalTranslations.fileTypeError);
                 return;
             }
-            var isImg = allowedTypes === AllowedTypes.IMAGE || (allowedTypes === AllowedTypes.VISUAL && isImageFile(file));
+            var isImg = allowedTypes === AllowedTypes.IMAGE ||
+                (allowedTypes === AllowedTypes.VISUAL && isImageFile(file));
             var previewContent = isImg && isImageFile(file)
                 ? URL.createObjectURL(file)
                 : fileTypeIcons[getFileExtension(file)] || defaultFileIcon;
@@ -292,7 +325,10 @@ var CustomFileUploader = function (props) {
         setPreviews(updatedPreviews);
         updatePendingStatus(updatedPreviews);
         var itemToRemove = previews.find(function (item) { return item.id === previewId; });
-        if (itemToRemove && itemToRemove.uploaded && itemToRemove.serverFileName && onRemoveUploaded) {
+        if (itemToRemove &&
+            itemToRemove.uploaded &&
+            itemToRemove.serverFileName &&
+            onRemoveUploaded) {
             onRemoveUploaded(itemToRemove.serverFileName);
         }
     };
@@ -302,7 +338,9 @@ var CustomFileUploader = function (props) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    filesToUpload = previews.filter(function (item) { return !item.uploaded; }).map(function (item) { return item.file; });
+                    filesToUpload = previews
+                        .filter(function (item) { return !item.uploaded; })
+                        .map(function (item) { return item.file; });
                     if (filesToUpload.length === 0) {
                         react_toastify_1.toast.warning(finalTranslations.noFileSelectedWarning);
                         return [2 /*return*/];
@@ -366,12 +404,23 @@ var CustomFileUploader = function (props) {
     }); };
     // Dosya seçme alanı için drop area metni: dropAreaText + dosya limiti bilgisi
     var dropAreaText = multi
-        ? finalTranslations.dropAreaText + " (" + finalTranslations.fileLimitMultiText + ": " + maxFile + ") "
-        : finalTranslations.dropAreaText + " " + (finalTranslations.fileLimitSingleText);
+        ? finalTranslations.dropAreaText +
+            " (" +
+            finalTranslations.fileLimitMultiText +
+            ": " +
+            maxFile +
+            ") "
+        : finalTranslations.dropAreaText +
+            " " +
+            finalTranslations.fileLimitSingleText;
     return (react_1.default.createElement("div", { style: { width: "100%", height: "100%" } },
         label && (react_1.default.createElement("div", { style: { marginBottom: "10px" } },
             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, dropAreaText)) : (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: dropAreaStyle, onDrop: handleDrop, onDragOver: handleDragOver, onClick: handleAreaClick }, previews.length === 0 ? (react_1.default.createElement("div", null, dropAreaText)) : (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%",

package/package.json

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