albinasoft-ui-package 1.1.28 → 1.1.30

package/dist/components/CustomDatatable.d.ts

@@ -15,6 +15,7 @@ export interface CustomDatatableProps<T> {
     filter?: boolean;
     floatingFilter?: boolean;
     minWidth?: number;
+    tooltipHideDelay?: number;
     labelButton1?: string;
     onClickButton1?: (e: React.FormEvent) => void;
     typeButton1?: string;
@@ -36,6 +37,6 @@ export interface CustomDatatableProps<T> {
     typeButton5?: string;
     disabledButton5?: boolean;
 }
-declare function CustomDatatable<T extends {}>({ rowData, columnDefs, loading, pagination, paginationPageSize, paginationPageSizeSelector, filterAll, tableTitle, tableHeight, localeText, filter, floatingFilter, minWidth, labelButton1, onClickButton1, typeButton1, disabledButton1, labelButton2, onClickButton2, typeButton2, disabledButton2, labelButton3, onClickButton3, typeButton3, disabledButton3, labelButton4, onClickButton4, typeButton4, disabledButton4, labelButton5, onClickButton5, typeButton5, disabledButton5, }: CustomDatatableProps<T>): React.JSX.Element;
+declare function CustomDatatable<T extends {}>({ rowData, columnDefs, loading, pagination, paginationPageSize, paginationPageSizeSelector, tooltipHideDelay, filterAll, tableTitle, tableHeight, localeText, filter, floatingFilter, minWidth, labelButton1, onClickButton1, typeButton1, disabledButton1, labelButton2, onClickButton2, typeButton2, disabledButton2, labelButton3, onClickButton3, typeButton3, disabledButton3, labelButton4, onClickButton4, typeButton4, disabledButton4, labelButton5, onClickButton5, typeButton5, disabledButton5, }: CustomDatatableProps<T>): React.JSX.Element;
 export type { ColDef };
 export default CustomDatatable;

package/dist/components/CustomDatatable.js

@@ -36,8 +36,8 @@ var CustomButton_1 = __importDefault(require("./CustomButton"));
 var CustomInput_1 = __importDefault(require("./CustomInput"));
 ag_grid_community_1.ModuleRegistry.registerModules([ag_grid_community_1.AllCommunityModule]);
 function CustomDatatable(_a) {
-    var rowData = _a.rowData, columnDefs = _a.columnDefs, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.pagination, pagination = _c === void 0 ? true : _c, _d = _a.paginationPageSize, paginationPageSize = _d === void 0 ? 10 : _d, _e = _a.paginationPageSizeSelector, paginationPageSizeSelector = _e === void 0 ? [10, 20, 50, 100] : _e, _f = _a.filterAll, filterAll = _f === void 0 ? true : _f, _g = _a.tableTitle, tableTitle = _g === void 0 ? "" : _g, tableHeight = _a.tableHeight, _h = _a.localeText, localeText = _h === void 0 ? locale_1.AG_GRID_LOCALE_TR : _h, _j = _a.filter, filter = _j === void 0 ? true : _j, _k = _a.floatingFilter, floatingFilter = _k === void 0 ? true : _k, _l = _a.minWidth, minWidth = _l === void 0 ? 100 : _l, _m = _a.labelButton1, labelButton1 = _m === void 0 ? "" : _m, onClickButton1 = _a.onClickButton1, _o = _a.typeButton1, typeButton1 = _o === void 0 ? "primary" : _o, _p = _a.disabledButton1, disabledButton1 = _p === void 0 ? false : _p, _q = _a.labelButton2, labelButton2 = _q === void 0 ? "" : _q, onClickButton2 = _a.onClickButton2, _r = _a.typeButton2, typeButton2 = _r === void 0 ? "primary" : _r, _s = _a.disabledButton2, disabledButton2 = _s === void 0 ? false : _s, _t = _a.labelButton3, labelButton3 = _t === void 0 ? "" : _t, onClickButton3 = _a.onClickButton3, _u = _a.typeButton3, typeButton3 = _u === void 0 ? "primary" : _u, _v = _a.disabledButton3, disabledButton3 = _v === void 0 ? false : _v, _w = _a.labelButton4, labelButton4 = _w === void 0 ? "" : _w, onClickButton4 = _a.onClickButton4, _x = _a.typeButton4, typeButton4 = _x === void 0 ? "primary" : _x, _y = _a.disabledButton4, disabledButton4 = _y === void 0 ? false : _y, _z = _a.labelButton5, labelButton5 = _z === void 0 ? "" : _z, onClickButton5 = _a.onClickButton5, _0 = _a.typeButton5, typeButton5 = _0 === void 0 ? "primary" : _0, _1 = _a.disabledButton5, disabledButton5 = _1 === void 0 ? false : _1;
-    var _2 = (0, react_1.useState)(""), quickFilterText = _2[0], setQuickFilterText = _2[1];
+    var rowData = _a.rowData, columnDefs = _a.columnDefs, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.pagination, pagination = _c === void 0 ? true : _c, _d = _a.paginationPageSize, paginationPageSize = _d === void 0 ? 10 : _d, _e = _a.paginationPageSizeSelector, paginationPageSizeSelector = _e === void 0 ? [10, 20, 50, 100] : _e, _f = _a.tooltipHideDelay, tooltipHideDelay = _f === void 0 ? 2000 : _f, _g = _a.filterAll, filterAll = _g === void 0 ? true : _g, _h = _a.tableTitle, tableTitle = _h === void 0 ? "" : _h, tableHeight = _a.tableHeight, _j = _a.localeText, localeText = _j === void 0 ? locale_1.AG_GRID_LOCALE_TR : _j, _k = _a.filter, filter = _k === void 0 ? true : _k, _l = _a.floatingFilter, floatingFilter = _l === void 0 ? true : _l, _m = _a.minWidth, minWidth = _m === void 0 ? 100 : _m, _o = _a.labelButton1, labelButton1 = _o === void 0 ? "" : _o, onClickButton1 = _a.onClickButton1, _p = _a.typeButton1, typeButton1 = _p === void 0 ? "primary" : _p, _q = _a.disabledButton1, disabledButton1 = _q === void 0 ? false : _q, _r = _a.labelButton2, labelButton2 = _r === void 0 ? "" : _r, onClickButton2 = _a.onClickButton2, _s = _a.typeButton2, typeButton2 = _s === void 0 ? "primary" : _s, _t = _a.disabledButton2, disabledButton2 = _t === void 0 ? false : _t, _u = _a.labelButton3, labelButton3 = _u === void 0 ? "" : _u, onClickButton3 = _a.onClickButton3, _v = _a.typeButton3, typeButton3 = _v === void 0 ? "primary" : _v, _w = _a.disabledButton3, disabledButton3 = _w === void 0 ? false : _w, _x = _a.labelButton4, labelButton4 = _x === void 0 ? "" : _x, onClickButton4 = _a.onClickButton4, _y = _a.typeButton4, typeButton4 = _y === void 0 ? "primary" : _y, _z = _a.disabledButton4, disabledButton4 = _z === void 0 ? false : _z, _0 = _a.labelButton5, labelButton5 = _0 === void 0 ? "" : _0, onClickButton5 = _a.onClickButton5, _1 = _a.typeButton5, typeButton5 = _1 === void 0 ? "primary" : _1, _2 = _a.disabledButton5, disabledButton5 = _2 === void 0 ? false : _2;
+    var _3 = (0, react_1.useState)(""), quickFilterText = _3[0], setQuickFilterText = _3[1];
     // Tema ayarları
     var theme = ag_grid_community_1.themeQuartz.withParams({
         accentColor: "var(--bs-grid-accentColor)",
@@ -64,7 +64,10 @@ function CustomDatatable(_a) {
                     background: "var(--bs-grid-searchBoxBackgroundColor)",
                     borderRadius: 10,
                 } }))),
