albinasoft-ui-package 1.0.14 → 1.0.15

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 (32) hide show
  1. package/package.json +2 -2
  2. package/dist/Button/button.d.ts +0 -7
  3. package/dist/Button/button.js +0 -11
  4. package/dist/CustomButton/CustomButton.d.ts +0 -13
  5. package/dist/CustomButton/CustomButton.js +0 -92
  6. package/dist/CustomCheckbox/CustomCheckbox.d.ts +0 -19
  7. package/dist/CustomCheckbox/CustomCheckbox.js +0 -32
  8. package/dist/CustomDateTimePicker/CustomDateTimePicker.d.ts +0 -31
  9. package/dist/CustomDateTimePicker/CustomDateTimePicker.js +0 -45
  10. package/dist/CustomDivider/CustomDivider.d.ts +0 -51
  11. package/dist/CustomDivider/CustomDivider.js +0 -87
  12. package/dist/CustomForm/CustomForm.d.ts +0 -159
  13. package/dist/CustomForm/CustomForm.js +0 -163
  14. package/dist/CustomInput/CustomInput.d.ts +0 -34
  15. package/dist/CustomInput/CustomInput.js +0 -74
  16. package/dist/CustomModal/CustomModal.d.ts +0 -13
  17. package/dist/CustomModal/CustomModal.js +0 -16
  18. package/dist/CustomRadioButton/CustomRadioButton.d.ts +0 -25
  19. package/dist/CustomRadioButton/CustomRadioButton.js +0 -34
  20. package/dist/CustomRichTextbox/CustomRichTextbox.d.ts +0 -21
  21. package/dist/CustomRichTextbox/CustomRichTextbox.js +0 -41
  22. package/dist/CustomSelect/CustomSelect.d.ts +0 -26
  23. package/dist/CustomSelect/CustomSelect.js +0 -41
  24. package/dist/CustomTab/CustomTab.d.ts +0 -20
  25. package/dist/CustomTab/CustomTab.js +0 -65
  26. package/dist/CustomText/CustomText.d.ts +0 -71
  27. package/dist/CustomText/CustomText.js +0 -156
  28. package/dist/CustomTextarea/CustomTextarea.d.ts +0 -22
  29. package/dist/CustomTextarea/CustomTextarea.js +0 -33
  30. package/dist/CustomTreeView/CustomTreeView.d.ts +0 -15
  31. package/dist/CustomTreeView/CustomTreeView.js +0 -60
  32. /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;