albinasoft-ui-package 1.0.4 → 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/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 +14 -2
- package/dist/index.js +28 -4
- package/package.json +7 -2
@@ -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 Button from './Button/button';
|
2
1
|
import CustomButton from './CustomButton/CustomButton';
|
3
|
-
|
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,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 button_1 = __importDefault(require("./Button/button"));
|
8
|
-
exports.Button = button_1.default;
|
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;
|
9
7
|
var CustomButton_1 = __importDefault(require("./CustomButton/CustomButton"));
|
10
|
-
exports.
|
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,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "albinasoft-ui-package",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.5",
|
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",
|