-        react_1.default.createElement("div", { style: { width: "100%", height: tableHeight ? "".concat(tableHeight, "px") : "auto" } },
+        react_1.default.createElement("div", { style: {
+                width: "100%",
+                height: tableHeight ? "".concat(tableHeight, "px") : "auto",
+            } },
             react_1.default.createElement(ag_grid_react_1.AgGridReact, { loading: loading, domLayout: tableHeight ? undefined : "autoHeight", theme: theme, rowData: rowData, columnDefs: columnDefs, localeText: localeText, quickFilterText: quickFilterText.toLowerCase(), defaultColDef: {
                     flex: 1,
                     minWidth: minWidth,
@@ -72,7 +75,9 @@ function CustomDatatable(_a) {
                     filter: filter,
                     floatingFilter: floatingFilter,
                     getQuickFilterText: function (params) {
-                        return params.value ? params.value.toString().toLocaleLowerCase("tr-TR") : "";
+                        return params.value
+                            ? params.value.toString().toLocaleLowerCase("tr-TR")
+                            : "";
                     },
                     filterParams: {
                         textFormatter: function (value) {
@@ -82,6 +87,6 @@ function CustomDatatable(_a) {
                         defaultOption: "contains",
                         suppressAndOrCondition: true,
                     },
-                }, suppressServerSideFullWidthLoadingRow: true, overlayLoadingTemplate: "\n                        <div class=\"spinner-border spinner-border-lg\" role=\"status\">\n                        </div>", overlayNoRowsTemplate: '<span class="ag-overlay-no-rows-center">G\u00F6sterilecek Sat\u0131r Yok</span>', pagination: pagination, paginationPageSize: paginationPageSize, paginationPageSizeSelector: paginationPageSizeSelector }))));
+                }, suppressServerSideFullWidthLoadingRow: true, overlayLoadingTemplate: "\n                        <div class=\"spinner-border spinner-border-lg\" role=\"status\">\n                        </div>", overlayNoRowsTemplate: '<span class="ag-overlay-no-rows-center">G\u00F6sterilecek Sat\u0131r Yok</span>', pagination: pagination, paginationPageSize: paginationPageSize, paginationPageSizeSelector: paginationPageSizeSelector, tooltipShowDelay: 0, tooltipHideDelay: tooltipHideDelay }))));
 }
 exports.default = CustomDatatable;

