albinasoft-ui-package 1.1.59 → 1.1.61

package/dist/assets/css/custom-datetime-picker.css

@@ -1,6 +1,7 @@
 /* Genel Ayarlar */
 .react-datepicker-popper {
   z-index: 5;
+  line-height: 0;
 }
 
 .react-datepicker__navigation-icon::before,
@@ -48,10 +49,6 @@
   height: auto;
 }
 
-.react-datepicker-popper {
-  z-index: 1;
-  line-height: 0;
-}
 .react-datepicker-popper .react-datepicker__triangle {
   stroke: var(--bs-border-color);
 }

package/dist/components/CustomFileUploader.d.ts

@@ -22,6 +22,7 @@ export interface FileUploaderTranslations {
     fileTypeError: string;
     noFileSelectedWarning: string;
     pendingBeforeSubmitWarning?: string;
+    requiredBeforeSubmitWarning?: string;
 }
 export declare const defaultTranslations: FileUploaderTranslations;
 export interface CustomFileUploaderProps {
@@ -35,6 +36,8 @@ export interface CustomFileUploaderProps {
     maxFile: number;
     /** Her bir dosya için maksimum boyut (byte cinsinden) */
     maxSize: number;
+    required?: boolean;
+    submitted?: boolean;
     /**
      * Opsiyonel: Yükleme tamamlandığında dönen dosya isimlerini almak için callback.
      */

package/dist/components/CustomFileUploader.js

@@ -112,7 +112,8 @@ exports.defaultTranslations = {
     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.",
-    pendingBeforeSubmitWarning: "Henüz yüklenmemiş dosyalar var. Lütfen önce 'Yükle' butonuna basın."
+    pendingBeforeSubmitWarning: "Henüz yüklenmemiş dosyalar var. Lütfen önce 'Yükle' butonuna basın.",
+    requiredBeforeSubmitWarning: "En az bir dosya yüklemiş olmalısınız."
 };
 // ====================
 // Stil Ayarları
@@ -130,7 +131,7 @@ var spinnerStyle = {
     zIndex: 3,
 };
 var dropAreaStyle = {
-    border: "2px dashed #007bff",
+    //border: "2px dashed #007bff",
     borderRadius: "5px",
     padding: "20px",
     textAlign: "center",
@@ -227,6 +228,7 @@ var CustomFileUploader = (0, react_1.forwardRef)(function (props, ref) {
     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);
+    var isInvalid = props.required && props.submitted && !previews.some(function (p) { return p.uploaded; });
     // Parent submit öncesi çağırıyor: pending varsa uyar ve blokla
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         validateReady: function () {
@@ -235,9 +237,17 @@ var CustomFileUploader = (0, react_1.forwardRef)(function (props, ref) {
                 onNotify === null || onNotify === void 0 ? void 0 : onNotify.warning(finalTranslations.pendingBeforeSubmitWarning || exports.defaultTranslations.pendingBeforeSubmitWarning);
                 return false;
             }
+            // REQUIRED kuralı: en az 1 adet YÜKLENMİŞ dosya olmalı
+            if (props.required) {
+                var hasUploaded = previews.some(function (p) { return p.uploaded; });
+                if (!hasUploaded) {
+                    onNotify === null || onNotify === void 0 ? void 0 : onNotify.warning(finalTranslations.requiredBeforeSubmitWarning || exports.defaultTranslations.requiredBeforeSubmitWarning);
+                    return false;
+                }
+            }
             return true;
         }
-    }); }, [previews, finalTranslations, onNotify]);
+    }); }, [previews, finalTranslations, onNotify, props.required]);
     // 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) {
@@ -433,7 +443,7 @@ var CustomFileUploader = (0, react_1.forwardRef)(function (props, ref) {
     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: __assign(__assign({}, dropAreaStyle), { border: isInvalid ? "2px dashed #ff0000ff" : "2px dashed #007bff" }), 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.isUploading && react_1.default.createElement("div", { style: spinnerStyle }),
                 item.isImage ? (react_1.default.createElement("img", { src: item.previewContent, alt: "\u00D6nizleme ".concat(item.id), style: {
@@ -467,6 +477,9 @@ var CustomFileUploader = (0, react_1.forwardRef)(function (props, ref) {
         react_1.default.createElement("input", { type: "file", multiple: multi, ref: fileInputRef, onChange: handleFileChange, style: { display: "none" } }),
         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 })))));
+            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 }))),
+        isInvalid && (react_1.default.createElement("div", { className: "invalid-feedback d-block text-danger mt-1" },
+            react_1.default.createElement(fa_1.FaExclamationTriangle, { className: "me-1" }),
+            finalTranslations.requiredBeforeSubmitWarning || "Bu alan boş bırakılamaz."))));
 });
 exports.default = CustomFileUploader;

package/dist/components/CustomForm.d.ts

