albinasoft-ui-package 1.0.95 → 1.0.97

package/dist/components/CustomFileUploader.d.ts

@@ -7,6 +7,21 @@ export declare enum AllowedTypes {
     VISUAL = "visual",
     ALL = "all"
 }
+export interface FileUploaderTranslations {
+    dropAreaText: string;
+    fileLimitMultiText: string;
+    fileLimitSingleText: string;
+    uploadButtonText: string;
+    removeButtonTitle: string;
+    uploadSuccessToast: string;
+    uploadErrorToast: string;
+    uploadWarningLimit: string;
+    uploadWarningExceed: string;
+    fileSizeError: string;
+    fileTypeError: string;
+    noFileSelectedWarning: string;
+}
+export declare const defaultTranslations: FileUploaderTranslations;
 export interface CustomFileUploaderProps {
     /** Sunucuya dosyaların yükleneceği URL */
     url: string;
@@ -32,6 +47,10 @@ export interface CustomFileUploaderProps {
      * Opsiyonel: Pending (henüz yüklenmemiş) dosya sayısını parent'a iletecek callback.
      */
     onPendingChange?: (pendingFileCount: number) => void;
+    /**
+     * Opsiyonel: Çoklu dil desteği için kullanılan çeviri metinleri.
+     */
+    translations?: FileUploaderTranslations;
 }
 declare const CustomFileUploader: React.FC<CustomFileUploaderProps>;
 export default CustomFileUploader;

package/dist/components/CustomFileUploader.js

@@ -79,7 +79,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AllowedTypes = void 0;
+exports.defaultTranslations = exports.AllowedTypes = void 0;
 // CustomFileUploader.tsx
 var react_1 = __importStar(require("react"));
 var react_toastify_1 = require("react-toastify");
@@ -96,6 +96,20 @@ var AllowedTypes;
     AllowedTypes["VISUAL"] = "visual";
     AllowedTypes["ALL"] = "all";
 })(AllowedTypes = exports.AllowedTypes || (exports.AllowedTypes = {}));
+exports.defaultTranslations = {
+    dropAreaText: "Dosyaları buraya sürükleyip bırakın veya tıklayarak dosya seçin.",
+    fileLimitMultiText: "Maksimum dosya limiti: ",
+    fileLimitSingleText: "Tek dosya seçilebilir",
+    uploadButtonText: "Yükle",
+    removeButtonTitle: "Kaldır",
+    uploadSuccessToast: "Dosyalar başarıyla yüklendi.",
+    uploadErrorToast: "Dosyalar yüklenirken bir hata oluştu.",
+    uploadWarningLimit: "Dosya yükleme limitini doldurdunuz. Yeni dosya ekleyebilmek için mevcut dosyaları kaldırın.",
+    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."
+};
 // ====================
 // Stil Ayarları
 // ====================
