albinasoft-ui-package 1.0.4 → 1.0.6
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/dist/CustomCheckbox/CustomCheckbox.d.ts +19 -0
- package/dist/CustomCheckbox/CustomCheckbox.js +32 -0
- package/dist/CustomDateTimePicker/CustomDateTimePicker.d.ts +31 -0
- package/dist/CustomDateTimePicker/CustomDateTimePicker.js +45 -0
- package/dist/CustomDivider/CustomDivider.d.ts +51 -0
- package/dist/CustomDivider/CustomDivider.js +87 -0
- package/dist/CustomForm/CustomForm.d.ts +159 -0
- package/dist/CustomForm/CustomForm.js +163 -0
- package/dist/CustomInput/CustomInput.d.ts +34 -0
- package/dist/CustomInput/CustomInput.js +74 -0
- package/dist/CustomModal/CustomModal.d.ts +13 -0
- package/dist/CustomModal/CustomModal.js +16 -0
- package/dist/CustomRadioButton/CustomRadioButton.d.ts +25 -0
- package/dist/CustomRadioButton/CustomRadioButton.js +34 -0
- package/dist/CustomRichTextbox/CustomRichTextbox.d.ts +21 -0
- package/dist/CustomRichTextbox/CustomRichTextbox.js +41 -0
- package/dist/CustomSelect/CustomSelect.d.ts +26 -0
- package/dist/CustomSelect/CustomSelect.js +41 -0
- package/dist/CustomTab/CustomTab.d.ts +20 -0
- package/dist/CustomTab/CustomTab.js +65 -0
- package/dist/CustomText/CustomText.d.ts +71 -0
- package/dist/CustomText/CustomText.js +156 -0
- package/dist/CustomTextarea/CustomTextarea.d.ts +22 -0
- package/dist/CustomTextarea/CustomTextarea.js +33 -0
- package/dist/CustomTreeView/CustomTreeView.d.ts +15 -0
- package/dist/CustomTreeView/CustomTreeView.js +60 -0
- package/dist/components/CustomButton.d.ts +13 -0
- package/dist/components/CustomButton.js +92 -0
- package/dist/components/CustomCheckbox.d.ts +19 -0
- package/dist/components/CustomCheckbox.js +32 -0
- package/dist/components/CustomDateTimePicker.d.ts +31 -0
- package/dist/components/CustomDateTimePicker.js +45 -0
- package/dist/components/CustomDivider.d.ts +51 -0
- package/dist/components/CustomDivider.js +87 -0
- package/dist/components/CustomForm.d.ts +159 -0
- package/dist/components/CustomForm.js +163 -0
- package/dist/components/CustomInput.d.ts +34 -0
- package/dist/components/CustomInput.js +74 -0
- package/dist/components/CustomModal.d.ts +13 -0
- package/dist/components/CustomModal.js +16 -0
- package/dist/components/CustomRadioButton.d.ts +25 -0
- package/dist/components/CustomRadioButton.js +34 -0
- package/dist/components/CustomRichTextbox.d.ts +21 -0
- package/dist/components/CustomRichTextbox.js +41 -0
- package/dist/components/CustomSelect.d.ts +26 -0
- package/dist/components/CustomSelect.js +41 -0
- package/dist/components/CustomTab.d.ts +20 -0
- package/dist/components/CustomTab.js +65 -0
- package/dist/components/CustomText.d.ts +71 -0
- package/dist/components/CustomText.js +156 -0
- package/dist/components/CustomTextarea.d.ts +22 -0
- package/dist/components/CustomTextarea.js +33 -0
- package/dist/components/CustomTreeView.d.ts +15 -0
- package/dist/components/CustomTreeView.js +60 -0
- package/dist/index.d.ts +15 -3
- package/dist/index.js +29 -5
- package/package.json +7 -2
@@ -0,0 +1,71 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
declare enum TextType {
|
3
|
+
BOLDHEAD = "boldhead",
|
4
|
+
HEADING = "heading",
|
5
|
+
SUBHEADING = "subheading",
|
6
|
+
PARAGRAPH = "paragraph"
|
7
|
+
}
|
8
|
+
declare enum TextAlign {
|
9
|
+
START = "start",
|
10
|
+
CENTER = "center",
|
11
|
+
END = "end"
|
12
|
+
}
|
13
|
+
declare enum FontSize {
|
14
|
+
XXXXL = "96px",
|
15
|
+
XXXL = "72px",
|
16
|
+
XXL = "48px",
|
17
|
+
XL = "32px",
|
18
|
+
L = "24px",
|
19
|
+
M = "20px",
|
20
|
+
S = "18px",
|
21
|
+
XS = "16px",
|
22
|
+
XXS = "14px",
|
23
|
+
XXXS = "12px",
|
24
|
+
XXXXS = "10px"
|
25
|
+
}
|
26
|
+
declare enum LineHeight {
|
27
|
+
XXL = "5",
|
28
|
+
XL = "4",
|
29
|
+
L = "3",
|
30
|
+
M = "2.5",
|
31
|
+
S = "2",
|
32
|
+
XS = "1.5",
|
33
|
+
XXS = "1"
|
34
|
+
}
|
35
|
+
declare enum FontWeight {
|
36
|
+
BOLD = "800",
|
37
|
+
NORMAL = "600",
|
38
|
+
THIN = "400"
|
39
|
+
}
|
40
|
+
declare enum Color {
|
41
|
+
DEFAULT = "currentColor",
|
42
|
+
PRIMARY = "text-primary",
|
43
|
+
SECONDARY = "text-secondary",
|
44
|
+
SUCCESS = "text-success",
|
45
|
+
WARNING = "text-warning",
|
46
|
+
DANGER = "text-danger",
|
47
|
+
INFO = "text-info",
|
48
|
+
DARK = "text-dark",
|
49
|
+
LIGHT = "text-light"
|
50
|
+
}
|
51
|
+
interface CustomTextProps {
|
52
|
+
id?: string;
|
53
|
+
value: string;
|
54
|
+
className?: string;
|
55
|
+
style?: React.CSSProperties;
|
56
|
+
textType?: TextType;
|
57
|
+
color?: Color;
|
58
|
+
textAlign?: TextAlign;
|
59
|
+
fontSize?: FontSize;
|
60
|
+
lineHeight?: LineHeight;
|
61
|
+
fontWeight?: FontWeight;
|
62
|
+
underline?: boolean;
|
63
|
+
overline?: boolean;
|
64
|
+
linethrough?: boolean;
|
65
|
+
italic?: boolean;
|
66
|
+
textAlignClass?: string;
|
67
|
+
linkText?: string;
|
68
|
+
}
|
69
|
+
declare const CustomText: React.FC<CustomTextProps>;
|
70
|
+
export { CustomText, TextType, TextAlign, FontSize, LineHeight, FontWeight, Color };
|
71
|
+
export default CustomText;
|
@@ -0,0 +1,156 @@
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
|
+
};
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
+
exports.Color = exports.FontWeight = exports.LineHeight = exports.FontSize = exports.TextAlign = exports.TextType = exports.CustomText = void 0;
|
18
|
+
var react_1 = __importDefault(require("react"));
|
19
|
+
var TextType;
|
20
|
+
(function (TextType) {
|
21
|
+
TextType["BOLDHEAD"] = "boldhead";
|
22
|
+
TextType["HEADING"] = "heading";
|
23
|
+
TextType["SUBHEADING"] = "subheading";
|
24
|
+
TextType["PARAGRAPH"] = "paragraph";
|
25
|
+
})(TextType || (TextType = {}));
|
26
|
+
exports.TextType = TextType;
|
27
|
+
var TextAlign;
|
28
|
+
(function (TextAlign) {
|
29
|
+
TextAlign["START"] = "start";
|
30
|
+
TextAlign["CENTER"] = "center";
|
31
|
+
TextAlign["END"] = "end";
|
32
|
+
})(TextAlign || (TextAlign = {}));
|
33
|
+
exports.TextAlign = TextAlign;
|
34
|
+
var FontSize;
|
35
|
+
(function (FontSize) {
|
36
|
+
FontSize["XXXXL"] = "96px";
|
37
|
+
FontSize["XXXL"] = "72px";
|
38
|
+
FontSize["XXL"] = "48px";
|
39
|
+
FontSize["XL"] = "32px";
|
40
|
+
FontSize["L"] = "24px";
|
41
|
+
FontSize["M"] = "20px";
|
42
|
+
FontSize["S"] = "18px";
|
43
|
+
FontSize["XS"] = "16px";
|
44
|
+
FontSize["XXS"] = "14px";
|
45
|
+
FontSize["XXXS"] = "12px";
|
46
|
+
FontSize["XXXXS"] = "10px";
|
47
|
+
})(FontSize || (FontSize = {}));
|
48
|
+
exports.FontSize = FontSize;
|
49
|
+
var LineHeight;
|
50
|
+
(function (LineHeight) {
|
51
|
+
LineHeight["XXL"] = "5";
|
52
|
+
LineHeight["XL"] = "4";
|
53
|
+
LineHeight["L"] = "3";
|
54
|
+
LineHeight["M"] = "2.5";
|
55
|
+
LineHeight["S"] = "2";
|
56
|
+
LineHeight["XS"] = "1.5";
|
57
|
+
LineHeight["XXS"] = "1";
|
58
|
+
})(LineHeight || (LineHeight = {}));
|
59
|
+
exports.LineHeight = LineHeight;
|
60
|
+
var FontWeight;
|
61
|
+
(function (FontWeight) {
|
62
|
+
FontWeight["BOLD"] = "800";
|
63
|
+
FontWeight["NORMAL"] = "600";
|
64
|
+
FontWeight["THIN"] = "400";
|
65
|
+
})(FontWeight || (FontWeight = {}));
|
66
|
+
exports.FontWeight = FontWeight;
|
67
|
+
var Color;
|
68
|
+
(function (Color) {
|
69
|
+
Color["DEFAULT"] = "currentColor";
|
70
|
+
Color["PRIMARY"] = "text-primary";
|
71
|
+
Color["SECONDARY"] = "text-secondary";
|
72
|
+
Color["SUCCESS"] = "text-success";
|
73
|
+
Color["WARNING"] = "text-warning";
|
74
|
+
Color["DANGER"] = "text-danger";
|
75
|
+
Color["INFO"] = "text-info";
|
76
|
+
Color["DARK"] = "text-dark";
|
77
|
+
Color["LIGHT"] = "text-light";
|
78
|
+
})(Color || (Color = {}));
|
79
|
+
exports.Color = Color;
|
80
|
+
var CustomText = function (_a) {
|
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, // Varsayılan olarak 'paragraph'
|
83
|
+
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;
|
84
|
+
// Varsayılan stiller
|
85
|
+
var defaultStyles = (_b = {},
|
86
|
+
_b[TextType.BOLDHEAD] = {
|
87
|
+
fontSize: FontSize.XL,
|
88
|
+
lineHeight: LineHeight.S,
|
89
|
+
fontWeight: FontWeight.BOLD,
|
90
|
+
},
|
91
|
+
_b[TextType.HEADING] = {
|
92
|
+
fontSize: FontSize.XL,
|
93
|
+
lineHeight: LineHeight.S,
|
94
|
+
fontWeight: FontWeight.NORMAL,
|
95
|
+
},
|
96
|
+
_b[TextType.SUBHEADING] = {
|
97
|
+
fontSize: FontSize.L,
|
98
|
+
lineHeight: LineHeight.XS,
|
99
|
+
fontWeight: FontWeight.NORMAL,
|
100
|
+
},
|
101
|
+
_b[TextType.PARAGRAPH] = {
|
102
|
+
fontSize: FontSize.XS,
|
103
|
+
lineHeight: LineHeight.XXS,
|
104
|
+
fontWeight: FontWeight.THIN,
|
105
|
+
},
|
106
|
+
_b);
|
107
|
+
// Dinamik sınıf ekleme
|
108
|
+
if (textType == TextType.BOLDHEAD && !color) {
|
109
|
+
color = Color.DARK;
|
110
|
+
}
|
111
|
+
else if (textType == TextType.HEADING && !color) {
|
112
|
+
color = Color.DARK;
|
113
|
+
}
|
114
|
+
else if (textType == TextType.SUBHEADING && !color) {
|
115
|
+
color = Color.DARK;
|
116
|
+
}
|
117
|
+
else if (textType == TextType.PARAGRAPH && !color) {
|
118
|
+
color = Color.DEFAULT;
|
119
|
+
}
|
120
|
+
if (textAlign == TextAlign.START) {
|
121
|
+
textAlignClass = "text-start";
|
122
|
+
}
|
123
|
+
else if (textAlign == TextAlign.CENTER) {
|
124
|
+
textAlignClass = "text-center";
|
125
|
+
}
|
126
|
+
else if (textAlign == TextAlign.END) {
|
127
|
+
textAlignClass = "text-end";
|
128
|
+
}
|
129
|
+
// Text decoration birleştirme
|
130
|
+
var textDecoration = [
|
131
|
+
underline ? 'underline' : '',
|
132
|
+
overline ? 'overline' : '',
|
133
|
+
linethrough ? 'line-through' : '',
|
134
|
+
]
|
135
|
+
.filter(Boolean)
|
136
|
+
.join(' ');
|
137
|
+
// Varsayılan stil ile kullanıcı stilini birleştir
|
138
|
+
var combinedStyle = __assign(__assign(__assign({}, defaultStyles[textType]), { textAlign: textAlign !== null && textAlign !== void 0 ? textAlign : defaultStyles[textType].textAlign, fontSize: fontSize !== null && fontSize !== void 0 ? fontSize : defaultStyles[textType].fontSize, lineHeight: lineHeight !== null && lineHeight !== void 0 ? lineHeight : defaultStyles[textType].lineHeight, fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : defaultStyles[textType].fontWeight, textDecoration: textDecoration || undefined, fontStyle: italic ? 'italic' : undefined }), style);
|
139
|
+
var combinedClassName = "".concat(color, " ").concat(className).trim();
|
140
|
+
// URL'leri tıklanabilir hale getirme
|
141
|
+
var renderWithLinks = function (text, linkText) {
|
142
|
+
var urlRegex = /(https?:\/\/[^\s]+|www\.[^\s]+)/g; // URL'leri algılayan RegEx
|
143
|
+
var parts = text.split(urlRegex);
|
144
|
+
return parts.map(function (part, index) {
|
145
|
+
return urlRegex.test(part) ? (react_1.default.createElement("a", { key: index, href: part.startsWith('http') ? part : "https://".concat(part), target: "_blank", rel: "noopener noreferrer" },
|
146
|
+
linkText || part.replace(/https?:\/\/|www\.|\/$/g, ''),
|
147
|
+
" ")) : (part);
|
148
|
+
});
|
149
|
+
};
|
150
|
+
return (react_1.default.createElement("div", { className: "".concat(textAlignClass) },
|
151
|
+
react_1.default.createElement("span", { id: id || "custom-text-".concat(Date.now()), className: "custom-text ".concat(combinedClassName), style: combinedStyle },
|
152
|
+
renderWithLinks(value, linkText),
|
153
|
+
" ")));
|
154
|
+
};
|
155
|
+
exports.CustomText = CustomText;
|
156
|
+
exports.default = CustomText;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
interface CustomTextareaProps {
|
3
|
+
id?: string;
|
4
|
+
name?: string;
|
5
|
+
label: string;
|
6
|
+
value: string;
|
7
|
+
placeholder?: string;
|
8
|
+
required?: boolean;
|
9
|
+
errorMessage?: string;
|
10
|
+
conditionalErrorVisible?: boolean;
|
11
|
+
conditionalErrorMessage?: string;
|
12
|
+
disabled?: boolean;
|
13
|
+
readOnly?: boolean;
|
14
|
+
rows?: number;
|
15
|
+
description?: string | null;
|
16
|
+
tooltip?: string;
|
17
|
+
style?: React.CSSProperties;
|
18
|
+
className?: string;
|
19
|
+
onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
20
|
+
}
|
21
|
+
declare const CustomTextarea: React.FC<CustomTextareaProps>;
|
22
|
+
export default CustomTextarea;
|
@@ -0,0 +1,33 @@
|
|
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 CustomTextarea = function (_a) {
|
10
|
+
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, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.rows, rows = _f === void 0 ? 3 : _f, description = _a.description, tooltip = _a.tooltip, style = _a.style, className = _a.className, onChange = _a.onChange;
|
11
|
+
return (react_1.default.createElement("div", { className: className },
|
12
|
+
react_1.default.createElement("div", { className: "form-group" },
|
13
|
+
react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
|
14
|
+
react_1.default.createElement("div", { className: "position-relative" },
|
15
|
+
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) },
|
16
|
+
react_1.default.createElement("textarea", { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, className: "form-control", style: style, required: required, disabled: disabled, readOnly: readOnly, rows: rows }))) : (react_1.default.createElement("textarea", { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, className: "form-control", style: style, required: required, disabled: disabled, readOnly: readOnly, rows: rows })),
|
17
|
+
required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
|
18
|
+
react_1.default.createElement("div", { className: "description-icon" },
|
19
|
+
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
20
|
+
react_1.default.createElement("div", { className: "description-text" },
|
21
|
+
react_1.default.createElement("span", null, errorMessage || 'Bu alan boş bırakılamaz.')))),
|
22
|
+
conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
|
23
|
+
react_1.default.createElement("div", { className: "description-icon" },
|
24
|
+
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
25
|
+
react_1.default.createElement("div", { className: "description-text" },
|
26
|
+
react_1.default.createElement("span", null, conditionalErrorMessage)))),
|
27
|
+
description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
|
28
|
+
react_1.default.createElement("div", { className: "description-icon" },
|
29
|
+
react_1.default.createElement(fa_1.FaInfoCircle, null)),
|
30
|
+
react_1.default.createElement("div", { className: "description-text" },
|
31
|
+
react_1.default.createElement("span", null, description))))))));
|
32
|
+
};
|
33
|
+
exports.default = CustomTextarea;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import 'react-checkbox-tree/lib/react-checkbox-tree.css';
|
3
|
+
interface CustomTreeViewProps {
|
4
|
+
label?: string;
|
5
|
+
value: string[];
|
6
|
+
treeData: TreeNode[];
|
7
|
+
onChange: (selected: string[]) => void;
|
8
|
+
}
|
9
|
+
export interface TreeNode {
|
10
|
+
label: string;
|
11
|
+
value: string;
|
12
|
+
children?: TreeNode[];
|
13
|
+
}
|
14
|
+
declare const CustomTreeView: React.FC<CustomTreeViewProps>;
|
15
|
+
export default CustomTreeView;
|
@@ -0,0 +1,60 @@
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
27
|
+
};
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
29
|
+
var react_1 = __importStar(require("react"));
|
30
|
+
var react_checkbox_tree_1 = __importDefault(require("react-checkbox-tree"));
|
31
|
+
require("react-checkbox-tree/lib/react-checkbox-tree.css");
|
32
|
+
var fa_1 = require("react-icons/fa");
|
33
|
+
var CustomTreeView = function (_a) {
|
34
|
+
var label = _a.label, value = _a.value, treeData = _a.treeData, onChange = _a.onChange;
|
35
|
+
var _b = (0, react_1.useState)(value), checked = _b[0], setChecked = _b[1]; // Seçilen düğümler
|
36
|
+
var _c = (0, react_1.useState)([]), expanded = _c[0], setExpanded = _c[1]; // Genişletilen düğümler
|
37
|
+
var handleCheck = function (checkedNodes) {
|
38
|
+
setChecked(checkedNodes);
|
39
|
+
onChange(checkedNodes);
|
40
|
+
};
|
41
|
+
return (react_1.default.createElement("div", null,
|
42
|
+
label && react_1.default.createElement("label", null, label),
|
43
|
+
react_1.default.createElement(react_checkbox_tree_1.default, { nodes: treeData, checked: checked, expanded: expanded, onCheck: handleCheck, onExpand: setExpanded, icons: {
|
44
|
+
check: react_1.default.createElement(fa_1.FaCheckSquare, { color: "#4caf50" }),
|
45
|
+
//uncheck: <FaSquare color="#f44336" />,
|
46
|
+
uncheck: react_1.default.createElement(fa_1.FaSquare, { color: "currentColor" }),
|
47
|
+
halfCheck: react_1.default.createElement(fa_1.FaMinusSquare, { color: "#ff9800" }),
|
48
|
+
expandClose: react_1.default.createElement(fa_1.FaChevronRight, { color: "#3f51b5" }),
|
49
|
+
expandOpen: react_1.default.createElement(fa_1.FaChevronDown, { color: "#3f51b5" }),
|
50
|
+
expandAll: react_1.default.createElement(fa_1.FaChevronRight, { color: "#2196f3" }),
|
51
|
+
collapseAll: react_1.default.createElement(fa_1.FaChevronDown, { color: "#2196f3" }),
|
52
|
+
parentClose: react_1.default.createElement(fa_1.FaFolder, { color: "#ff9800" }),
|
53
|
+
parentOpen: react_1.default.createElement(fa_1.FaFolderOpen, { color: "#ff9800" }),
|
54
|
+
leaf: react_1.default.createElement(fa_1.FaFile, { color: "#607d8b" }),
|
55
|
+
// parentClose: null,
|
56
|
+
// parentOpen: null,
|
57
|
+
// leaf: null,
|
58
|
+
} })));
|
59
|
+
};
|
60
|
+
exports.default = CustomTreeView;
|
package/dist/index.d.ts
CHANGED
@@ -1,3 +1,15 @@
|
|
1
|
-
import
|
2
|
-
import
|
3
|
-
|
1
|
+
import CustomButton from './components/CustomButton';
|
2
|
+
import CustomCheckbox from './components/CustomCheckbox';
|
3
|
+
import CustomDateTimePicker from './components/CustomDateTimePicker';
|
4
|
+
import CustomDivider from './components/CustomDivider';
|
5
|
+
import CustomForm from './components/CustomForm';
|
6
|
+
import CustomInput from './components/CustomInput';
|
7
|
+
import CustomModal from './components/CustomModal';
|
8
|
+
import CustomRadioButton from './components/CustomRadioButton';
|
9
|
+
import CustomRichTextbox from './components/CustomRichTextbox';
|
10
|
+
import CustomSelect from './components/CustomSelect';
|
11
|
+
import CustomTab from './components/CustomTab';
|
12
|
+
import CustomText from './components/CustomText';
|
13
|
+
import CustomTextarea from './components/CustomTextarea';
|
14
|
+
import CustomTreeView from './components/CustomTreeView';
|
15
|
+
export { CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, };
|
package/dist/index.js
CHANGED
@@ -3,8 +3,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
4
|
};
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.
|
7
|
-
var
|
8
|
-
exports.
|
9
|
-
var
|
10
|
-
exports.
|
6
|
+
exports.CustomTreeView = exports.CustomTextarea = exports.CustomText = exports.CustomTab = exports.CustomSelect = exports.CustomRichTextbox = exports.CustomRadioButton = exports.CustomModal = exports.CustomInput = exports.CustomForm = exports.CustomDivider = exports.CustomDateTimePicker = exports.CustomCheckbox = exports.CustomButton = void 0;
|
7
|
+
var CustomButton_1 = __importDefault(require("./components/CustomButton"));
|
8
|
+
exports.CustomButton = CustomButton_1.default;
|
9
|
+
var CustomCheckbox_1 = __importDefault(require("./components/CustomCheckbox"));
|
10
|
+
exports.CustomCheckbox = CustomCheckbox_1.default;
|
11
|
+
var CustomDateTimePicker_1 = __importDefault(require("./components/CustomDateTimePicker"));
|
12
|
+
exports.CustomDateTimePicker = CustomDateTimePicker_1.default;
|
13
|
+
var CustomDivider_1 = __importDefault(require("./components/CustomDivider"));
|
14
|
+
exports.CustomDivider = CustomDivider_1.default;
|
15
|
+
var CustomForm_1 = __importDefault(require("./components/CustomForm"));
|
16
|
+
exports.CustomForm = CustomForm_1.default;
|
17
|
+
var CustomInput_1 = __importDefault(require("./components/CustomInput"));
|
18
|
+
exports.CustomInput = CustomInput_1.default;
|
19
|
+
var CustomModal_1 = __importDefault(require("./components/CustomModal"));
|
20
|
+
exports.CustomModal = CustomModal_1.default;
|
21
|
+
var CustomRadioButton_1 = __importDefault(require("./components/CustomRadioButton"));
|
22
|
+
exports.CustomRadioButton = CustomRadioButton_1.default;
|
23
|
+
var CustomRichTextbox_1 = __importDefault(require("./components/CustomRichTextbox"));
|
24
|
+
exports.CustomRichTextbox = CustomRichTextbox_1.default;
|
25
|
+
var CustomSelect_1 = __importDefault(require("./components/CustomSelect"));
|
26
|
+
exports.CustomSelect = CustomSelect_1.default;
|
27
|
+
var CustomTab_1 = __importDefault(require("./components/CustomTab"));
|
28
|
+
exports.CustomTab = CustomTab_1.default;
|
29
|
+
var CustomText_1 = __importDefault(require("./components/CustomText"));
|
30
|
+
exports.CustomText = CustomText_1.default;
|
31
|
+
var CustomTextarea_1 = __importDefault(require("./components/CustomTextarea"));
|
32
|
+
exports.CustomTextarea = CustomTextarea_1.default;
|
33
|
+
var CustomTreeView_1 = __importDefault(require("./components/CustomTreeView"));
|
34
|
+
exports.CustomTreeView = CustomTreeView_1.default;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "albinasoft-ui-package",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.6",
|
4
4
|
"main": "dist/index.js",
|
5
5
|
"types": "dist/index.d.ts",
|
6
6
|
"scripts": {
|
@@ -10,7 +10,12 @@
|
|
10
10
|
"dependencies": {
|
11
11
|
"react": "^18.0.0",
|
12
12
|
"react-bootstrap": "^2.10.6",
|
13
|
-
"react-
|
13
|
+
"react-checkbox-tree": "^1.8.0",
|
14
|
+
"react-datepicker": "^7.5.0",
|
15
|
+
"react-dom": "^18.0.0",
|
16
|
+
"react-icons": "^5.4.0",
|
17
|
+
"react-quill": "^2.0.0",
|
18
|
+
"react-toastify": "^10.0.6"
|
14
19
|
},
|
15
20
|
"devDependencies": {
|
16
21
|
"@types/react": "^19.0.1",
|