albinasoft-ui-package 1.0.107 → 1.0.109
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.
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -33,12 +22,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
33
22
|
__setModuleDefault(result, mod);
|
|
34
23
|
return result;
|
|
35
24
|
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
36
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
29
|
exports.InputType = exports.CustomInput = void 0;
|
|
38
|
-
// CustomInput.tsx
|
|
39
30
|
var react_1 = __importStar(require("react"));
|
|
40
31
|
var react_bootstrap_1 = require("react-bootstrap");
|
|
41
32
|
var fa_1 = require("react-icons/fa");
|
|
33
|
+
var react_input_mask_1 = __importDefault(require("react-input-mask"));
|
|
42
34
|
var InputType;
|
|
43
35
|
(function (InputType) {
|
|
44
36
|
InputType["TEXT"] = "text";
|
|
@@ -49,68 +41,45 @@ var InputType;
|
|
|
49
41
|
InputType["FILE"] = "file";
|
|
50
42
|
})(InputType || (InputType = {}));
|
|
51
43
|
exports.InputType = InputType;
|
|
52
|
-
/* ------------------------------------------------------------------ */
|
|
53
|
-
/* Telefon maskesi: 0(555) 123 45 67 */
|
|
54
|
-
/* ------------------------------------------------------------------ */
|
|
55
|
-
var phoneMask = function (raw) {
|
|
56
|
-
// yalnızca rakam
|
|
57
|
-
var nums = raw.replace(/\D/g, "").slice(0, 11); // max 11 hane (0 + 10)
|
|
58
|
-
// kademeli gruplama
|
|
59
|
-
if (!nums)
|
|
60
|
-
return "";
|
|
61
|
-
var out = "0(";
|
|
62
|
-
if (nums.length <= 1)
|
|
63
|
-
return "0(".concat(nums);
|
|
64
|
-
out += nums.slice(1, 4); // alan kodu 3 hane
|
|
65
|
-
if (nums.length < 4)
|
|
66
|
-
return out;
|
|
67
|
-
out += ") ";
|
|
68
|
-
out += nums.slice(4, 7); // ilk üçlü
|
|
69
|
-
if (nums.length < 7)
|
|
70
|
-
return out;
|
|
71
|
-
out += " ";
|
|
72
|
-
out += nums.slice(7, 9); // ikili
|
|
73
|
-
if (nums.length < 9)
|
|
74
|
-
return out;
|
|
75
|
-
out += " ";
|
|
76
|
-
out += nums.slice(9, 11); // son ikili
|
|
77
|
-
return out;
|
|
78
|
-
};
|
|
79
44
|
var CustomInput = function (_a) {
|
|
80
45
|
var id = _a.id, name = _a.name, label = _a.label, _b = _a.inputType, inputType = _b === void 0 ? InputType.TEXT : _b, value = _a.value, placeholder = _a.placeholder, _c = _a.required, required = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, _d = _a.conditionalErrorVisible, conditionalErrorVisible = _d === void 0 ? false : _d, conditionalErrorMessage = _a.conditionalErrorMessage, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, buttonIcon = _a.buttonIcon, buttonClass = _a.buttonClass, buttonTooltip = _a.buttonTooltip, description = _a.description, tooltip = _a.tooltip, style = _a.style, mainClass = _a.mainClass, className = _a.className, buttonOnClick = _a.buttonOnClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown;
|
|
81
46
|
var _g = (0, react_1.useState)(false), showPassword = _g[0], setShowPassword = _g[1];
|
|
82
47
|
var handleType = inputType === InputType.PASSWORD && showPassword
|
|
83
48
|
? InputType.TEXT
|
|
84
49
|
: inputType;
|
|
85
|
-
var togglePasswordVisibility = function () {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
var masked = phoneMask(e.target.value);
|
|
89
|
-
var syntheticEvent = __assign(__assign({}, e), { target: __assign(__assign({}, e.target), { value: masked }) });
|
|
90
|
-
onChange(syntheticEvent);
|
|
91
|
-
}, [onChange]);
|
|
50
|
+
var togglePasswordVisibility = function () {
|
|
51
|
+
setShowPassword(function (prev) { return !prev; });
|
|
52
|
+
};
|
|
92
53
|
var renderInput = function () {
|
|
54
|
+
// If inputType is TEL, use ReactInputMask
|
|
93
55
|
if (inputType === InputType.TEL) {
|
|
94
|
-
return (react_1.default.createElement(
|
|
56
|
+
return (react_1.default.createElement(react_input_mask_1.default, { mask: "0(999) 999 99 99", value: value, onChange: onChange, onKeyDown: onKeyDown, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
|
|
95
57
|
}
|
|
96
|
-
|
|
58
|
+
// Otherwise, return a normal input element
|
|
59
|
+
return (react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, onKeyDown: onKeyDown, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
|
|
97
60
|
};
|
|
98
61
|
return (react_1.default.createElement("div", { className: mainClass },
|
|
99
62
|
react_1.default.createElement("div", { className: "form-group" },
|
|
100
|
-
|
|
63
|
+
react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
|
|
101
64
|
react_1.default.createElement("div", { className: "input-group position-relative" },
|
|
102
65
|
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) }, renderInput())) : (renderInput()),
|
|
103
66
|
inputType === InputType.PASSWORD && (react_1.default.createElement("button", { type: "button", onClick: togglePasswordVisibility, className: "btn btn-outline-secondary", title: showPassword ? "Parolayı Gizle" : "Parolayı Göster" }, showPassword ? react_1.default.createElement(fa_1.FaEyeSlash, null) : react_1.default.createElement(fa_1.FaEye, null))),
|
|
104
|
-
buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: buttonClass || "btn btn-outline-secondary", title: buttonTooltip }, buttonIcon))
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
react_1.default.createElement("
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
67
|
+
buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: buttonClass || "btn btn-outline-secondary", title: buttonTooltip || "" }, buttonIcon)),
|
|
68
|
+
required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
|
|
69
|
+
react_1.default.createElement("div", { className: "description-icon" },
|
|
70
|
+
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
|
71
|
+
react_1.default.createElement("div", { className: "description-text" },
|
|
72
|
+
react_1.default.createElement("span", null, errorMessage || "Bu alan boş bırakılamaz.")))),
|
|
73
|
+
conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
|
|
74
|
+
react_1.default.createElement("div", { className: "description-icon" },
|
|
75
|
+
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
|
76
|
+
react_1.default.createElement("div", { className: "description-text" },
|
|
77
|
+
react_1.default.createElement("span", null, conditionalErrorMessage)))),
|
|
78
|
+
description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
|
|
79
|
+
react_1.default.createElement("div", { className: "description-icon" },
|
|
80
|
+
react_1.default.createElement(fa_1.FaInfoCircle, null)),
|
|
81
|
+
react_1.default.createElement("div", { className: "description-text" },
|
|
82
|
+
react_1.default.createElement("span", null, description))))))));
|
|
114
83
|
};
|
|
115
84
|
exports.CustomInput = CustomInput;
|
|
116
85
|
exports.default = CustomInput;
|
|
@@ -99,6 +99,8 @@ var CustomTreeView = function (_a) {
|
|
|
99
99
|
return nodes.map(function (node) { return (react_1.default.createElement(TreeItem_1.TreeItem, { key: node.value, itemId: node.value, label: react_1.default.createElement("span", { onClick: function () { return handleLabelClick(node.value); }, style: { cursor: 'pointer' } }, node.label.trim() === "" ? "Kök" : node.label) }, node.children ? renderTree(node.children) : null)); });
|
|
100
100
|
};
|
|
101
101
|
var handleSelectionChange = function (event, selectedId) {
|
|
102
|
+
if (!event)
|
|
103
|
+
return;
|
|
102
104
|
setSelectedItem(selectedId);
|
|
103
105
|
onChange(selectedId);
|
|
104
106
|
var selectedNode = findNodeByValue(treeData, selectedId);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "albinasoft-ui-package",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.109",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
},
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"@ag-grid-community/locale": "^33.1.1",
|
|
12
|
-
"@mui/x-tree-view": "^
|
|
12
|
+
"@mui/x-tree-view": "^8.0.0",
|
|
13
|
+
"@mui/material": "^8.0.0",
|
|
13
14
|
"ag-grid-community": "^33.1.1",
|
|
14
15
|
"ag-grid-react": "^33.1.1",
|
|
15
16
|
"date-fns": "^4.1.0",
|