albinasoft-ui-package 1.0.81 → 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.
Files changed (5) hide show
  1. package/dist/components/CustomDatatable.d.ts +19 -2
  2. package/dist/components/CustomDatatable.js +20 -9
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +3 -1
  5. package/package.json +1 -1
package/dist/components/CustomDatatable.d.ts CHANGED
@@ -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;
15
- export type { ColDef } from "ag-grid-community";
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;
32
+ export { CustomDatatable, ColDef };
16
33
  export default CustomDatatable;
package/dist/components/CustomDatatable.js CHANGED
@@ -26,17 +26,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.CustomDatatable = void 0;
29
30
  var react_1 = __importStar(require("react"));
30
- var ag_grid_react_1 = require("ag-grid-react"); // React Data Grid Component
31
+ var ag_grid_react_1 = require("ag-grid-react");
31
32
  var ag_grid_community_1 = require("ag-grid-community");
32
33
  var locale_1 = require("@ag-grid-community/locale");
33
34
  var CustomInput_1 = __importDefault(require("./CustomInput"));
35
+ var CustomText_1 = __importStar(require("./CustomText"));
36
+ var CustomButton_1 = __importDefault(require("./CustomButton"));
34
37
  ag_grid_community_1.ModuleRegistry.registerModules([ag_grid_community_1.AllCommunityModule]);
35
38
  function CustomDatatable(_a) {
36
- 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;
37
- // Global arama (quick filter) için state
38
- var _j = (0, react_1.useState)(""), quickFilterText = _j[0], setQuickFilterText = _j[1];
39
- // 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];
40
41
  var myTheme = ag_grid_community_1.themeQuartz.withParams({
41
42
  accentColor: "var(--bs-grid-accentColor)",
42
43
  backgroundColor: "var(--bs-grid-backgroundColor)",
@@ -44,16 +45,25 @@ function CustomDatatable(_a) {
44
45
  headerBackgroundColor: "var(--bs-grid-headerBackgroundColor)",
45
46
  headerTextColor: "var(--bs-grid-headerTextColor)",
46
47
  });
47
- return (react_1.default.createElement("div", { style: { width: "100%" } },
48
- filterAll && (react_1.default.createElement("div", { style: { marginBottom: "5px" } },
49
- react_1.default.createElement(CustomInput_1.default, { value: quickFilterText, onChange: function (e) { return setQuickFilterText(e.target.value); }, placeholder: "B\u00FCt\u00FCn tabloda ara...", style: {
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",
50
60
  width: "100%",
51
61
  padding: "5px",
52
62
  border: "2px solid var(--bs-grid-searchBoxBorderColor)",
53
63
  background: "var(--bs-grid-searchBoxBackgroundColor)",
54
64
  borderRadius: "10px",
55
65
  } }))),
56
- react_1.default.createElement("div", { style: { width: "100%", height: "500px" } },
66
+ react_1.default.createElement("div", { style: { width: "100%", height: "".concat(tableHeight, "px") } },
57
67
  react_1.default.createElement(ag_grid_react_1.AgGridReact, { theme: myTheme, rowData: rowData, columnDefs: columnDefs, localeText: localeText, defaultColDef: {
58
68
  flex: 1,
59
69
  minWidth: minWidth,
@@ -73,4 +83,5 @@ function CustomDatatable(_a) {
73
83
  },
74
84
  }, quickFilterText: quickFilterText ? quickFilterText.toLocaleLowerCase("tr-TR") : "", pagination: pagination, paginationPageSize: paginationPageSize }))));
75
85
  }
86
+ exports.CustomDatatable = CustomDatatable;
76
87
  exports.default = CustomDatatable;
package/dist/index.d.ts CHANGED
@@ -15,4 +15,5 @@ import CustomTreeView from './components/CustomTreeView';
15
15
  import CustomAutocompleteInput from './components/CustomAutocompleteInput';
16
16
  import CustomProgressBar from './components/CustomProgressBar';
17
17
  import CustomTimeline from './components/CustomTimeline';
18
- export { CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, CustomAutocompleteInput, CustomProgressBar, CustomTimeline, };
18
+ import CustomDatatable from './components/CustomDatatable';
19
+ export { CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, CustomAutocompleteInput, CustomProgressBar, CustomTimeline, CustomDatatable, };
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.CustomTimeline = exports.CustomProgressBar = exports.CustomAutocompleteInput = exports.CustomTreeView = exports.CustomTextarea = exports.CustomText = exports.CustomTab = exports.CustomSelect = exports.CustomRichTextbox = exports.CustomRadioButton = exports.CustomModal = exports.CustomInput = exports.CustomForm = exports.CustomDivider = exports.CustomDateTimePicker = exports.CustomCheckbox = exports.CustomButton = void 0;
6
+ exports.CustomDatatable = exports.CustomTimeline = exports.CustomProgressBar = exports.CustomAutocompleteInput = exports.CustomTreeView = exports.CustomTextarea = exports.CustomText = exports.CustomTab = exports.CustomSelect = exports.CustomRichTextbox = exports.CustomRadioButton = exports.CustomModal = exports.CustomInput = exports.CustomForm = exports.CustomDivider = exports.CustomDateTimePicker = exports.CustomCheckbox = exports.CustomButton = void 0;
7
7
  var CustomButton_1 = __importDefault(require("./components/CustomButton"));
8
8
  exports.CustomButton = CustomButton_1.default;
9
9
  var CustomCheckbox_1 = __importDefault(require("./components/CustomCheckbox"));
@@ -38,3 +38,5 @@ var CustomProgressBar_1 = __importDefault(require("./components/CustomProgressBa
38
38
  exports.CustomProgressBar = CustomProgressBar_1.default;
39
39
  var CustomTimeline_1 = __importDefault(require("./components/CustomTimeline"));
40
40
  exports.CustomTimeline = CustomTimeline_1.default;
41
+ var CustomDatatable_1 = __importDefault(require("./components/CustomDatatable"));
42
+ exports.CustomDatatable = CustomDatatable_1.default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "albinasoft-ui-package",
3
- "version": "1.0.81",
3
+ "version": "1.0.83",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "scripts": {