albinasoft-ui-package 1.1.44 → 1.1.45

package/dist/components/CustomCheckbox.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-interface CustomCheckboxProps {
-    id?: string;
-    name?: string;
-    label: string;
-    value: boolean;
-    required?: boolean;
-    errorMessage?: string;
-    conditionalErrorVisible?: boolean;
-    conditionalErrorMessage?: string;
-    tooltip?: string;
-    description?: string | null;
-    disabled?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    moreVisible?: boolean;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
-export default CustomCheckbox;
+import React from 'react';
+interface CustomCheckboxProps {
+    id?: string;
+    name?: string;
+    label: string;
+    value: boolean;
+    required?: boolean;
+    errorMessage?: string;
+    conditionalErrorVisible?: boolean;
+    conditionalErrorMessage?: string;
+    tooltip?: string;
+    description?: string | null;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    moreVisible?: boolean;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
+export default CustomCheckbox;

package/dist/components/CustomCheckbox.js

@@ -1,58 +1,58 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var fa_1 = require("react-icons/fa");
-var CustomCheckbox = function (_a) {
-    var id = _a.id, name = _a.name, label = _a.label, value = _a.value, _b = _a.required, required = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, conditionalErrorVisible = _a.conditionalErrorVisible, conditionalErrorMessage = _a.conditionalErrorMessage, tooltip = _a.tooltip, description = _a.description, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, style = _a.style, _d = _a.moreVisible, moreVisible = _d === void 0 ? false : _d, // Varsayılan false
-    onChange = _a.onChange;
-    // Checkbox kutusu için stil
-    var customInputStyle = __assign(__assign({}, style), (moreVisible ? {
-        transform: 'scale(1.5)',
-        transformOrigin: 'center',
-        border: '2px solid #007bff',
-        boxShadow: '0 0 5px rgba(0,123,255,0.8)',
-        marginTop: '0.6rem',
-    } : {}));
-    // Label (yazı) için stil
-    var customLabelStyle = moreVisible ? {
-        fontSize: '1.5em',
-        fontWeight: 'bold',
-        marginLeft: '0.5rem',
-    } : {};
-    var inputElement = (react_1.default.createElement("input", { id: id, name: name, type: "checkbox", className: "form-check-input", checked: value, disabled: disabled, onChange: onChange, required: required, style: customInputStyle }));
-    return (react_1.default.createElement("div", { className: className },
-        react_1.default.createElement("div", { className: "form-check form-group" },
-            tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id || name) }, tooltip) }, inputElement)) : (inputElement),
-            react_1.default.createElement("label", { htmlFor: id, className: "form-check-label", style: customLabelStyle }, label),
-            required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
-                react_1.default.createElement("div", { className: "description-icon" },
-                    react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
-                react_1.default.createElement("div", { className: "description-text" },
-                    react_1.default.createElement("span", null, errorMessage || 'Bu seçim zorunludur.')))),
-            conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
-                react_1.default.createElement("div", { className: "description-icon" },
-                    react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
-                react_1.default.createElement("div", { className: "description-text" },
-                    react_1.default.createElement("span", null, conditionalErrorMessage)))),
-            description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
-                react_1.default.createElement("div", { className: "description-icon" },
-                    react_1.default.createElement(fa_1.FaInfoCircle, null)),
-                react_1.default.createElement("div", { className: "description-text" },
-                    react_1.default.createElement("span", null, description)))))));
-};
-exports.default = CustomCheckbox;
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var fa_1 = require("react-icons/fa");
+var CustomCheckbox = function (_a) {
+    var id = _a.id, name = _a.name, label = _a.label, value = _a.value, _b = _a.required, required = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, conditionalErrorVisible = _a.conditionalErrorVisible, conditionalErrorMessage = _a.conditionalErrorMessage, tooltip = _a.tooltip, description = _a.description, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, style = _a.style, _d = _a.moreVisible, moreVisible = _d === void 0 ? false : _d, // Varsayılan false
+    onChange = _a.onChange;
+    // Checkbox kutusu için stil
+    var customInputStyle = __assign(__assign({}, style), (moreVisible ? {
+        transform: 'scale(1.5)',
+        transformOrigin: 'center',
+        border: '2px solid #007bff',
+        boxShadow: '0 0 5px rgba(0,123,255,0.8)',
+        marginTop: '0.6rem',
+    } : {}));
+    // Label (yazı) için stil
+    var customLabelStyle = moreVisible ? {
+        fontSize: '1.5em',
+        fontWeight: 'bold',
+        marginLeft: '0.5rem',
+    } : {};
+    var inputElement = (react_1.default.createElement("input", { id: id, name: name, type: "checkbox", className: "form-check-input", checked: value, disabled: disabled, onChange: onChange, required: required, style: customInputStyle }));
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement("div", { className: "form-check form-group" },
+            tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id || name) }, tooltip) }, inputElement)) : (inputElement),
+            react_1.default.createElement("label", { htmlFor: id, className: "form-check-label", style: customLabelStyle }, label),
+            required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
+                react_1.default.createElement("div", { className: "description-icon" },
+                    react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                react_1.default.createElement("div", { className: "description-text" },
+                    react_1.default.createElement("span", null, errorMessage || 'Bu seçim zorunludur.')))),
+            conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
+                react_1.default.createElement("div", { className: "description-icon" },
+                    react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                react_1.default.createElement("div", { className: "description-text" },
+                    react_1.default.createElement("span", null, conditionalErrorMessage)))),
+            description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
+                react_1.default.createElement("div", { className: "description-icon" },
+                    react_1.default.createElement(fa_1.FaInfoCircle, null)),
+                react_1.default.createElement("div", { className: "description-text" },
+                    react_1.default.createElement("span", null, description)))))));
+};
+exports.default = CustomCheckbox;

