albinasoft-ui-package 1.0.61 → 1.0.62

package/dist/components/CustomFileUploader.d.ts

@@ -16,7 +16,7 @@ export interface CustomFileUploaderProps {
     /** Her bir dosya için maksimum boyut (byte cinsinden) */
     maxSize: number;
     /**
-     * Opsiyonel: Yükleme tamamlandığında dönen dosya isimleri (server tarafından belirlenen) bilgisini almak için callback.
+     * Opsiyonel: Yükleme tamamlandığında dönen dosya isimlerini almak için callback.
      */
     onUploadComplete?: (uploadedFileNames: string[]) => void;
     /**
@@ -25,6 +25,10 @@ export interface CustomFileUploaderProps {
     onRemoveUploaded?: (fileName: string) => void;
     /** Opsiyonel: Yükleyici için gösterilecek label */
     label?: string;
+    /**
+     * Opsiyonel: Pending (henüz yüklenmemiş) dosya sayısını parent'a iletecek callback.
+     */
+    onPendingChange?: (pendingFileCount: number) => void;
 }
 declare const CustomFileUploader: React.FC<CustomFileUploaderProps>;
 export default CustomFileUploader;

package/dist/components/CustomFileUploader.js

@@ -177,13 +177,19 @@ var isAllowedFileType = function (file, allowedTypes) {
 // CustomFileUploader Bileşeni
 // ====================
 var CustomFileUploader = function (_a) {
-    var url = _a.url, multi = _a.multi, allowedTypes = _a.allowedTypes, maxFile = _a.maxFile, maxSize = _a.maxSize, onUploadComplete = _a.onUploadComplete, onRemoveUploaded = _a.onRemoveUploaded, label = _a.label;
+    var url = _a.url, multi = _a.multi, allowedTypes = _a.allowedTypes, maxFile = _a.maxFile, maxSize = _a.maxSize, onUploadComplete = _a.onUploadComplete, onRemoveUploaded = _a.onRemoveUploaded, label = _a.label, onPendingChange = _a.onPendingChange;
     var _b = (0, react_1.useState)([]), previews = _b[0], setPreviews = _b[1];
     var fileInputRef = (0, react_1.useRef)(null);
-    // Seçilen dosyaları işleme
+    // Pending dosya sayısını parent'a iletecek yardımcı fonksiyon
+    var updatePendingStatus = function (previewsArray) {
+        if (onPendingChange) {
+            var pendingFileCount = previewsArray.filter(function (item) { return !item.uploaded; }).length;
+            onPendingChange(pendingFileCount);
+        }
+    };
+    // Dosyaları ekleme işlemi
     var handleFiles = function (files) {
         var filesArray = Array.from(files);
-        // Eğer multi false ise sadece bir dosya seçilebilir
         var currentCount = multi ? previews.length : (previews.length > 0 ? 1 : 0);
         var availableSlots = multi ? maxFile - currentCount : (currentCount === 0 ? 1 : 0);
         if (availableSlots <= 0) {
@@ -196,12 +202,10 @@ var CustomFileUploader = function (_a) {
         }
         var newPreviews = [];
         filesToAdd.forEach(function (file, index) {
-            // Boyut kontrolü
             if (file.size > maxSize) {
                 react_toastify_1.toast.error("\"".concat(file.name, "\" dosyas\u0131 boyut limiti (").concat(maxSize, " byte) a\u015F\u0131yor."));
                 return;
             }
-            // Tür kontrolü
             if (!isAllowedFileType(file, allowedTypes)) {
                 react_toastify_1.toast.error("\"".concat(file.name, "\" dosyas\u0131 se\u00E7ilen dosya t\u00FCr\u00FCne uygun de\u011Fil."));
                 return;
@@ -218,7 +222,11 @@ var CustomFileUploader = function (_a) {
                 uploaded: false,
             });
         });
-        setPreviews(function (prev) { return __spreadArray(__spreadArray([], prev, true), newPreviews, true); });
+        setPreviews(function (prev) {
+            var updatedPreviews = __spreadArray(__spreadArray([], prev, true), newPreviews, true);
+            updatePendingStatus(updatedPreviews);
+            return updatedPreviews;
+        });
     };
     // Dosya input değişiminde
     var handleFileChange = function (e) {
@@ -237,23 +245,22 @@ var CustomFileUploader = function (_a) {
     var handleDragOver = function (e) {
         e.preventDefault();
     };
-    // Dosya seçim alanına tıklanınca
+    // Dosya seçim alanına tıklayınca input'u tetikleyin
     var handleAreaClick = function () {
         var _a;
         (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
     };
-    // Dosya kaldırma
+    // Dosya kaldırma işlemi
     var handleRemoveFile = function (previewId) {
+        var updatedPreviews = previews.filter(function (item) { return item.id !== previewId; });
+        setPreviews(updatedPreviews);
+        updatePendingStatus(updatedPreviews);
         var itemToRemove = previews.find(function (item) { return item.id === previewId; });
-        if (!itemToRemove)
-            return;
-        setPreviews(function (prev) { return prev.filter(function (item) { return item.id !== previewId; }); });
-        // Eğer dosya sunucuya yüklenmişse, onRemoveUploaded callback'ini tetikleyin.
-        if (itemToRemove.uploaded && itemToRemove.serverFileName && onRemoveUploaded) {
+        if (itemToRemove && itemToRemove.uploaded && itemToRemove.serverFileName && onRemoveUploaded) {
             onRemoveUploaded(itemToRemove.serverFileName);
         }
     };
-    // Dosyaları sunucuya yükle
+    // Dosyaları sunucuya yükleme işlemi
     var handleUpload = function () { return __awaiter(void 0, void 0, void 0, function () {
         var filesToUpload, formData, response, data, uploadedFileNames_1, errorData, error_1;
         return __generator(this, function (_a) {
@@ -286,18 +293,18 @@ var CustomFileUploader = function (_a) {
                         data.content.fileList &&
                         data.content.fileList.length > 0) {
                         uploadedFileNames_1 = data.content.fileList.map(function (item) { return item.fileName; });
-                        // Opsiyonel callback çağrısı
                         if (onUploadComplete) {
                             onUploadComplete(uploadedFileNames_1);
                         }
-                        // Yüklenen dosyaların durumunu güncelle
                         setPreviews(function (prev) {
-                            return prev.map(function (item, index) {
+                            var updatedPreviews = prev.map(function (item, index) {
                                 if (!item.uploaded) {
                                     return __assign(__assign({}, item), { uploaded: true, serverFileName: uploadedFileNames_1[index] || item.file.name });
                                 }
                                 return item;
                             });
+                            updatePendingStatus(updatedPreviews);
+                            return updatedPreviews;
                         });
                         react_toastify_1.toast.success("Dosyalar başarıyla yüklendi.");
                     }
@@ -338,7 +345,7 @@ var CustomFileUploader = function (_a) {
                         alignItems: "center",
                         fontSize: "48px",
                     } }, item.previewContent)),
-                react_1.default.createElement("button", { type: "button" // Burada type="button" ekleyerek form submit'ini engelliyoruz.
+                react_1.default.createElement("button", { type: "button" // Form submit'ini tetiklememek için
                     , style: removeButtonStyle, onClick: function (e) {
                         e.stopPropagation();
                         handleRemoveFile(item.id);

package/dist/components/CustomForm.d.ts

@@ -170,6 +170,7 @@ interface FileUploaderElement {
     maxSize: number;
     onUploadComplete: (uploadedFileNames: string[]) => void;
     onRemoveUploaded: (fileName: string) => void;
+    onPendingChange: (pendingFileCount: number) => void;
     rowId?: number;
     colId?: number;
     innerRowId?: number;

package/dist/components/CustomForm.js

@@ -212,7 +212,7 @@ var CustomForm = function (_a) {
                     return (react_1.default.createElement("div", { className: "row ".concat(innerRowCustomClass), key: "inner-row-".concat(rowId, "-").concat(colId, "-").concat(innerRowId) }, elements.map(function (element) { return (react_1.default.createElement("div", { className: element.colClass || "col-12", key: element.id }, element.type === ElementType.TEXT ? (react_1.default.createElement(CustomText_1.default, __assign({}, element))) : element.type === ElementType.INPUT ? (react_1.default.createElement(CustomInput_1.default, __assign({}, element))) : element.type === ElementType.TEXTAREA ? (react_1.default.createElement(CustomTextarea_1.default, __assign({}, element))) : element.type === ElementType.CHECKBOX ? (react_1.default.createElement(CustomCheckbox_1.default, __assign({}, element))) : element.type === ElementType.RADIO ? (react_1.default.createElement(CustomRadioButton_1.default, __assign({}, element))) : element.type === ElementType.SELECT ? (react_1.default.createElement(CustomSelect_1.default, __assign({}, element))) : element.type === ElementType.DATETIMEPICKER ? (react_1.default.createElement(CustomDateTimePicker_1.default, __assign({}, element))) : element.type === ElementType.DIVIDER ? (react_1.default.createElement(CustomDivider_1.default, __assign({}, element))) : element.type === ElementType.RICHTEXTBOX ? (react_1.default.createElement(CustomRichTextbox_1.default, __assign({}, element))) : element.type === ElementType.TREEVIEW ? (react_1.default.createElement(CustomTreeView_1.default, __assign({}, element))) : element.type === ElementType.BUTTON ? (react_1.default.createElement(CustomButton_1.default, __assign({}, element, { isLoading: isLoading }))) : element.type === ElementType.AUTOCOMPLETEINPUT ? (react_1.default.createElement(CustomAutocompleteInput_1.default, __assign({}, element))) : element.type === ElementType.FILEUPLOADER ? (
                     // FILEUPLOADER elemanı için CustomFileUploader'ı render ediyoruz
                     react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(CustomFileUploader_1.default, { url: element.url, multi: element.multi, allowedTypes: element.allowedTypes, maxFile: element.maxFile, maxSize: element.maxSize, onUploadComplete: element.onUploadComplete, onRemoveUploaded: element.onRemoveUploaded, label: element.label }))) : null)); })));
+                        react_1.default.createElement(CustomFileUploader_1.default, { url: element.url, multi: element.multi, allowedTypes: element.allowedTypes, maxFile: element.maxFile, maxSize: element.maxSize, onUploadComplete: element.onUploadComplete, onRemoveUploaded: element.onRemoveUploaded, onPendingChange: element.onPendingChange, label: element.label }))) : null)); })));
                 })));
             })));
         }),

package/package.json

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