albinasoft-ui-package 1.0.4 → 1.0.5

package/dist/CustomTextarea/CustomTextarea.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var fa_1 = require("react-icons/fa");
+var CustomTextarea = function (_a) {
+    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;
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement("div", { className: "form-group" },
+            react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
+            react_1.default.createElement("div", { className: "position-relative" },
+                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) },
+                    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 })),
+                required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, errorMessage || 'Bu alan boş bırakılamaz.')))),
+                conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, conditionalErrorMessage)))),
+                description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
+                    react_1.default.createElement("div", { className: "description-icon" },
+                        react_1.default.createElement(fa_1.FaInfoCircle, null)),
+                    react_1.default.createElement("div", { className: "description-text" },
+                        react_1.default.createElement("span", null, description))))))));
+};
+exports.default = CustomTextarea;

package/dist/CustomTreeView/CustomTreeView.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import 'react-checkbox-tree/lib/react-checkbox-tree.css';
+interface CustomTreeViewProps {
+    label?: string;
+    value: string[];
+    treeData: TreeNode[];
+    onChange: (selected: string[]) => void;
+}
+export interface TreeNode {
+    label: string;
+    value: string;
+    children?: TreeNode[];
+}
+declare const CustomTreeView: React.FC<CustomTreeViewProps>;
+export default CustomTreeView;

package/dist/CustomTreeView/CustomTreeView.js

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_checkbox_tree_1 = __importDefault(require("react-checkbox-tree"));
+require("react-checkbox-tree/lib/react-checkbox-tree.css");
+var fa_1 = require("react-icons/fa");
+var CustomTreeView = function (_a) {
+    var label = _a.label, value = _a.value, treeData = _a.treeData, onChange = _a.onChange;
+    var _b = (0, react_1.useState)(value), checked = _b[0], setChecked = _b[1]; // Seçilen düğümler
+    var _c = (0, react_1.useState)([]), expanded = _c[0], setExpanded = _c[1]; // Genişletilen düğümler
+    var handleCheck = function (checkedNodes) {
+        setChecked(checkedNodes);
+        onChange(checkedNodes);
+    };
+    return (react_1.default.createElement("div", null,
+        label && react_1.default.createElement("label", null, label),
+        react_1.default.createElement(react_checkbox_tree_1.default, { nodes: treeData, checked: checked, expanded: expanded, onCheck: handleCheck, onExpand: setExpanded, icons: {
+                check: react_1.default.createElement(fa_1.FaCheckSquare, { color: "#4caf50" }),
+                //uncheck: <FaSquare color="#f44336" />,
+                uncheck: react_1.default.createElement(fa_1.FaSquare, { color: "currentColor" }),
+                halfCheck: react_1.default.createElement(fa_1.FaMinusSquare, { color: "#ff9800" }),
+                expandClose: react_1.default.createElement(fa_1.FaChevronRight, { color: "#3f51b5" }),
+                expandOpen: react_1.default.createElement(fa_1.FaChevronDown, { color: "#3f51b5" }),
+                expandAll: react_1.default.createElement(fa_1.FaChevronRight, { color: "#2196f3" }),
+                collapseAll: react_1.default.createElement(fa_1.FaChevronDown, { color: "#2196f3" }),
+                parentClose: react_1.default.createElement(fa_1.FaFolder, { color: "#ff9800" }),
+                parentOpen: react_1.default.createElement(fa_1.FaFolderOpen, { color: "#ff9800" }),
+                leaf: react_1.default.createElement(fa_1.FaFile, { color: "#607d8b" }),
+                // parentClose: null, 
+                // parentOpen: null, 
+                // leaf: null,
+            } })));
+};
+exports.default = CustomTreeView;

package/dist/index.d.ts

@@ -1,3 +1,15 @@
-import Button from './Button/button';
 import CustomButton from './CustomButton/CustomButton';
