albinasoft-ui-package 1.0.86 → 1.0.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -8,6 +8,7 @@ interface CustomDatatableProps<T> {
|
|
|
8
8
|
minWidth?: number;
|
|
9
9
|
pagination?: boolean;
|
|
10
10
|
paginationPageSize?: number;
|
|
11
|
+
paginationPageSizeSelector?: number[];
|
|
11
12
|
localeText?: any;
|
|
12
13
|
filterAll?: boolean;
|
|
13
14
|
tableTitle?: string;
|
|
@@ -33,6 +34,6 @@ interface CustomDatatableProps<T> {
|
|
|
33
34
|
typeButton5?: string;
|
|
34
35
|
disabledButton5?: boolean;
|
|
35
36
|
}
|
|
36
|
-
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;
|
|
37
|
+
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;
|
|
37
38
|
export { CustomDatatable, ColDef };
|
|
38
39
|
export default CustomDatatable;
|
|
@@ -36,8 +36,8 @@ var CustomText_1 = __importStar(require("./CustomText"));
|
|
|
36
36
|
var CustomButton_1 = __importDefault(require("./CustomButton"));
|
|
37
37
|
ag_grid_community_1.ModuleRegistry.registerModules([ag_grid_community_1.AllCommunityModule]);
|
|
38
38
|
function CustomDatatable(_a) {
|
|
39
|
-
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 =
|
|
40
|
-
var
|
|
39
|
+
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;
|
|
40
|
+
var _1 = (0, react_1.useState)(""), quickFilterText = _1[0], setQuickFilterText = _1[1];
|
|
41
41
|
var myTheme = ag_grid_community_1.themeQuartz.withParams({
|
|
42
42
|
accentColor: "var(--bs-grid-accentColor)",
|
|
43
43
|
backgroundColor: "var(--bs-grid-backgroundColor)",
|
|
@@ -81,7 +81,7 @@ function CustomDatatable(_a) {
|
|
|
81
81
|
defaultOption: "contains",
|
|
82
82
|
suppressAndOrCondition: true,
|
|
83
83
|
},
|
|
84
|
-
}, quickFilterText: quickFilterText ? quickFilterText.toLocaleLowerCase("tr-TR") : "", pagination: pagination, paginationPageSize: paginationPageSize }))));
|
|
84
|
+
}, quickFilterText: quickFilterText ? quickFilterText.toLocaleLowerCase("tr-TR") : "", pagination: pagination, paginationPageSize: paginationPageSize, paginationPageSizeSelector: paginationPageSizeSelector }))));
|
|
85
85
|
}
|
|
86
86
|
exports.CustomDatatable = CustomDatatable;
|
|
87
87
|
exports.default = CustomDatatable;
|
|
@@ -13,15 +13,25 @@ var CustomRichTextbox = function (_a) {
|
|
|
13
13
|
var handleChange = function (content) {
|
|
14
14
|
onChange(content);
|
|
15
15
|
};
|
|
16
|
+
var modules = {
|
|
17
|
+
toolbar: [
|
|
18
|
+
[{ 'align': [] }],
|
|
19
|
+
['bold', 'italic', 'underline', 'strike'],
|
|
20
|
+
[{ 'header': [1, 2, 3, false] }],
|
|
21
|
+
[{ 'list': 'ordered' }, { 'list': 'bullet' }],
|
|
22
|
+
['clean']
|
|
23
|
+
]
|
|
24
|
+
};
|
|
25
|
+
var formats = [
|
|
26
|
+
'align', 'bold', 'italic', 'underline', 'strike', 'header', 'list', 'bullet'
|
|
27
|
+
];
|
|
16
28
|
return (react_1.default.createElement("div", { className: className },
|
|
17
29
|
react_1.default.createElement("div", { className: "form-group" },
|
|
18
30
|
react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
|
|
19
31
|
react_1.default.createElement("div", { className: "position-relative" },
|
|
20
|
-
tooltip
|
|
32
|
+
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) },
|
|
21
33
|
react_1.default.createElement("div", null,
|
|
22
|
-
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"
|
|
23
|
-
})))),
|
|
24
|
-
!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" })),
|
|
34
|
+
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 })),
|
|
25
35
|
required && !value && (react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2" },
|
|
26
36
|
react_1.default.createElement("div", { className: "description-icon" },
|
|
27
37
|
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
|
@@ -88,7 +88,7 @@ var CustomTreeView = function (_a) {
|
|
|
88
88
|
}
|
|
89
89
|
}, [filterTerm, pathsToExpand]);
|
|
90
90
|
var renderTree = function (nodes) {
|
|
91
|
-
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:
|
|
91
|
+
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)); });
|
|
92
92
|
};
|
|
93
93
|
var handleSelectionChange = function (event, selectedId) {
|
|
94
94
|
setSelectedItem(selectedId);
|