albinasoft-ui-package 1.1.41 → 1.1.43

package/dist/components/CustomTimeline.js

@@ -1,80 +1,80 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DotColor = exports.CustomTimeline = void 0;
-var react_1 = __importStar(require("react"));
-var fa_1 = require("react-icons/fa");
-var CustomText_1 = __importStar(require("./CustomText"));
-require("../assets/css/custom-timeline.css");
-var DotColor;
-(function (DotColor) {
-    DotColor["PRIMARY"] = "border-primary text-primary";
-    DotColor["SECONDARY"] = "border-secondary text-secondary";
-    DotColor["SUCCESS"] = "border-success text-success";
-    DotColor["WARNING"] = "border-warning text-warning";
-    DotColor["DANGER"] = "border-danger text-danger";
-    DotColor["INFO"] = "border-info text-info";
-    DotColor["DARK"] = "border-dark text-dark";
-    DotColor["LIGHT"] = "border-light text-light";
-})(DotColor || (DotColor = {}));
-exports.DotColor = DotColor;
-var CustomTimeline = function (_a) {
-    var timelineElements = _a.timelineElements;
-    var _b = (0, react_1.useState)(new Set()), expandedItems = _b[0], setExpandedItems = _b[1];
-    var toggleItem = function (key) {
-        setExpandedItems(function (prev) {
-            var newSet = new Set(prev);
-            newSet.has(key) ? newSet.delete(key) : newSet.add(key);
-            return newSet;
-        });
-    };
-    var renderTimelineElements = function (elements, level, parentKey) {
-        if (level === void 0) { level = 0; }
-        if (parentKey === void 0) { parentKey = ""; }
-        return (react_1.default.createElement("ul", { className: "list-inline p-0 m-0 w-100 ms-".concat(level * 3) }, elements.map(function (element, index) {
-            var _a;
-            var key = parentKey ? "".concat(parentKey, ".").concat(index) : "".concat(index);
-            var isExpanded = expandedItems.has(key);
-            return (react_1.default.createElement("li", { key: key, className: "w-100 mb-3 position-relative ps-4 timeline-item" },
-                react_1.default.createElement("div", { className: "timeline-line" }),
-                react_1.default.createElement("div", { className: "timeline-dots ".concat(element.dotColor || DotColor.PRIMARY), onClick: function () { return toggleItem(key); } }, isExpanded ? react_1.default.createElement(fa_1.FaChevronDown, null) : react_1.default.createElement(fa_1.FaChevronRight, null)),
-                react_1.default.createElement("div", { className: "ms-3 mt-2" },
-                    react_1.default.createElement(CustomText_1.default, { value: element.title, textType: CustomText_1.TextType.HEADING, lineHeight: CustomText_1.LineHeight.XXS })),
-                react_1.default.createElement("div", { className: "expandable-content ms-3 ".concat(isExpanded ? "expanded" : "collapsed") },
-                    react_1.default.createElement(CustomText_1.default, { value: element.mainTime, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XXS, lineHeight: CustomText_1.LineHeight.M, italic: true }),
-                    element.description && (react_1.default.createElement("div", { className: "mb-2" },
-                        react_1.default.createElement(CustomText_1.default, { value: element.description, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XS, lineHeight: CustomText_1.LineHeight.XXS }))), (_a = element.additionalInfos) === null || _a === void 0 ? void 0 :
-                    _a.map(function (info, infoIndex) { return (react_1.default.createElement("div", { key: infoIndex, className: "alert alert-secondary d-flex align-items-center gap-3 me-5" },
-                        react_1.default.createElement(fa_1.FaInfoCircle, { size: 24, className: "flex-shrink-0" }),
-                        react_1.default.createElement("div", { className: "flex-grow-1" },
-                            react_1.default.createElement(CustomText_1.default, { value: info.time, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XXS, lineHeight: CustomText_1.LineHeight.M, italic: true }),
-                            typeof info.description === "string" ? (react_1.default.createElement(CustomText_1.default, { value: info.description, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XS, lineHeight: CustomText_1.LineHeight.XXS })) : (info.description)))); }),
-                    element.elements && renderTimelineElements(element.elements, level + 1, key))));
-        })));
-    };
-    return (react_1.default.createElement("div", { className: "iq-timeline0 m-0 d-flex align-items-center justify-content-between position-relative" }, renderTimelineElements(timelineElements)));
-};
-exports.CustomTimeline = CustomTimeline;
-exports.default = CustomTimeline;
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DotColor = exports.CustomTimeline = void 0;
+var react_1 = __importStar(require("react"));
+var fa_1 = require("react-icons/fa");
+var CustomText_1 = __importStar(require("./CustomText"));
+require("../assets/css/custom-timeline.css");
+var DotColor;
+(function (DotColor) {
+    DotColor["PRIMARY"] = "border-primary text-primary";
+    DotColor["SECONDARY"] = "border-secondary text-secondary";
+    DotColor["SUCCESS"] = "border-success text-success";
+    DotColor["WARNING"] = "border-warning text-warning";
+    DotColor["DANGER"] = "border-danger text-danger";
+    DotColor["INFO"] = "border-info text-info";
+    DotColor["DARK"] = "border-dark text-dark";
+    DotColor["LIGHT"] = "border-light text-light";
+})(DotColor || (DotColor = {}));
+exports.DotColor = DotColor;
+var CustomTimeline = function (_a) {
+    var timelineElements = _a.timelineElements;
+    var _b = (0, react_1.useState)(new Set()), expandedItems = _b[0], setExpandedItems = _b[1];
+    var toggleItem = function (key) {
+        setExpandedItems(function (prev) {
+            var newSet = new Set(prev);
+            newSet.has(key) ? newSet.delete(key) : newSet.add(key);
+            return newSet;
+        });
+    };
+    var renderTimelineElements = function (elements, level, parentKey) {
+        if (level === void 0) { level = 0; }
+        if (parentKey === void 0) { parentKey = ""; }
+        return (react_1.default.createElement("ul", { className: "list-inline p-0 m-0 w-100 ms-".concat(level * 3) }, elements.map(function (element, index) {
+            var _a;
+            var key = parentKey ? "".concat(parentKey, ".").concat(index) : "".concat(index);
+            var isExpanded = expandedItems.has(key);
+            return (react_1.default.createElement("li", { key: key, className: "w-100 mb-3 position-relative ps-4 timeline-item" },
+                react_1.default.createElement("div", { className: "timeline-line" }),
+                react_1.default.createElement("div", { className: "timeline-dots ".concat(element.dotColor || DotColor.PRIMARY), onClick: function () { return toggleItem(key); } }, isExpanded ? react_1.default.createElement(fa_1.FaChevronDown, null) : react_1.default.createElement(fa_1.FaChevronRight, null)),
+                react_1.default.createElement("div", { className: "ms-3 mt-2" },
+                    react_1.default.createElement(CustomText_1.default, { value: element.title, textType: CustomText_1.TextType.HEADING, lineHeight: CustomText_1.LineHeight.XXS })),
+                react_1.default.createElement("div", { className: "expandable-content ms-3 ".concat(isExpanded ? "expanded" : "collapsed") },
+                    react_1.default.createElement(CustomText_1.default, { value: element.mainTime, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XXS, lineHeight: CustomText_1.LineHeight.M, italic: true }),
+                    element.description && (react_1.default.createElement("div", { className: "mb-2" },
+                        react_1.default.createElement(CustomText_1.default, { value: element.description, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XS, lineHeight: CustomText_1.LineHeight.XXS }))), (_a = element.additionalInfos) === null || _a === void 0 ? void 0 :
+                    _a.map(function (info, infoIndex) { return (react_1.default.createElement("div", { key: infoIndex, className: "alert alert-secondary d-flex align-items-center gap-3 me-5" },
+                        react_1.default.createElement(fa_1.FaInfoCircle, { size: 24, className: "flex-shrink-0" }),
+                        react_1.default.createElement("div", { className: "flex-grow-1" },
+                            react_1.default.createElement(CustomText_1.default, { value: info.time, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XXS, lineHeight: CustomText_1.LineHeight.M, italic: true }),
+                            typeof info.description === "string" ? (react_1.default.createElement(CustomText_1.default, { value: info.description, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XS, lineHeight: CustomText_1.LineHeight.XXS })) : (info.description)))); }),
+                    element.elements && renderTimelineElements(element.elements, level + 1, key))));
+        })));
+    };
+    return (react_1.default.createElement("div", { className: "iq-timeline0 m-0 d-flex align-items-center justify-content-between position-relative" }, renderTimelineElements(timelineElements)));
+};
+exports.CustomTimeline = CustomTimeline;
+exports.default = CustomTimeline;

