albinasoft-ui-package 1.0.37 → 1.0.39

package/dist/components/CustomAutocompleteInput.d.ts

@@ -15,6 +15,7 @@ interface CustomAutocompleteInputProps {
     tooltip?: string;
     className?: string;
     style?: React.CSSProperties;
+    lang?: string;
     fetchOptions: (query: string) => string[];
     onSelect: (value: string) => void;
 }

package/dist/components/CustomAutocompleteInput.js

@@ -65,11 +65,11 @@ var react_bootstrap_1 = require("react-bootstrap");
 require("../assets/css/custom-autocomplete-input.css");
 var CustomInput_1 = __importStar(require("./CustomInput"));
 var CustomAutocompleteInput = function (_a) {
-    var id = _a.id, name = _a.name, label = _a.label, value = _a.value, placeholder = _a.placeholder, _b = _a.required, required = _b === void 0 ? false : _b, description = _a.description, errorMessage = _a.errorMessage, conditionalErrorVisible = _a.conditionalErrorVisible, conditionalErrorMessage = _a.conditionalErrorMessage, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.className, className = _d === void 0 ? '' : _d, style = _a.style, fetchOptions = _a.fetchOptions, onSelect = _a.onSelect;
-    var _e = (0, react_1.useState)(value || ''), inputValue = _e[0], setInputValue = _e[1];
-    var _f = (0, react_1.useState)(null), selectedValue = _f[0], setSelectedValue = _f[1];
-    var _g = (0, react_1.useState)([]), options = _g[0], setOptions = _g[1];
-    var _h = (0, react_1.useState)(false), isDropdownVisible = _h[0], setIsDropdownVisible = _h[1];
+    var id = _a.id, name = _a.name, label = _a.label, value = _a.value, placeholder = _a.placeholder, _b = _a.required, required = _b === void 0 ? false : _b, description = _a.description, errorMessage = _a.errorMessage, conditionalErrorVisible = _a.conditionalErrorVisible, conditionalErrorMessage = _a.conditionalErrorMessage, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.className, className = _d === void 0 ? '' : _d, style = _a.style, _e = _a.lang, lang = _e === void 0 ? 'tr-TR' : _e, fetchOptions = _a.fetchOptions, onSelect = _a.onSelect;
+    var _f = (0, react_1.useState)(value || ''), inputValue = _f[0], setInputValue = _f[1];
+    var _g = (0, react_1.useState)(null), selectedValue = _g[0], setSelectedValue = _g[1];
+    var _h = (0, react_1.useState)([]), options = _h[0], setOptions = _h[1];
+    var _j = (0, react_1.useState)(false), isDropdownVisible = _j[0], setIsDropdownVisible = _j[1];
     var dropdownRef = (0, react_1.useRef)(null);
     // Input değiştiğinde fetchOptions çağır
     var handleInputChange = function (e) { return __awaiter(void 0, void 0, void 0, function () {
@@ -130,11 +130,24 @@ var CustomAutocompleteInput = function (_a) {
         // };
     }, []);
     var highlightMatch = function (option, query) {
-        // Kullanıcı girişini regex için güvenli hale getir
-        var escapedQuery = query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-        var regex = new RegExp("(".concat(escapedQuery, ")"), 'gi');
-        var highlighted = option.replace(regex, '<mark>$1</mark>');
-        return highlighted;
+        if (!query)
+            return option;
+        var collator = new Intl.Collator(lang, { sensitivity: 'accent' });
+        var startIndex = -1;
+        for (var i = 0; i <= option.length - query.length; i++) {
+            var substring = option.substring(i, i + query.length);
+            if (collator.compare(substring, query) === 0) {
+                startIndex = i;
+                break;
+            }
+        }
+        if (startIndex === -1) {
+            return option;
+        }
+        var beforeMatch = option.slice(0, startIndex);
+        var match = option.slice(startIndex, startIndex + query.length);
+        var afterMatch = option.slice(startIndex + query.length);
+        return "".concat(beforeMatch, "<mark>").concat(match, "</mark>").concat(afterMatch);
     };
     return (react_1.default.createElement("div", { className: "autocomplete-container ".concat(className), style: style },
         react_1.default.createElement("div", { className: "form-group" },

package/dist/components/CustomDataTable.d.ts

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,94 @@
+"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;

package/dist/components/CustomText.js

@@ -142,7 +142,7 @@ var CustomText = function (_a) {
         var urlRegex = /(https?:\/\/[^\s]+|www\.[^\s]+)/g; // URL'leri algılayan RegEx
         var parts = text.split(urlRegex);
         return parts.map(function (part, index) {
-            return urlRegex.test(part) ? (react_1.default.createElement("a", { key: index, href: part.startsWith('http') ? part : "https://".concat(part), target: "_blank", rel: "noopener noreferrer" },
+            return urlRegex.test(part) ? (react_1.default.createElement("a", { key: index, href: part.startsWith('http') ? part : "https://".concat(part), target: "_blank", rel: "noopener noreferrer", style: { wordBreak: 'break-all' } },
                 linkText || part.replace(/https?:\/\/|www\.|\/$/g, ''),
                 " ")) : (part);
         });

package/dist/components/CustomTimeline.js

@@ -52,9 +52,9 @@ var CustomTimeline = function (_a) {
             element.description && (react_1.default.createElement("div", { className: "mb-3" },
                 react_1.default.createElement(CustomText_1.default, { value: element.description, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XS, lineHeight: CustomText_1.LineHeight.XXS }))),
             element.additionalInfos &&
-                element.additionalInfos.map(function (info, infoIndex) { return (react_1.default.createElement("div", { key: infoIndex, className: "alert alert-secondary d-flex align-items-center", style: { width: "fit-content" } },
-                    react_1.default.createElement(fa_1.FaInfoCircle, { size: 50 }),
-                    react_1.default.createElement("div", { className: "ms-3" },
+                element.additionalInfos.map(function (info, infoIndex) { return (react_1.default.createElement("div", { key: infoIndex, className: "alert alert-secondary align-items-center flex-wrap" },
+                    react_1.default.createElement(fa_1.FaInfoCircle, { size: 30, className: "flex-shrink-0" }),
+                    react_1.default.createElement("div", { className: "ms-3 flex-grow-1" },
                         react_1.default.createElement(CustomText_1.default, { value: info.time, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XXS, lineHeight: CustomText_1.LineHeight.M, italic: true }),
                         react_1.default.createElement(CustomText_1.default, { value: info.description, textType: CustomText_1.TextType.PARAGRAPH, fontSize: CustomText_1.FontSize.XS, lineHeight: CustomText_1.LineHeight.XXS })))); }))); }))));
 };

package/package.json

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