albinasoft-ui-package 1.1.61 → 1.1.63

package/dist/components/CustomForm.js

@@ -131,35 +131,32 @@ var CustomForm = function (_a) {
         uploaderInstances.current[id] = inst;
     }; };
     var handleConfirm = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var instances, _i, instances_1, inst, ok, form, customSelectValid, customTreeViewValid, isValid, formValues_1, error_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var form, uploaderValid, instances, _i, instances_1, inst, ok, customSelectValid, customTreeViewValid, nativeValid, allValid, formValues_1, _a;
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0:
                     e.preventDefault();
-                    setSubmitted(true); // Form gönderimi tetiklendi
+                    // 1) Görsel validasyon state'lerini aç
+                    setSubmitted(true);
+                    form = formRef.current;
+                    if (!form)
+                        return [2 /*return*/];
+                    uploaderValid = true;
                     instances = Object.values(uploaderInstances.current);
                     for (_i = 0, instances_1 = instances; _i < instances_1.length; _i++) {
                         inst = instances_1[_i];
-                        ok = (_a = inst === null || inst === void 0 ? void 0 : inst.validateReady) === null || _a === void 0 ? void 0 : _a.call(inst);
+                        ok = (_b = inst === null || inst === void 0 ? void 0 : inst.validateReady) === null || _b === void 0 ? void 0 : _b.call(inst);
                         if (ok === false) {
-                            // Uyarıyı uploader kendisi gösterdi; submit başlamasın.
-                            return [2 /*return*/];
+                            uploaderValid = false;
                         }
                     }
