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,71 +0,0 @@
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;
@@ -1,156 +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 __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;
@@ -1,22 +0,0 @@
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;
@@ -1,33 +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 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;
@@ -1,15 +0,0 @@
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;
@@ -1,60 +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
- 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;