albinasoft-ui-package 1.0.67 → 1.0.69
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.
@@ -13,6 +13,7 @@ interface CustomCheckboxProps {
|
|
13
13
|
disabled?: boolean;
|
14
14
|
className?: string;
|
15
15
|
style?: React.CSSProperties;
|
16
|
+
moreVisible?: boolean;
|
16
17
|
onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
17
18
|
}
|
18
19
|
declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
|
@@ -1,4 +1,15 @@
|
|
1
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
|
+
};
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
15
|
};
|
@@ -7,12 +18,27 @@ var react_1 = __importDefault(require("react"));
|
|
7
18
|
var react_bootstrap_1 = require("react-bootstrap");
|
8
19
|
var fa_1 = require("react-icons/fa");
|
9
20
|
var CustomCheckbox = function (_a) {
|
10
|
-
var id = _a.id, name = _a.name, label = _a.label, 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,
|
21
|
+
var id = _a.id, name = _a.name, label = _a.label, 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, _d = _a.moreVisible, moreVisible = _d === void 0 ? false : _d, // Varsayılan false
|
22
|
+
onChange = _a.onChange;
|
23
|
+
// Checkbox kutusu için stil
|
24
|
+
var customInputStyle = __assign(__assign({}, style), (moreVisible ? {
|
25
|
+
transform: 'scale(1.5)',
|
26
|
+
transformOrigin: 'center',
|
27
|
+
border: '2px solid #007bff',
|
28
|
+
boxShadow: '0 0 5px rgba(0,123,255,0.8)',
|
29
|
+
marginTop: '0.6rem',
|
30
|
+
} : {}));
|
31
|
+
// Label (yazı) için stil
|
32
|
+
var customLabelStyle = moreVisible ? {
|
33
|
+
fontSize: '1.5em',
|
34
|
+
fontWeight: 'bold',
|
35
|
+
marginLeft: '0.5rem',
|
36
|
+
} : {};
|
37
|
+
var inputElement = (react_1.default.createElement("input", { id: id, name: name, type: "checkbox", className: "form-check-input", checked: value, disabled: disabled, onChange: onChange, required: required, style: customInputStyle }));
|
11
38
|
return (react_1.default.createElement("div", { className: className },
|
12
|
-
react_1.default.createElement("div", { className: "form-check form-group"
|
13
|
-
tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay:
|
14
|
-
|
15
|
-
react_1.default.createElement("label", { htmlFor: id, className: "form-check-label" }, label),
|
39
|
+
react_1.default.createElement("div", { className: "form-check form-group" },
|
40
|
+
tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(id || name) }, tooltip) }, inputElement)) : (inputElement),
|
41
|
+
react_1.default.createElement("label", { htmlFor: id, className: "form-check-label", style: customLabelStyle }, label),
|
16
42
|
required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
|
17
43
|
react_1.default.createElement("div", { className: "description-icon" },
|
18
44
|
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
@@ -79,7 +79,7 @@ var Color;
|
|
79
79
|
exports.Color = Color;
|
80
80
|
var CustomText = function (_a) {
|
81
81
|
var _b;
|
82
|
-
var id = _a.id, value = _a.value, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.style, style = _d === void 0 ? {} : _d, _e = _a.textType, textType = _e === void 0 ? TextType.PARAGRAPH : _e, color = _a.color, textAlign = _a.textAlign, fontSize = _a.fontSize, lineHeight = _a.lineHeight, fontWeight = _a.fontWeight, _f = _a.underline, underline = _f === void 0 ? false : _f, _g = _a.overline, overline = _g === void 0 ? false : _g, _h = _a.linethrough, linethrough = _h === void 0 ? false : _h, _j = _a.italic, italic = _j === void 0 ? false : _j, textAlignClass = _a.textAlignClass, linkText = _a.linkText;
|
82
|
+
var id = _a.id, value = _a.value, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.style, style = _d === void 0 ? {} : _d, _e = _a.textType, textType = _e === void 0 ? TextType.PARAGRAPH : _e, color = _a.color, textAlign = _a.textAlign, fontSize = _a.fontSize, lineHeight = _a.lineHeight, fontWeight = _a.fontWeight, _f = _a.underline, underline = _f === void 0 ? false : _f, _g = _a.overline, overline = _g === void 0 ? false : _g, _h = _a.linethrough, linethrough = _h === void 0 ? false : _h, _j = _a.italic, italic = _j === void 0 ? false : _j, textAlignClass = _a.textAlignClass, containerClass = _a.containerClass, linkText = _a.linkText;
|
83
83
|
var defaultStyles = (_b = {},
|
84
84
|
_b[TextType.BOLDHEAD] = {
|
85
85
|
fontSize: FontSize.XL,
|
@@ -151,7 +151,7 @@ var CustomText = function (_a) {
|
|
151
151
|
})));
|
152
152
|
});
|
153
153
|
};
|
154
|
-
return (react_1.default.createElement("div", { className: "".concat(textAlignClass) },
|
154
|
+
return (react_1.default.createElement("div", { className: "".concat(containerClass, " ").concat(textAlignClass) },
|
155
155
|
react_1.default.createElement("span", { id: id || "custom-text-".concat(Date.now()), className: "custom-text ".concat(combinedClassName), style: combinedStyle }, processTextWithLinks(value, linkText))));
|
156
156
|
};
|
157
157
|
exports.CustomText = CustomText;
|