albinasoft-ui-package 1.0.82 → 1.0.83
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.
|
@@ -10,7 +10,24 @@ interface CustomDatatableProps<T> {
|
|
|
10
10
|
paginationPageSize?: number;
|
|
11
11
|
localeText?: any;
|
|
12
12
|
filterAll?: boolean;
|
|
13
|
+
tableTitle?: string;
|
|
14
|
+
tableHeight?: number;
|
|
15
|
+
labelButton1?: string;
|
|
16
|
+
onClickButton1?: (event: React.FormEvent) => void;
|
|
17
|
+
typeButton1?: string;
|
|
18
|
+
labelButton2?: string;
|
|
19
|
+
onClickButton2?: (event: React.FormEvent) => void;
|
|
20
|
+
typeButton2?: string;
|
|
21
|
+
labelButton3?: string;
|
|
22
|
+
onClickButton3?: (event: React.FormEvent) => void;
|
|
23
|
+
typeButton3?: string;
|
|
24
|
+
labelButton4?: string;
|
|
25
|
+
onClickButton4?: (event: React.FormEvent) => void;
|
|
26
|
+
typeButton4?: string;
|
|
27
|
+
labelButton5?: string;
|
|
28
|
+
onClickButton5?: (event: React.FormEvent) => void;
|
|
29
|
+
typeButton5?: string;
|
|
13
30
|
}
|
|
14
|
-
declare function CustomDatatable<T extends {}>({ rowData, columnDefs, filter, floatingFilter, minWidth, pagination, paginationPageSize, localeText, filterAll, }: CustomDatatableProps<T>): React.JSX.Element;
|
|
31
|
+
declare function CustomDatatable<T extends {}>({ rowData, columnDefs, filter, floatingFilter, minWidth, pagination, paginationPageSize, localeText, filterAll, tableTitle, tableHeight, labelButton1, onClickButton1, typeButton1, labelButton2, onClickButton2, typeButton2, labelButton3, onClickButton3, typeButton3, labelButton4, onClickButton4, typeButton4, labelButton5, onClickButton5, typeButton5, }: CustomDatatableProps<T>): React.JSX.Element;
|
|
15
32
|
export { CustomDatatable, ColDef };
|
|
16
33
|
export default CustomDatatable;
|
|
@@ -28,16 +28,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.CustomDatatable = void 0;
|
|
30
30
|
var react_1 = __importStar(require("react"));
|
|
31
|
-
var ag_grid_react_1 = require("ag-grid-react");
|
|
31
|
+
var ag_grid_react_1 = require("ag-grid-react");
|
|
32
32
|
var ag_grid_community_1 = require("ag-grid-community");
|
|
33
33
|
var locale_1 = require("@ag-grid-community/locale");
|
|
34
34
|
var CustomInput_1 = __importDefault(require("./CustomInput"));
|
|
35
|
+
var CustomText_1 = __importStar(require("./CustomText"));
|
|
36
|
+
var CustomButton_1 = __importDefault(require("./CustomButton"));
|
|
35
37
|
ag_grid_community_1.ModuleRegistry.registerModules([ag_grid_community_1.AllCommunityModule]);
|
|
36
38
|
function CustomDatatable(_a) {
|
|
37
|
-
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;
|
|
38
|
-
|
|
39
|
-
var _j = (0, react_1.useState)(""), quickFilterText = _j[0], setQuickFilterText = _j[1];
|
|
40
|
-
// Sabit tema ayarları: global CSS değişkenlerinizi kullanabilirsiniz.
|
|
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 = _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, _k = _a.tableHeight, tableHeight = _k === void 0 ? 500 : _k, _l = _a.labelButton1, labelButton1 = _l === void 0 ? "" : _l, onClickButton1 = _a.onClickButton1, _m = _a.typeButton1, typeButton1 = _m === void 0 ? "primary" : _m, _o = _a.labelButton2, labelButton2 = _o === void 0 ? "" : _o, onClickButton2 = _a.onClickButton2, _p = _a.typeButton2, typeButton2 = _p === void 0 ? "primary" : _p, _q = _a.labelButton3, labelButton3 = _q === void 0 ? "" : _q, onClickButton3 = _a.onClickButton3, _r = _a.typeButton3, typeButton3 = _r === void 0 ? "primary" : _r, _s = _a.labelButton4, labelButton4 = _s === void 0 ? "" : _s, onClickButton4 = _a.onClickButton4, _t = _a.typeButton4, typeButton4 = _t === void 0 ? "primary" : _t, _u = _a.labelButton5, labelButton5 = _u === void 0 ? "" : _u, onClickButton5 = _a.onClickButton5, _v = _a.typeButton5, typeButton5 = _v === void 0 ? "primary" : _v;
|
|
40
|
+
var _w = (0, react_1.useState)(""), quickFilterText = _w[0], setQuickFilterText = _w[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)",
|
|
@@ -45,16 +45,25 @@ function CustomDatatable(_a) {
|
|
|
45
45
|
headerBackgroundColor: "var(--bs-grid-headerBackgroundColor)",
|
|
46
46
|
headerTextColor: "var(--bs-grid-headerTextColor)",
|
|
47
47
|
});
|
|
48
|
-
return (react_1.default.createElement(
|
|
49
|
-
|
|
50
|
-
react_1.default.createElement(
|
|
48
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
49
|
+
react_1.default.createElement("div", { style: { marginBottom: "5px" } },
|
|
50
|
+
react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center" },
|
|
51
|
+
react_1.default.createElement("div", { className: "text-start" }, tableTitle && (react_1.default.createElement(CustomText_1.default, { value: tableTitle, textType: CustomText_1.TextType.HEADING, textAlign: CustomText_1.TextAlign.START, lineHeight: CustomText_1.LineHeight.XXS }))),
|
|
52
|
+
react_1.default.createElement("div", { className: "text-end" },
|
|
53
|
+
labelButton5 && onClickButton5 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton5, onClick: onClickButton5 !== null && onClickButton5 !== void 0 ? onClickButton5 : (function () { }), className: "btn btn-".concat(typeButton5, " me-1") })),
|
|
54
|
+
labelButton4 && onClickButton4 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton4, onClick: onClickButton4 !== null && onClickButton4 !== void 0 ? onClickButton4 : (function () { }), className: "btn btn-".concat(typeButton4, " me-1") })),
|
|
55
|
+
labelButton3 && onClickButton3 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton3, onClick: onClickButton3 !== null && onClickButton3 !== void 0 ? onClickButton3 : (function () { }), className: "btn btn-".concat(typeButton3, " me-1") })),
|
|
56
|
+
labelButton2 && onClickButton2 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton2, onClick: onClickButton2 !== null && onClickButton2 !== void 0 ? onClickButton2 : (function () { }), className: "btn btn-".concat(typeButton2, " me-1") })),
|
|
57
|
+
labelButton1 && onClickButton1 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton1, onClick: onClickButton1 !== null && onClickButton1 !== void 0 ? onClickButton1 : (function () { }), className: "btn btn-".concat(typeButton1, " me-1") })))),
|
|
58
|
+
filterAll && (react_1.default.createElement(CustomInput_1.default, { value: quickFilterText, onChange: function (e) { return setQuickFilterText(e.target.value); }, placeholder: "B\u00FCt\u00FCn tabloda ara...", style: {
|
|
59
|
+
marginTop: "-15px",
|
|
51
60
|
width: "100%",
|
|
52
61
|
padding: "5px",
|
|
53
62
|
border: "2px solid var(--bs-grid-searchBoxBorderColor)",
|
|
54
63
|
background: "var(--bs-grid-searchBoxBackgroundColor)",
|
|
55
64
|
borderRadius: "10px",
|
|
56
65
|
} }))),
|
|
57
|
-
react_1.default.createElement("div", { style: { width: "100%", height: "
|
|
66
|
+
react_1.default.createElement("div", { style: { width: "100%", height: "".concat(tableHeight, "px") } },
|
|
58
67
|
react_1.default.createElement(ag_grid_react_1.AgGridReact, { theme: myTheme, rowData: rowData, columnDefs: columnDefs, localeText: localeText, defaultColDef: {
|
|
59
68
|
flex: 1,
|
|
60
69
|
minWidth: minWidth,
|