albinasoft-ui-package 1.0.50 → 1.0.51

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 (3) hide show
  1. package/dist/components/CustomInput.d.ts +1 -1
  2. package/dist/components/CustomInput.js +17 -6
  3. package/package.json +3 -1
package/dist/components/CustomInput.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React from "react";
2
2
  declare enum InputType {
3
3
  TEXT = "text",
4
4
  NUMBER = "number",
package/dist/components/CustomInput.js CHANGED
@@ -22,11 +22,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
22
22
  __setModuleDefault(result, mod);
23
23
  return result;
24
24
  };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
25
28
  Object.defineProperty(exports, "__esModule", { value: true });
26
29
  exports.InputType = exports.CustomInput = void 0;
27
30
  var react_1 = __importStar(require("react"));
28
31
  var react_bootstrap_1 = require("react-bootstrap");
29
32
  var fa_1 = require("react-icons/fa");
33
+ var react_input_mask_1 = __importDefault(require("react-input-mask"));
30
34
  var InputType;
31
35
  (function (InputType) {
32
36
  InputType["TEXT"] = "text";
@@ -40,25 +44,32 @@ exports.InputType = InputType;
40
44
  var CustomInput = function (_a) {
41
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;
42
46
  var _g = (0, react_1.useState)(false), showPassword = _g[0], setShowPassword = _g[1];
43
- var handleType = inputType === InputType.PASSWORD && showPassword ? InputType.TEXT : inputType;
47
+ var handleType = inputType === InputType.PASSWORD && showPassword
48
+ ? InputType.TEXT
49
+ : inputType;
44
50
  var togglePasswordVisibility = function () {
45
51
  setShowPassword(function (prev) { return !prev; });
46
52
  };
53
+ var renderInput = function () {
54
+ // If inputType is TEL, use ReactInputMask
55
+ if (inputType === InputType.TEL) {
56
+ return (react_1.default.createElement(react_input_mask_1.default, { mask: "0(999) 999 99 99", value: value, onChange: onChange, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
57
+ }
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, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
60
+ };
47
61
  return (react_1.default.createElement("div", { className: mainClass },
48
62
  react_1.default.createElement("div", { className: "form-group" },
49
63
  react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
50
64
  react_1.default.createElement("div", { className: "input-group position-relative" },
51
- 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) },
52
- react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" // Modern tarayıcılarda autocomplete autofill engellemek için
53
- }))) : (react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" // Modern tarayıcılarda autocomplete autofill engellemek için
54
- })),
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()),
55
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))),
56
67
  buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: buttonClass || "btn btn-outline-secondary", title: buttonTooltip || "" }, buttonIcon)),
57
68
  required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
58
69
  react_1.default.createElement("div", { className: "description-icon" },
59
70
  react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
60
71
  react_1.default.createElement("div", { className: "description-text" },
61
- react_1.default.createElement("span", null, errorMessage || 'Bu alan boş bırakılamaz.')))),
72
+ react_1.default.createElement("span", null, errorMessage || "Bu alan boş bırakılamaz.")))),
62
73
  conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
63
74
  react_1.default.createElement("div", { className: "description-icon" },
64
75
  react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "albinasoft-ui-package",
3
- "version": "1.0.50",
3
+ "version": "1.0.51",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "scripts": {
@@ -15,6 +15,7 @@
15
15
  "react-datepicker": "^7.5.0",
16
16
  "react-dom": "^18.0.0",
17
17
  "react-icons": "^5.4.0",
18
+ "react-input-mask": "^2.0.4",
18
19
  "react-quill": "^2.0.0",
19
20
  "react-router-dom": "^7.1.1",
20
21
  "react-toastify": "^10.0.6"
@@ -22,6 +23,7 @@
22
23
  "devDependencies": {
23
24
  "@types/react": "^19.0.1",
24
25
  "@types/react-bootstrap": "^0.32.37",
26
+ "@types/react-input-mask": "^3.0.6",
25
27
  "typescript": "^4.5.0"
26
28
  },
27
29
  "peerDependencies": {