albinasoft-ui-package 1.0.106 → 1.0.109

package/dist/components/CustomInput.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -33,12 +22,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 });
 exports.InputType = exports.CustomInput = void 0;
-// CustomInput.tsx
 var react_1 = __importStar(require("react"));
 var react_bootstrap_1 = require("react-bootstrap");
 var fa_1 = require("react-icons/fa");
+var react_input_mask_1 = __importDefault(require("react-input-mask"));
 var InputType;
 (function (InputType) {
     InputType["TEXT"] = "text";
@@ -49,68 +41,45 @@ var InputType;
     InputType["FILE"] = "file";
 })(InputType || (InputType = {}));
 exports.InputType = InputType;
-/* ------------------------------------------------------------------ */
-/* Telefon maskesi: 0(555) 123 45 67                                   */
-/* ------------------------------------------------------------------ */
-var phoneMask = function (raw) {
-    // yalnızca rakam
-    var nums = raw.replace(/\D/g, "").slice(0, 11); // max 11 hane (0 + 10)
-    // kademeli gruplama
-    if (!nums)
-        return "";
-    var out = "0(";
-    if (nums.length <= 1)
-        return "0(".concat(nums);
-    out += nums.slice(1, 4); // alan kodu 3 hane
-    if (nums.length < 4)
-        return out;
-    out += ") ";
-    out += nums.slice(4, 7); // ilk üçlü
-    if (nums.length < 7)
-        return out;
-    out += " ";
-    out += nums.slice(7, 9); // ikili
-    if (nums.length < 9)
-        return out;
-    out += " ";
-    out += nums.slice(9, 11); // son ikili
-    return out;
-};
 var CustomInput = function (_a) {
     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;
     var _g = (0, react_1.useState)(false), showPassword = _g[0], setShowPassword = _g[1];
     var handleType = inputType === InputType.PASSWORD && showPassword
         ? InputType.TEXT
         : inputType;
-    var togglePasswordVisibility = function () { return setShowPassword(function (p) { return !p; }); };
-    /* Telefon değişiminde maskeyi uygula ve dışarıya tek tip onChange gönder */
-    var handlePhoneChange = (0, react_1.useCallback)(function (e) {
-        var masked = phoneMask(e.target.value);
-        var syntheticEvent = __assign(__assign({}, e), { target: __assign(__assign({}, e.target), { value: masked }) });
-        onChange(syntheticEvent);
-    }, [onChange]);
+    var togglePasswordVisibility = function () {
+        setShowPassword(function (prev) { return !prev; });
+    };
     var renderInput = function () {
+        // If inputType is TEL, use ReactInputMask
         if (inputType === InputType.TEL) {
-            return (react_1.default.createElement("input", { id: id, name: name, type: "tel", value: value, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "0(___) ___ __ __", onChange: handlePhoneChange, onKeyDown: onKeyDown, className: "form-control ".concat(className !== null && className !== void 0 ? className : ""), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "tel" }));
+            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" }));
         }
-        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 !== null && className !== void 0 ? className : ""), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
+        // Otherwise, return a normal input element
+        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" }));
     };
     return (react_1.default.createElement("div", { className: mainClass },
         react_1.default.createElement("div", { className: "form-group" },
-            label && (react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label)),
+            react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
             react_1.default.createElement("div", { className: "input-group 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) }, renderInput())) : (renderInput()),
                 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))),
-                buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: buttonClass || "btn btn-outline-secondary", title: buttonTooltip }, buttonIcon))),
-            required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger d-flex mt-1" },
-                react_1.default.createElement(fa_1.FaExclamationTriangle, { className: "me-1 mt-1" }),
-                react_1.default.createElement("span", null, errorMessage || "Bu alan boş bırakılamaz."))),
-            conditionalErrorVisible && (react_1.default.createElement("div", { className: "text-warning d-flex mt-1" },
-                react_1.default.createElement(fa_1.FaExclamationTriangle, { className: "me-1 mt-1" }),
-                react_1.default.createElement("span", null, conditionalErrorMessage))),
-            description && (react_1.default.createElement("div", { className: "text-secondary d-flex mt-1" },
-                react_1.default.createElement(fa_1.FaInfoCircle, { className: "me-1 mt-1" }),
-                react_1.default.createElement("span", null, description))))));
+                buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: buttonClass || "btn btn-outline-secondary", title: buttonTooltip || "" }, buttonIcon)),
+                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.CustomInput = CustomInput;
 exports.default = CustomInput;

package/dist/components/CustomRichTextbox.js

@@ -23,7 +23,7 @@ var CustomRichTextbox = function (_a) {
         ]
     };
     var formats = [
-        'align', 'bold', 'italic', 'underline', 'strike', 'header', 'list', 'bullet'
+        'align', 'bold', 'italic', 'underline', 'strike', 'header', 'list'
     ];
     return (react_1.default.createElement("div", { className: className },
         react_1.default.createElement("div", { className: "form-group" },

package/dist/components/CustomTreeView.js

@@ -99,6 +99,8 @@ var CustomTreeView = function (_a) {
         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)); });
     };
     var handleSelectionChange = function (event, selectedId) {
+        if (!event)
+            return;
         setSelectedItem(selectedId);
         onChange(selectedId);
         var selectedNode = findNodeByValue(treeData, selectedId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "albinasoft-ui-package",
-  "version": "1.0.106",
+  "version": "1.0.109",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -9,7 +9,8 @@
   },
   "dependencies": {
     "@ag-grid-community/locale": "^33.1.1",
-    "@mui/x-tree-view": "^7.23.2",
+    "@mui/x-tree-view": "^8.0.0",
+    "@mui/material": "^8.0.0",
     "ag-grid-community": "^33.1.1",
     "ag-grid-react": "^33.1.1",
     "date-fns": "^4.1.0",