package/dist/components/CustomTreeView.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-export interface TreeNode {
-    label: string;
-    value: string;
-    children?: TreeNode[];
-}
-export interface CustomTreeViewProps {
-    /** Eğer başlık göstermek isterseniz */
-    label?: string;
-    /** Seçili değerin (veya çokluysa dizi halinde) prop’u */
-    value: string | string[] | null;
-    /** Gösterilecek ağaç verisi */
-    treeData: TreeNode[];
-    /** Input placeholder’ı */
-    placeholder?: string;
-    /** Çoklu seçim modu */
-    multi?: boolean;
-    /** Seçim değiştiğinde çağrılır */
-    onChange: (selected: string | string[] | null) => void;
-}
-declare const CustomTreeView: React.FC<CustomTreeViewProps>;
-export default CustomTreeView;
+import React from 'react';
+export interface TreeNode {
+    label: string;
+    value: string;
+    children?: TreeNode[];
+}
+export interface CustomTreeViewProps {
+    /** Eğer başlık göstermek isterseniz */
+    label?: string;
+    /** Seçili değerin (veya çokluysa dizi halinde) prop’u */
+    value: string | string[] | null;
+    /** Gösterilecek ağaç verisi */
+    treeData: TreeNode[];
+    /** Input placeholder’ı */
+    placeholder?: string;
+    /** Çoklu seçim modu */
+    multi?: boolean;
+    /** Seçim değiştiğinde çağrılır */
+    onChange: (selected: string | string[] | null) => void;
+}
+declare const CustomTreeView: React.FC<CustomTreeViewProps>;
+export default CustomTreeView;

