albinasoft-ui-package 1.1.9 → 1.1.11

package/dist/assets/css/custom-datatable.css

@@ -0,0 +1,3 @@
+.ag-floating-filter-button {
+  display: none !important;
+}   

package/dist/components/CustomDatatable.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { ColDef } from "ag-grid-community";
+import '../assets/css/custom-datatable.css';
 interface CustomDatatableProps<T> {
     rowData: T[];
     columnDefs: ColDef<T>[];

package/dist/components/CustomDatatable.js

@@ -34,6 +34,7 @@ var locale_1 = require("@ag-grid-community/locale");
 var CustomInput_1 = __importDefault(require("./CustomInput"));
 var CustomText_1 = __importStar(require("./CustomText"));
 var CustomButton_1 = __importDefault(require("./CustomButton"));
+require("../assets/css/custom-datatable.css");
 ag_grid_community_1.ModuleRegistry.registerModules([ag_grid_community_1.AllCommunityModule]);
 function CustomDatatable(_a) {
     var rowData = _a.rowData, columnDefs = _a.columnDefs, _b = _a.filter, filter = _b === void 0 ? true : _b, _c = _a.floatingFilter, floatingFilter = _c === void 0 ? true : _c, _d = _a.minWidth, minWidth = _d === void 0 ? 100 : _d, _e = _a.pagination, pagination = _e === void 0 ? true : _e, _f = _a.paginationPageSize, paginationPageSize = _f === void 0 ? 10 : _f, _g = _a.paginationPageSizeSelector, paginationPageSizeSelector = _g === void 0 ? [10, 20, 50, 100] : _g, _h = _a.localeText, localeText = _h === void 0 ? locale_1.AG_GRID_LOCALE_TR : _h, _j = _a.filterAll, filterAll = _j === void 0 ? true : _j, _k = _a.tableTitle, tableTitle = _k === void 0 ? "" : _k, tableHeight = _a.tableHeight, _l = _a.labelButton1, labelButton1 = _l === void 0 ? "" : _l, onClickButton1 = _a.onClickButton1, _m = _a.typeButton1, typeButton1 = _m === void 0 ? "primary" : _m, _o = _a.disabledButton1, disabledButton1 = _o === void 0 ? false : _o, _p = _a.labelButton2, labelButton2 = _p === void 0 ? "" : _p, onClickButton2 = _a.onClickButton2, _q = _a.typeButton2, typeButton2 = _q === void 0 ? "primary" : _q, _r = _a.disabledButton2, disabledButton2 = _r === void 0 ? false : _r, _s = _a.labelButton3, labelButton3 = _s === void 0 ? "" : _s, onClickButton3 = _a.onClickButton3, _t = _a.typeButton3, typeButton3 = _t === void 0 ? "primary" : _t, _u = _a.disabledButton3, disabledButton3 = _u === void 0 ? false : _u, _v = _a.labelButton4, labelButton4 = _v === void 0 ? "" : _v, onClickButton4 = _a.onClickButton4, _w = _a.typeButton4, typeButton4 = _w === void 0 ? "primary" : _w, _x = _a.disabledButton4, disabledButton4 = _x === void 0 ? false : _x, _y = _a.labelButton5, labelButton5 = _y === void 0 ? "" : _y, onClickButton5 = _a.onClickButton5, _z = _a.typeButton5, typeButton5 = _z === void 0 ? "primary" : _z, _0 = _a.disabledButton5, disabledButton5 = _0 === void 0 ? false : _0;

package/dist/components/CustomTreeView.js

@@ -54,16 +54,7 @@ var CustomTreeView = function (_a) {
     var _d = (0, react_1.useState)(''), filterTerm = _d[0], setFilterTerm = _d[1];
     var _f = (0, react_1.useState)([]), selectedItems = _f[0], setSelectedItems = _f[1];
     var _g = (0, react_1.useState)([]), expandedItems = _g[0], setExpandedItems = _g[1];
-    // Ağacın tüm node ID’lerini toplar
-    var getAllNodeIds = function (nodes) {
-        return nodes.reduce(function (acc, node) {
-            acc.push(node.value);
-            if (node.children)
-                acc.push.apply(acc, getAllNodeIds(node.children));
-            return acc;
-        }, []);
-    };
-    // Value’dan başlık bulmak için yardımcı
+    // Helper to find a node by value
     var findNodeByValue = function (nodes, val) {
         for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
             var node = nodes_1[_i];
@@ -81,16 +72,12 @@ var CustomTreeView = function (_a) {
         var node = findNodeByValue(nodes, val);
         return node ? node.label : val;
     };
-    // Props value’dan selectedItems’e yansıt
+    // Reflect prop value in internal state
     (0, react_1.useEffect)(function () {
-        var initial = Array.isArray(value)
-            ? value
-            : value
-                ? [value]
-                : [];
+        var initial = Array.isArray(value) ? value : value ? [value] : [];
         setSelectedItems(initial);
     }, [value]);
-    // Filtre ve expand mantığı
+    // Filter tree utility
     var filterTree = function (nodes, term) {
         var norm = term.toLocaleLowerCase('tr-TR');
         var paths = [];
@@ -111,47 +98,41 @@ var CustomTreeView = function (_a) {
             .filter(Boolean);
         return { filteredNodes: filtered, pathsToExpand: Array.from(new Set(paths)) };
     };
+    // Determine filtered nodes and which to expand
     var _h = filterTerm
         ? filterTree(treeData, filterTerm)
         : { filteredNodes: treeData, pathsToExpand: [] }, filteredNodes = _h.filteredNodes, pathsToExpand = _h.pathsToExpand;
-    // Yalnızca filtre yaptığımızda aç
+    // Auto-expand when filtering
     (0, react_1.useEffect)(function () {
         if (filterTerm) {
             setExpandedItems(pathsToExpand);
         }
     }, [filterTerm, pathsToExpand]);
-    // Seçim değiştiğinde hem iç state’e hem de parent’a bildir
+    // Handle selection changes
     var handleSelectionChange = function (_evt, itemIds) {
-        var newSel = Array.isArray(itemIds)
-            ? itemIds
-            : itemIds
-                ? [itemIds]
-                : [];
+        var newSel = Array.isArray(itemIds) ? itemIds : itemIds ? [itemIds] : [];
         setSelectedItems(newSel);
-        if (multi) {
-            onChange(newSel);
-        }
-        else {
-            onChange(newSel[0] || null);
-        }
+        onChange(multi ? newSel : newSel[0] || null);
     };
-    // Badge’e tıklayıp seçimi kaldır
+    // Remove single badge
     var handleBadgeRemove = function (val) {
         var filtered = selectedItems.filter(function (v) { return v !== val; });
         setSelectedItems(filtered);
         onChange(multi ? filtered : filtered[0] || null);
     };
-    // Filtreyi sıfırla
+    // Clear filter only
     var handleReset = function () {
         setFilterTerm('');
+    };
+    // Clear all selections
+    var handleClearAll = function () {
         setSelectedItems([]);
         onChange(multi ? [] : null);
         setExpandedItems([]);
     };
-    // Ağaç elemanlarını render et
+    // Render tree recursively
     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 () {
-                    // TreeItem label’ına tıklayınca da seçilsin
                     var next = multi
                         ? selectedItems.includes(node.value)
                             ? selectedItems.filter(function (v) { return v !== node.value; })
@@ -162,9 +143,12 @@ var CustomTreeView = function (_a) {
     };
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(CustomInput_1.default, { id: "tree-search", label: label, value: filterTerm, inputType: CustomInput_1.InputType.TEXT, placeholder: placeholder, buttonIcon: react_1.default.createElement(fa_1.FaTimes, null), buttonClass: "btn btn-danger bg-soft-danger", buttonOnClick: handleReset, onChange: function (e) { return setFilterTerm(e.target.value); } }),
-        selectedItems.length > 0 && (react_1.default.createElement("div", { className: "mb-2" }, selectedItems.map(function (val) { return (react_1.default.createElement("span", { key: val, className: "badge bg-secondary me-1", style: { cursor: 'pointer' }, onClick: function () { return handleBadgeRemove(val); } },
-            findLabelByValue(treeData, val),
-            " \u00D7")); }))),
+        multi && selectedItems.length > 0 && (react_1.default.createElement("div", { className: "mb-2" },
+            selectedItems.length > 1 && (react_1.default.createElement("span", { className: "btn btn-sm btn-danger rounded-pill me-1", style: { cursor: 'pointer' }, onClick: handleClearAll },
+                react_1.default.createElement(fa_1.FaTrash, null))),
+            selectedItems.map(function (val) { return (react_1.default.createElement("span", { key: val, className: "badge bg-secondary me-1", style: { cursor: 'pointer' }, onClick: function () { return handleBadgeRemove(val); } },
+                findLabelByValue(treeData, val),
+                " \u00D7")); }))),
         react_1.default.createElement(SimpleTreeView_1.SimpleTreeView, { checkboxSelection: true, multiSelect: multi, selectedItems: selectedItems, expandedItems: expandedItems, onSelectedItemsChange: handleSelectionChange, onExpandedItemsChange: function (_e, ids) {
                 var arr = Array.isArray(ids) ? ids : ids ? [ids] : [];
                 setExpandedItems(arr);

package/package.json

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