albinasoft-ui-package 1.0.14 → 1.0.16
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.
- package/package.json +2 -2
- package/dist/Button/button.d.ts +0 -7
- package/dist/Button/button.js +0 -11
- package/dist/CustomButton/CustomButton.d.ts +0 -13
- package/dist/CustomButton/CustomButton.js +0 -92
- package/dist/CustomCheckbox/CustomCheckbox.d.ts +0 -19
- package/dist/CustomCheckbox/CustomCheckbox.js +0 -32
- package/dist/CustomDateTimePicker/CustomDateTimePicker.d.ts +0 -31
- package/dist/CustomDateTimePicker/CustomDateTimePicker.js +0 -45
- package/dist/CustomDivider/CustomDivider.d.ts +0 -51
- package/dist/CustomDivider/CustomDivider.js +0 -87
- package/dist/CustomForm/CustomForm.d.ts +0 -159
- package/dist/CustomForm/CustomForm.js +0 -163
- package/dist/CustomInput/CustomInput.d.ts +0 -34
- package/dist/CustomInput/CustomInput.js +0 -74
- package/dist/CustomModal/CustomModal.d.ts +0 -13
- package/dist/CustomModal/CustomModal.js +0 -16
- package/dist/CustomRadioButton/CustomRadioButton.d.ts +0 -25
- package/dist/CustomRadioButton/CustomRadioButton.js +0 -34
- package/dist/CustomRichTextbox/CustomRichTextbox.d.ts +0 -21
- package/dist/CustomRichTextbox/CustomRichTextbox.js +0 -41
- package/dist/CustomSelect/CustomSelect.d.ts +0 -26
- package/dist/CustomSelect/CustomSelect.js +0 -41
- package/dist/CustomTab/CustomTab.d.ts +0 -20
- package/dist/CustomTab/CustomTab.js +0 -65
- package/dist/CustomText/CustomText.d.ts +0 -71
- package/dist/CustomText/CustomText.js +0 -156
- package/dist/CustomTextarea/CustomTextarea.d.ts +0 -22
- package/dist/CustomTextarea/CustomTextarea.js +0 -33
- package/dist/CustomTreeView/CustomTreeView.d.ts +0 -15
- package/dist/CustomTreeView/CustomTreeView.js +0 -60
- /package/dist/{custom-autocomplete-input.css → assets/css/custom-autocomplete-input.css} +0 -0
@@ -1,163 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
14
|
-
if (k2 === undefined) k2 = k;
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
18
|
-
}
|
19
|
-
Object.defineProperty(o, k2, desc);
|
20
|
-
}) : (function(o, m, k, k2) {
|
21
|
-
if (k2 === undefined) k2 = k;
|
22
|
-
o[k2] = m[k];
|
23
|
-
}));
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
26
|
-
}) : function(o, v) {
|
27
|
-
o["default"] = v;
|
28
|
-
});
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
30
|
-
if (mod && mod.__esModule) return mod;
|
31
|
-
var result = {};
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
33
|
-
__setModuleDefault(result, mod);
|
34
|
-
return result;
|
35
|
-
};
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
38
|
-
};
|
39
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
40
|
-
exports.ElementType = exports.CustomForm = void 0;
|
41
|
-
var react_1 = __importStar(require("react"));
|
42
|
-
var react_toastify_1 = require("react-toastify");
|
43
|
-
var CustomButton_1 = __importDefault(require("../CustomButton/CustomButton"));
|
44
|
-
var CustomInput_1 = __importDefault(require("../CustomInput/CustomInput"));
|
45
|
-
var CustomTextarea_1 = __importDefault(require("../CustomTextarea/CustomTextarea"));
|
46
|
-
var CustomCheckbox_1 = __importDefault(require("../CustomCheckbox/CustomCheckbox"));
|
47
|
-
var CustomRadioButton_1 = __importDefault(require("../CustomRadioButton/CustomRadioButton"));
|
48
|
-
var CustomSelect_1 = __importDefault(require("../CustomSelect/CustomSelect"));
|
49
|
-
var CustomDateTimePicker_1 = __importDefault(require("../CustomDateTimePicker/CustomDateTimePicker"));
|
50
|
-
var CustomText_1 = __importDefault(require("../CustomText/CustomText"));
|
51
|
-
var CustomDivider_1 = __importDefault(require("../CustomDivider/CustomDivider"));
|
52
|
-
var CustomRichTextbox_1 = __importDefault(require("../CustomRichTextbox/CustomRichTextbox"));
|
53
|
-
var CustomTreeView_1 = __importDefault(require("../CustomTreeView/CustomTreeView"));
|
54
|
-
var ElementType;
|
55
|
-
(function (ElementType) {
|
56
|
-
ElementType["INPUT"] = "input";
|
57
|
-
ElementType["TEXTAREA"] = "textarea";
|
58
|
-
ElementType["CHECKBOX"] = "checkbox";
|
59
|
-
ElementType["RADIO"] = "radio";
|
60
|
-
ElementType["SELECT"] = "select";
|
61
|
-
ElementType["DATETIMEPICKER"] = "datetimepicker";
|
62
|
-
ElementType["TEXT"] = "text";
|
63
|
-
ElementType["DIVIDER"] = "divider";
|
64
|
-
ElementType["RICHTEXTBOX"] = "richtextbox";
|
65
|
-
ElementType["TREEVIEW"] = "treeview";
|
66
|
-
ElementType["BUTTON"] = "button";
|
67
|
-
})(ElementType || (ElementType = {}));
|
68
|
-
exports.ElementType = ElementType;
|
69
|
-
var CustomForm = function (_a) {
|
70
|
-
var elements = _a.elements, onSubmit = _a.onSubmit, _b = _a.confirmLabel, confirmLabel = _b === void 0 ? 'Confirm' : _b, // Varsayılan değer
|
71
|
-
_c = _a.cancelLabel, // Varsayılan değer
|
72
|
-
cancelLabel = _c === void 0 ? 'Cancel' : _c, // Varsayılan değer
|
73
|
-
handleCancel = _a.handleCancel, _d = _a.showConfirmButton, showConfirmButton = _d === void 0 ? true : _d, // Varsayılan olarak görünür
|
74
|
-
_e = _a.showCancelButton, // Varsayılan olarak görünür
|
75
|
-
showCancelButton = _e === void 0 ? false : _e;
|
76
|
-
var formRef = (0, react_1.useRef)(null);
|
77
|
-
var handleConfirm = function (e) {
|
78
|
-
e.preventDefault();
|
79
|
-
var form = formRef.current;
|
80
|
-
if (!form)
|
81
|
-
return;
|
82
|
-
var isValid = form.checkValidity();
|
83
|
-
if (isValid) {
|
84
|
-
var formValues_1 = {};
|
85
|
-
Array.from(form.elements).forEach(function (element) {
|
86
|
-
if (element instanceof HTMLInputElement ||
|
87
|
-
element instanceof HTMLTextAreaElement ||
|
88
|
-
element instanceof HTMLSelectElement) {
|
89
|
-
if (element.id) { //RichTextbox boş göndermemesi için
|
90
|
-
var name_1 = element.name || element.id;
|
91
|
-
if (element instanceof HTMLInputElement && element.type === ElementType.RADIO) {
|
92
|
-
if (element.checked) {
|
93
|
-
formValues_1[name_1] = element.value;
|
94
|
-
}
|
95
|
-
}
|
96
|
-
else if (element instanceof HTMLInputElement && element.type === ElementType.CHECKBOX) {
|
97
|
-
formValues_1[name_1] = element.checked;
|
98
|
-
}
|
99
|
-
else if (element instanceof HTMLSelectElement && element.multiple) {
|
100
|
-
var selectedOptions = Array.from(element.selectedOptions).map(function (option) { return option.value; });
|
101
|
-
formValues_1[name_1] = selectedOptions;
|
102
|
-
}
|
103
|
-
else if (element instanceof HTMLSelectElement) {
|
104
|
-
formValues_1[name_1] = [element.value]; // Tekli seçim bile array olarak döner
|
105
|
-
}
|
106
|
-
else {
|
107
|
-
formValues_1[name_1] = element.value;
|
108
|
-
}
|
109
|
-
}
|
110
|
-
}
|
111
|
-
});
|
112
|
-
// CustomForm elemanlarını kontrol etme
|
113
|
-
elements.forEach(function (element) {
|
114
|
-
if ('value' in element && element.type === ElementType.RICHTEXTBOX) {
|
115
|
-
formValues_1[element.id] = element.value; // RichTextbox değerini ekleme
|
116
|
-
}
|
117
|
-
});
|
118
|
-
// Form verilerini JSON olarak çıktıya yazdır
|
119
|
-
console.log(JSON.stringify(formValues_1, null, 2));
|
120
|
-
onSubmit(formValues_1);
|
121
|
-
}
|
122
|
-
else {
|
123
|
-
react_toastify_1.toast.error('Gerekli tüm alanları doldurunuz.');
|
124
|
-
form.classList.add('was-validated');
|
125
|
-
}
|
126
|
-
};
|
127
|
-
// Elemanları satır, sütun ve iç satıra göre gruplama
|
128
|
-
var groupedElements = elements.reduce(function (acc, el) {
|
129
|
-
var row = el.rowId || 0;
|
130
|
-
var col = el.colId || 0;
|
131
|
-
var innerRow = el.innerRowId || 0;
|
132
|
-
if (!acc[row])
|
133
|
-
acc[row] = {};
|
134
|
-
if (!acc[row][col])
|
135
|
-
acc[row][col] = {};
|
136
|
-
if (!acc[row][col][innerRow])
|
137
|
-
acc[row][col][innerRow] = [];
|
138
|
-
acc[row][col][innerRow].push(el);
|
139
|
-
return acc;
|
140
|
-
}, {});
|
141
|
-
return (react_1.default.createElement("form", { ref: formRef, noValidate: true, className: "needs-validation", autoComplete: "off" },
|
142
|
-
Object.entries(groupedElements).map(function (_a) {
|
143
|
-
var rowId = _a[0], columns = _a[1];
|
144
|
-
return (react_1.default.createElement("div", { className: "row", key: "row-".concat(rowId) }, Object.entries(columns).map(function (_a) {
|
145
|
-
var colId = _a[0], innerRows = _a[1];
|
146
|
-
return (react_1.default.createElement("div", { className: "col", key: "col-".concat(rowId, "-").concat(colId) }, Object.entries(innerRows).map(function (_a) {
|
147
|
-
var innerRowId = _a[0], elements = _a[1];
|
148
|
-
return (react_1.default.createElement("div", { className: "row", key: "inner-row-".concat(rowId, "-").concat(colId, "-").concat(innerRowId) }, elements.map(function (element) { return (react_1.default.createElement("div", { className: element.colClass || 'col-12', key: element.id }, element.type === ElementType.TEXT ? (react_1.default.createElement(CustomText_1.default, __assign({}, element))) : element.type === ElementType.INPUT ? (react_1.default.createElement(CustomInput_1.default, __assign({}, element))) : element.type === ElementType.TEXTAREA ? (react_1.default.createElement(CustomTextarea_1.default, __assign({}, element))) : element.type === ElementType.CHECKBOX ? (react_1.default.createElement(CustomCheckbox_1.default, __assign({}, element))) : element.type === ElementType.RADIO ? (react_1.default.createElement(CustomRadioButton_1.default, __assign({}, element))) : element.type === ElementType.SELECT ? (react_1.default.createElement(CustomSelect_1.default, __assign({}, element))) : element.type === ElementType.DATETIMEPICKER ? (react_1.default.createElement(CustomDateTimePicker_1.default, __assign({}, element))) : element.type === ElementType.DIVIDER ? (react_1.default.createElement(CustomDivider_1.default, __assign({}, element))) : element.type === ElementType.RICHTEXTBOX ? (react_1.default.createElement(CustomRichTextbox_1.default, __assign({}, element))) :
|
149
|
-
element.type === ElementType.TREEVIEW ? (react_1.default.createElement(CustomTreeView_1.default, __assign({}, element))) :
|
150
|
-
element.type === ElementType.BUTTON ? (react_1.default.createElement(CustomButton_1.default, __assign({}, element))
|
151
|
-
// ) : element.type === ElementType.UPLOADER ? (
|
152
|
-
// <CustomUploader {...(element as UploaderElement)} />
|
153
|
-
) : null)); })));
|
154
|
-
})));
|
155
|
-
})));
|
156
|
-
}),
|
157
|
-
(showConfirmButton || showCancelButton) && (react_1.default.createElement("div", { className: "card-footer mt-3" },
|
158
|
-
react_1.default.createElement("div", { className: "form-actions mt-3" },
|
159
|
-
showCancelButton && (react_1.default.createElement(CustomButton_1.default, { label: cancelLabel, className: "btn btn-secondary", onClick: handleCancel || (function () { }) })),
|
160
|
-
showConfirmButton && (react_1.default.createElement(CustomButton_1.default, { label: confirmLabel, onClick: handleConfirm })))))));
|
161
|
-
};
|
162
|
-
exports.CustomForm = CustomForm;
|
163
|
-
exports.default = CustomForm;
|
@@ -1,34 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
declare enum InputType {
|
3
|
-
TEXT = "text",
|
4
|
-
NUMBER = "number",
|
5
|
-
TEL = "tel",
|
6
|
-
PASSWORD = "password",
|
7
|
-
EMAIL = "email",
|
8
|
-
FILE = "file"
|
9
|
-
}
|
10
|
-
interface CustomInputProps {
|
11
|
-
id?: string;
|
12
|
-
name?: string;
|
13
|
-
label: string;
|
14
|
-
inputType?: InputType;
|
15
|
-
value: string;
|
16
|
-
placeholder?: string;
|
17
|
-
required?: boolean;
|
18
|
-
errorMessage?: string;
|
19
|
-
conditionalErrorVisible?: boolean;
|
20
|
-
conditionalErrorMessage?: string;
|
21
|
-
disabled?: boolean;
|
22
|
-
readOnly?: boolean;
|
23
|
-
buttonIcon?: React.ReactNode;
|
24
|
-
buttonTooltip?: string;
|
25
|
-
description?: string | null;
|
26
|
-
tooltip?: string;
|
27
|
-
style?: React.CSSProperties;
|
28
|
-
className?: string;
|
29
|
-
buttonOnClick?: () => void;
|
30
|
-
onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
31
|
-
}
|
32
|
-
declare const CustomInput: React.FC<CustomInputProps>;
|
33
|
-
export { CustomInput, InputType };
|
34
|
-
export default CustomInput;
|
@@ -1,74 +0,0 @@
|
|
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
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
26
|
-
exports.InputType = exports.CustomInput = void 0;
|
27
|
-
var react_1 = __importStar(require("react"));
|
28
|
-
var react_bootstrap_1 = require("react-bootstrap");
|
29
|
-
var fa_1 = require("react-icons/fa");
|
30
|
-
var InputType;
|
31
|
-
(function (InputType) {
|
32
|
-
InputType["TEXT"] = "text";
|
33
|
-
InputType["NUMBER"] = "number";
|
34
|
-
InputType["TEL"] = "tel";
|
35
|
-
InputType["PASSWORD"] = "password";
|
36
|
-
InputType["EMAIL"] = "email";
|
37
|
-
InputType["FILE"] = "file";
|
38
|
-
})(InputType || (InputType = {}));
|
39
|
-
exports.InputType = InputType;
|
40
|
-
var CustomInput = function (_a) {
|
41
|
-
var id = _a.id, name = _a.name, label = _a.label, _b = _a.inputType, inputType = _b === void 0 ? InputType.TEXT : _b, value = _a.value, placeholder = _a.placeholder, _c = _a.required, required = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, _d = _a.conditionalErrorVisible, conditionalErrorVisible = _d === void 0 ? false : _d, conditionalErrorMessage = _a.conditionalErrorMessage, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, buttonIcon = _a.buttonIcon, buttonTooltip = _a.buttonTooltip, description = _a.description, tooltip = _a.tooltip, style = _a.style, className = _a.className, buttonOnClick = _a.buttonOnClick, onChange = _a.onChange;
|
42
|
-
var _g = (0, react_1.useState)(false), showPassword = _g[0], setShowPassword = _g[1];
|
43
|
-
var handleType = inputType === InputType.PASSWORD && showPassword ? InputType.TEXT : inputType;
|
44
|
-
var togglePasswordVisibility = function () {
|
45
|
-
setShowPassword(function (prev) { return !prev; });
|
46
|
-
};
|
47
|
-
return (react_1.default.createElement("div", { className: className },
|
48
|
-
react_1.default.createElement("div", { className: "form-group" },
|
49
|
-
react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
|
50
|
-
react_1.default.createElement("div", { className: "input-group position-relative" },
|
51
|
-
tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(tooltip) }, tooltip) },
|
52
|
-
react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, className: "form-control", style: style, required: required, disabled: disabled, autoComplete: "new-password" // Modern tarayıcılarda autocomplete autofill engellemek için
|
53
|
-
}))) : (react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, className: "form-control", style: style, required: required, disabled: disabled, autoComplete: "new-password" // Modern tarayıcılarda autocomplete autofill engellemek için
|
54
|
-
})),
|
55
|
-
inputType === InputType.PASSWORD && (react_1.default.createElement("button", { type: "button", onClick: togglePasswordVisibility, className: "btn btn-outline-secondary", title: showPassword ? "Parolayı Gizle" : "Parolayı Göster" }, showPassword ? react_1.default.createElement(fa_1.FaEyeSlash, null) : react_1.default.createElement(fa_1.FaEye, null))),
|
56
|
-
buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: "btn btn-outline-secondary", title: buttonTooltip || "" }, buttonIcon)),
|
57
|
-
required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
|
58
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
59
|
-
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
60
|
-
react_1.default.createElement("div", { className: "description-text" },
|
61
|
-
react_1.default.createElement("span", null, errorMessage || 'Bu alan boş bırakılamaz.')))),
|
62
|
-
conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
|
63
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
64
|
-
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
65
|
-
react_1.default.createElement("div", { className: "description-text" },
|
66
|
-
react_1.default.createElement("span", null, conditionalErrorMessage)))),
|
67
|
-
description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
|
68
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
69
|
-
react_1.default.createElement(fa_1.FaInfoCircle, null)),
|
70
|
-
react_1.default.createElement("div", { className: "description-text" },
|
71
|
-
react_1.default.createElement("span", null, description))))))));
|
72
|
-
};
|
73
|
-
exports.CustomInput = CustomInput;
|
74
|
-
exports.default = CustomInput;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
interface CustomModalProps {
|
3
|
-
show: boolean;
|
4
|
-
title?: string;
|
5
|
-
size?: 'sm' | 'lg' | 'xl' | 'fullscreen';
|
6
|
-
onHide: () => void;
|
7
|
-
children?: React.ReactNode;
|
8
|
-
footer?: React.ReactNode;
|
9
|
-
style?: React.CSSProperties;
|
10
|
-
bodyStyle?: React.CSSProperties;
|
11
|
-
}
|
12
|
-
declare const CustomModal: React.FC<CustomModalProps>;
|
13
|
-
export default CustomModal;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var react_1 = __importDefault(require("react"));
|
7
|
-
var react_bootstrap_1 = require("react-bootstrap");
|
8
|
-
var CustomModal = function (_a) {
|
9
|
-
var show = _a.show, _b = _a.title, title = _b === void 0 ? 'Default Title' : _b, _c = _a.size, size = _c === void 0 ? 'lg' : _c, onHide = _a.onHide, children = _a.children, footer = _a.footer, style = _a.style, bodyStyle = _a.bodyStyle;
|
10
|
-
return (react_1.default.createElement(react_bootstrap_1.Modal, { show: show, onHide: onHide, size: size !== 'fullscreen' ? size : undefined, fullscreen: size === 'fullscreen' ? true : undefined, centered: size !== 'fullscreen', style: style },
|
11
|
-
react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
|
12
|
-
react_1.default.createElement(react_bootstrap_1.Modal.Title, null, title)),
|
13
|
-
react_1.default.createElement(react_bootstrap_1.Modal.Body, { style: bodyStyle }, children),
|
14
|
-
footer && react_1.default.createElement(react_bootstrap_1.Modal.Footer, null, footer)));
|
15
|
-
};
|
16
|
-
exports.default = CustomModal;
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
interface CustomRadioButtonOption {
|
3
|
-
id: string;
|
4
|
-
label: string;
|
5
|
-
value: string;
|
6
|
-
}
|
7
|
-
interface CustomRadioButtonProps {
|
8
|
-
id?: string;
|
9
|
-
name?: string;
|
10
|
-
label: string;
|
11
|
-
options: CustomRadioButtonOption[];
|
12
|
-
value: string;
|
13
|
-
required?: boolean;
|
14
|
-
errorMessage?: string;
|
15
|
-
conditionalErrorVisible?: boolean;
|
16
|
-
conditionalErrorMessage?: string;
|
17
|
-
tooltip?: string;
|
18
|
-
description?: string | null;
|
19
|
-
disabled?: boolean;
|
20
|
-
className?: string;
|
21
|
-
style?: React.CSSProperties;
|
22
|
-
onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
23
|
-
}
|
24
|
-
declare const CustomRadioButton: React.FC<CustomRadioButtonProps>;
|
25
|
-
export default CustomRadioButton;
|
@@ -1,34 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var react_1 = __importDefault(require("react"));
|
7
|
-
var react_bootstrap_1 = require("react-bootstrap");
|
8
|
-
var fa_1 = require("react-icons/fa");
|
9
|
-
var CustomRadioButton = function (_a) {
|
10
|
-
var id = _a.id, name = _a.name, label = _a.label, options = _a.options, 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, onChange = _a.onChange;
|
11
|
-
return (react_1.default.createElement("div", { className: className, style: style },
|
12
|
-
react_1.default.createElement("div", { className: "form-group" },
|
13
|
-
react_1.default.createElement("label", { className: "form-label" }, label),
|
14
|
-
react_1.default.createElement("div", { className: "radio-options" }, options.map(function (option, index) { return (react_1.default.createElement("div", { key: option.id, className: "form-check" },
|
15
|
-
react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: tooltip ? (react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(option.id) }, tooltip)) : react_1.default.createElement(react_1.default.Fragment, null) },
|
16
|
-
react_1.default.createElement("input", { id: option.id, name: name || id, type: "radio", className: "form-check-input", value: option.value, checked: value === option.value, disabled: disabled, onChange: onChange, required: required })),
|
17
|
-
react_1.default.createElement("label", { htmlFor: option.id, className: "form-check-label" }, option.label),
|
18
|
-
required && !value && index === options.length - 1 && (react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2" },
|
19
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
20
|
-
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
21
|
-
react_1.default.createElement("div", { className: "description-text" },
|
22
|
-
react_1.default.createElement("span", null, errorMessage || 'Seçim yapılması gerekmektedir.')))),
|
23
|
-
conditionalErrorVisible && index === options.length - 1 && (react_1.default.createElement("div", { className: "conditional-error-message text-warning mt-2" },
|
24
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
25
|
-
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
26
|
-
react_1.default.createElement("div", { className: "description-text" },
|
27
|
-
react_1.default.createElement("span", null, conditionalErrorMessage)))),
|
28
|
-
description && index === options.length - 1 && (react_1.default.createElement("div", { className: "form-description text-secondary mt-2" },
|
29
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
30
|
-
react_1.default.createElement(fa_1.FaInfoCircle, null)),
|
31
|
-
react_1.default.createElement("div", { className: "description-text" },
|
32
|
-
react_1.default.createElement("span", null, description)))))); })))));
|
33
|
-
};
|
34
|
-
exports.default = CustomRadioButton;
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import 'react-quill/dist/quill.snow.css';
|
3
|
-
interface CustomRichTextboxProps {
|
4
|
-
id?: string;
|
5
|
-
name?: string;
|
6
|
-
label: string;
|
7
|
-
value: string;
|
8
|
-
placeholder?: string;
|
9
|
-
required?: boolean;
|
10
|
-
errorMessage?: string;
|
11
|
-
conditionalErrorVisible?: boolean;
|
12
|
-
conditionalErrorMessage?: string;
|
13
|
-
description?: string | null;
|
14
|
-
tooltip?: string;
|
15
|
-
disabled?: boolean;
|
16
|
-
style?: React.CSSProperties;
|
17
|
-
className?: string;
|
18
|
-
onChange: (value: string) => void;
|
19
|
-
}
|
20
|
-
declare const CustomRichTextbox: React.FC<CustomRichTextboxProps>;
|
21
|
-
export default CustomRichTextbox;
|
@@ -1,41 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var react_1 = __importDefault(require("react"));
|
7
|
-
var react_quill_1 = __importDefault(require("react-quill"));
|
8
|
-
require("react-quill/dist/quill.snow.css"); // Quill'in varsayılan stil dosyası
|
9
|
-
var react_bootstrap_1 = require("react-bootstrap");
|
10
|
-
var fa_1 = require("react-icons/fa");
|
11
|
-
var CustomRichTextbox = function (_a) {
|
12
|
-
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, errorMessage = _a.errorMessage, _c = _a.conditionalErrorVisible, conditionalErrorVisible = _c === void 0 ? false : _c, conditionalErrorMessage = _a.conditionalErrorMessage, description = _a.description, tooltip = _a.tooltip, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.style, style = _e === void 0 ? { border: 'none' } : _e, className = _a.className, onChange = _a.onChange;
|
13
|
-
var handleChange = function (content) {
|
14
|
-
onChange(content);
|
15
|
-
};
|
16
|
-
return (react_1.default.createElement("div", { className: className },
|
17
|
-
react_1.default.createElement("div", { className: "form-group" },
|
18
|
-
react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
|
19
|
-
react_1.default.createElement("div", { className: "position-relative" },
|
20
|
-
tooltip && (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id) }, tooltip) },
|
21
|
-
react_1.default.createElement("div", null,
|
22
|
-
react_1.default.createElement(react_quill_1.default, { id: id, value: value, placeholder: placeholder, readOnly: disabled, onChange: handleChange, className: "form-control", style: style, theme: "snow" // Kullanılan tema
|
23
|
-
})))),
|
24
|
-
!tooltip && (react_1.default.createElement(react_quill_1.default, { id: id, value: value, placeholder: placeholder, readOnly: disabled, onChange: handleChange, className: "form-control", style: style, theme: "snow" })),
|
25
|
-
required && !value && (react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2" },
|
26
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
27
|
-
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
28
|
-
react_1.default.createElement("div", { className: "description-text" },
|
29
|
-
react_1.default.createElement("span", null, errorMessage || 'Bu alan boş bırakılamaz.')))),
|
30
|
-
conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning mt-2" },
|
31
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
32
|
-
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
33
|
-
react_1.default.createElement("div", { className: "description-text" },
|
34
|
-
react_1.default.createElement("span", null, conditionalErrorMessage)))),
|
35
|
-
description && (react_1.default.createElement("div", { className: "form-description text-secondary mt-2" },
|
36
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
37
|
-
react_1.default.createElement(fa_1.FaInfoCircle, null)),
|
38
|
-
react_1.default.createElement("div", { className: "description-text" },
|
39
|
-
react_1.default.createElement("span", null, description))))))));
|
40
|
-
};
|
41
|
-
exports.default = CustomRichTextbox;
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
interface CustomSelectOption {
|
3
|
-
id: string;
|
4
|
-
label: string;
|
5
|
-
value: string;
|
6
|
-
}
|
7
|
-
interface CustomSelectProps {
|
8
|
-
id?: string;
|
9
|
-
name?: string;
|
10
|
-
label: string;
|
11
|
-
options: CustomSelectOption[];
|
12
|
-
value: string | string[];
|
13
|
-
required?: boolean;
|
14
|
-
multiple?: boolean;
|
15
|
-
errorMessage?: string;
|
16
|
-
conditionalErrorVisible?: boolean;
|
17
|
-
conditionalErrorMessage?: string;
|
18
|
-
tooltip?: string;
|
19
|
-
description?: string | null;
|
20
|
-
disabled?: boolean;
|
21
|
-
className?: string;
|
22
|
-
style?: React.CSSProperties;
|
23
|
-
onChange: (value: string | string[]) => void;
|
24
|
-
}
|
25
|
-
declare const CustomSelect: React.FC<CustomSelectProps>;
|
26
|
-
export default CustomSelect;
|
@@ -1,41 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var react_1 = __importDefault(require("react"));
|
7
|
-
var react_bootstrap_1 = require("react-bootstrap");
|
8
|
-
var fa_1 = require("react-icons/fa");
|
9
|
-
var CustomSelect = function (_a) {
|
10
|
-
var id = _a.id, name = _a.name, label = _a.label, options = _a.options, value = _a.value, _b = _a.required, required = _b === void 0 ? false : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, conditionalErrorVisible = _a.conditionalErrorVisible, conditionalErrorMessage = _a.conditionalErrorMessage, tooltip = _a.tooltip, description = _a.description, _d = _a.disabled, disabled = _d === void 0 ? false : _d, className = _a.className, style = _a.style, onChange = _a.onChange;
|
11
|
-
var handleChange = function (e) {
|
12
|
-
var selectedOptions = multiple
|
13
|
-
? Array.from(e.target.selectedOptions).map(function (option) { return option.value; })
|
14
|
-
: e.target.value;
|
15
|
-
onChange(selectedOptions); // Pass string or string[] as needed
|
16
|
-
};
|
17
|
-
return (react_1.default.createElement("div", { className: className, style: style },
|
18
|
-
react_1.default.createElement("div", { className: "form-group" },
|
19
|
-
react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
|
20
|
-
react_1.default.createElement("div", { className: "select-container" },
|
21
|
-
react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: tooltip ? (react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id || name) }, tooltip)) : react_1.default.createElement(react_1.default.Fragment, null) },
|
22
|
-
react_1.default.createElement("select", { id: id, name: name, className: "form-select", value: value, multiple: multiple, required: required, disabled: disabled, onChange: handleChange },
|
23
|
-
!multiple && (react_1.default.createElement("option", { value: "", disabled: true }, "Se\u00E7iniz")),
|
24
|
-
options.map(function (option) { return (react_1.default.createElement("option", { key: option.id, value: option.value }, option.label)); }))),
|
25
|
-
react_1.default.createElement("div", { className: "invalid-feedback text-danger mt-2" },
|
26
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
27
|
-
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
28
|
-
react_1.default.createElement("div", { className: "description-text" },
|
29
|
-
react_1.default.createElement("span", null, errorMessage || 'Lütfen bir seçim yapınız.'))),
|
30
|
-
conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning mt-2" },
|
31
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
32
|
-
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
33
|
-
react_1.default.createElement("div", { className: "description-text" },
|
34
|
-
react_1.default.createElement("span", null, conditionalErrorMessage)))),
|
35
|
-
description && (react_1.default.createElement("div", { className: "form-description text-secondary mt-2" },
|
36
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
37
|
-
react_1.default.createElement(fa_1.FaInfoCircle, null)),
|
38
|
-
react_1.default.createElement("div", { className: "description-text" },
|
39
|
-
react_1.default.createElement("span", null, description))))))));
|
40
|
-
};
|
41
|
-
exports.default = CustomSelect;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
declare enum AlignTabs {
|
3
|
-
START = "start",
|
4
|
-
CENTER = "center",
|
5
|
-
END = "end"
|
6
|
-
}
|
7
|
-
interface TabItem {
|
8
|
-
key: string;
|
9
|
-
title: string;
|
10
|
-
content: React.ReactNode;
|
11
|
-
}
|
12
|
-
interface CustomTabProps {
|
13
|
-
tabs: TabItem[];
|
14
|
-
defaultActiveKey?: string;
|
15
|
-
align?: AlignTabs;
|
16
|
-
transparent?: boolean;
|
17
|
-
}
|
18
|
-
declare const CustomTab: React.FC<CustomTabProps>;
|
19
|
-
export { CustomTab, AlignTabs };
|
20
|
-
export default CustomTab;
|
@@ -1,65 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
14
|
-
if (k2 === undefined) k2 = k;
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
18
|
-
}
|
19
|
-
Object.defineProperty(o, k2, desc);
|
20
|
-
}) : (function(o, m, k, k2) {
|
21
|
-
if (k2 === undefined) k2 = k;
|
22
|
-
o[k2] = m[k];
|
23
|
-
}));
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
26
|
-
}) : function(o, v) {
|
27
|
-
o["default"] = v;
|
28
|
-
});
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
30
|
-
if (mod && mod.__esModule) return mod;
|
31
|
-
var result = {};
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
33
|
-
__setModuleDefault(result, mod);
|
34
|
-
return result;
|
35
|
-
};
|
36
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
37
|
-
exports.AlignTabs = exports.CustomTab = void 0;
|
38
|
-
var react_1 = __importStar(require("react"));
|
39
|
-
var react_bootstrap_1 = require("react-bootstrap");
|
40
|
-
var AlignTabs;
|
41
|
-
(function (AlignTabs) {
|
42
|
-
AlignTabs["START"] = "start";
|
43
|
-
AlignTabs["CENTER"] = "center";
|
44
|
-
AlignTabs["END"] = "end";
|
45
|
-
})(AlignTabs || (AlignTabs = {}));
|
46
|
-
exports.AlignTabs = AlignTabs;
|
47
|
-
var CustomTab = function (_a) {
|
48
|
-
var _b;
|
49
|
-
var tabs = _a.tabs, defaultActiveKey = _a.defaultActiveKey, _c = _a.align, align = _c === void 0 ? AlignTabs.START : _c, _d = _a.transparent, transparent = _d === void 0 ? false : _d;
|
50
|
-
var _e = (0, react_1.useState)(defaultActiveKey || ((_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.key) || ''), activeTabKey = _e[0], setActiveTabKey = _e[1];
|
51
|
-
var alignmentClass = align === AlignTabs.CENTER
|
52
|
-
? 'justify-content-center'
|
53
|
-
: align === AlignTabs.END
|
54
|
-
? 'justify-content-end'
|
55
|
-
: 'justify-content-start';
|
56
|
-
var navStyle = transparent ? { background: 'transparent' } : undefined;
|
57
|
-
return (react_1.default.createElement("div", { className: "card", style: { background: "transparent" } },
|
58
|
-
react_1.default.createElement("div", { className: "card-body" },
|
59
|
-
react_1.default.createElement(react_bootstrap_1.Tab.Container, { activeKey: activeTabKey, onSelect: function (tabKey) { var _a; return setActiveTabKey(tabKey || ((_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key) || ''); } },
|
60
|
-
react_1.default.createElement(react_bootstrap_1.Nav, { variant: "tabs", className: "d-flex ".concat(alignmentClass), style: __assign({ width: "100%" }, navStyle) }, tabs.map(function (tab) { return (react_1.default.createElement(react_bootstrap_1.Nav.Item, { key: tab.key },
|
61
|
-
react_1.default.createElement(react_bootstrap_1.Nav.Link, { eventKey: tab.key }, tab.title))); })),
|
62
|
-
react_1.default.createElement(react_bootstrap_1.Tab.Content, null, tabs.map(function (tab) { return (react_1.default.createElement(react_bootstrap_1.Tab.Pane, { eventKey: tab.key, key: tab.key }, tab.content)); }))))));
|
63
|
-
};
|
64
|
-
exports.CustomTab = CustomTab;
|
65
|
-
exports.default = CustomTab;
|