package/dist/components/CustomTreeView.js

@@ -1,157 +1,157 @@
-"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++) {
-            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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var SimpleTreeView_1 = require("@mui/x-tree-view/SimpleTreeView");
-var TreeItem_1 = require("@mui/x-tree-view/TreeItem");
-var fa_1 = require("react-icons/fa");
-var CustomInput_1 = __importStar(require("./CustomInput"));
-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, onChange = _a.onChange;
-    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];
-    // 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];
-            if (node.value === val)
-                return node;
-            if (node.children) {
-                var found = findNodeByValue(node.children, val);
-                if (found)
-                    return found;
-            }
-        }
-        return null;
-    };
-    var findLabelByValue = function (nodes, val) {
-        var node = findNodeByValue(nodes, val);
-        return node ? node.label : val;
-    };
-    // Reflect prop value in internal state
-    (0, react_1.useEffect)(function () {
-        var initial = Array.isArray(value) ? value : value ? [value] : [];
-        setSelectedItems(initial);
-    }, [value]);
-    // Filter tree utility
-    var filterTree = function (nodes, term) {
-        var norm = term.toLocaleLowerCase('tr-TR');
-        var paths = [];
-        var filtered = nodes
-            .map(function (node) {
-            var labelNorm = node.label.toLocaleLowerCase('tr-TR');
-            var childResult = node.children
-                ? filterTree(node.children, term)
-                : { filteredNodes: [], pathsToExpand: [] };
-            if (labelNorm.includes(norm) || childResult.filteredNodes.length) {
-                paths.push.apply(paths, __spreadArray([node.value], childResult.pathsToExpand, false));
-                return __assign(__assign({}, node), { children: childResult.filteredNodes.length > 0
-                        ? childResult.filteredNodes
-                        : undefined });
-            }
-            return null;
-        })
-            .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;
-    // Auto-expand when filtering
-    (0, react_1.useEffect)(function () {
-        if (filterTerm) {
-            setExpandedItems(pathsToExpand);
-        }
-    }, [filterTerm, pathsToExpand]);
-    // Handle selection changes
-    var handleSelectionChange = function (_evt, itemIds) {
-        var newSel = Array.isArray(itemIds) ? itemIds : itemIds ? [itemIds] : [];
-        setSelectedItems(newSel);
-        onChange(multi ? newSel : newSel[0] || null);
-    };
-    // Remove single badge
-    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
-    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
-                        ? selectedItems.includes(node.value)
-                            ? selectedItems.filter(function (v) { return v !== node.value; })
-                            : __spreadArray(__spreadArray([], selectedItems, true), [node.value], false)
-                        : [node.value];
-                    handleSelectionChange({}, next);
-                }, style: { cursor: 'pointer' } }, node.label || 'Kök') }, node.children ? renderTree(node.children) : null)); });
-    };
-    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); } }),
-        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);
-            } }, renderTree(filteredNodes))));
-};
-exports.default = CustomTreeView;
+"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++) {
+            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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var SimpleTreeView_1 = require("@mui/x-tree-view/SimpleTreeView");
+var TreeItem_1 = require("@mui/x-tree-view/TreeItem");
+var fa_1 = require("react-icons/fa");
+var CustomInput_1 = __importStar(require("./CustomInput"));
+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, onChange = _a.onChange;
+    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];
+    // 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];
+            if (node.value === val)
+                return node;
+            if (node.children) {
+                var found = findNodeByValue(node.children, val);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    };
+    var findLabelByValue = function (nodes, val) {
+        var node = findNodeByValue(nodes, val);
+        return node ? node.label : val;
+    };
+    // Reflect prop value in internal state
+    (0, react_1.useEffect)(function () {
+        var initial = Array.isArray(value) ? value : value ? [value] : [];
+        setSelectedItems(initial);
+    }, [value]);
+    // Filter tree utility
+    var filterTree = function (nodes, term) {
+        var norm = term.toLocaleLowerCase('tr-TR');
+        var paths = [];
+        var filtered = nodes
+            .map(function (node) {
+            var labelNorm = node.label.toLocaleLowerCase('tr-TR');
+            var childResult = node.children
+                ? filterTree(node.children, term)
+                : { filteredNodes: [], pathsToExpand: [] };
+            if (labelNorm.includes(norm) || childResult.filteredNodes.length) {
+                paths.push.apply(paths, __spreadArray([node.value], childResult.pathsToExpand, false));
+                return __assign(__assign({}, node), { children: childResult.filteredNodes.length > 0
+                        ? childResult.filteredNodes
+                        : undefined });
+            }
+            return null;
+        })
+            .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;
+    // Auto-expand when filtering
+    (0, react_1.useEffect)(function () {
+        if (filterTerm) {
+            setExpandedItems(pathsToExpand);
+        }
+    }, [filterTerm, pathsToExpand]);
+    // Handle selection changes
+    var handleSelectionChange = function (_evt, itemIds) {
+        var newSel = Array.isArray(itemIds) ? itemIds : itemIds ? [itemIds] : [];
+        setSelectedItems(newSel);
+        onChange(multi ? newSel : newSel[0] || null);
+    };
+    // Remove single badge
+    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
+    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
+                        ? selectedItems.includes(node.value)
+                            ? selectedItems.filter(function (v) { return v !== node.value; })
+                            : __spreadArray(__spreadArray([], selectedItems, true), [node.value], false)
+                        : [node.value];
+                    handleSelectionChange({}, next);
+                }, style: { cursor: 'pointer' } }, node.label || 'Kök') }, node.children ? renderTree(node.children) : null)); });
+    };
+    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); } }),
+        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);
+            } }, renderTree(filteredNodes))));
+};
+exports.default = CustomTreeView;