package/dist/components/CustomFileUploader.d.ts

@@ -51,7 +51,10 @@ export interface CustomFileUploaderProps {
      * Opsiyonel: Çoklu dil desteği için kullanılan çeviri metinleri.
      */
     translations?: FileUploaderTranslations;
-    resetTrigger?: boolean;
+    /**
+   * Eğer bu prop’un değeri değişirse uploader içini temizle
+   */
+    clearTrigger?: any;
 }
 declare const CustomFileUploader: React.FC<CustomFileUploaderProps>;
 export default CustomFileUploader;

package/dist/components/CustomFileUploader.js

@@ -112,7 +112,7 @@ 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."
 };
 // ====================
 // Stil Ayarları
@@ -174,30 +174,9 @@ var fileTypeIcons = {
 };
 var defaultFileIcon = react_1.default.createElement(fa_1.FaFile, null);
 // İzin verilen dosya uzantıları
-var allowedFileExtensions = [
-    ".pdf",
-    ".doc",
-    ".docx",
-    ".xls",
-    ".xlsx",
-    ".txt",
-];
-var allowedImageExtensions = [
-    ".jpg",
-    ".jpeg",
-    ".png",
-    ".gif",
-    ".bmp",
-    ".webp",
-];
-var allowedVideoExtensions = [
-    ".mp4",
-    ".avi",
-    ".mov",
-    ".mkv",
-    ".webm",
-    ".flv",
-];
+var allowedFileExtensions = [".pdf", ".doc", ".docx", ".xls", ".xlsx", ".txt"];
+var allowedImageExtensions = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp"];
+var allowedVideoExtensions = [".mp4", ".avi", ".mov", ".mkv", ".webm", ".flv"];
 // ====================
 // Yardımcı Fonksiyonlar
 // ====================
@@ -222,8 +201,7 @@ var isAllowedFileType = function (file, allowedType) {
         case AllowedTypes.VIDEO:
             return allowedVideoExtensions.includes(ext);
         case AllowedTypes.VISUAL:
-            return (allowedImageExtensions.includes(ext) ||
-                allowedVideoExtensions.includes(ext));
+            return allowedImageExtensions.includes(ext) || allowedVideoExtensions.includes(ext);
         default:
             return false;
     }