-export { Button, CustomButton as AlbinasoftButton };
+import CustomCheckbox from './CustomCheckbox/CustomCheckbox';
+import CustomDateTimePicker from './CustomDateTimePicker/CustomDateTimePicker';
+import CustomDivider from './CustomDivider/CustomDivider';
+import CustomForm from './CustomForm/CustomForm';
+import CustomInput from './CustomInput/CustomInput';
+import CustomModal from './CustomModal/CustomModal';
+import CustomRadioButton from './CustomRadioButton/CustomRadioButton';
+import CustomRichTextbox from './CustomRichTextbox/CustomRichTextbox';
+import CustomSelect from './CustomSelect/CustomSelect';
+import CustomTab from './CustomTab/CustomTab';
+import CustomText from './CustomText/CustomText';
+import CustomTextarea from './CustomTextarea/CustomTextarea';
+import CustomTreeView from './CustomTreeView/CustomTreeView';
+export { CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, };

package/dist/index.js

@@ -3,8 +3,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlbinasoftButton = exports.Button = void 0;
-var button_1 = __importDefault(require("./Button/button"));
-exports.Button = button_1.default;
+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;
 var CustomButton_1 = __importDefault(require("./CustomButton/CustomButton"));
-exports.AlbinasoftButton = CustomButton_1.default;
+exports.CustomButton = CustomButton_1.default;
+var CustomCheckbox_1 = __importDefault(require("./CustomCheckbox/CustomCheckbox"));
+exports.CustomCheckbox = CustomCheckbox_1.default;
+var CustomDateTimePicker_1 = __importDefault(require("./CustomDateTimePicker/CustomDateTimePicker"));
+exports.CustomDateTimePicker = CustomDateTimePicker_1.default;
+var CustomDivider_1 = __importDefault(require("./CustomDivider/CustomDivider"));
+exports.CustomDivider = CustomDivider_1.default;
+var CustomForm_1 = __importDefault(require("./CustomForm/CustomForm"));
+exports.CustomForm = CustomForm_1.default;
+var CustomInput_1 = __importDefault(require("./CustomInput/CustomInput"));
+exports.CustomInput = CustomInput_1.default;
+var CustomModal_1 = __importDefault(require("./CustomModal/CustomModal"));
+exports.CustomModal = CustomModal_1.default;
+var CustomRadioButton_1 = __importDefault(require("./CustomRadioButton/CustomRadioButton"));
+exports.CustomRadioButton = CustomRadioButton_1.default;
+var CustomRichTextbox_1 = __importDefault(require("./CustomRichTextbox/CustomRichTextbox"));
+exports.CustomRichTextbox = CustomRichTextbox_1.default;
+var CustomSelect_1 = __importDefault(require("./CustomSelect/CustomSelect"));
+exports.CustomSelect = CustomSelect_1.default;
+var CustomTab_1 = __importDefault(require("./CustomTab/CustomTab"));
+exports.CustomTab = CustomTab_1.default;
+var CustomText_1 = __importDefault(require("./CustomText/CustomText"));
+exports.CustomText = CustomText_1.default;
+var CustomTextarea_1 = __importDefault(require("./CustomTextarea/CustomTextarea"));
+exports.CustomTextarea = CustomTextarea_1.default;
+var CustomTreeView_1 = __importDefault(require("./CustomTreeView/CustomTreeView"));
+exports.CustomTreeView = CustomTreeView_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "albinasoft-ui-package",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -10,7 +10,12 @@
   "dependencies": {
     "react": "^18.0.0",
     "react-bootstrap": "^2.10.6",
-    "react-dom": "^18.0.0"
+    "react-checkbox-tree": "^1.8.0",
+    "react-datepicker": "^7.5.0",
+    "react-dom": "^18.0.0",
+    "react-icons": "^5.4.0",
+    "react-quill": "^2.0.0",
+    "react-toastify": "^10.0.6"
   },
   "devDependencies": {
     "@types/react": "^19.0.1",