package/dist/index.d.ts

@@ -1,22 +1,22 @@
-import AlbinaForm from './components/AlbinaForm';
-import CustomButton from './components/CustomButton';
-import CustomCheckbox from './components/CustomCheckbox';
-import CustomDateTimePicker from './components/CustomDateTimePicker';
-import CustomDivider from './components/CustomDivider';
-import CustomForm from './components/CustomForm';
-import CustomInput from './components/CustomInput';
-import CustomModal from './components/CustomModal';
-import CustomPhoneInput from './components/CustomPhoneInput';
-import CustomRadioButton from './components/CustomRadioButton';
-import CustomRichTextbox from './components/CustomRichTextbox';
-import CustomSelect from './components/CustomSelect';
-import CustomSimpleSelect from './components/CustomSimpleSelect';
-import CustomTab from './components/CustomTab';
-import CustomText from './components/CustomText';
-import CustomTextarea from './components/CustomTextarea';
-import CustomTreeView from './components/CustomTreeView';
-import CustomAutocompleteInput from './components/CustomAutocompleteInput';
-import CustomProgressBar from './components/CustomProgressBar';
-import CustomTimeline from './components/CustomTimeline';
-import CustomDatatable from './components/CustomDatatable';
-export { AlbinaForm, CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomPhoneInput, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomSimpleSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, CustomAutocompleteInput, CustomProgressBar, CustomTimeline, CustomDatatable, };
+import AlbinaForm from './components/AlbinaForm';
+import CustomButton from './components/CustomButton';
+import CustomCheckbox from './components/CustomCheckbox';
+import CustomDateTimePicker from './components/CustomDateTimePicker';
+import CustomDivider from './components/CustomDivider';
+import CustomForm from './components/CustomForm';
+import CustomInput from './components/CustomInput';
+import CustomModal from './components/CustomModal';
+import CustomPhoneInput from './components/CustomPhoneInput';
+import CustomRadioButton from './components/CustomRadioButton';
+import CustomRichTextbox from './components/CustomRichTextbox';
+import CustomSelect from './components/CustomSelect';
+import CustomSimpleSelect from './components/CustomSimpleSelect';
+import CustomTab from './components/CustomTab';
+import CustomText from './components/CustomText';
+import CustomTextarea from './components/CustomTextarea';
+import CustomTreeView from './components/CustomTreeView';
+import CustomAutocompleteInput from './components/CustomAutocompleteInput';
+import CustomProgressBar from './components/CustomProgressBar';
+import CustomTimeline from './components/CustomTimeline';
+import CustomDatatable from './components/CustomDatatable';
+export { AlbinaForm, CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomPhoneInput, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomSimpleSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, CustomAutocompleteInput, CustomProgressBar, CustomTimeline, CustomDatatable, };