albinasoft-ui-package 1.1.41 → 1.1.43

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 (58) hide show
  1. package/LICENSE +21 -21
  2. package/dist/assets/css/custom-autocomplete-input.css +49 -49
  3. package/dist/assets/css/custom-datatable.css +2 -2
  4. package/dist/assets/css/custom-datetime-picker.css +779 -779
  5. package/dist/assets/css/custom-progress-bar.css +37 -37
  6. package/dist/assets/css/custom-select.css +62 -62
  7. package/dist/assets/css/custom-simple-select.css +117 -94
  8. package/dist/assets/css/custom-timeline.css +43 -43
  9. package/dist/assets/css/dark.css +2159 -2159
  10. package/dist/assets/css/main.css +26664 -26664
  11. package/dist/components/AlbinaForm.d.ts +28 -28
  12. package/dist/components/AlbinaForm.js +88 -88
  13. package/dist/components/CustomAutocompleteInput.d.ts +23 -23
  14. package/dist/components/CustomAutocompleteInput.js +185 -185
  15. package/dist/components/CustomButton.d.ts +14 -14
  16. package/dist/components/CustomButton.js +98 -98
  17. package/dist/components/CustomCheckbox.d.ts +20 -20
  18. package/dist/components/CustomCheckbox.js +58 -58
  19. package/dist/components/CustomDatatable.d.ts +42 -42
  20. package/dist/components/CustomDatatable.js +92 -92
  21. package/dist/components/CustomDateTimePicker.d.ts +33 -33
  22. package/dist/components/CustomDateTimePicker.js +91 -91
  23. package/dist/components/CustomDivider.d.ts +51 -51
  24. package/dist/components/CustomDivider.js +87 -87
  25. package/dist/components/CustomFileUploader.d.ts +65 -65
  26. package/dist/components/CustomFileUploader.js +460 -460
  27. package/dist/components/CustomForm.d.ts +225 -225
  28. package/dist/components/CustomForm.js +243 -243
  29. package/dist/components/CustomInput.d.ts +37 -37
  30. package/dist/components/CustomInput.js +85 -85
  31. package/dist/components/CustomModal.d.ts +15 -15
  32. package/dist/components/CustomModal.js +17 -17
  33. package/dist/components/CustomPhoneInput.d.ts +29 -29
  34. package/dist/components/CustomPhoneInput.js +251 -251
  35. package/dist/components/CustomProgressBar.d.ts +9 -9
  36. package/dist/components/CustomProgressBar.js +40 -40
  37. package/dist/components/CustomRadioButton.d.ts +25 -25
  38. package/dist/components/CustomRadioButton.js +34 -34
  39. package/dist/components/CustomRichTextbox.d.ts +14 -14
  40. package/dist/components/CustomRichTextbox.js +89 -89
  41. package/dist/components/CustomSelect.d.ts +32 -32
  42. package/dist/components/CustomSelect.js +194 -191
  43. package/dist/components/CustomSimpleSelect.d.ts +21 -21
  44. package/dist/components/CustomSimpleSelect.js +64 -64
  45. package/dist/components/CustomTab.d.ts +44 -44
  46. package/dist/components/CustomTab.js +122 -122
  47. package/dist/components/CustomText.d.ts +72 -72
  48. package/dist/components/CustomText.js +158 -158
  49. package/dist/components/CustomTextarea.d.ts +22 -22
  50. package/dist/components/CustomTextarea.js +33 -33
  51. package/dist/components/CustomTimeline.d.ts +30 -30
  52. package/dist/components/CustomTimeline.js +80 -80
  53. package/dist/components/CustomTreeView.d.ts +22 -22
  54. package/dist/components/CustomTreeView.js +157 -157
  55. package/dist/index.d.ts +22 -22
  56. package/dist/index.js +48 -48
  57. package/package.json +44 -43
  58. package/readme.md +9 -9
