albinasoft-ui-package 1.0.87 → 1.0.92

package/dist/components/CustomDatatable.d.ts

@@ -8,6 +8,7 @@ interface CustomDatatableProps<T> {
     minWidth?: number;
     pagination?: boolean;
     paginationPageSize?: number;
+    paginationPageSizeSelector?: number[];
     localeText?: any;
     filterAll?: boolean;
     tableTitle?: string;
@@ -33,6 +34,6 @@ interface CustomDatatableProps<T> {
     typeButton5?: string;
     disabledButton5?: boolean;
 }
-declare function CustomDatatable<T extends {}>({ rowData, columnDefs, filter, floatingFilter, minWidth, pagination, paginationPageSize, localeText, filterAll, tableTitle, tableHeight, 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, filter, floatingFilter, minWidth, pagination, paginationPageSize, paginationPageSizeSelector, localeText, filterAll, tableTitle, tableHeight, 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 { CustomDatatable, ColDef };
 export default CustomDatatable;

package/dist/components/CustomDatatable.js

@@ -36,8 +36,8 @@ var CustomText_1 = __importStar(require("./CustomText"));
 var CustomButton_1 = __importDefault(require("./CustomButton"));
 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.localeText, localeText = _g === void 0 ? locale_1.AG_GRID_LOCALE_TR : _g, _h = _a.filterAll, filterAll = _h === void 0 ? true : _h, _j = _a.tableTitle, tableTitle = _j === void 0 ? "" : _j, tableHeight = _a.tableHeight, _k = _a.labelButton1, labelButton1 = _k === void 0 ? "" : _k, onClickButton1 = _a.onClickButton1, _l = _a.typeButton1, typeButton1 = _l === void 0 ? "primary" : _l, _m = _a.disabledButton1, disabledButton1 = _m === void 0 ? false : _m, _o = _a.labelButton2, labelButton2 = _o === void 0 ? "" : _o, onClickButton2 = _a.onClickButton2, _p = _a.typeButton2, typeButton2 = _p === void 0 ? "primary" : _p, _q = _a.disabledButton2, disabledButton2 = _q === void 0 ? false : _q, _r = _a.labelButton3, labelButton3 = _r === void 0 ? "" : _r, onClickButton3 = _a.onClickButton3, _s = _a.typeButton3, typeButton3 = _s === void 0 ? "primary" : _s, _t = _a.disabledButton3, disabledButton3 = _t === void 0 ? false : _t, _u = _a.labelButton4, labelButton4 = _u === void 0 ? "" : _u, onClickButton4 = _a.onClickButton4, _v = _a.typeButton4, typeButton4 = _v === void 0 ? "primary" : _v, _w = _a.disabledButton4, disabledButton4 = _w === void 0 ? false : _w, _x = _a.labelButton5, labelButton5 = _x === void 0 ? "" : _x, onClickButton5 = _a.onClickButton5, _y = _a.typeButton5, typeButton5 = _y === void 0 ? "primary" : _y, _z = _a.disabledButton5, disabledButton5 = _z === void 0 ? false : _z;
-    var _0 = (0, react_1.useState)(""), quickFilterText = _0[0], setQuickFilterText = _0[1];
+    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;
+    var _1 = (0, react_1.useState)(""), quickFilterText = _1[0], setQuickFilterText = _1[1];
     var myTheme = ag_grid_community_1.themeQuartz.withParams({
         accentColor: "var(--bs-grid-accentColor)",
         backgroundColor: "var(--bs-grid-backgroundColor)",
@@ -81,7 +81,7 @@ function CustomDatatable(_a) {
                         defaultOption: "contains",
                         suppressAndOrCondition: true,
                     },
-                }, quickFilterText: quickFilterText ? quickFilterText.toLocaleLowerCase("tr-TR") : "", pagination: pagination, paginationPageSize: paginationPageSize }))));
+                }, quickFilterText: quickFilterText ? quickFilterText.toLocaleLowerCase("tr-TR") : "", pagination: pagination, paginationPageSize: paginationPageSize, paginationPageSizeSelector: paginationPageSizeSelector }))));
 }
 exports.CustomDatatable = CustomDatatable;
 exports.default = CustomDatatable;

