albinasoft-ui-package 1.1.44 → 1.1.46

package/dist/components/CustomDateTimePicker.js

@@ -1,91 +1,97 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimeFormat = exports.CustomDateTimePicker = void 0;
-var react_1 = __importDefault(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var fa_1 = require("react-icons/fa");
-var react_datepicker_1 = __importDefault(require("react-datepicker"));
-require("../assets/css/custom-datetime-picker.css");
-var TimeFormat;
-(function (TimeFormat) {
-    TimeFormat["H"] = "HH";
-    TimeFormat["M"] = "mm";
-    TimeFormat["HM"] = "HH:mm";
-})(TimeFormat || (TimeFormat = {}));
-exports.TimeFormat = TimeFormat;
-// Manuel Türkçe locale objesi
-var customTrLocale = {
-    localize: {
-        month: function (n) {
-            var months = [
-                "Ocak",
-                "Şubat",
-                "Mart",
-                "Nisan",
-                "Mayıs",
-                "Haziran",
-                "Temmuz",
-                "Ağustos",
-                "Eylül",
-                "Ekim",
-                "Kasım",
-                "Aralık",
-            ];
-            return months[n];
-        },
-        day: function (n) {
-            var days = ["Pzr", "Pts", "Sal", "Çrş", "Prş", "Cum", "Cts"];
-            return days[n];
-        },
-    },
-    formatLong: {
-        date: function () { return "dd.MM.yyyy"; },
-        time: function () { return "HH:mm"; },
-        dateTime: function () { return "dd.MM.yyyy HH:mm"; },
-    },
-    options: {
-        weekStartsOn: 1,
-    },
-};
-var CustomDateTimePicker = function (_a) {
-    var id = _a.id, name = _a.name, label = _a.label, value = _a.value, placeholder = _a.placeholder, _b = _a.required, required = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, _c = _a.conditionalErrorVisible, conditionalErrorVisible = _c === void 0 ? false : _c, conditionalErrorMessage = _a.conditionalErrorMessage, tooltip = _a.tooltip, description = _a.description, _d = _a.disabled, disabled = _d === void 0 ? false : _d, className = _a.className, style = _a.style, showTimeSelect = _a.showTimeSelect, showTimeSelectOnly = _a.showTimeSelectOnly, showYearDropdown = _a.showYearDropdown, _e = _a.timeFormat, timeFormat = _e === void 0 ? TimeFormat.HM : _e, timeIntervals = _a.timeIntervals, submitted = _a.submitted, onChange = _a.onChange;
-    // Eğer form gönderildiyse ve required field boşsa hata durumu geçerli olsun.
-    var isInvalid = submitted && required && !value;
-    return (react_1.default.createElement("div", { className: "col-12", style: style },
-        react_1.default.createElement("div", { className: "form-group" },
-            react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
-            react_1.default.createElement("div", { className: "position-relative" },
-                react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: tooltip ? (react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id) }, tooltip)) : (react_1.default.createElement(react_1.default.Fragment, null)) },
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement(react_datepicker_1.default, { id: id, name: name, selected: value, onChange: onChange, className: "form-control ".concat(className || "", " ").concat(submitted ? (isInvalid ? "is-invalid" : "is-valid") : ""), placeholderText: placeholder, disabled: disabled, required: required, showTimeSelect: showTimeSelect || false, showTimeSelectOnly: showTimeSelectOnly || false, showYearDropdown: showYearDropdown || false, showTimeCaption: false, timeFormat: timeFormat, locale: customTrLocale, dateFormat: showTimeSelectOnly
-                                ? timeFormat
-                                : showTimeSelect
-                                    ? "dd.MM.yyyy HH:mm"
-                                    : "dd.MM.yyyy", timeIntervals: timeFormat === TimeFormat.H
-                                ? 60
-                                : timeFormat === TimeFormat.M
-                                    ? 1
-                                    : timeIntervals
-                                        ? timeIntervals
-                                        : 30 }))),
-                react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2 ".concat(isInvalid ? "d-flex" : "") },
-                    react_1.default.createElement("div", { className: "description-icon" },
-                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
-                    react_1.default.createElement("div", { className: "description-text" },
-                        react_1.default.createElement("span", null, errorMessage || "Tarih seçimi zorunludur."))),
-                conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning mt-2" },
-                    react_1.default.createElement("div", { className: "description-icon" },
-                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
-                    react_1.default.createElement("div", { className: "description-text" },
-                        react_1.default.createElement("span", null, conditionalErrorMessage)))),
-                description && (react_1.default.createElement("div", { className: "form-description text-secondary mt-2" },
-                    react_1.default.createElement("div", { className: "description-icon" },
-                        react_1.default.createElement(fa_1.FaInfoCircle, null)),
-                    react_1.default.createElement("div", { className: "description-text" },
-                        react_1.default.createElement("span", null, description))))))));
-};
-exports.CustomDateTimePicker = CustomDateTimePicker;
-exports.default = CustomDateTimePicker;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimeFormat = exports.CustomDateTimePicker = void 0;
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var fa_1 = require("react-icons/fa");
+var react_datepicker_1 = __importStar(require("react-datepicker"));
+var tr_1 = __importDefault(require("date-fns/locale/tr"));
+var date_fns_tz_1 = require("date-fns-tz");
+require("../assets/css/custom-datetime-picker.css");
+// date-fns locale tipi TypeScript’te bazen uyumsuz görünüyor, bu yüzden type assertion yapıyoruz
+(0, react_datepicker_1.registerLocale)("tr", tr_1.default);
+var TimeFormat;
+(function (TimeFormat) {
+    TimeFormat["H"] = "HH";
+    TimeFormat["M"] = "mm";
+    TimeFormat["HM"] = "HH:mm";
+})(TimeFormat || (TimeFormat = {}));
+exports.TimeFormat = TimeFormat;
+var CustomDateTimePicker = function (_a) {
+    var id = _a.id, name = _a.name, label = _a.label, value = _a.value, placeholder = _a.placeholder, _b = _a.required, required = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, _c = _a.conditionalErrorVisible, conditionalErrorVisible = _c === void 0 ? false : _c, conditionalErrorMessage = _a.conditionalErrorMessage, tooltip = _a.tooltip, description = _a.description, _d = _a.disabled, disabled = _d === void 0 ? false : _d, className = _a.className, style = _a.style, showTimeSelect = _a.showTimeSelect, showTimeSelectOnly = _a.showTimeSelectOnly, showYearDropdown = _a.showYearDropdown, _e = _a.timeFormat, timeFormat = _e === void 0 ? TimeFormat.HM : _e, timeIntervals = _a.timeIntervals, submitted = _a.submitted, onChange = _a.onChange;
+    var isInvalid = submitted && required && !value;
+    var timeZone = "Europe/Istanbul";
+    // TR saatini UTC'ye dönüştür ve öyle gönder
+    var handleDateChange = function (date) {
+        if (!date)
+            return onChange(null);
+        var zonedDate = (0, date_fns_tz_1.fromZonedTime)(date, timeZone);
+        onChange(zonedDate);
+    };
+    // UTC saklanmış tarihleri TR saatine çevirerek input’ta göster
+    var displayedDate = value ? (0, date_fns_tz_1.toZonedTime)(value, timeZone) : null;
+    return (react_1.default.createElement("div", { className: "col-12", style: style },
+        react_1.default.createElement("div", { className: "form-group" },
+            react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
+            react_1.default.createElement("div", { className: "position-relative" },
+                react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: tooltip ? (react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id) }, tooltip)) : (react_1.default.createElement(react_1.default.Fragment, null)) },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement(react_datepicker_1.default, { id: id, name: name, selected: displayedDate, onChange: handleDateChange, className: "form-control ".concat(className || "", " ").concat(submitted
+                                ? isInvalid
+                                    ? "is-invalid"
+                                    : "is-valid"
+                                : ""), placeholderText: placeholder, disabled: disabled, required: required, showTimeSelect: showTimeSelect || false, showTimeSelectOnly: showTimeSelectOnly || false, showYearDropdown: showYearDropdown || false, showTimeCaption: false, timeFormat: timeFormat, locale: "tr", dateFormat: showTimeSelectOnly
+                                ? timeFormat
+                                : showTimeSelect
+                                    ? "dd.MM.yyyy HH:mm"
+                                    : "dd.MM.yyyy", timeIntervals: timeFormat === TimeFormat.H
+                                ? 60
+                                : timeFormat === TimeFormat.M
+                                    ? 1
+                                    : timeIntervals
+                                        ? timeIntervals
+                                        : 30 }))),
+                react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2 ".concat(isInvalid ? "d-flex" : "") },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, errorMessage || "Tarih seçimi zorunludur."))),
+                conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, conditionalErrorMessage)))),
+                description && (react_1.default.createElement("div", { className: "form-description text-secondary mt-2" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaInfoCircle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, description))))))));
+};
+exports.CustomDateTimePicker = CustomDateTimePicker;
+exports.default = CustomDateTimePicker;

