albinasoft-ui-package 1.0.47 → 1.0.49

package/dist/assets/css/dark.css

@@ -1,3 +1,7 @@
+.dark {
+    --bs-body-bg: #151824; /* Karanlık tema için arka plan */
+  }
+
 :focus {
     outline: none
 }

package/dist/components/CustomTab.js

@@ -88,14 +88,16 @@ var CustomTab = function (_a) {
                     textAlign: "center",
                     margin: "0 5px",
                     borderRadius: "20px 20px 0 0",
+                    cursor: "pointer",
                 } },
                 react_1.default.createElement("div", { className: "card-body d-flex flex-column text-center justify-content-center" },
                     react_1.default.createElement("span", { style: { fontSize: iconSize } }, tab.icon || react_1.default.createElement(react_1.default.Fragment, null)),
                     react_1.default.createElement("span", { className: fsClass }, tab.title)))))); })),
             react_1.default.createElement(react_bootstrap_1.Tab.Content, { style: {
-                    border: "1px solid var(--bs-primary)",
-                    borderRadius: "5px 5px 20px 20px",
                     padding: "10px",
+                    border: "10px solid transparent",
+                    borderRadius: "".concat(isFullWidth ? "6px" : "20px"),
+                    background: "linear-gradient(var(--bs-body-bg),var(--bs-body-bg)) padding-box, linear-gradient(180deg, rgba(var(--bs-primary-rgb), 1) 0%, rgba(var(--bs-primary-rgb), 0.1) 15%, rgba(var(--bs-primary-rgb), 0) 35%) border-box",
                 } }, tabs.map(function (tab) { return (react_1.default.createElement(react_bootstrap_1.Tab.Pane, { eventKey: tab.key, key: tab.key }, tab.content)); })))));
 };
 exports.CustomTab = CustomTab;

package/package.json

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

package/dist/components/CustomDataTable.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { TableColumn } from 'react-data-table-component';
-import './CustomDataTable.css';
-interface DataTableProps {
-    columns: TableColumn<any>[];
-    data: any[];
-    loading?: boolean;
-    paginationPerPage?: number;
-    paginationTotalRows?: number;
-    selectableRows?: boolean;
-    paginationServer?: boolean;
-    addPagination?: boolean;
-    noDataComponent?: string;
-    fixedHeaderScrollHeight?: string;
-    handleRowSelected?: (selected: {
-        allSelected: boolean;
-        selectedCount: number;
-        selectedRows: any[];
-    }) => void;
-    handlePageChange?: (page: number) => void;
-    conditionalRowStyles?: any[];
-}
-interface DataTableHandle {
-    validate: () => boolean;
-    showError: () => void;
-    hideError: () => void;
-    getValue: () => string | string[];
-    setValue: (value: string | string[]) => void;
-}
-declare const CustomDataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<DataTableHandle>>;
-export default CustomDataTable;

package/dist/components/CustomDataTable.js

@@ -1,94 +0,0 @@
-"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-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 react_data_table_component_1 = __importDefault(require("react-data-table-component"));
-var LangTranslations_1 = require("../LangComponents/LangTranslations");
-var LanguageContext_1 = require("../LangComponents/LanguageContext");
-require("./CustomDataTable.css");
-var CustomDataTable = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.columns, columns = _b === void 0 ? [] : _b, _c = _a.data, data = _c === void 0 ? [] : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.paginationPerPage, paginationPerPage = _e === void 0 ? 20 : _e, paginationTotalRows = _a.paginationTotalRows, _f = _a.fixedHeaderScrollHeight, fixedHeaderScrollHeight = _f === void 0 ? "500px" : _f, _g = _a.selectableRows, selectableRows = _g === void 0 ? false : _g, _h = _a.paginationServer, paginationServer = _h === void 0 ? false : _h, _j = _a.addPagination, addPagination = _j === void 0 ? true : _j, handleRowSelected = _a.handleRowSelected, handlePageChange = _a.handlePageChange, _k = _a.conditionalRowStyles, conditionalRowStyles = _k === void 0 ? [] : _k, noDataComponent = _a.noDataComponent;
-    var lang = (0, LanguageContext_1.useLanguage)().lang;
-    var _l = (0, react_1.useState)([]), selectedRows = _l[0], setSelectedRows = _l[1];
-    // Expose methods to parent via ref
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        validate: function () { return selectedRows.length > 0; },
-        showError: function () {
-            console.error('Validation error: No rows selected!');
-        },
-        hideError: function () {
-            console.log('Error hidden');
-        },
-        getValue: function () { return selectedRows; },
-        setValue: function (value) {
-            if (typeof value === 'string') {
-                setSelectedRows([value]); // Tek bir string ise diziye çevirip ata
-            }
-            else {
-                setSelectedRows(value); // Zaten bir string[] ise direkt ata
-            }
-        },
-    }); });
-    // Default conditionalRowStyles to highlight selected rows
-    var defaultConditionalRowStyles = [
-        {
-            when: function (row) { return selectedRows.includes(row); },
-            style: {
-                backgroundColor: 'rgba(63, 195, 128, 0.9)',
-                color: 'white',
-                '&:hover': {
-                    cursor: 'pointer',
-                },
-            },
-        },
-    ];
-    var mergedConditionalRowStyles = __spreadArray(__spreadArray([], defaultConditionalRowStyles, true), conditionalRowStyles, true);
-    var paginationOptions = {
-        rowsPerPageText: (0, LangTranslations_1.getTranslation)('Sayfadaki veri sayısı', lang) || 'Sayfa başına veri sayısı',
-        rangeSeparatorText: ' - ',
-        selectAllRowsItem: true,
-        selectAllRowsItemText: (0, LangTranslations_1.getTranslation)('Tümü', lang) || 'Tümü',
-    };
-    return (react_1.default.createElement("div", { className: "data-table-wrapper" },
-        react_1.default.createElement(react_data_table_component_1.default, { columns: columns, data: data, pagination: addPagination, paginationPerPage: paginationPerPage, paginationRowsPerPageOptions: [paginationPerPage, paginationPerPage * 2, paginationPerPage * 3], paginationTotalRows: paginationTotalRows, paginationServer: paginationServer, onChangePage: handlePageChange, highlightOnHover: true, pointerOnHover: true, fixedHeader: true, fixedHeaderScrollHeight: fixedHeaderScrollHeight, progressPending: loading, progressComponent: react_1.default.createElement("div", { className: "loading-container" },
-                react_1.default.createElement("div", { className: "loading-spinner" })), noDataComponent: react_1.default.createElement("div", null, noDataComponent !== null && noDataComponent !== void 0 ? noDataComponent : (0, LangTranslations_1.getTranslation)('noDataFound', lang)), selectableRows: selectableRows, onSelectedRowsChange: function (selected) {
-                setSelectedRows(selected.selectedRows);
-                if (handleRowSelected)
-                    handleRowSelected(selected);
-            }, conditionalRowStyles: mergedConditionalRowStyles, paginationComponentOptions: paginationOptions })));
-});
-exports.default = CustomDataTable;