albinasoft-ui-package 1.1.53 → 1.1.55

package/dist/components/CustomFileUploader.d.ts

@@ -61,6 +61,8 @@ export interface CustomFileUploaderProps {
      * Bu, yükleme işlemi başladığında ve bittiğinde çağrılabilir.
      */
     onUploadingChange?: (uploading: boolean) => void;
+    /** Paket içindeki tüm toast çağrıları bu containerId'ye yönlendirilecek. Opsiyoneldir. */
+    toastContainerId?: string;
 }
 export type CustomFileUploaderHandle = {
     /** Pending dosya varsa toast gösterir ve false döner. */

package/dist/components/CustomFileUploader.js

@@ -85,6 +85,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultTranslations = exports.AllowedTypes = void 0;
 // CustomFileUploader.tsx
 var react_1 = __importStar(require("react"));
+// import { toast } from "react-toastify";
 var react_toastify_1 = require("react-toastify");
 var fa_1 = require("react-icons/fa");
 var CustomButton_1 = __importDefault(require("./CustomButton"));
@@ -223,7 +224,8 @@ var isAllowedFileType = function (file, allowedType) {
 // CustomFileUploader Bileşeni
 // ====================
 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;
+    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, toastContainerId = props.toastContainerId;
+    var toastOpts = toastContainerId ? { containerId: toastContainerId } : undefined;
     // 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];
@@ -233,7 +235,7 @@ var CustomFileUploader = (0, react_1.forwardRef)(function (props, ref) {
         validateReady: function () {
             var hasPending = previews.some(function (p) { return !p.uploaded; });
             if (hasPending) {
-                react_toastify_1.toast.warning(finalTranslations.pendingBeforeSubmitWarning || exports.defaultTranslations.pendingBeforeSubmitWarning);
+                react_toastify_1.toast.warning(finalTranslations.pendingBeforeSubmitWarning || exports.defaultTranslations.pendingBeforeSubmitWarning, toastOpts);
                 return false;
             }
             return true;
@@ -280,22 +282,22 @@ var CustomFileUploader = (0, react_1.forwardRef)(function (props, ref) {
         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);
+            react_toastify_1.toast.warning(finalTranslations.uploadWarningLimit, toastOpts);
             return;
         }
         var filesToAdd = filesArray.slice(0, availableSlots);
         if (filesArray.length > availableSlots) {
-            react_toastify_1.toast.warning(finalTranslations.uploadWarningExceed + availableSlots);
+            react_toastify_1.toast.warning(finalTranslations.uploadWarningExceed + availableSlots, toastOpts);
         }
         var newPreviews = [];
         filesToAdd.forEach(function (file, index) {
             if (file.size > maxSize) {
                 // Dosya adını eklemek için file.name'i dışarıda ekliyoruz.
-                react_toastify_1.toast.error(file.name + " " + finalTranslations.fileSizeError);
+                react_toastify_1.toast.error(file.name + " " + finalTranslations.fileSizeError, toastOpts);
                 return;
             }
             if (!isAllowedFileType(file, allowedTypes)) {
-                react_toastify_1.toast.error(file.name + " " + finalTranslations.fileTypeError);
+                react_toastify_1.toast.error(file.name + " " + finalTranslations.fileTypeError, toastOpts);
                 return;
             }
             var isImg = allowedTypes === AllowedTypes.IMAGE || (allowedTypes === AllowedTypes.VISUAL && isImageFile(file));
@@ -357,7 +359,7 @@ var CustomFileUploader = (0, react_1.forwardRef)(function (props, ref) {
                     onUploadingChange === null || onUploadingChange === void 0 ? void 0 : onUploadingChange(true);
                     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);
+                        react_toastify_1.toast.warning(finalTranslations.noFileSelectedWarning, toastOpts);
                         return [2 /*return*/];
                     }
                     // Yüklenmeye başlayan dosyaları işaretle
@@ -401,23 +403,23 @@ var CustomFileUploader = (0, react_1.forwardRef)(function (props, ref) {
                             updatePendingStatus(updatedPreviews);
                             return updatedPreviews;
                         });
-                        react_toastify_1.toast.success(finalTranslations.uploadSuccessToast);
+                        react_toastify_1.toast.success(finalTranslations.uploadSuccessToast, toastOpts);
                     }
                     else {
-                        react_toastify_1.toast.error(finalTranslations.uploadErrorToast);
+                        react_toastify_1.toast.error(finalTranslations.uploadErrorToast, toastOpts);
                     }
                     return [3 /*break*/, 6];
                 case 4: return [4 /*yield*/, response.json()];
                 case 5:
                     errorData = _a.sent();
                     console.error("API Hatası:", errorData);
-                    react_toastify_1.toast.error(finalTranslations.uploadErrorToast);
+                    react_toastify_1.toast.error(finalTranslations.uploadErrorToast, toastOpts);
                     _a.label = 6;
                 case 6: return [3 /*break*/, 9];
                 case 7:
                     error_1 = _a.sent();
                     console.error("API çağrısında hata:", error_1);
-                    react_toastify_1.toast.error(finalTranslations.uploadErrorToast);
+                    react_toastify_1.toast.error(finalTranslations.uploadErrorToast, toastOpts);
                     return [3 /*break*/, 9];
                 case 8:
                     onUploadingChange === null || onUploadingChange === void 0 ? void 0 : onUploadingChange(false);

package/dist/components/CustomForm.js

@@ -264,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, { 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)); })));
+                        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, toastContainerId: "global-toaster" }))) : null)); })));
                 })));
             })));
         }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "albinasoft-ui-package",
-  "version": "1.1.53",
+  "version": "1.1.55",
   "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"