package/dist/components/CustomDatatable.d.ts

@@ -1,42 +1,42 @@
-import React from "react";
-import { ColDef } from "ag-grid-community";
-import "../assets/css/custom-datatable.css";
-export interface CustomDatatableProps<T> {
-    rowData: T[];
-    columnDefs: ColDef<T>[];
-    loading?: boolean;
-    pagination?: boolean;
-    paginationPageSize?: number;
-    paginationPageSizeSelector?: number[];
-    filterAll?: boolean;
-    tableTitle?: string;
-    tableHeight?: number;
-    localeText?: any;
-    filter?: boolean;
-    floatingFilter?: boolean;
-    minWidth?: number;
-    tooltipHideDelay?: number;
-    labelButton1?: string;
-    onClickButton1?: (e: React.FormEvent) => void;
-    typeButton1?: string;
-    disabledButton1?: boolean;
-    labelButton2?: string;
-    onClickButton2?: (e: React.FormEvent) => void;
-    typeButton2?: string;
-    disabledButton2?: boolean;
-    labelButton3?: string;
-    onClickButton3?: (e: React.FormEvent) => void;
-    typeButton3?: string;
-    disabledButton3?: boolean;
-    labelButton4?: string;
-    onClickButton4?: (e: React.FormEvent) => void;
-    typeButton4?: string;
-    disabledButton4?: boolean;
-    labelButton5?: string;
-    onClickButton5?: (e: React.FormEvent) => void;
-    typeButton5?: string;
-    disabledButton5?: boolean;
-}
-declare function CustomDatatable<T extends {}>({ rowData, columnDefs, loading, pagination, paginationPageSize, paginationPageSizeSelector, tooltipHideDelay, filterAll, tableTitle, tableHeight, localeText, filter, floatingFilter, minWidth, 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 type { ColDef };
-export default CustomDatatable;
+import React from "react";
+import { ColDef } from "ag-grid-community";
+import "../assets/css/custom-datatable.css";
+export interface CustomDatatableProps<T> {
+    rowData: T[];
+    columnDefs: ColDef<T>[];
+    loading?: boolean;
+    pagination?: boolean;
+    paginationPageSize?: number;
+    paginationPageSizeSelector?: number[];
+    filterAll?: boolean;
+    tableTitle?: string;
+    tableHeight?: number;
+    localeText?: any;
+    filter?: boolean;
+    floatingFilter?: boolean;
+    minWidth?: number;
+    tooltipHideDelay?: number;
+    labelButton1?: string;
+    onClickButton1?: (e: React.FormEvent) => void;
+    typeButton1?: string;
+    disabledButton1?: boolean;
+    labelButton2?: string;
+    onClickButton2?: (e: React.FormEvent) => void;
+    typeButton2?: string;
+    disabledButton2?: boolean;
+    labelButton3?: string;
+    onClickButton3?: (e: React.FormEvent) => void;
+    typeButton3?: string;
+    disabledButton3?: boolean;
+    labelButton4?: string;
+    onClickButton4?: (e: React.FormEvent) => void;
+    typeButton4?: string;
+    disabledButton4?: boolean;
+    labelButton5?: string;
+    onClickButton5?: (e: React.FormEvent) => void;
+    typeButton5?: string;
+    disabledButton5?: boolean;
+}
+declare function CustomDatatable<T extends {}>({ rowData, columnDefs, loading, pagination, paginationPageSize, paginationPageSizeSelector, tooltipHideDelay, filterAll, tableTitle, tableHeight, localeText, filter, floatingFilter, minWidth, 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 type { ColDef };
+export default CustomDatatable;

package/dist/components/CustomDatatable.js

@@ -1,92 +1,92 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var ag_grid_react_1 = require("ag-grid-react");
-var ag_grid_community_1 = require("ag-grid-community");
-var locale_1 = require("@ag-grid-community/locale");
-require("../assets/css/custom-datatable.css");
-var CustomText_1 = __importStar(require("./CustomText"));
-var CustomButton_1 = __importDefault(require("./CustomButton"));
-var CustomInput_1 = __importDefault(require("./CustomInput"));
-ag_grid_community_1.ModuleRegistry.registerModules([ag_grid_community_1.AllCommunityModule]);
-function CustomDatatable(_a) {
-    var rowData = _a.rowData, columnDefs = _a.columnDefs, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.pagination, pagination = _c === void 0 ? true : _c, _d = _a.paginationPageSize, paginationPageSize = _d === void 0 ? 10 : _d, _e = _a.paginationPageSizeSelector, paginationPageSizeSelector = _e === void 0 ? [10, 20, 50, 100] : _e, _f = _a.tooltipHideDelay, tooltipHideDelay = _f === void 0 ? 2000 : _f, _g = _a.filterAll, filterAll = _g === void 0 ? true : _g, _h = _a.tableTitle, tableTitle = _h === void 0 ? "" : _h, tableHeight = _a.tableHeight, _j = _a.localeText, localeText = _j === void 0 ? locale_1.AG_GRID_LOCALE_TR : _j, _k = _a.filter, filter = _k === void 0 ? true : _k, _l = _a.floatingFilter, floatingFilter = _l === void 0 ? true : _l, _m = _a.minWidth, minWidth = _m === void 0 ? 100 : _m, _o = _a.labelButton1, labelButton1 = _o === void 0 ? "" : _o, onClickButton1 = _a.onClickButton1, _p = _a.typeButton1, typeButton1 = _p === void 0 ? "primary" : _p, _q = _a.disabledButton1, disabledButton1 = _q === void 0 ? false : _q, _r = _a.labelButton2, labelButton2 = _r === void 0 ? "" : _r, onClickButton2 = _a.onClickButton2, _s = _a.typeButton2, typeButton2 = _s === void 0 ? "primary" : _s, _t = _a.disabledButton2, disabledButton2 = _t === void 0 ? false : _t, _u = _a.labelButton3, labelButton3 = _u === void 0 ? "" : _u, onClickButton3 = _a.onClickButton3, _v = _a.typeButton3, typeButton3 = _v === void 0 ? "primary" : _v, _w = _a.disabledButton3, disabledButton3 = _w === void 0 ? false : _w, _x = _a.labelButton4, labelButton4 = _x === void 0 ? "" : _x, onClickButton4 = _a.onClickButton4, _y = _a.typeButton4, typeButton4 = _y === void 0 ? "primary" : _y, _z = _a.disabledButton4, disabledButton4 = _z === void 0 ? false : _z, _0 = _a.labelButton5, labelButton5 = _0 === void 0 ? "" : _0, onClickButton5 = _a.onClickButton5, _1 = _a.typeButton5, typeButton5 = _1 === void 0 ? "primary" : _1, _2 = _a.disabledButton5, disabledButton5 = _2 === void 0 ? false : _2;
-    var _3 = (0, react_1.useState)(""), quickFilterText = _3[0], setQuickFilterText = _3[1];
-    // Tema ayarları
-    var theme = ag_grid_community_1.themeQuartz.withParams({
-        accentColor: "var(--bs-grid-accentColor)",
-        backgroundColor: "var(--bs-grid-backgroundColor)",
-        foregroundColor: "var(--bs-grid-foregroundColor)",
-        headerBackgroundColor: "var(--bs-grid-headerBackgroundColor)",
-        headerTextColor: "var(--bs-grid-headerTextColor)",
-    });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { style: { marginBottom: 5 } },
-            react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center" },
-                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 }))),
-                react_1.default.createElement("div", { className: "text-end" },
-                    labelButton5 && onClickButton5 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton5, onClick: onClickButton5, className: "btn btn-".concat(typeButton5, " me-1"), disabled: disabledButton5 })),
-                    labelButton4 && onClickButton4 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton4, onClick: onClickButton4, className: "btn btn-".concat(typeButton4, " me-1"), disabled: disabledButton4 })),
-                    labelButton3 && onClickButton3 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton3, onClick: onClickButton3, className: "btn btn-".concat(typeButton3, " me-1"), disabled: disabledButton3 })),
-                    labelButton2 && onClickButton2 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton2, onClick: onClickButton2, className: "btn btn-".concat(typeButton2, " me-1"), disabled: disabledButton2 })),
-                    labelButton1 && onClickButton1 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton1, onClick: onClickButton1, className: "btn btn-".concat(typeButton1, " me-1"), disabled: disabledButton1 })))),
-            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: {
-                    marginTop: -15,
-                    width: "100%",
-                    padding: 5,
-                    border: "2px solid var(--bs-grid-searchBoxBorderColor)",
-                    background: "var(--bs-grid-searchBoxBackgroundColor)",
-                    borderRadius: 10,
-                } }))),
-        react_1.default.createElement("div", { style: {
-                width: "100%",
-                height: tableHeight ? "".concat(tableHeight, "px") : "auto",
-            } },
-            react_1.default.createElement(ag_grid_react_1.AgGridReact, { loading: loading, domLayout: tableHeight ? undefined : "autoHeight", theme: theme, rowData: rowData, columnDefs: columnDefs, localeText: localeText, quickFilterText: quickFilterText.toLowerCase(), defaultColDef: {
-                    flex: 1,
-                    minWidth: minWidth,
-                    resizable: true,
-                    filter: filter,
-                    floatingFilter: floatingFilter,
-                    getQuickFilterText: function (params) {
-                        return params.value
-                            ? params.value.toString().toLocaleLowerCase("tr-TR")
-                            : "";
-                    },
-                    filterParams: {
-                        textFormatter: function (value) {
-                            return value ? value.toString().toLocaleLowerCase("tr-TR") : null;
-                        },
-                        filterOptions: ["contains"],
-                        defaultOption: "contains",
-                        suppressAndOrCondition: true,
-                    },
-                }, suppressServerSideFullWidthLoadingRow: true, overlayLoadingTemplate: "\n                        <div class=\"spinner-border spinner-border-lg\" role=\"status\">\n                        </div>", overlayNoRowsTemplate: '<span class="ag-overlay-no-rows-center">G\u00F6sterilecek Sat\u0131r Yok</span>', pagination: pagination, paginationPageSize: paginationPageSize, paginationPageSizeSelector: paginationPageSizeSelector, tooltipShowDelay: 0, tooltipHideDelay: tooltipHideDelay }))));
-}
-exports.default = CustomDatatable;
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var ag_grid_react_1 = require("ag-grid-react");
+var ag_grid_community_1 = require("ag-grid-community");
+var locale_1 = require("@ag-grid-community/locale");
+require("../assets/css/custom-datatable.css");
+var CustomText_1 = __importStar(require("./CustomText"));
+var CustomButton_1 = __importDefault(require("./CustomButton"));
+var CustomInput_1 = __importDefault(require("./CustomInput"));
+ag_grid_community_1.ModuleRegistry.registerModules([ag_grid_community_1.AllCommunityModule]);
+function CustomDatatable(_a) {
+    var rowData = _a.rowData, columnDefs = _a.columnDefs, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.pagination, pagination = _c === void 0 ? true : _c, _d = _a.paginationPageSize, paginationPageSize = _d === void 0 ? 10 : _d, _e = _a.paginationPageSizeSelector, paginationPageSizeSelector = _e === void 0 ? [10, 20, 50, 100] : _e, _f = _a.tooltipHideDelay, tooltipHideDelay = _f === void 0 ? 2000 : _f, _g = _a.filterAll, filterAll = _g === void 0 ? true : _g, _h = _a.tableTitle, tableTitle = _h === void 0 ? "" : _h, tableHeight = _a.tableHeight, _j = _a.localeText, localeText = _j === void 0 ? locale_1.AG_GRID_LOCALE_TR : _j, _k = _a.filter, filter = _k === void 0 ? true : _k, _l = _a.floatingFilter, floatingFilter = _l === void 0 ? true : _l, _m = _a.minWidth, minWidth = _m === void 0 ? 100 : _m, _o = _a.labelButton1, labelButton1 = _o === void 0 ? "" : _o, onClickButton1 = _a.onClickButton1, _p = _a.typeButton1, typeButton1 = _p === void 0 ? "primary" : _p, _q = _a.disabledButton1, disabledButton1 = _q === void 0 ? false : _q, _r = _a.labelButton2, labelButton2 = _r === void 0 ? "" : _r, onClickButton2 = _a.onClickButton2, _s = _a.typeButton2, typeButton2 = _s === void 0 ? "primary" : _s, _t = _a.disabledButton2, disabledButton2 = _t === void 0 ? false : _t, _u = _a.labelButton3, labelButton3 = _u === void 0 ? "" : _u, onClickButton3 = _a.onClickButton3, _v = _a.typeButton3, typeButton3 = _v === void 0 ? "primary" : _v, _w = _a.disabledButton3, disabledButton3 = _w === void 0 ? false : _w, _x = _a.labelButton4, labelButton4 = _x === void 0 ? "" : _x, onClickButton4 = _a.onClickButton4, _y = _a.typeButton4, typeButton4 = _y === void 0 ? "primary" : _y, _z = _a.disabledButton4, disabledButton4 = _z === void 0 ? false : _z, _0 = _a.labelButton5, labelButton5 = _0 === void 0 ? "" : _0, onClickButton5 = _a.onClickButton5, _1 = _a.typeButton5, typeButton5 = _1 === void 0 ? "primary" : _1, _2 = _a.disabledButton5, disabledButton5 = _2 === void 0 ? false : _2;
+    var _3 = (0, react_1.useState)(""), quickFilterText = _3[0], setQuickFilterText = _3[1];
+    // Tema ayarları
+    var theme = ag_grid_community_1.themeQuartz.withParams({
+        accentColor: "var(--bs-grid-accentColor)",
+        backgroundColor: "var(--bs-grid-backgroundColor)",
+        foregroundColor: "var(--bs-grid-foregroundColor)",
+        headerBackgroundColor: "var(--bs-grid-headerBackgroundColor)",
+        headerTextColor: "var(--bs-grid-headerTextColor)",
+    });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { style: { marginBottom: 5 } },
+            react_1.default.createElement("div", { className: "d-flex justify-content-between align-items-center" },
+                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 }))),
+                react_1.default.createElement("div", { className: "text-end" },
+                    labelButton5 && onClickButton5 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton5, onClick: onClickButton5, className: "btn btn-".concat(typeButton5, " me-1"), disabled: disabledButton5 })),
+                    labelButton4 && onClickButton4 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton4, onClick: onClickButton4, className: "btn btn-".concat(typeButton4, " me-1"), disabled: disabledButton4 })),
+                    labelButton3 && onClickButton3 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton3, onClick: onClickButton3, className: "btn btn-".concat(typeButton3, " me-1"), disabled: disabledButton3 })),
+                    labelButton2 && onClickButton2 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton2, onClick: onClickButton2, className: "btn btn-".concat(typeButton2, " me-1"), disabled: disabledButton2 })),
+                    labelButton1 && onClickButton1 && (react_1.default.createElement(CustomButton_1.default, { label: labelButton1, onClick: onClickButton1, className: "btn btn-".concat(typeButton1, " me-1"), disabled: disabledButton1 })))),
+            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: {
+                    marginTop: -15,
+                    width: "100%",
+                    padding: 5,
+                    border: "2px solid var(--bs-grid-searchBoxBorderColor)",
+                    background: "var(--bs-grid-searchBoxBackgroundColor)",
+                    borderRadius: 10,
+                } }))),
+        react_1.default.createElement("div", { style: {
+                width: "100%",
+                height: tableHeight ? "".concat(tableHeight, "px") : "auto",
+            } },
+            react_1.default.createElement(ag_grid_react_1.AgGridReact, { loading: loading, domLayout: tableHeight ? undefined : "autoHeight", theme: theme, rowData: rowData, columnDefs: columnDefs, localeText: localeText, quickFilterText: quickFilterText.toLowerCase(), defaultColDef: {
+                    flex: 1,
+                    minWidth: minWidth,
+                    resizable: true,
+                    filter: filter,
+                    floatingFilter: floatingFilter,
+                    getQuickFilterText: function (params) {
+                        return params.value
+                            ? params.value.toString().toLocaleLowerCase("tr-TR")
+                            : "";
+                    },
+                    filterParams: {
+                        textFormatter: function (value) {
+                            return value ? value.toString().toLocaleLowerCase("tr-TR") : null;
+                        },
+                        filterOptions: ["contains"],
+                        defaultOption: "contains",
+                        suppressAndOrCondition: true,
+                    },
+                }, suppressServerSideFullWidthLoadingRow: true, overlayLoadingTemplate: "\n                        <div class=\"spinner-border spinner-border-lg\" role=\"status\">\n                        </div>", overlayNoRowsTemplate: '<span class="ag-overlay-no-rows-center">G\u00F6sterilecek Sat\u0131r Yok</span>', pagination: pagination, paginationPageSize: paginationPageSize, paginationPageSizeSelector: paginationPageSizeSelector, tooltipShowDelay: 0, tooltipHideDelay: tooltipHideDelay }))));
+}
+exports.default = CustomDatatable;