-                    setSubmitted(true);
-                    form = formRef.current;
-                    if (!form)
-                        return [2 /*return*/];
                     customSelectValid = true;
                     elements.forEach(function (element) {
-                        if (element.type === ElementType.SELECT &&
-                            element.required) {
+                        if (element.type === ElementType.SELECT && element.required) {
                             var selectElement = element;
-                            // Eğer değer boş (string) veya boş array ise geçersiz kabul edin
-                            if ((Array.isArray(selectElement.value) &&
-                                selectElement.value.length === 0) ||
-                                (!Array.isArray(selectElement.value) && !selectElement.value)) {
+                            var val = selectElement.value;
+                            if ((Array.isArray(val) && val.length === 0) || (!Array.isArray(val) && !val)) {
                                 customSelectValid = false;
                             }
                         }
@@ -174,12 +171,22 @@ var CustomForm = function (_a) {
                             }
                         }
                     });
-                    isValid = form.checkValidity() && customSelectValid && customTreeViewValid;
-                    if (!isValid) return [3 /*break*/, 6];
+                    nativeValid = form.checkValidity();
+                    allValid = uploaderValid && customSelectValid && customTreeViewValid && nativeValid;
+                    if (!allValid) {
+                        // Bootstrap görsel validasyonlarını hemen göster
+                        form.classList.add("was-validated");
+                        // Destekleyen tarayıcılarda nerenin hatalı olduğunu anında gösterir
+                        (_c = form.reportValidity) === null || _c === void 0 ? void 0 : _c.call(form);
+                        // Kullanıcıya genel mesaj
+                        notify.error("Gerekli tüm alanları doldurunuz.");
+                        return [2 /*return*/];
+                    }
+                    // 7) BURADAN SONRA GERÇEK SUBMIT
                     setIsLoading(true);
-                    _b.label = 1;
+                    _d.label = 1;
                 case 1:
-                    _b.trys.push([1, 3, 4, 5]);
+                    _d.trys.push([1, 3, 4, 5]);
                     formValues_1 = {};
                     Array.from(form.elements).forEach(function (element) {
                         if (element instanceof HTMLInputElement ||
@@ -187,18 +194,15 @@ var CustomForm = function (_a) {
                             element instanceof HTMLSelectElement) {
                             if (element.id) {
                                 var name_1 = element.name || element.id;
-                                if (element instanceof HTMLInputElement &&
-                                    element.type === ElementType.RADIO) {
+                                if (element instanceof HTMLInputElement && element.type === "radio") {
                                     if (element.checked) {
                                         formValues_1[name_1] = element.value;
                                     }
                                 }
-                                else if (element instanceof HTMLInputElement &&
-                                    element.type === ElementType.CHECKBOX) {
+                                else if (element instanceof HTMLInputElement && element.type === "checkbox") {
                                     formValues_1[name_1] = element.checked;
                                 }
-                                else if (element instanceof HTMLSelectElement &&
-                                    element.multiple) {
+                                else if (element instanceof HTMLSelectElement && element.multiple) {
                                     var selectedOptions = Array.from(element.selectedOptions).map(function (option) { return option.value; });
                                     formValues_1[name_1] = selectedOptions;
                                 }
@@ -211,7 +215,6 @@ var CustomForm = function (_a) {
                             }
                         }
                     });
-                    // Özel elemanlar için (örneğin RichTextbox) değerleri ekleyin
                     elements.forEach(function (element) {
                         if ("value" in element && element.type === ElementType.RICHTEXTBOX) {
                             formValues_1[element.id] = element.value;
@@ -219,21 +222,16 @@ var CustomForm = function (_a) {
                     });
                     return [4 /*yield*/, onSubmit(formValues_1)];
                 case 2:
-                    _b.sent();
+                    _d.sent();
                     return [3 /*break*/, 5];
                 case 3:
-                    error_1 = _b.sent();
+                    _a = _d.sent();
                     notify.error("Form gönderimi sırasında bir hata oluştu.");
                     return [3 /*break*/, 5];
                 case 4:
                     setIsLoading(false);
                     return [7 /*endfinally*/];
-                case 5: return [3 /*break*/, 7];
-                case 6:
-                    notify.error("Gerekli tüm alanları doldurunuz.");
-                    form.classList.add("was-validated");
-                    _b.label = 7;
-                case 7: return [2 /*return*/];
+                case 5: return [2 /*return*/];
             }
         });
     }); };

package/dist/components/CustomTreeView.d.ts

@@ -14,6 +14,7 @@ export interface CustomTreeViewProps {
     required?: boolean;
     submitted?: boolean;
     errorMessage?: string;
+    clearTheLineOnSelect?: boolean;
     onChange: (selected: string | string[] | null) => void;
 }
 declare const CustomTreeView: React.FC<CustomTreeViewProps>;

package/dist/components/CustomTreeView.js

@@ -1,5 +1,4 @@
 "use strict";
-// src/components/CustomTreeView.tsx
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -50,11 +49,11 @@ var TreeItem_1 = require("@mui/x-tree-view/TreeItem");
 var fa_1 = require("react-icons/fa");
 require("../assets/css/custom-treeview.css");
 var CustomTreeView = function (_a) {
-    var label = _a.label, value = _a.value, treeData = _a.treeData, _b = _a.placeholder, placeholder = _b === void 0 ? "Ağaç Yapısını Filtrele..." : _b, _c = _a.multi, multi = _c === void 0 ? false : _c, _d = _a.required, required = _d === void 0 ? false : _d, submitted = _a.submitted, errorMessage = _a.errorMessage, onChange = _a.onChange;
-    var _f = (0, react_1.useState)(""), filterTerm = _f[0], setFilterTerm = _f[1];
-    var _g = (0, react_1.useState)([]), selectedItems = _g[0], setSelectedItems = _g[1];
-    var _h = (0, react_1.useState)([]), expandedItems = _h[0], setExpandedItems = _h[1];
-    // Helper to find a node by value
+    var label = _a.label, value = _a.value, treeData = _a.treeData, _b = _a.placeholder, placeholder = _b === void 0 ? "Ağaç Yapısını Filtrele..." : _b, _c = _a.multi, multi = _c === void 0 ? false : _c, _d = _a.required, required = _d === void 0 ? false : _d, submitted = _a.submitted, errorMessage = _a.errorMessage, _f = _a.clearTheLineOnSelect, clearTheLineOnSelect = _f === void 0 ? false : _f, onChange = _a.onChange;
+    var _g = (0, react_1.useState)(""), filterTerm = _g[0], setFilterTerm = _g[1];
+    var _h = (0, react_1.useState)([]), selectedItems = _h[0], setSelectedItems = _h[1];
+    var _j = (0, react_1.useState)([]), expandedItems = _j[0], setExpandedItems = _j[1];
+    // ---- Helpers ----
     var findNodeByValue = function (nodes, val) {
         for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
             var node = nodes_1[_i];
@@ -72,7 +71,48 @@ var CustomTreeView = function (_a) {
         var node = findNodeByValue(nodes, val);
         return node ? node.label : val;
     };
-    // Reflect prop value in internal state
+    // Bir düğümün köke kadar yolunu döndür (root..target)
+    var findPathToNode = function (nodes, target, path) {
+        if (path === void 0) { path = []; }
+        for (var _i = 0, nodes_2 = nodes; _i < nodes_2.length; _i++) {
+            var node = nodes_2[_i];
+            var currentPath = __spreadArray(__spreadArray([], path, true), [node.value], false);
+            if (node.value === target)
+                return currentPath;
+            if (node.children) {
+                var result = findPathToNode(node.children, target, currentPath);
+                if (result)
+                    return result;
+            }
+        }
+        return null;
+    };
+    // Bir düğümün atalarını (kök dâhil, kendisi hariç) döndür
+    var getAncestors = function (nodes, target) {
+        var path = findPathToNode(nodes, target);
+        if (!path)
+            return [];
+        return path.slice(0, -1);
+    };
+    // Bir düğümün tüm altlarını (çocuk/torun…) döndür
+    var getDescendants = function (nodes, target) {
+        var root = findNodeByValue(nodes, target);
+        if (!root)
+            return [];
+        var acc = [];
+        var walk = function (n) {
+            if (!n.children)
+                return;
+            for (var _i = 0, _a = n.children; _i < _a.length; _i++) {
+                var c = _a[_i];
+                acc.push(c.value);
+                walk(c);
+            }
+        };
+        walk(root);
+        return acc;
+    };
+    // ---- State <-> Prop senkronizasyonu ----
     (0, react_1.useEffect)(function () {
         var initial = Array.isArray(value) ? value : value ? [value] : [];
         setSelectedItems(initial);
@@ -83,21 +123,6 @@ var CustomTreeView = function (_a) {
             return;
         var valuesArray = Array.isArray(value) ? value : [value];
         var pathsToExpand = new Set();
-        var findPathToNode = function (nodes, target, path) {
-            if (path === void 0) { path = []; }
-            for (var _i = 0, nodes_2 = nodes; _i < nodes_2.length; _i++) {
-                var node = nodes_2[_i];
-                var currentPath = __spreadArray(__spreadArray([], path, true), [node.value], false);
-                if (node.value === target)
-                    return currentPath;
-                if (node.children) {
-                    var result = findPathToNode(node.children, target, currentPath);
-                    if (result)
-                        return result;
-                }
-            }
-            return null;
-        };
         valuesArray.forEach(function (val) {
             var path = findPathToNode(treeData, val);
             if (path) {
@@ -106,7 +131,7 @@ var CustomTreeView = function (_a) {
         });
         setExpandedItems(Array.from(pathsToExpand));
     }, [value, treeData]);
-    // Filter tree utility
+    // ---- Filtreleme ----
     var filterTree = function (nodes, term) {
         var norm = term.toLocaleLowerCase("tr-TR");
         var paths = [];
@@ -130,39 +155,52 @@ var CustomTreeView = function (_a) {
             pathsToExpand: Array.from(new Set(paths)),
         };
     };
-    // Determine filtered nodes and which to expand
-    var _j = filterTerm
-        ? filterTree(treeData, filterTerm)
-        : { filteredNodes: treeData, pathsToExpand: [] }, filteredNodes = _j.filteredNodes, pathsToExpand = _j.pathsToExpand;
-    // Auto-expand when filtering
+    var _k = filterTree(treeData, filterTerm), filteredNodes = _k.filteredNodes, pathsToExpand = _k.pathsToExpand;
+    // Filtre aktifken otomatik expand
     (0, react_1.useEffect)(function () {
         if (filterTerm) {
             setExpandedItems(pathsToExpand);
         }
     }, [filterTerm, pathsToExpand]);
-    // Handle selection changes
+    // ---- Seçim değişimi ----
     var handleSelectionChange = function (_evt, itemIds) {
         var newSel = Array.isArray(itemIds) ? itemIds : itemIds ? [itemIds] : [];
+        // Önceki ve yeni seçimler arasındaki farktan eklenen/kaldırılanı bul
+        var prev = new Set(selectedItems);
+        var curr = new Set(newSel);
+        var added = Array.from(curr).filter(function (id) { return !prev.has(id); });
+        var removed = Array.from(prev).filter(function (id) { return !curr.has(id); });
+        var addedId = added[0] || null;
+        if (clearTheLineOnSelect && addedId) {
+            // Sadece addedId çizgisini temizle (atalar + altlar)
+            var toRemove_1 = new Set();
+            getAncestors(treeData, addedId).forEach(function (a) { return toRemove_1.add(a); });
+            getDescendants(treeData, addedId).forEach(function (d) { return toRemove_1.add(d); });
+            // addedId'yi daima koru
+            newSel = newSel.filter(function (val) { return val === addedId || !toRemove_1.has(val); });
+            // Emniyet: addedId listede değilse ekle
+            if (!newSel.includes(addedId)) {
+                newSel = __spreadArray(__spreadArray([], newSel, true), [addedId], false);
+            }
+        }
         setSelectedItems(newSel);
         onChange(multi ? newSel : newSel[0] || null);
     };
-    // Remove single badge
+    // Tek bir rozet (badge) kaldırma
     var handleBadgeRemove = function (val) {
         var filtered = selectedItems.filter(function (v) { return v !== val; });
         setSelectedItems(filtered);
         onChange(multi ? filtered : filtered[0] || null);
     };
-    // Clear filter only
     var handleReset = function () {
         setFilterTerm("");
     };
-    // Clear all selections
     var handleClearAll = function () {
         setSelectedItems([]);
         onChange(multi ? [] : null);
         setExpandedItems([]);
     };
-    // Render tree recursively
+    // Ağaç render (recursive)
     var renderTree = function (nodes) {
         return nodes.map(function (node) { return (react_1.default.createElement(TreeItem_1.TreeItem, { key: node.value, itemId: node.value, label: react_1.default.createElement("span", { onClick: function () {
                     var next = multi

package/package.json

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