@@ -200,6 +200,7 @@ interface FileUploaderElement {
     allowedTypes: AllowedTypes;
     maxFile: number;
     maxSize: number;
+    required?: boolean;
     onUploadComplete: (uploadedFileNames: string[]) => void;
     onRemoveUploaded: (fileName: string) => void;
     onPendingChange: (pendingFileCount: number) => void;

package/dist/components/CustomForm.js

@@ -265,7 +265,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, onNotify: onNotify }))) : 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, required: element.required, submitted: submitted, onUploadComplete: element.onUploadComplete, onRemoveUploaded: element.onRemoveUploaded, onPendingChange: element.onPendingChange, clearTrigger: element.clearTrigger, label: element.label, translations: element.translations, onUploadingChange: setIsUploading, onNotify: onNotify }))) : null)); })));
                 })));
             })));
         }),

package/package.json

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

package/dist/components/AlbinaForm.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-export interface AlbinaFormHandles {
-    getFormValues: () => Record<string, any>;
-}
-export interface AlbinaFormProps {
-    /** Başlangıç form değerleri */
-    initialValues?: Record<string, any>;
-    /** Form elemanları konfigürasyonu (CustomForm’un elements prop’una verilecek) */
-    elements: any[];
-    /** İç satırın sınıfı */
-    innerRowCustomClass?: string;
-    /** Onay buton etiketi */
-    confirmLabel?: string;
-    /** İptal buton etiketi */
-    cancelLabel?: string;
-    /** Onay butonu görünürlüğü */
-    showConfirmButton?: boolean;
-    /** İptal butonu görünürlüğü */
-    showCancelButton?: boolean;
-    /** Form gönderme işlemi */
-    onSubmit: (values: Record<string, any>) => Promise<any> | void;
-    /** İptal işlemi */
-    onCancel?: () => void;
-    /** Form değeri değiştiğinde çağrılacak callback */
-    onValuesChange?: (values: Record<string, any>) => void;
-}
-declare const AlbinaForm: React.ForwardRefExoticComponent<AlbinaFormProps & React.RefAttributes<AlbinaFormHandles>>;
-export default AlbinaForm;

package/dist/components/AlbinaForm.js

@@ -1,88 +0,0 @@
-"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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var CustomForm_1 = __importStar(require("./CustomForm"));
-var AlbinaForm = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.initialValues, initialValues = _b === void 0 ? {} : _b, elements = _a.elements, _c = _a.innerRowCustomClass, innerRowCustomClass = _c === void 0 ? "justify-content-evenly" : _c, _d = _a.confirmLabel, confirmLabel = _d === void 0 ? "Gönder" : _d, _e = _a.cancelLabel, cancelLabel = _e === void 0 ? "İptal" : _e, _f = _a.showConfirmButton, showConfirmButton = _f === void 0 ? true : _f, _g = _a.showCancelButton, showCancelButton = _g === void 0 ? false : _g, onSubmit = _a.onSubmit, onCancel = _a.onCancel, onValuesChange = _a.onValuesChange;
-    var _h = (0, react_1.useState)(initialValues), formValues = _h[0], setFormValues = _h[1];
-    // Form değerleri değiştikçe dışarıya bildiriyoruz.
-    (0, react_1.useEffect)(function () {
-        if (onValuesChange) {
-            onValuesChange(formValues);
-        }
-    }, [formValues, onValuesChange]);
-    var handleInputChange = function (id) { return function (e) {
-        if (e instanceof Date || e === null) {
-            setFormValues(function (prev) {
-                var _a;
-                return (__assign(__assign({}, prev), (_a = {}, _a[id] = e, _a)));
-            });
-        }
-        else if (e.target) {
-            var _a = e.target, type_1 = _a.type, checked_1 = _a.checked, value_1 = _a.value;
-            setFormValues(function (prev) {
-                var _a;
-                return (__assign(__assign({}, prev), (_a = {}, _a[id] = type_1 === "checkbox" ? checked_1 : value_1, _a)));
-            });
-        }
-        else {
-            setFormValues(function (prev) {
-                var _a;
-                return (__assign(__assign({}, prev), (_a = {}, _a[id] = e, _a)));
-            });
-        }
-    }; };
-    var enhancedElements = elements.map(function (element) {
-        if (element.id && element.type === CustomForm_1.ElementType.SELECT) {
-            return __assign(__assign({}, element), { value: formValues[element.id] || [], onChange: handleInputChange(element.id) });
-        }
-        else if (element.id) {
-            return __assign(__assign({}, element), { value: formValues[element.id] || "", onChange: handleInputChange(element.id) });
-        }
-        return element;
-    });
-    var handleFormSubmit = function (values) {
-        onSubmit(formValues);
-    };
-    // Ref üzerinden dışarıya sunulacak metod
-    var getFormValues = function () { return formValues; };
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        getFormValues: getFormValues,
-    }); });
-    return (react_1.default.createElement(CustomForm_1.default, { elements: enhancedElements, innerRowCustomClass: innerRowCustomClass, confirmLabel: confirmLabel, cancelLabel: cancelLabel, showConfirmButton: showConfirmButton, showCancelButton: showCancelButton, onSubmit: handleFormSubmit, handleCancel: onCancel }));
-});
-exports.default = AlbinaForm;