package/dist/components/CustomDateTimePicker.d.ts

@@ -1,33 +1,33 @@
-import React from "react";
-import "../assets/css/custom-datetime-picker.css";
-declare enum TimeFormat {
-    H = "HH",
-    M = "mm",
-    HM = "HH:mm"
-}
-interface CustomDateTimePickerProps {
-    id?: string;
-    name?: string;
-    label: string;
-    value: Date | null;
-    placeholder?: string;
-    required?: boolean;
-    errorMessage?: string;
-    conditionalErrorVisible?: boolean;
-    conditionalErrorMessage?: string;
-    tooltip?: string;
-    description?: string | null;
-    disabled?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    showTimeSelect?: boolean;
-    showTimeSelectOnly?: boolean;
-    showYearDropdown?: boolean;
-    timeFormat?: TimeFormat;
-    timeIntervals?: number;
-    submitted?: boolean;
-    onChange: (date: Date | null) => void;
-}
-declare const CustomDateTimePicker: React.FC<CustomDateTimePickerProps>;
-export { CustomDateTimePicker, TimeFormat };
-export default CustomDateTimePicker;
+import React from "react";
+import "../assets/css/custom-datetime-picker.css";
+declare enum TimeFormat {
+    H = "HH",
+    M = "mm",
+    HM = "HH:mm"
+}
+interface CustomDateTimePickerProps {
+    id?: string;
+    name?: string;
+    label: string;
+    value: Date | null;
+    placeholder?: string;
+    required?: boolean;
+    errorMessage?: string;
+    conditionalErrorVisible?: boolean;
+    conditionalErrorMessage?: string;
+    tooltip?: string;
+    description?: string | null;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    showTimeSelect?: boolean;
+    showTimeSelectOnly?: boolean;
+    showYearDropdown?: boolean;
+    timeFormat?: TimeFormat;
+    timeIntervals?: number;
+    submitted?: boolean;
+    onChange: (date: Date | null) => void;
+}
+declare const CustomDateTimePicker: React.FC<CustomDateTimePickerProps>;
+export { CustomDateTimePicker, TimeFormat };
+export default CustomDateTimePicker;