albinasoft-ui-package 1.1.52 → 1.1.54

package/dist/components/CustomFileUploader.d.ts

@@ -20,6 +20,7 @@ export interface FileUploaderTranslations {
     fileSizeError: string;
     fileTypeError: string;
     noFileSelectedWarning: string;
+    pendingBeforeSubmitWarning?: string;
 }
 export declare const defaultTranslations: FileUploaderTranslations;
 export interface CustomFileUploaderProps {
@@ -61,5 +62,9 @@ export interface CustomFileUploaderProps {
      */
     onUploadingChange?: (uploading: boolean) => void;
 }
-declare const CustomFileUploader: React.FC<CustomFileUploaderProps>;
+export type CustomFileUploaderHandle = {
+    /** Pending dosya varsa toast gösterir ve false döner. */
+    validateReady: () => boolean;
+};
+declare const CustomFileUploader: React.ForwardRefExoticComponent<CustomFileUploaderProps & React.RefAttributes<CustomFileUploaderHandle>>;
 export default CustomFileUploader;

package/dist/components/CustomFileUploader.js

@@ -112,7 +112,8 @@ 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.",
+    pendingBeforeSubmitWarning: "Henüz yüklenmemiş dosyalar var. Lütfen önce 'Yükle' butonuna basın."
 };
 // ====================
 // Stil Ayarları
@@ -221,12 +222,23 @@ var isAllowedFileType = function (file, allowedType) {
 // ====================
 // CustomFileUploader Bileşeni
 // ====================
-var CustomFileUploader = function (props) {
+var CustomFileUploader = (0, react_1.forwardRef)(function (props, ref) {
     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, clearTrigger = props.clearTrigger, onUploadingChange = props.onUploadingChange;
     // 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);
+    // Parent submit öncesi çağırıyor: pending varsa uyar ve blokla
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        validateReady: function () {
+            var hasPending = previews.some(function (p) { return !p.uploaded; });
+            if (hasPending) {
+                react_toastify_1.toast.warning(finalTranslations.pendingBeforeSubmitWarning || exports.defaultTranslations.pendingBeforeSubmitWarning);
+                return false;
+            }
+            return true;
+        }
+    }); }, [previews, finalTranslations]);
     // CustomFileUploader.tsx içinde component’in üst kısmına, diğer handler’ların yanına ekleyin:
     var handleClearAll = function () {
         previews.forEach(function (item) {
@@ -456,5 +468,5 @@ var CustomFileUploader = function (props) {
         react_1.default.createElement("div", { className: "d-flex justify-content-center gap-2 mt-3" },
             previews.length > 1 && (react_1.default.createElement(CustomButton_1.default, { label: "T\u00FCm\u00FCn\u00FC Sil", className: "btn btn-danger", onClick: handleClearAll })),
             previews.filter(function (item) { return !item.uploaded; }).length > 0 && (react_1.default.createElement(CustomButton_1.default, { label: finalTranslations.uploadButtonText, className: "btn btn-primary", onClick: handleUpload })))));
-};
+});
 exports.default = CustomFileUploader;

package/dist/components/CustomForm.d.ts

@@ -219,6 +219,7 @@ interface CustomFormProps {
     handleCancel?: () => void;
     showConfirmButton?: boolean;
     showCancelButton?: boolean;
+    fileUploaderCheck?: () => boolean;
 }
 declare const CustomForm: React.FC<CustomFormProps>;
 export { CustomForm, ElementType };

package/dist/components/CustomForm.js

