albinasoft-ui-package 1.0.3 → 1.0.5
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/CustomButton/CustomButton.d.ts +13 -0
- package/dist/CustomButton/CustomButton.js +92 -0
- 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/index.d.ts +15 -2
- package/dist/index.js +29 -3
- package/package.json +35 -28
@@ -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,2 +1,15 @@
|
|
1
|
-
import
|
2
|
-
|
1
|
+
import CustomButton from './CustomButton/CustomButton';
|
2
|
+
import CustomCheckbox from './CustomCheckbox/CustomCheckbox';
|
3
|
+
import CustomDateTimePicker from './CustomDateTimePicker/CustomDateTimePicker';
|
4
|
+
import CustomDivider from './CustomDivider/CustomDivider';
|
5
|
+
import CustomForm from './CustomForm/CustomForm';
|
6
|
+
import CustomInput from './CustomInput/CustomInput';
|
7
|
+
import CustomModal from './CustomModal/CustomModal';
|
8
|
+
import CustomRadioButton from './CustomRadioButton/CustomRadioButton';
|
9
|
+
import CustomRichTextbox from './CustomRichTextbox/CustomRichTextbox';
|
10
|
+
import CustomSelect from './CustomSelect/CustomSelect';
|
11
|
+
import CustomTab from './CustomTab/CustomTab';
|
12
|
+
import CustomText from './CustomText/CustomText';
|
13
|
+
import CustomTextarea from './CustomTextarea/CustomTextarea';
|
14
|
+
import CustomTreeView from './CustomTreeView/CustomTreeView';
|
15
|
+
export { CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, };
|
package/dist/index.js
CHANGED
@@ -3,6 +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.
|
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("./CustomButton/CustomButton"));
|
8
|
+
exports.CustomButton = CustomButton_1.default;
|
9
|
+
var CustomCheckbox_1 = __importDefault(require("./CustomCheckbox/CustomCheckbox"));
|
10
|
+
exports.CustomCheckbox = CustomCheckbox_1.default;
|
11
|
+
var CustomDateTimePicker_1 = __importDefault(require("./CustomDateTimePicker/CustomDateTimePicker"));
|
12
|
+
exports.CustomDateTimePicker = CustomDateTimePicker_1.default;
|
13
|
+
var CustomDivider_1 = __importDefault(require("./CustomDivider/CustomDivider"));
|
14
|
+
exports.CustomDivider = CustomDivider_1.default;
|
15
|
+
var CustomForm_1 = __importDefault(require("./CustomForm/CustomForm"));
|
16
|
+
exports.CustomForm = CustomForm_1.default;
|
17
|
+
var CustomInput_1 = __importDefault(require("./CustomInput/CustomInput"));
|
18
|
+
exports.CustomInput = CustomInput_1.default;
|
19
|
+
var CustomModal_1 = __importDefault(require("./CustomModal/CustomModal"));
|
20
|
+
exports.CustomModal = CustomModal_1.default;
|
21
|
+
var CustomRadioButton_1 = __importDefault(require("./CustomRadioButton/CustomRadioButton"));
|
22
|
+
exports.CustomRadioButton = CustomRadioButton_1.default;
|
23
|
+
var CustomRichTextbox_1 = __importDefault(require("./CustomRichTextbox/CustomRichTextbox"));
|
24
|
+
exports.CustomRichTextbox = CustomRichTextbox_1.default;
|
25
|
+
var CustomSelect_1 = __importDefault(require("./CustomSelect/CustomSelect"));
|
26
|
+
exports.CustomSelect = CustomSelect_1.default;
|
27
|
+
var CustomTab_1 = __importDefault(require("./CustomTab/CustomTab"));
|
28
|
+
exports.CustomTab = CustomTab_1.default;
|
29
|
+
var CustomText_1 = __importDefault(require("./CustomText/CustomText"));
|
30
|
+
exports.CustomText = CustomText_1.default;
|
31
|
+
var CustomTextarea_1 = __importDefault(require("./CustomTextarea/CustomTextarea"));
|
32
|
+
exports.CustomTextarea = CustomTextarea_1.default;
|
33
|
+
var CustomTreeView_1 = __importDefault(require("./CustomTreeView/CustomTreeView"));
|
34
|
+
exports.CustomTreeView = CustomTreeView_1.default;
|
package/package.json
CHANGED
@@ -1,28 +1,35 @@
|
|
1
|
-
{
|
2
|
-
"name": "albinasoft-ui-package",
|
3
|
-
"version": "1.0.
|
4
|
-
"main": "dist/index.js",
|
5
|
-
"types": "dist/index.d.ts",
|
6
|
-
"scripts": {
|
7
|
-
"build": "tsc",
|
8
|
-
"prepare": "npm run build"
|
9
|
-
},
|
10
|
-
"dependencies": {
|
11
|
-
"react": "^18.0.0",
|
12
|
-
"react-
|
13
|
-
|
14
|
-
|
15
|
-
"
|
16
|
-
"
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
"
|
24
|
-
|
25
|
-
"
|
26
|
-
"
|
27
|
-
|
28
|
-
}
|
1
|
+
{
|
2
|
+
"name": "albinasoft-ui-package",
|
3
|
+
"version": "1.0.5",
|
4
|
+
"main": "dist/index.js",
|
5
|
+
"types": "dist/index.d.ts",
|
6
|
+
"scripts": {
|
7
|
+
"build": "tsc",
|
8
|
+
"prepare": "npm run build"
|
9
|
+
},
|
10
|
+
"dependencies": {
|
11
|
+
"react": "^18.0.0",
|
12
|
+
"react-bootstrap": "^2.10.6",
|
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"
|
19
|
+
},
|
20
|
+
"devDependencies": {
|
21
|
+
"@types/react": "^19.0.1",
|
22
|
+
"@types/react-bootstrap": "^0.32.37",
|
23
|
+
"typescript": "^4.5.0"
|
24
|
+
},
|
25
|
+
"peerDependencies": {
|
26
|
+
"react": "^18.0.0",
|
27
|
+
"react-dom": "^18.0.0"
|
28
|
+
},
|
29
|
+
"files": [
|
30
|
+
"dist"
|
31
|
+
],
|
32
|
+
"publishConfig": {
|
33
|
+
"access": "public"
|
34
|
+
}
|
35
|
+
}
|