package/dist/components/CustomRichTextbox.js

@@ -13,15 +13,25 @@ var CustomRichTextbox = function (_a) {
     var handleChange = function (content) {
         onChange(content);
     };
+    var modules = {
+        toolbar: [
+            [{ 'align': [] }],
+            ['bold', 'italic', 'underline', 'strike'],
+            [{ 'header': [1, 2, 3, false] }],
+            [{ 'list': 'ordered' }, { 'list': 'bullet' }],
+            ['clean']
+        ]
+    };
+    var formats = [
+        'align', 'bold', 'italic', 'underline', 'strike', 'header', 'list', 'bullet'
+    ];
     return (react_1.default.createElement("div", { className: className },
         react_1.default.createElement("div", { className: "form-group" },
             react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
             react_1.default.createElement("div", { className: "position-relative" },
-                tooltip && (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id) }, tooltip) },
+                tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id) }, tooltip) },
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement(react_quill_1.default, { id: id, value: value, placeholder: placeholder, readOnly: disabled, onChange: handleChange, className: "form-control", style: style, theme: "snow" // Kullanılan tema
-                         })))),
-                !tooltip && (react_1.default.createElement(react_quill_1.default, { id: id, value: value, placeholder: placeholder, readOnly: disabled, onChange: handleChange, className: "form-control", style: style, theme: "snow" })),
+                        react_1.default.createElement(react_quill_1.default, { id: id, value: value, placeholder: placeholder, readOnly: disabled, onChange: handleChange, className: "form-control", style: style, theme: "snow", modules: modules, formats: formats })))) : (react_1.default.createElement(react_quill_1.default, { id: id, value: value, placeholder: placeholder, readOnly: disabled, onChange: handleChange, className: "form-control", style: style, theme: "snow", modules: modules, formats: formats })),
                 required && !value && (react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2" },
                     react_1.default.createElement("div", { className: "description-icon" },
                         react_1.default.createElement(fa_1.FaExclamationTriangle, null)),

package/dist/components/CustomTreeView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface TreeNode {
+export interface TreeNode {
     label: string;
     value: string;
     children?: TreeNode[];
@@ -12,5 +12,4 @@ interface CustomTreeViewProps {
     onChange: (selected: string | null) => void;
 }
 declare const CustomTreeView: React.FC<CustomTreeViewProps>;
-export { CustomTreeView, TreeNode };
 export default CustomTreeView;

package/dist/components/CustomTreeView.js

@@ -43,7 +43,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomTreeView = void 0;
 var react_1 = __importStar(require("react"));
 var SimpleTreeView_1 = require("@mui/x-tree-view/SimpleTreeView");
 var TreeItem_1 = require("@mui/x-tree-view/TreeItem");
@@ -52,13 +51,23 @@ 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, onChange = _a.onChange;
     var _c = (0, react_1.useState)(''), filterTerm = _c[0], setFilterTerm = _c[1];
+    // value prop'u ile başlayacak şekilde state'i ayarla
     var _d = (0, react_1.useState)(value), selectedItem = _d[0], setSelectedItem = _d[1];
     var _e = (0, react_1.useState)([]), expandedItems = _e[0], setExpandedItems = _e[1];
     var _f = (0, react_1.useState)(''), inputValue = _f[0], setInputValue = _f[1];
     var _g = (0, react_1.useState)(false), isInputDisabled = _g[0], setIsInputDisabled = _g[1];
+    // value prop'u mount veya değiştiğinde, ilgili state'leri güncelle
     (0, react_1.useEffect)(function () {
-        handleReset();
-    }, []);
+        if (value) {
+            var labelText = findLabelByValue(treeData, value);
+            setInputValue(labelText);
+            setIsInputDisabled(true);
+            setSelectedItem(value);
+        }
+        else {
+            handleReset();
+        }
+    }, [value, treeData]);
     var filterTree = function (nodes, term) {
         var normalizedTerm = term.toLocaleLowerCase('tr-TR');
         var pathsToExpand = [];
@@ -66,13 +75,12 @@ var CustomTreeView = function (_a) {
             .map(function (node) {
             var normalizedLabel = node.label.toLocaleLowerCase('tr-TR');
             var matches = normalizedLabel.includes(normalizedTerm);
-            var children = node.children && node.children.length > 0
+            var childrenResult = node.children && node.children.length > 0
                 ? filterTree(node.children, term)
                 : { filteredNodes: [], pathsToExpand: [] };
-            var childMatches = children.filteredNodes.length > 0;
-            if (matches || childMatches) {
-                pathsToExpand = __spreadArray(__spreadArray(__spreadArray([], pathsToExpand, true), [node.value], false), children.pathsToExpand, true);
-                return __assign(__assign({}, node), { children: childMatches ? children.filteredNodes : undefined });
+            if (matches || childrenResult.filteredNodes.length > 0) {
+                pathsToExpand = __spreadArray(__spreadArray(__spreadArray([], pathsToExpand, true), [node.value], false), childrenResult.pathsToExpand, true);
+                return __assign(__assign({}, node), { children: childrenResult.filteredNodes.length > 0 ? childrenResult.filteredNodes : undefined });
             }
             return null;
         })
@@ -88,7 +96,7 @@ var CustomTreeView = function (_a) {
         }
     }, [filterTerm, pathsToExpand]);
     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 () { return handleLabelClick(node.value); }, style: { cursor: "pointer" } }, node.label.trim() === "" ? "Kök" : node.label) }, node.children ? renderTree(node.children) : null)); });