@@ -117,18 +117,36 @@ var CustomForm = function (_a) {
     cancelLabel = _c === void 0 ? "Cancel" : _c, // Varsayılan değer
     handleCancel = _a.handleCancel, _d = _a.showConfirmButton, showConfirmButton = _d === void 0 ? true : _d, // Varsayılan olarak görünür
     _e = _a.showCancelButton, // Varsayılan olarak görünür
-    showCancelButton = _e === void 0 ? false : _e;
+    showCancelButton = _e === void 0 ? false : _e, // Varsayılan olarak görünür
+    fileUploaderCheck = _a.fileUploaderCheck;
     var formRef = (0, react_1.useRef)(null);
     var _f = (0, react_1.useState)(false), isLoading = _f[0], setIsLoading = _f[1];
     var _g = (0, react_1.useState)(false), submitted = _g[0], setSubmitted = _g[1];
     var _h = (0, react_1.useState)(false), isUploading = _h[0], setIsUploading = _h[1];
+    // Her uploader için ref havuzu
+    var uploaderInstances = (0, react_1.useRef)({});
+    // Bir kez oluştur: id -> ref
+    var getUploaderRefCb = function (id) { return function (inst) {
+        uploaderInstances.current[id] = inst;
+    }; };
     var handleConfirm = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var form, customSelectValid, customTreeViewValid, isValid, formValues_1, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var instances, _i, instances_1, inst, ok, form, customSelectValid, customTreeViewValid, isValid, formValues_1, error_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     e.preventDefault();
                     setSubmitted(true); // Form gönderimi tetiklendi
+                    instances = Object.values(uploaderInstances.current);
+                    for (_i = 0, instances_1 = instances; _i < instances_1.length; _i++) {
+                        inst = instances_1[_i];
+                        ok = (_a = inst === null || inst === void 0 ? void 0 : inst.validateReady) === null || _a === void 0 ? void 0 : _a.call(inst);
+                        if (ok === false) {
+                            // Uyarıyı uploader kendisi gösterdi; submit başlamasın.
+                            return [2 /*return*/];
+                        }
+                    }
+                    setSubmitted(true);
                     form = formRef.current;
                     if (!form)
                         return [2 /*return*/];
@@ -158,9 +176,9 @@ var CustomForm = function (_a) {
                     isValid = form.checkValidity() && customSelectValid && customTreeViewValid;
                     if (!isValid) return [3 /*break*/, 6];
                     setIsLoading(true);
-                    _a.label = 1;
+                    _b.label = 1;
                 case 1:
-                    _a.trys.push([1, 3, 4, 5]);
+                    _b.trys.push([1, 3, 4, 5]);
                     formValues_1 = {};
                     Array.from(form.elements).forEach(function (element) {
                         if (element instanceof HTMLInputElement ||
@@ -200,10 +218,10 @@ var CustomForm = function (_a) {
                     });
                     return [4 /*yield*/, onSubmit(formValues_1)];
                 case 2:
-                    _a.sent();
+                    _b.sent();
                     return [3 /*break*/, 5];
                 case 3:
-                    error_1 = _a.sent();
+                    error_1 = _b.sent();
                     react_toastify_1.toast.error("Form gönderimi sırasında bir hata oluştu.");
                     return [3 /*break*/, 5];
                 case 4:
@@ -213,7 +231,7 @@ var CustomForm = function (_a) {
                 case 6:
                     react_toastify_1.toast.error("Gerekli tüm alanları doldurunuz.");
                     form.classList.add("was-validated");
-                    _a.label = 7;
+                    _b.label = 7;
                 case 7: return [2 /*return*/];
             }
         });
@@ -246,7 +264,7 @@ var CustomForm = function (_a) {
                         } }))) : element.type === ElementType.DATETIMEPICKER ? (react_1.default.createElement(CustomDateTimePicker_1.default, __assign({}, element, { submitted: submitted }))) : 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, { submitted: submitted }))) : 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.PHONE ? (react_1.default.createElement(CustomPhoneInput_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, onPendingChange: element.onPendingChange, clearTrigger: element.clearTrigger, label: element.label, translations: element.translations, onUploadingChange: setIsUploading }))) : null)); })));
+                        react_1.default.createElement(CustomFileUploader_1.default, { ref: getUploaderRefCb(element.id), url: element.url, multi: element.multi, allowedTypes: element.allowedTypes, maxFile: element.maxFile, maxSize: element.maxSize, onUploadComplete: element.onUploadComplete, onRemoveUploaded: element.onRemoveUploaded, onPendingChange: element.onPendingChange, clearTrigger: element.clearTrigger, label: element.label, translations: element.translations, onUploadingChange: setIsUploading }))) : null)); })));
                 })));
             })));
         }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "albinasoft-ui-package",
-  "version": "1.1.52",
+  "version": "1.1.54",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -15,17 +15,17 @@
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "quill": "^2.0.3",
-    "react": "^18.0.0",
     "react-bootstrap": "^2.10.6",
     "react-checkbox-tree": "^1.8.0",
     "react-datepicker": "^7.6.0",
-    "react-dom": "^18.0.0",
     "react-icons": "^4.12.0",
     "react-input-mask": "^2.0.4",
-    "react-router-dom": "^7.1.1",
-    "react-toastify": "^10.0.6"
+    "react-router-dom": "^7.1.1"
   },
   "devDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-toastify": "^10.0.6",
     "@types/react": "^19.0.1",
     "@types/react-bootstrap": "^0.32.37",
     "@types/react-input-mask": "^3.0.6",
@@ -34,7 +34,8 @@
   },
   "peerDependencies": {
     "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react-dom": "^18.0.0",
+    "react-toastify": "^10.0.0"
   },
   "files": [
     "dist"