@@ -1,185 +1,185 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
- return new (P || (P = Promise))(function (resolve, reject) {
28
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
- step((generator = generator.apply(thisArg, _arguments || [])).next());
32
- });
33
- };
34
- var __generator = (this && this.__generator) || function (thisArg, body) {
35
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
36
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
37
- function verb(n) { return function (v) { return step([n, v]); }; }
38
- function step(op) {
39
- if (f) throw new TypeError("Generator is already executing.");
40
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
41
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
42
- if (y = 0, t) op = [op[0] & 2, t.value];
43
- switch (op[0]) {
44
- case 0: case 1: t = op; break;
45
- case 4: _.label++; return { value: op[1], done: false };
46
- case 5: _.label++; y = op[1]; op = [0]; continue;
47
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
48
- default:
49
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
50
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
51
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
52
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
53
- if (t[2]) _.ops.pop();
54
- _.trys.pop(); continue;
55
- }
56
- op = body.call(thisArg, _);
57
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
58
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
59
- }
60
- };
61
- Object.defineProperty(exports, "__esModule", { value: true });
62
- var react_1 = __importStar(require("react"));
63
- var fa_1 = require("react-icons/fa");
64
- var react_bootstrap_1 = require("react-bootstrap");
65
- require("../assets/css/custom-autocomplete-input.css");
66
- var CustomInput_1 = __importStar(require("./CustomInput"));
67
- var CustomAutocompleteInput = function (_a) {
68
- 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;
69
- var _f = (0, react_1.useState)(value || ''), inputValue = _f[0], setInputValue = _f[1];
70
- var _g = (0, react_1.useState)([]), options = _g[0], setOptions = _g[1];
71
- var _h = (0, react_1.useState)(false), isDropdownVisible = _h[0], setIsDropdownVisible = _h[1];
72
- var _j = (0, react_1.useState)(-1), highlightedIndex = _j[0], setHighlightedIndex = _j[1];
73
- var dropdownRef = (0, react_1.useRef)(null);
74
- // Input değeri değişince fetchOptions ile seçenekleri getiriyoruz.
75
- var handleInputChange = function (e) { return __awaiter(void 0, void 0, void 0, function () {
76
- var value, fetchedOptions, error_1;
77
- return __generator(this, function (_a) {
78
- switch (_a.label) {
79
- case 0:
80
- value = e.target.value;
81
- setInputValue(value);
82
- if (!value) return [3 /*break*/, 5];
83
- _a.label = 1;
84
- case 1:
85
- _a.trys.push([1, 3, , 4]);
86
- return [4 /*yield*/, fetchOptions(value)];
87
- case 2:
88
- fetchedOptions = _a.sent();
89
- setOptions(fetchedOptions);
90
- setIsDropdownVisible(fetchedOptions.length > 0);
91
- setHighlightedIndex(-1); // Her aramada highlight'ı resetliyoruz.
92
- return [3 /*break*/, 4];
93
- case 3:
94
- error_1 = _a.sent();
95
- console.error('Fetch options failed:', error_1);
96
- setOptions([]);
97
- setIsDropdownVisible(false);
98
- return [3 /*break*/, 4];
99
- case 4: return [3 /*break*/, 6];
100
- case 5:
101
- setOptions([]);
102
- setIsDropdownVisible(false);
103
- _a.label = 6;
104
- case 6: return [2 /*return*/];
105
- }
106
- });
107
- }); };
108
- // Bir seçenek tıklandığında
109
- var handleOptionClick = function (option) {
110
- onSelect(option);
111
- };
112
- var handleReset = function () {
113
- setIsDropdownVisible(false);
114
- setInputValue('');
115
- };
116
- // Klavyeden gelen tuşlara tepki veren handler
117
- var handleKeyDown = function (e) {
118
- if (!isDropdownVisible)
119
- return;
120
- if (e.key === 'ArrowDown') {
121
- e.preventDefault();
122
- setHighlightedIndex(function (prev) { return (prev < options.length - 1 ? prev + 1 : 0); });
123
- }
124
- else if (e.key === 'ArrowUp') {
125
- e.preventDefault();
126
- setHighlightedIndex(function (prev) { return (prev > 0 ? prev - 1 : options.length - 1); });
127
- }
128
- else if (e.key === 'Enter') {
129
- e.preventDefault();
130
- if (highlightedIndex >= 0 && highlightedIndex < options.length) {
131
- handleOptionClick(options[highlightedIndex]);
132
- }
133
- }
134
- else if (e.key === 'Escape') {
135
- setIsDropdownVisible(false);
136
- }
137
- };
138
- // Vurgulanan öğenin görünür olmasını sağlamak için scrollIntoView kullanıyoruz.
139
- (0, react_1.useEffect)(function () {
140
- if (dropdownRef.current) {
141
- var highlightedItem = dropdownRef.current.querySelector('.autocomplete-option.highlighted');
142
- if (highlightedItem) {
143
- highlightedItem.scrollIntoView({ block: 'nearest' });
144
- }
145
- }
146
- }, [highlightedIndex]);
147
- // Fonksiyon, eşleşen kısmı <mark> etiketiyle vurguluyor.
148
- var highlightMatch = function (option, query) {
149
- if (!query)
150
- return option;
151
- var collator = new Intl.Collator(lang, { sensitivity: 'accent' });
152
- var startIndex = -1;
153
- for (var i = 0; i <= option.length - query.length; i++) {
154
- var substring = option.substring(i, i + query.length);
155
- if (collator.compare(substring, query) === 0) {
156
- startIndex = i;
157
- break;
158
- }
159
- }
160
- if (startIndex === -1) {
161
- return option;
162
- }
163
- var beforeMatch = option.slice(0, startIndex);
164
- var match = option.slice(startIndex, startIndex + query.length);
165
- var afterMatch = option.slice(startIndex + query.length);
166
- return "".concat(beforeMatch, "<mark>").concat(match, "</mark>").concat(afterMatch);
167
- };
168
- return (react_1.default.createElement("div", { className: "autocomplete-container ".concat(className), style: style },
169
- react_1.default.createElement("div", { className: "form-group" },
170
- react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: tooltip ? react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id) }, tooltip) : react_1.default.createElement(react_1.default.Fragment, null) },
171
- react_1.default.createElement(CustomInput_1.default, { id: id, name: name, label: label, inputType: CustomInput_1.InputType.TEXT, value: inputValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: placeholder, buttonIcon: react_1.default.createElement(fa_1.FaTimes, null), buttonClass: "btn btn-danger bg-soft-danger", buttonOnClick: handleReset, className: "form-control", required: required, disabled: disabled })),
172
- isDropdownVisible && (react_1.default.createElement("div", { className: "autocomplete-dropdown", ref: dropdownRef }, options.map(function (option, index) { return (react_1.default.createElement("div", { key: index, className: "autocomplete-option ".concat(index === highlightedIndex ? 'highlighted' : ''), onClick: function () { return handleOptionClick(option); }, dangerouslySetInnerHTML: {
173
- __html: highlightMatch(option, inputValue),
174
- } })); }))),
175
- errorMessage && (react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2" },
176
- react_1.default.createElement(fa_1.FaExclamationTriangle, { className: "me-1" }),
177
- errorMessage)),
178
- conditionalErrorVisible && conditionalErrorMessage && (react_1.default.createElement("div", { className: "conditional-error-message text-warning mt-2" },
179
- react_1.default.createElement(fa_1.FaExclamationTriangle, { className: "me-1" }),
180
- conditionalErrorMessage)),
181
- description && (react_1.default.createElement("div", { className: "form-description text-secondary mt-2" },
182
- react_1.default.createElement(fa_1.FaInfoCircle, { className: "me-1" }),
183
- description)))));
184
- };
185
- exports.default = CustomAutocompleteInput;
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
+ return new (P || (P = Promise))(function (resolve, reject) {
28
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
32
+ });
33
+ };
34
+ var __generator = (this && this.__generator) || function (thisArg, body) {
35
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
36
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
37
+ function verb(n) { return function (v) { return step([n, v]); }; }
38
+ function step(op) {
39
+ if (f) throw new TypeError("Generator is already executing.");
40
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
41
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
42
+ if (y = 0, t) op = [op[0] & 2, t.value];
43
+ switch (op[0]) {
44
+ case 0: case 1: t = op; break;
45
+ case 4: _.label++; return { value: op[1], done: false };
46
+ case 5: _.label++; y = op[1]; op = [0]; continue;
47
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
48
+ default:
49
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
50
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
51
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
52
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
53
+ if (t[2]) _.ops.pop();
54
+ _.trys.pop(); continue;
55
+ }
56
+ op = body.call(thisArg, _);
57
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
58
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
59
+ }
60
+ };
61
+ Object.defineProperty(exports, "__esModule", { value: true });
62
+ var react_1 = __importStar(require("react"));
63
+ var fa_1 = require("react-icons/fa");
64
+ var react_bootstrap_1 = require("react-bootstrap");
65
+ require("../assets/css/custom-autocomplete-input.css");
66
+ var CustomInput_1 = __importStar(require("./CustomInput"));
67
+ var CustomAutocompleteInput = function (_a) {
68
+ 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;
69
+ var _f = (0, react_1.useState)(value || ''), inputValue = _f[0], setInputValue = _f[1];
70
+ var _g = (0, react_1.useState)([]), options = _g[0], setOptions = _g[1];
71
+ var _h = (0, react_1.useState)(false), isDropdownVisible = _h[0], setIsDropdownVisible = _h[1];
72
+ var _j = (0, react_1.useState)(-1), highlightedIndex = _j[0], setHighlightedIndex = _j[1];
73
+ var dropdownRef = (0, react_1.useRef)(null);
74
+ // Input değeri değişince fetchOptions ile seçenekleri getiriyoruz.
75
+ var handleInputChange = function (e) { return __awaiter(void 0, void 0, void 0, function () {
76
+ var value, fetchedOptions, error_1;
77
+ return __generator(this, function (_a) {
78
+ switch (_a.label) {
79
+ case 0:
80
+ value = e.target.value;
81
+ setInputValue(value);
82
+ if (!value) return [3 /*break*/, 5];
83
+ _a.label = 1;
84
+ case 1:
85
+ _a.trys.push([1, 3, , 4]);
86
+ return [4 /*yield*/, fetchOptions(value)];
87
+ case 2:
88
+ fetchedOptions = _a.sent();
89
+ setOptions(fetchedOptions);
90
+ setIsDropdownVisible(fetchedOptions.length > 0);
91
+ setHighlightedIndex(-1); // Her aramada highlight'ı resetliyoruz.
92
+ return [3 /*break*/, 4];
93
+ case 3:
94
+ error_1 = _a.sent();
95
+ console.error('Fetch options failed:', error_1);
96
+ setOptions([]);
97
+ setIsDropdownVisible(false);
98
+ return [3 /*break*/, 4];
99
+ case 4: return [3 /*break*/, 6];
100
+ case 5:
101
+ setOptions([]);
102
+ setIsDropdownVisible(false);
103
+ _a.label = 6;
104
+ case 6: return [2 /*return*/];
105
+ }
106
+ });
107
+ }); };
108
+ // Bir seçenek tıklandığında
109
+ var handleOptionClick = function (option) {
110
+ onSelect(option);
111
+ };
112
+ var handleReset = function () {
113
+ setIsDropdownVisible(false);
114
+ setInputValue('');
115
+ };
116
+ // Klavyeden gelen tuşlara tepki veren handler
117
+ var handleKeyDown = function (e) {
118
+ if (!isDropdownVisible)
119
+ return;
120
+ if (e.key === 'ArrowDown') {
121
+ e.preventDefault();
122
+ setHighlightedIndex(function (prev) { return (prev < options.length - 1 ? prev + 1 : 0); });
123
+ }
124
+ else if (e.key === 'ArrowUp') {
125
+ e.preventDefault();
126
+ setHighlightedIndex(function (prev) { return (prev > 0 ? prev - 1 : options.length - 1); });
127
+ }
128
+ else if (e.key === 'Enter') {
129
+ e.preventDefault();
130
+ if (highlightedIndex >= 0 && highlightedIndex < options.length) {
131
+ handleOptionClick(options[highlightedIndex]);
132
+ }
133
+ }
134
+ else if (e.key === 'Escape') {
135
+ setIsDropdownVisible(false);
136
+ }
137
+ };
138
+ // Vurgulanan öğenin görünür olmasını sağlamak için scrollIntoView kullanıyoruz.
139
+ (0, react_1.useEffect)(function () {
140
+ if (dropdownRef.current) {
141
+ var highlightedItem = dropdownRef.current.querySelector('.autocomplete-option.highlighted');
142
+ if (highlightedItem) {
143
+ highlightedItem.scrollIntoView({ block: 'nearest' });
144
+ }
145
+ }
146
+ }, [highlightedIndex]);
147
+ // Fonksiyon, eşleşen kısmı <mark> etiketiyle vurguluyor.
148
+ var highlightMatch = function (option, query) {
149
+ if (!query)
150
+ return option;
151
+ var collator = new Intl.Collator(lang, { sensitivity: 'accent' });
152
+ var startIndex = -1;
153
+ for (var i = 0; i <= option.length - query.length; i++) {
154
+ var substring = option.substring(i, i + query.length);
155
+ if (collator.compare(substring, query) === 0) {
156
+ startIndex = i;
157
+ break;
158
+ }
159
+ }
160
+ if (startIndex === -1) {
161
+ return option;
162
+ }
163
+ var beforeMatch = option.slice(0, startIndex);
164
+ var match = option.slice(startIndex, startIndex + query.length);
165
+ var afterMatch = option.slice(startIndex + query.length);
166
+ return "".concat(beforeMatch, "<mark>").concat(match, "</mark>").concat(afterMatch);
167
+ };
168
+ return (react_1.default.createElement("div", { className: "autocomplete-container ".concat(className), style: style },
169
+ react_1.default.createElement("div", { className: "form-group" },
170
+ react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: tooltip ? react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id) }, tooltip) : react_1.default.createElement(react_1.default.Fragment, null) },
171
+ react_1.default.createElement(CustomInput_1.default, { id: id, name: name, label: label, inputType: CustomInput_1.InputType.TEXT, value: inputValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: placeholder, buttonIcon: react_1.default.createElement(fa_1.FaTimes, null), buttonClass: "btn btn-danger bg-soft-danger", buttonOnClick: handleReset, className: "form-control", required: required, disabled: disabled })),
172
+ isDropdownVisible && (react_1.default.createElement("div", { className: "autocomplete-dropdown", ref: dropdownRef }, options.map(function (option, index) { return (react_1.default.createElement("div", { key: index, className: "autocomplete-option ".concat(index === highlightedIndex ? 'highlighted' : ''), onClick: function () { return handleOptionClick(option); }, dangerouslySetInnerHTML: {
173
+ __html: highlightMatch(option, inputValue),
174
+ } })); }))),
175
+ errorMessage && (react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2" },
176
+ react_1.default.createElement(fa_1.FaExclamationTriangle, { className: "me-1" }),
177
+ errorMessage)),
178
+ conditionalErrorVisible && conditionalErrorMessage && (react_1.default.createElement("div", { className: "conditional-error-message text-warning mt-2" },
179
+ react_1.default.createElement(fa_1.FaExclamationTriangle, { className: "me-1" }),
180
+ conditionalErrorMessage)),
181
+ description && (react_1.default.createElement("div", { className: "form-description text-secondary mt-2" },
182
+ react_1.default.createElement(fa_1.FaInfoCircle, { className: "me-1" }),
183
+ description)))));
184
+ };
185
+ exports.default = CustomAutocompleteInput;
@@ -1,14 +1,14 @@
1
- import React from "react";
2
- interface CustomButtonProps {
3
- id?: string;
4
- label: React.ReactNode;
5
- name?: string;
6
- onClick: (event: React.FormEvent) => void;
7
- style?: React.CSSProperties;
8
- className?: string;
9
- tooltip?: string;
10
- disabled?: boolean;
11
- isLoading?: boolean;
12
- }
13
- declare const CustomButton: React.FC<CustomButtonProps>;
14
- export default CustomButton;
1
+ import React from "react";
2
+ interface CustomButtonProps {
3
+ id?: string;
4
+ label: React.ReactNode;
5
+ name?: string;
6
+ onClick: (event: React.FormEvent) => void;
7
+ style?: React.CSSProperties;
8
+ className?: string;
9
+ tooltip?: string;
10
+ disabled?: boolean;
11
+ isLoading?: boolean;
12
+ }
13
+ declare const CustomButton: React.FC<CustomButtonProps>;
14
+ export default CustomButton;
@@ -1,98 +1,98 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
- return new (P || (P = Promise))(function (resolve, reject) {
28
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
- step((generator = generator.apply(thisArg, _arguments || [])).next());
32
- });
33
- };
34
- var __generator = (this && this.__generator) || function (thisArg, body) {
35
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
36
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
37
- function verb(n) { return function (v) { return step([n, v]); }; }
38
- function step(op) {
39
- if (f) throw new TypeError("Generator is already executing.");
40
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
41
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
42
- if (y = 0, t) op = [op[0] & 2, t.value];
43
- switch (op[0]) {
44
- case 0: case 1: t = op; break;
45
- case 4: _.label++; return { value: op[1], done: false };
46
- case 5: _.label++; y = op[1]; op = [0]; continue;
47
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
48
- default:
49
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
50
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
51
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
52
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
53
- if (t[2]) _.ops.pop();
54
- _.trys.pop(); continue;
55
- }
56
- op = body.call(thisArg, _);
57
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
58
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
59
- }
60
- };
61
- Object.defineProperty(exports, "__esModule", { value: true });
62
- var react_1 = __importStar(require("react"));
63
- var react_bootstrap_1 = require("react-bootstrap");
64
- var CustomButton = function (_a) {
65
- var id = _a.id, name = _a.name, label = _a.label, onClick = _a.onClick, style = _a.style, className = _a.className, tooltip = _a.tooltip, disabled = _a.disabled, externalIsLoading = _a.isLoading;
66
- var _b = (0, react_1.useState)(false), internalIsLoading = _b[0], setInternalIsLoading = _b[1];
67
- var isLoading = externalIsLoading !== undefined ? externalIsLoading : internalIsLoading;
68
- var handleClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
69
- return __generator(this, function (_a) {
70
- switch (_a.label) {
71
- case 0:
72
- event.preventDefault();
73
- if (!!isLoading) return [3 /*break*/, 4];
74
- if (externalIsLoading === undefined) {
75
- // Eğer dışsal loading durumu yoksa içsel durumu güncelle
76
- setInternalIsLoading(true);
77
- }
78
- _a.label = 1;
79
- case 1:
80
- _a.trys.push([1, , 3, 4]);
81
- return [4 /*yield*/, onClick(event)];
82
- case 2:
83
- _a.sent();
84
- return [3 /*break*/, 4];
85
- case 3:
86
- if (externalIsLoading === undefined) {
87
- setInternalIsLoading(false); // İçsel durumu sıfırla
88
- }
89
- return [7 /*endfinally*/];
90
- case 4: return [2 /*return*/];
91
- }
92
- });
93
- }); };
94
- return tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "top", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(tooltip) }, tooltip) },
95
- react_1.default.createElement("span", null,
96
- react_1.default.createElement("button", { className: className || "btn btn-primary", onClick: handleClick, disabled: isLoading || disabled, style: style }, isLoading ? (react_1.default.createElement("span", { className: "spinner spinner-border spinner-border-sm", role: "status", "aria-hidden": "true" })) : (label))))) : (react_1.default.createElement("button", { className: className || "btn btn-primary", onClick: handleClick, disabled: isLoading || disabled, style: style }, isLoading ? (react_1.default.createElement("span", { className: "spinner spinner-border spinner-border-sm", role: "status", "aria-hidden": "true" })) : (label)));
97
- };
98
- exports.default = CustomButton;
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
+ return new (P || (P = Promise))(function (resolve, reject) {
28
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
32
+ });
33
+ };
34
+ var __generator = (this && this.__generator) || function (thisArg, body) {
35
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
36
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
37
+ function verb(n) { return function (v) { return step([n, v]); }; }
38
+ function step(op) {
39
+ if (f) throw new TypeError("Generator is already executing.");
40
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
41
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
42
+ if (y = 0, t) op = [op[0] & 2, t.value];
43
+ switch (op[0]) {
44
+ case 0: case 1: t = op; break;
45
+ case 4: _.label++; return { value: op[1], done: false };
46
+ case 5: _.label++; y = op[1]; op = [0]; continue;
47
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
48
+ default:
49
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
50
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
51
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
52
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
53
+ if (t[2]) _.ops.pop();
54
+ _.trys.pop(); continue;
55
+ }
56
+ op = body.call(thisArg, _);
57
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
58
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
59
+ }
60
+ };
61
+ Object.defineProperty(exports, "__esModule", { value: true });
62
+ var react_1 = __importStar(require("react"));
63
+ var react_bootstrap_1 = require("react-bootstrap");
64
+ var CustomButton = function (_a) {
65
+ var id = _a.id, name = _a.name, label = _a.label, onClick = _a.onClick, style = _a.style, className = _a.className, tooltip = _a.tooltip, disabled = _a.disabled, externalIsLoading = _a.isLoading;
66
+ var _b = (0, react_1.useState)(false), internalIsLoading = _b[0], setInternalIsLoading = _b[1];
67
+ var isLoading = externalIsLoading !== undefined ? externalIsLoading : internalIsLoading;
68
+ var handleClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
69
+ return __generator(this, function (_a) {
70
+ switch (_a.label) {
71
+ case 0:
72
+ event.preventDefault();
73
+ if (!!isLoading) return [3 /*break*/, 4];
74
+ if (externalIsLoading === undefined) {
75
+ // Eğer dışsal loading durumu yoksa içsel durumu güncelle
76
+ setInternalIsLoading(true);
77
+ }
78
+ _a.label = 1;
79
+ case 1:
80
+ _a.trys.push([1, , 3, 4]);
81
+ return [4 /*yield*/, onClick(event)];
82
+ case 2:
83
+ _a.sent();
84
+ return [3 /*break*/, 4];
85
+ case 3:
86
+ if (externalIsLoading === undefined) {
87
+ setInternalIsLoading(false); // İçsel durumu sıfırla
88
+ }
89
+ return [7 /*endfinally*/];
90
+ case 4: return [2 /*return*/];
91
+ }
92
+ });
93
+ }); };
94
+ return tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "top", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(tooltip) }, tooltip) },
95
+ react_1.default.createElement("span", null,
96
+ react_1.default.createElement("button", { className: className || "btn btn-primary", onClick: handleClick, disabled: isLoading || disabled, style: style }, isLoading ? (react_1.default.createElement("span", { className: "spinner spinner-border spinner-border-sm", role: "status", "aria-hidden": "true" })) : (label))))) : (react_1.default.createElement("button", { className: className || "btn btn-primary", onClick: handleClick, disabled: isLoading || disabled, style: style }, isLoading ? (react_1.default.createElement("span", { className: "spinner spinner-border spinner-border-sm", role: "status", "aria-hidden": "true" })) : (label)));
97
+ };
98
+ exports.default = CustomButton;