@@ -232,17 +210,31 @@ var isAllowedFileType = function (file, allowedType) {
 // CustomFileUploader Bileşeni
 // ====================
 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, resetTrigger = props.resetTrigger;
+    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;
     // 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);
+    // 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) {
+            if (item.uploaded && item.serverFileName && onRemoveUploaded) {
+                onRemoveUploaded(item.serverFileName);
+            }
+        });
+        setPreviews([]);
+        updatePendingStatus([]);
+        if (fileInputRef.current) {
+            fileInputRef.current.value = "";
+        }
+    };
+    // form submit olduğunda temizlemeyi tetikleyecek listener
     (0, react_1.useEffect)(function () {
-        if (props.resetTrigger) {
-            setPreviews([]);
-            updatePendingStatus([]);
+        // clearTrigger her değiştiğinde uploader’ı temizle
+        if (clearTrigger !== undefined) {
+            handleClearAll();
         }
-    }, [props.resetTrigger]);
+    }, [clearTrigger]);
     // Pending dosya sayısını parent'a iletecek yardımcı fonksiyon
     var updatePendingStatus = function (previewsArray) {
         if (onPendingChange) {
@@ -253,12 +245,8 @@ var CustomFileUploader = function (props) {
     // Dosyaları ekleme işlemi
     var handleFiles = function (files) {
         var filesArray = Array.from(files);
-        var currentCount = multi ? previews.length : previews.length > 0 ? 1 : 0;
-        var availableSlots = multi
-            ? maxFile - currentCount
-            : currentCount === 0
-                ? 1
-                : 0;
+        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);
             return;
@@ -278,8 +266,7 @@ var CustomFileUploader = function (props) {
                 react_toastify_1.toast.error(file.name + " " + finalTranslations.fileTypeError);
                 return;
             }
-            var isImg = allowedTypes === AllowedTypes.IMAGE ||
-                (allowedTypes === AllowedTypes.VISUAL && isImageFile(file));
+            var isImg = allowedTypes === AllowedTypes.IMAGE || (allowedTypes === AllowedTypes.VISUAL && isImageFile(file));
             var previewContent = isImg && isImageFile(file)
                 ? URL.createObjectURL(file)
                 : fileTypeIcons[getFileExtension(file)] || defaultFileIcon;
@@ -325,10 +312,7 @@ var CustomFileUploader = function (props) {
         setPreviews(updatedPreviews);
         updatePendingStatus(updatedPreviews);
         var itemToRemove = previews.find(function (item) { return item.id === previewId; });
-        if (itemToRemove &&
-            itemToRemove.uploaded &&
-            itemToRemove.serverFileName &&
-            onRemoveUploaded) {
+        if (itemToRemove && itemToRemove.uploaded && itemToRemove.serverFileName && onRemoveUploaded) {
             onRemoveUploaded(itemToRemove.serverFileName);
         }
     };
@@ -338,9 +322,7 @@ var CustomFileUploader = function (props) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    filesToUpload = previews
-                        .filter(function (item) { return !item.uploaded; })
-                        .map(function (item) { return item.file; });
+                    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);
                         return [2 /*return*/];
@@ -404,23 +386,12 @@ var CustomFileUploader = function (props) {
     }); };
     // 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;
+        ? 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, 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: 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%",
@@ -449,7 +420,8 @@ var CustomFileUploader = function (props) {
                     whiteSpace: "nowrap",
                 }, 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(CustomButton_1.default, { label: finalTranslations.uploadButtonText, className: "btn btn-primary", onClick: handleUpload })))));
+        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

@@ -184,6 +184,7 @@ interface FileUploaderElement {
     onUploadComplete: (uploadedFileNames: string[]) => void;
     onRemoveUploaded: (fileName: string) => void;
     onPendingChange: (pendingFileCount: number) => void;
+    clearTrigger?: any;
     translations: FileUploaderTranslations;
     rowId?: number;
     colId?: number;

package/dist/components/CustomForm.js

@@ -226,7 +226,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.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, label: element.label, translations: element.translations }))) : 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 }))) : null)); })));
                 })));
             })));
         }),

package/package.json

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