@@ -191,9 +205,11 @@ var isAllowedFileType = function (file, allowedType) {
 // ====================
 // 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, onPendingChange = _a.onPendingChange;
-    var _b = (0, react_1.useState)([]), previews = _b[0], setPreviews = _b[1];
+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;
+    // 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);
     // Pending dosya sayısını parent'a iletecek yardımcı fonksiyon
     var updatePendingStatus = function (previewsArray) {
@@ -208,21 +224,22 @@ var CustomFileUploader = function (_a) {
         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("Dosya yükleme limitini doldurdunuz. Yeni dosya ekleyebilmek için mevcut dosyaları kaldırın.");
+            react_toastify_1.toast.warning(finalTranslations.uploadWarningLimit);
             return;
         }
         var filesToAdd = filesArray.slice(0, availableSlots);
         if (filesArray.length > availableSlots) {
-            react_toastify_1.toast.warning("Se\u00E7ilen dosya say\u0131s\u0131 limiti a\u015Ft\u0131. Sadece ilk ".concat(availableSlots, " dosya eklenecektir."));
+            react_toastify_1.toast.warning(finalTranslations.uploadWarningExceed + availableSlots);
         }
         var newPreviews = [];
         filesToAdd.forEach(function (file, index) {
             if (file.size > maxSize) {
-                react_toastify_1.toast.error("\"".concat(file.name, "\" dosyas\u0131 boyut limiti (").concat(maxSize, " byte) a\u015F\u0131yor."));
+                // Dosya adını eklemek için file.name'i dışarıda ekliyoruz.
+                react_toastify_1.toast.error(file.name + " " + finalTranslations.fileSizeError);
                 return;
             }
             if (!isAllowedFileType(file, allowedTypes)) {
-                react_toastify_1.toast.error("\"".concat(file.name, "\" dosyas\u0131 se\u00E7ilen dosya t\u00FCr\u00FCne uygun de\u011Fil."));
+                react_toastify_1.toast.error(file.name + " " + finalTranslations.fileTypeError);
                 return;
             }
             var isImg = allowedTypes === AllowedTypes.IMAGE || (allowedTypes === AllowedTypes.VISUAL && isImageFile(file));
@@ -283,7 +300,7 @@ var CustomFileUploader = function (_a) {
                 case 0:
                     filesToUpload = previews.filter(function (item) { return !item.uploaded; }).map(function (item) { return item.file; });
                     if (filesToUpload.length === 0) {
-                        react_toastify_1.toast.warning("Önce en az bir dosya seçiniz.");
+                        react_toastify_1.toast.warning(finalTranslations.noFileSelectedWarning);
                         return [2 /*return*/];
                     }
                     formData = new FormData();
@@ -321,36 +338,42 @@ var CustomFileUploader = function (_a) {
                             updatePendingStatus(updatedPreviews);
                             return updatedPreviews;
                         });
-                        react_toastify_1.toast.success("Dosyalar başarıyla yüklendi.");
+                        react_toastify_1.toast.success(finalTranslations.uploadSuccessToast);
                     }
                     else {
-                        react_toastify_1.toast.error("Dosyalar yüklenirken bir hata oluştu.");
+                        react_toastify_1.toast.error(finalTranslations.uploadErrorToast);
                     }
                     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("Dosyalar yüklenirken bir hata oluştu.");
+                    react_toastify_1.toast.error(finalTranslations.uploadErrorToast);
                     _a.label = 6;
                 case 6: return [3 /*break*/, 8];
                 case 7:
                     error_1 = _a.sent();
                     console.error("API çağrısında hata:", error_1);
-                    react_toastify_1.toast.error("Dosyalar yüklenirken bir hata oluştu.");
+                    react_toastify_1.toast.error(finalTranslations.uploadErrorToast);
                     return [3 /*break*/, 8];
                 case 8: return [2 /*return*/];
             }
         });
     }); };
+    // 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);
     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,
-            "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" } },
+        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%", height: "100%", objectFit: "cover" } })) : (react_1.default.createElement("div", { style: {
+                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%",
                         height: "100%",
                         display: "flex",
@@ -361,7 +384,7 @@ var CustomFileUploader = function (_a) {
                 react_1.default.createElement("button", { type: "button", style: removeButtonStyle, onClick: function (e) {
                         e.stopPropagation();
                         handleRemoveFile(item.id);
-                    }, title: "Kald\u0131r" }, "\u00D7"),
+                    }, title: finalTranslations.removeButtonTitle }, "\u00D7"),
                 item.uploaded && react_1.default.createElement("div", { style: tickOverlayStyle }, "\u2713")),
             react_1.default.createElement("div", { style: {
                     marginTop: "4px",
@@ -374,6 +397,6 @@ var CustomFileUploader = function (_a) {
                 }, title: item.file.name }, item.file.name))); })))),
         react_1.default.createElement("input", { type: "file", multiple: multi, ref: fileInputRef, onChange: handleFileChange, style: { display: "none" } }),
         previews.filter(function (item) { return !item.uploaded; }).length > 0 && (react_1.default.createElement("div", { style: { marginTop: "10px", textAlign: "center" } },
-            react_1.default.createElement("button", { type: "button", className: "btn btn-primary", onClick: handleUpload }, "Y\u00FCkle")))));
+            react_1.default.createElement("button", { type: "button", className: "btn btn-primary", onClick: handleUpload }, finalTranslations.uploadButtonText)))));
 };
 exports.default = CustomFileUploader;

package/dist/components/CustomForm.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TreeNode } from "./CustomTreeView";
-import { AllowedTypes } from "./CustomFileUploader";
+import { AllowedTypes, FileUploaderTranslations } from "./CustomFileUploader";
 declare enum ElementType {
     INPUT = "input",
     TEXTAREA = "textarea",
@@ -172,6 +172,7 @@ interface FileUploaderElement {
     onUploadComplete: (uploadedFileNames: string[]) => void;
     onRemoveUploaded: (fileName: string) => void;
     onPendingChange: (pendingFileCount: number) => void;
+    translations: FileUploaderTranslations;
     rowId?: number;
     colId?: number;
     innerRowId?: number;

package/dist/components/CustomForm.js

@@ -224,7 +224,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, { submitted: submitted }))) : 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))) : 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, onPendingChange: element.onPendingChange, 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, translations: element.translations }))) : null)); })));
                 })));
             })));
         }),

package/package.json

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