package/dist/components/CustomDivider.d.ts

@@ -1,51 +1,51 @@
-import React from 'react';
-declare enum Color {
-    DEFAULT = "currentColor",
-    PRIMARY = "text-primary",
-    SECONDARY = "text-secondary",
-    SUCCESS = "text-success",
-    WARNING = "text-warning",
-    DANGER = "text-danger",
-    INFO = "text-info",
-    DARK = "text-dark",
-    LIGHT = "text-light"
-}
-declare enum Alignment {
-    LEFT = "left",
-    CENTER = "center",
-    RIGHT = "right"
-}
-declare enum Thickness {
-    T1 = "1px",
-    T2 = "2px",
-    T3 = "3px",
-    T4 = "4px",
-    T5 = "5px",
-    T6 = "6px",
-    T8 = "8px",
-    T10 = "10px",
-    T12 = "12px",
-    T16 = "16px",
-    T24 = "24px"
-}
-declare enum Width {
-    W10 = "10%",
-    W25 = "25%",
-    W33 = "33%",
-    W50 = "50%",
-    W66 = "66%",
-    W75 = "75%",
-    W100 = "100%"
-}
-interface CustomDividerProps {
-    id?: string;
-    color?: Color;
-    thickness?: Thickness;
-    width?: Width;
-    alignment?: Alignment;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const CustomDivider: React.FC<CustomDividerProps>;
-export { CustomDivider, Color, Alignment, Thickness, Width };
-export default CustomDivider;
+import React from 'react';
+declare enum Color {
+    DEFAULT = "currentColor",
+    PRIMARY = "text-primary",
+    SECONDARY = "text-secondary",
+    SUCCESS = "text-success",
+    WARNING = "text-warning",
+    DANGER = "text-danger",
+    INFO = "text-info",
+    DARK = "text-dark",
+    LIGHT = "text-light"
+}
+declare enum Alignment {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
+declare enum Thickness {
+    T1 = "1px",
+    T2 = "2px",
+    T3 = "3px",
+    T4 = "4px",
+    T5 = "5px",
+    T6 = "6px",
+    T8 = "8px",
+    T10 = "10px",
+    T12 = "12px",
+    T16 = "16px",
+    T24 = "24px"
+}
+declare enum Width {
+    W10 = "10%",
+    W25 = "25%",
+    W33 = "33%",
+    W50 = "50%",
+    W66 = "66%",
+    W75 = "75%",
+    W100 = "100%"
+}
+interface CustomDividerProps {
+    id?: string;
+    color?: Color;
+    thickness?: Thickness;
+    width?: Width;
+    alignment?: Alignment;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CustomDivider: React.FC<CustomDividerProps>;
+export { CustomDivider, Color, Alignment, Thickness, Width };
+export default CustomDivider;

package/dist/components/CustomDivider.js

@@ -1,87 +1,87 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Width = exports.Thickness = exports.Alignment = exports.Color = exports.CustomDivider = void 0;
-var react_1 = __importDefault(require("react"));
-var Color;
-(function (Color) {
-    Color["DEFAULT"] = "currentColor";
-    Color["PRIMARY"] = "text-primary";
-    Color["SECONDARY"] = "text-secondary";
-    Color["SUCCESS"] = "text-success";
-    Color["WARNING"] = "text-warning";
-    Color["DANGER"] = "text-danger";
-    Color["INFO"] = "text-info";
-    Color["DARK"] = "text-dark";
-    Color["LIGHT"] = "text-light";
-})(Color || (Color = {}));
-exports.Color = Color;
-var Alignment;
-(function (Alignment) {
-    Alignment["LEFT"] = "left";
-    Alignment["CENTER"] = "center";
-    Alignment["RIGHT"] = "right";
-})(Alignment || (Alignment = {}));
-exports.Alignment = Alignment;
-var Thickness;
-(function (Thickness) {
-    Thickness["T1"] = "1px";
-    Thickness["T2"] = "2px";
-    Thickness["T3"] = "3px";
-    Thickness["T4"] = "4px";
-    Thickness["T5"] = "5px";
-    Thickness["T6"] = "6px";
-    Thickness["T8"] = "8px";
-    Thickness["T10"] = "10px";
-    Thickness["T12"] = "12px";
-    Thickness["T16"] = "16px";
-    Thickness["T24"] = "24px";
-})(Thickness || (Thickness = {}));
-exports.Thickness = Thickness;
-var Width;
-(function (Width) {
-    Width["W10"] = "10%";
-    Width["W25"] = "25%";
-    Width["W33"] = "33%";
-    Width["W50"] = "50%";
-    Width["W66"] = "66%";
-    Width["W75"] = "75%";
-    Width["W100"] = "100%";
-})(Width || (Width = {}));
-exports.Width = Width;
-var CustomDivider = function (_a) {
-    var id = _a.id, _b = _a.color, color = _b === void 0 ? Color.DEFAULT : _b, // Varsayılan renk (gri ton)
-    _c = _a.thickness, // Varsayılan renk (gri ton)
-    thickness = _c === void 0 ? Thickness.T1 : _c, // Varsayılan kalınlık
-    _d = _a.width, // Varsayılan kalınlık
-    width = _d === void 0 ? Width.W100 : _d, // Varsayılan genişlik
-    _e = _a.alignment, // Varsayılan genişlik
-    alignment = _e === void 0 ? Alignment.CENTER : _e, // Varsayılan hizalama
-    _f = _a.className, // Varsayılan hizalama
-    className = _f === void 0 ? '' : _f, _g = _a.style, style = _g === void 0 ? {} : _g;
-    var combinedClassName = "".concat(color, " ").concat(className).trim();
-    // Hizalama stilini belirleme
-    var alignmentStyle = {
-        marginLeft: alignment === 'left' ? '0' : 'auto',
-        marginRight: alignment === 'right' ? '0' : 'auto',
-    };
-    return (react_1.default.createElement("hr", { id: id || "custom-divider-".concat(Date.now()), 
-        //className={`custom-divider ${className}`.trim()}
-        className: "custom-divider ".concat(combinedClassName), style: __assign(__assign({ border: 'none', borderTop: "".concat(thickness, " solid"), // Çizgiyi oluştur
-            width: width }, alignmentStyle), style) }));
-};
-exports.CustomDivider = CustomDivider;
-exports.default = CustomDivider;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Width = exports.Thickness = exports.Alignment = exports.Color = exports.CustomDivider = void 0;
+var react_1 = __importDefault(require("react"));
+var Color;
+(function (Color) {
+    Color["DEFAULT"] = "currentColor";
+    Color["PRIMARY"] = "text-primary";
+    Color["SECONDARY"] = "text-secondary";
+    Color["SUCCESS"] = "text-success";
+    Color["WARNING"] = "text-warning";
+    Color["DANGER"] = "text-danger";
+    Color["INFO"] = "text-info";
+    Color["DARK"] = "text-dark";
+    Color["LIGHT"] = "text-light";
+})(Color || (Color = {}));
+exports.Color = Color;
+var Alignment;
+(function (Alignment) {
+    Alignment["LEFT"] = "left";
+    Alignment["CENTER"] = "center";
+    Alignment["RIGHT"] = "right";
+})(Alignment || (Alignment = {}));
+exports.Alignment = Alignment;
+var Thickness;
+(function (Thickness) {
+    Thickness["T1"] = "1px";
+    Thickness["T2"] = "2px";
+    Thickness["T3"] = "3px";
+    Thickness["T4"] = "4px";
+    Thickness["T5"] = "5px";
+    Thickness["T6"] = "6px";
+    Thickness["T8"] = "8px";
+    Thickness["T10"] = "10px";
+    Thickness["T12"] = "12px";
+    Thickness["T16"] = "16px";
+    Thickness["T24"] = "24px";
+})(Thickness || (Thickness = {}));
+exports.Thickness = Thickness;
+var Width;
+(function (Width) {
+    Width["W10"] = "10%";
+    Width["W25"] = "25%";
+    Width["W33"] = "33%";
+    Width["W50"] = "50%";
+    Width["W66"] = "66%";
+    Width["W75"] = "75%";
+    Width["W100"] = "100%";
+})(Width || (Width = {}));
+exports.Width = Width;
+var CustomDivider = function (_a) {
+    var id = _a.id, _b = _a.color, color = _b === void 0 ? Color.DEFAULT : _b, // Varsayılan renk (gri ton)
+    _c = _a.thickness, // Varsayılan renk (gri ton)
+    thickness = _c === void 0 ? Thickness.T1 : _c, // Varsayılan kalınlık
+    _d = _a.width, // Varsayılan kalınlık
+    width = _d === void 0 ? Width.W100 : _d, // Varsayılan genişlik
+    _e = _a.alignment, // Varsayılan genişlik
+    alignment = _e === void 0 ? Alignment.CENTER : _e, // Varsayılan hizalama
+    _f = _a.className, // Varsayılan hizalama
+    className = _f === void 0 ? '' : _f, _g = _a.style, style = _g === void 0 ? {} : _g;
+    var combinedClassName = "".concat(color, " ").concat(className).trim();
+    // Hizalama stilini belirleme
+    var alignmentStyle = {
+        marginLeft: alignment === 'left' ? '0' : 'auto',
+        marginRight: alignment === 'right' ? '0' : 'auto',
+    };
+    return (react_1.default.createElement("hr", { id: id || "custom-divider-".concat(Date.now()), 
+        //className={`custom-divider ${className}`.trim()}
+        className: "custom-divider ".concat(combinedClassName), style: __assign(__assign({ border: 'none', borderTop: "".concat(thickness, " solid"), // Çizgiyi oluştur
+            width: width }, alignmentStyle), style) }));
+};
+exports.CustomDivider = CustomDivider;
+exports.default = CustomDivider;

package/dist/components/CustomFileUploader.d.ts

@@ -1,65 +1,65 @@
-import React from "react";
-export declare enum AllowedTypes {
-    PDF = "pdf",
-    FILE = "file",
-    IMAGE = "image",
-    VIDEO = "video",
-    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;
-    /** Çoklu dosya seçimine izin verilsin mi? */
-    multi: boolean;
-    /** İzin verilen dosya türü */
-    allowedTypes: AllowedTypes;
-    /** Eğer multi true ise aynı anda seçilebilecek maksimum dosya sayısı */
-    maxFile: number;
-    /** Her bir dosya için maksimum boyut (byte cinsinden) */
-    maxSize: number;
-    /**
-     * Opsiyonel: Yükleme tamamlandığında dönen dosya isimlerini almak için callback.
-     */
-    onUploadComplete?: (uploadedFileNames: string[]) => void;
-    /**
-     * Opsiyonel: Yüklenmiş bir dosya kaldırıldığında, dosya adı bilgisini parent bileşene bildirmek için callback.
-     */
-    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;
-    /**
-     * Opsiyonel: Çoklu dil desteği için kullanılan çeviri metinleri.
-     */
-    translations?: FileUploaderTranslations;
-    /**
-   * Eğer bu prop’un değeri değişirse uploader içini temizle
-   */
-    clearTrigger?: any;
-    /**
-     * Yükleme işlemi sırasında yükleme durumunu parent'a bildirmek için callback.
-     * Bu, yükleme işlemi başladığında ve bittiğinde çağrılabilir.
-     */
-    onUploadingChange?: (uploading: boolean) => void;
-}
-declare const CustomFileUploader: React.FC<CustomFileUploaderProps>;
-export default CustomFileUploader;
+import React from "react";
+export declare enum AllowedTypes {
+    PDF = "pdf",
+    FILE = "file",
+    IMAGE = "image",
+    VIDEO = "video",
+    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;
+    /** Çoklu dosya seçimine izin verilsin mi? */
+    multi: boolean;
+    /** İzin verilen dosya türü */
+    allowedTypes: AllowedTypes;
+    /** Eğer multi true ise aynı anda seçilebilecek maksimum dosya sayısı */
+    maxFile: number;
+    /** Her bir dosya için maksimum boyut (byte cinsinden) */
+    maxSize: number;
+    /**
+     * Opsiyonel: Yükleme tamamlandığında dönen dosya isimlerini almak için callback.
+     */
+    onUploadComplete?: (uploadedFileNames: string[]) => void;
+    /**
+     * Opsiyonel: Yüklenmiş bir dosya kaldırıldığında, dosya adı bilgisini parent bileşene bildirmek için callback.
+     */
+    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;
+    /**
+     * Opsiyonel: Çoklu dil desteği için kullanılan çeviri metinleri.
+     */
+    translations?: FileUploaderTranslations;
+    /**
+   * Eğer bu prop’un değeri değişirse uploader içini temizle
+   */
+    clearTrigger?: any;
+    /**
+     * Yükleme işlemi sırasında yükleme durumunu parent'a bildirmek için callback.
+     * Bu, yükleme işlemi başladığında ve bittiğinde çağrılabilir.
+     */
+    onUploadingChange?: (uploading: boolean) => void;
+}
+declare const CustomFileUploader: React.FC<CustomFileUploaderProps>;
+export default CustomFileUploader;