+        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 () { return handleLabelClick(node.value); }, style: { cursor: 'pointer' } }, node.label.trim() === "" ? "Kök" : node.label) }, node.children ? renderTree(node.children) : null)); });
     };
     var handleSelectionChange = function (event, selectedId) {
         setSelectedItem(selectedId);
@@ -108,19 +116,23 @@ var CustomTreeView = function (_a) {
             setIsInputDisabled(true);
         }
     };
-    var findNodeByValue = function (nodes, 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 === value)
+            if (node.value === val)
                 return node;
             if (node.children) {
-                var result = findNodeByValue(node.children, value);
+                var result = findNodeByValue(node.children, val);
                 if (result)
                     return result;
             }
         }
         return null;
     };
+    var findLabelByValue = function (nodes, val) {
+        var node = findNodeByValue(nodes, val);
+        return node ? node.label : '';
+    };
     var handleExpandedItemsChange = function (event, itemIds) {
         setExpandedItems(itemIds);
     };
@@ -135,7 +147,8 @@ var CustomTreeView = function (_a) {
     return (react_1.default.createElement("div", null,
         label && react_1.default.createElement("label", null, label),
         react_1.default.createElement(CustomInput_1.default, { id: "tree-search", value: inputValue || filterTerm, inputType: CustomInput_1.InputType.TEXT, disabled: isInputDisabled, 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); } }),
-        react_1.default.createElement(SimpleTreeView_1.SimpleTreeView, { checkboxSelection: true, selectedItems: selectedItem || '', expandedItems: expandedItems, onSelectedItemsChange: handleSelectionChange, onExpandedItemsChange: handleExpandedItemsChange }, renderTree(filteredNodes))));
+        react_1.default.createElement(SimpleTreeView_1.SimpleTreeView, { checkboxSelection: true, 
+            // SimpleTreeView beklediği tip string olduğundan, dizi yerine selectedItem'ı direkt veriyoruz.
+            selectedItems: selectedItem || '', expandedItems: expandedItems, onSelectedItemsChange: handleSelectionChange, onExpandedItemsChange: handleExpandedItemsChange }, renderTree(filteredNodes))));
 };
-exports.CustomTreeView = CustomTreeView;
 exports.default = CustomTreeView;

package/package.json

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