react-core-ts 1.1.24 → 1.1.25
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/ReactTextField.d.ts +2 -2
- package/dist/ReactTextField.js +49 -49
- package/dist/ReactTextField.js.map +1 -1
- package/package.json +1 -1
- package/src/ReactTextField.tsx +73 -73
package/dist/ReactTextField.d.ts
CHANGED
package/dist/ReactTextField.js
CHANGED
|
@@ -16,11 +16,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
18
|
var react_1 = require("react");
|
|
19
|
+
var customIcons_1 = __importDefault(require("./components/customIcons"));
|
|
19
20
|
var ReactAutoComplete_1 = __importDefault(require("./ReactAutoComplete"));
|
|
20
21
|
var getPosition_1 = require("./utilities/getPosition");
|
|
21
|
-
var customIcons_1 = __importDefault(require("./components/customIcons"));
|
|
22
22
|
var TextField = function (_a) {
|
|
23
|
-
var name = _a.name, id = _a.id, label = _a.label, _b = _a.type, type = _b === void 0 ?
|
|
23
|
+
var name = _a.name, id = _a.id, label = _a.label, _b = _a.type, type = _b === void 0 ? 'text' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d, _e = _a.fullwidth, fullwidth = _e === void 0 ? true : _e, _f = _a.uppercase, uppercase = _f === void 0 ? false : _f, _g = _a.adorementPosition, adorementPosition = _g === void 0 ? 'end' : _g, register = _a.register, adorement = _a.adorement, propsClassName = _a.className, value = _a.value, _h = _a.placeholder, placeholder = _h === void 0 ? '' : _h, min = _a.min, max = _a.max, _j = _a.size, size = _j === void 0 ? 'md' : _j, _k = _a.required, required = _k === void 0 ? false : _k, _l = _a.autoComplete, autoComplete = _l === void 0 ? false : _l, isValid = _a.isValid, _m = _a.isTooltip, isTooltip = _m === void 0 ? true : _m, _o = _a.maxLength, maxLength = _o === void 0 ? 200 : _o, _p = _a.autoFocus, autoFocus = _p === void 0 ? false : _p, step = _a.step, //new requirement number steper
|
|
24
24
|
onStepUp = _a.onStepUp, //new requirement number steper
|
|
25
25
|
onStepDown = _a.onStepDown, //new requirement number steper
|
|
26
26
|
onChange = _a.onChange, onBlur = _a.onBlur, errors = _a.errors, keyRegexPattern = _a.keyRegexPattern, backGround = _a.backGround, //added for set background colour according to the form
|
|
@@ -58,7 +58,7 @@ var TextField = function (_a) {
|
|
|
58
58
|
setWidth(innerwidth);
|
|
59
59
|
}, [adorement]);
|
|
60
60
|
var getErrors = function (err) {
|
|
61
|
-
var errMsg =
|
|
61
|
+
var errMsg = '';
|
|
62
62
|
if (err === null || err === void 0 ? void 0 : err.message) {
|
|
63
63
|
errMsg = err === null || err === void 0 ? void 0 : err.message;
|
|
64
64
|
}
|
|
@@ -71,55 +71,55 @@ var TextField = function (_a) {
|
|
|
71
71
|
}, [autoFocus]);
|
|
72
72
|
var getHeight = function () {
|
|
73
73
|
switch (size) {
|
|
74
|
-
case
|
|
75
|
-
return
|
|
76
|
-
case
|
|
77
|
-
return
|
|
78
|
-
case
|
|
79
|
-
return
|
|
80
|
-
case
|
|
81
|
-
return
|
|
82
|
-
case
|
|
83
|
-
return
|
|
74
|
+
case 'xs':
|
|
75
|
+
return ' h-10 ';
|
|
76
|
+
case 'xxs':
|
|
77
|
+
return ' h-[25px] ';
|
|
78
|
+
case 'sm':
|
|
79
|
+
return ' h-[34px] ';
|
|
80
|
+
case 'md':
|
|
81
|
+
return ' h-10 ';
|
|
82
|
+
case 'lg':
|
|
83
|
+
return ' h-10 ';
|
|
84
84
|
default:
|
|
85
|
-
return
|
|
85
|
+
return ' h-10 ';
|
|
86
86
|
}
|
|
87
87
|
};
|
|
88
|
-
var getBg = function () { return backGround ||
|
|
88
|
+
var getBg = function () { return backGround || 'bg-transparent'; }; //added for set background colour according to the form
|
|
89
89
|
var generateClassName = function (from) {
|
|
90
|
-
var className = propsClassName;
|
|
90
|
+
var className = "".concat(propsClassName, " ");
|
|
91
91
|
switch (from) {
|
|
92
|
-
case
|
|
93
|
-
className += "block ".concat(size ===
|
|
92
|
+
case 'input':
|
|
93
|
+
className += "block ".concat(size === 'xxs' ? ' text-xxs' : 'text-common', " text-input-text font-normal ").concat(step && adorement ? 'px-2.5' : 'px-3.5', " w-full text-sm text-gray-900 ").concat(getBg(), " border appearance-none peer rounded-[4px] disabled:text-input-disabled bg-white disabled:bg-disabled ").concat(hideLabel ? '' : 'placeholder-transparent', " focus:placeholder-grey-secondary ").concat(adorementPosition === 'start' && ' !pl-[45px] ', " ").concat(getHeight());
|
|
94
94
|
if (errors && errors[name]) {
|
|
95
95
|
className +=
|
|
96
|
-
|
|
96
|
+
' border-[#FDA29B] focus:border-error-[#FDA29B] focus:ring-[#FDA29B] focus:ring-3 focus:outline-[#FDA29B] input-outline';
|
|
97
97
|
}
|
|
98
98
|
else {
|
|
99
99
|
className +=
|
|
100
|
-
|
|
100
|
+
' text-grey-dark border-input-light focus:border-blue-navy focus:outline-none focus:ring-0';
|
|
101
101
|
}
|
|
102
102
|
break;
|
|
103
|
-
case
|
|
104
|
-
className += " modern-input-label peer-focus:modern-input-peer-focus-label-size absolute duration-300 transform -translate-y-4 top-2 z-1 origin-[0] px-0 \n peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 \n peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ".concat(isDisabled ?
|
|
105
|
-
?
|
|
103
|
+
case 'label': // changes made for remove bg-white from placeolder is field disable and or with data
|
|
104
|
+
className += " modern-input-label peer-focus:modern-input-peer-focus-label-size absolute duration-300 transform -translate-y-4 top-2 z-1 origin-[0] px-0 \n peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 \n peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ".concat(isDisabled ? 'cursor-pointer' : 'cursor-text peer-focus:cursor-pointer', " ").concat(!isDisabled || !checkIsEmptyField()
|
|
105
|
+
? 'active-input-label-bg'
|
|
106
106
|
: isDisabled && !checkIsEmptyField()
|
|
107
|
-
?
|
|
108
|
-
:
|
|
109
|
-
?
|
|
110
|
-
:
|
|
107
|
+
? 'disabled-input-label-bg'
|
|
108
|
+
: '', " ").concat(checkIsEmptyField()
|
|
109
|
+
? 'modern-input-label-size'
|
|
110
|
+
: 'modern-input-peer-focus-label-size');
|
|
111
111
|
if (errors && errors[name]) {
|
|
112
|
-
className +=
|
|
112
|
+
className += ' text-error-light ';
|
|
113
113
|
}
|
|
114
114
|
else {
|
|
115
|
-
className +=
|
|
115
|
+
className += ' text-grey-dark peer-focus:text-blue-navy';
|
|
116
116
|
}
|
|
117
117
|
break;
|
|
118
|
-
case
|
|
119
|
-
className =
|
|
118
|
+
case 'message':
|
|
119
|
+
className = ' text-error-icon ';
|
|
120
120
|
break;
|
|
121
|
-
case
|
|
122
|
-
className += "".concat(isDisabled ?
|
|
121
|
+
case 'adorement':
|
|
122
|
+
className += "".concat(isDisabled ? 'bg-bodyBG' : 'bg-white', " absolute right-0 adorement gap-1 flex items-center");
|
|
123
123
|
break;
|
|
124
124
|
default:
|
|
125
125
|
break;
|
|
@@ -128,17 +128,17 @@ var TextField = function (_a) {
|
|
|
128
128
|
};
|
|
129
129
|
var handleError = function (data) {
|
|
130
130
|
var _a;
|
|
131
|
-
if (getErrors(data[name]) ===
|
|
132
|
-
getErrors(data[name]) ===
|
|
131
|
+
if (getErrors(data[name]) === 'required' ||
|
|
132
|
+
getErrors(data[name]) === 'Required') {
|
|
133
133
|
return "".concat(label !== null && label !== void 0 ? label : labelTitle, " is ").concat(getErrors(data[name]));
|
|
134
134
|
}
|
|
135
135
|
else {
|
|
136
|
-
return (_a = getErrors(data[name])) !== null && _a !== void 0 ? _a :
|
|
136
|
+
return (_a = getErrors(data[name])) !== null && _a !== void 0 ? _a : '';
|
|
137
137
|
}
|
|
138
138
|
};
|
|
139
139
|
// Added handle key press function on textfield to restrict typing letter 'e' on number type
|
|
140
140
|
var handleKeyPress = function (e) {
|
|
141
|
-
if (type ===
|
|
141
|
+
if (type === 'number' && e.key === 'e')
|
|
142
142
|
e.preventDefault();
|
|
143
143
|
};
|
|
144
144
|
var handleChange = function (event) {
|
|
@@ -155,8 +155,8 @@ var TextField = function (_a) {
|
|
|
155
155
|
var renderPrefix = function () {
|
|
156
156
|
if (prefixes) {
|
|
157
157
|
switch (prefixes === null || prefixes === void 0 ? void 0 : prefixes.type) {
|
|
158
|
-
case
|
|
159
|
-
return ((0, jsx_runtime_1.jsx)(ReactAutoComplete_1.default, { placeholder: prefixes.placeholder, onChange: function (e) { return onPrefixChange === null || onPrefixChange === void 0 ? void 0 : onPrefixChange(e); }, name: prefixes.name, value: prefixValue !== null && prefixValue !== void 0 ? prefixValue : { id:
|
|
158
|
+
case 'custom_select':
|
|
159
|
+
return ((0, jsx_runtime_1.jsx)(ReactAutoComplete_1.default, { placeholder: prefixes.placeholder, onChange: function (e) { return onPrefixChange === null || onPrefixChange === void 0 ? void 0 : onPrefixChange(e); }, name: prefixes.name, value: prefixValue !== null && prefixValue !== void 0 ? prefixValue : { id: '', name: '' }, type: "custom_select", isCustomPlaceholder: true, fullWidth: false, width: prefixes.width, fromPrefix: true, isClose: false, hideClear: prefixes.hideClear, data: prefixes.data, hasParentError: Boolean(errors && errors[name]), errors: errors, disabled: prefixes.disabled, required: prefixes.required, autoFilter: prefixes.autoFilter ? prefixes.autoFilter : false }, prefixes.name));
|
|
160
160
|
default:
|
|
161
161
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
162
162
|
}
|
|
@@ -182,7 +182,7 @@ var TextField = function (_a) {
|
|
|
182
182
|
}
|
|
183
183
|
};
|
|
184
184
|
var handleAction = function (type) {
|
|
185
|
-
if (type ===
|
|
185
|
+
if (type === 'up')
|
|
186
186
|
onStepUp === null || onStepUp === void 0 ? void 0 : onStepUp();
|
|
187
187
|
else
|
|
188
188
|
onStepDown === null || onStepDown === void 0 ? void 0 : onStepDown();
|
|
@@ -204,7 +204,7 @@ var TextField = function (_a) {
|
|
|
204
204
|
(0, react_1.useEffect)(function () {
|
|
205
205
|
(0, getPosition_1.applyPositionClass)(textFieldRef);
|
|
206
206
|
}, [isHovered]);
|
|
207
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: textFieldRef, className: " ".concat(fullwidth ?
|
|
207
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: textFieldRef, className: " ".concat(fullwidth ? 'w-full' : 'w-auto') }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "tooltip-container " }, { children: [isHovered && errors && errors[name] && ((0, jsx_runtime_1.jsxs)("span", __assign({ className: "tooltip" }, { children: [handleError(errors), " "] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "w-full ".concat(prefixes ? 'flex' : '') }, { children: [prefixes && renderPrefix(), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "flex relative ".concat(fullwidth ? 'w-full' : 'w-auto'), style: { width: width } }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "relative w-full " }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({
|
|
208
208
|
// key={updateKey}
|
|
209
209
|
type: type,
|
|
210
210
|
// id={frmid+id}
|
|
@@ -216,18 +216,18 @@ var TextField = function (_a) {
|
|
|
216
216
|
borderTopLeftRadius: 0,
|
|
217
217
|
borderBottomLeftRadius: 0,
|
|
218
218
|
}
|
|
219
|
-
: {})), className: " ".concat(generateClassName(
|
|
219
|
+
: {})), className: " ".concat(generateClassName('input'), " ").concat(uppercase ? 'uppercase placeholder:normal-case' : '', " ''}"), placeholder: placeholder, onChange: function (e) {
|
|
220
220
|
handleChange(e);
|
|
221
|
-
}, onKeyDown: handleKeyPress, autoComplete: autoComplete ?
|
|
221
|
+
}, onKeyDown: handleKeyPress, autoComplete: autoComplete ? 'on' : 'off', onBlur: function (e) { return onBlur === null || onBlur === void 0 ? void 0 : onBlur(e); },
|
|
222
222
|
// autoFocus={autoFocus}
|
|
223
|
-
value: value })), !hideLabel && ((0, jsx_runtime_1.jsxs)("label", __assign({ htmlFor: id, onClick: function () { return onLabelClick(); }, className: generateClassName(
|
|
223
|
+
value: value })), !hideLabel && ((0, jsx_runtime_1.jsxs)("label", __assign({ htmlFor: id, onClick: function () { return onLabelClick(); }, className: generateClassName('label') }, { children: [label, required ? (0, jsx_runtime_1.jsx)("span", __assign({ className: "text-error" }, { children: " *" })) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})] })))] })), (adorement ||
|
|
224
224
|
step ||
|
|
225
225
|
(!isValid && isTooltip && errors && errors[name]) ||
|
|
226
|
-
isValid) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "flex items-center justify-center gap-1 " }, { children: [adorement && adorementPosition ===
|
|
227
|
-
handleClick(
|
|
228
|
-
}, onMouseDown: function () { return handleMouseDown(
|
|
229
|
-
handleClick(
|
|
230
|
-
}, onMouseDown: function () { return handleMouseDown(
|
|
226
|
+
isValid) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "flex items-center justify-center gap-1 " }, { children: [adorement && adorementPosition === 'start' && ((0, jsx_runtime_1.jsx)("div", __assign({ className: " ".concat(isDisabled ? 'text-zinc-500' : 'text-grey-medium', " absolute adorement left-0 ") }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: adorement }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "".concat(generateClassName('adorement'), " h-[20px] right-[1px]"), ref: adorementRef }, { children: [adorement && adorementPosition === 'end' && ((0, jsx_runtime_1.jsx)("div", __assign({ className: " ".concat(isDisabled ? 'text-zinc-500' : 'text-grey-medium', " ") }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: adorement }) }))), step && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "ml-2" }, { children: [(0, jsx_runtime_1.jsx)(customIcons_1.default, { name: "TreeUp_Arrow", className: "text-gray-500 hover:text-dark cursor-pointer ".concat(isDisabled ? 'hidden' : 'block'), type: "medium", onClick: function () {
|
|
227
|
+
handleClick('up');
|
|
228
|
+
}, onMouseDown: function () { return handleMouseDown('up'); }, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, viewBox: true }), (0, jsx_runtime_1.jsx)(customIcons_1.default, { name: "TreeDown_Arrow", className: "text-gray-500 hover:text-dark cursor-pointer ".concat(isDisabled ? 'hidden' : 'block'), type: "medium", onClick: function () {
|
|
229
|
+
handleClick('down');
|
|
230
|
+
}, onMouseDown: function () { return handleMouseDown('down'); }, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, viewBox: true })] })) })), !isValid && isTooltip && errors && errors[name] && ((0, jsx_runtime_1.jsx)("div", __assign({ className: " text-error-label relative bg-white cursor-pointer ".concat(generateClassName('message')), onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsx)(customIcons_1.default, { name: "alert", type: "medium" }) }))), isValid && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "pl-2" }, { children: (0, jsx_runtime_1.jsx)(customIcons_1.default, { name: "check_mark", type: "medium", className: "text-[#28B440]" }) })))] }))] })))] }))] }))] })) })));
|
|
231
231
|
};
|
|
232
232
|
exports.default = TextField;
|
|
233
233
|
//# sourceMappingURL=ReactTextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactTextField.js","sourceRoot":"","sources":["../src/ReactTextField.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ReactTextField.js","sourceRoot":"","sources":["../src/ReactTextField.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/ReactTextField.tsx
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import React, { useEffect, useRef, useState } from
|
|
2
|
-
import ModernAutoComplete from "./ReactAutoComplete";
|
|
3
|
-
import { applyPositionClass } from "./utilities/getPosition";
|
|
1
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
4
2
|
|
|
5
|
-
import { TextFieldProps } from
|
|
6
|
-
import CustomIcons from
|
|
3
|
+
import { TextFieldProps } from './commontypes';
|
|
4
|
+
import CustomIcons from './components/customIcons';
|
|
5
|
+
import ModernAutoComplete from './ReactAutoComplete';
|
|
6
|
+
import { applyPositionClass } from './utilities/getPosition';
|
|
7
7
|
|
|
8
8
|
const TextField: React.FC<TextFieldProps> = ({
|
|
9
9
|
name,
|
|
10
10
|
id,
|
|
11
11
|
label,
|
|
12
|
-
type =
|
|
12
|
+
type = 'text',
|
|
13
13
|
disabled = false,
|
|
14
14
|
readOnly = false,
|
|
15
15
|
fullwidth = true,
|
|
16
16
|
uppercase = false,
|
|
17
|
-
adorementPosition =
|
|
17
|
+
adorementPosition = 'end',
|
|
18
18
|
register,
|
|
19
19
|
adorement,
|
|
20
20
|
className: propsClassName,
|
|
21
21
|
value,
|
|
22
|
-
placeholder =
|
|
22
|
+
placeholder = '',
|
|
23
23
|
min,
|
|
24
24
|
max,
|
|
25
|
-
size =
|
|
25
|
+
size = 'md',
|
|
26
26
|
required = false,
|
|
27
27
|
autoComplete = false,
|
|
28
28
|
isValid,
|
|
@@ -78,7 +78,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
78
78
|
setWidth(innerwidth);
|
|
79
79
|
}, [adorement]);
|
|
80
80
|
const getErrors = (err?: any) => {
|
|
81
|
-
let errMsg =
|
|
81
|
+
let errMsg = '';
|
|
82
82
|
if (err?.message) {
|
|
83
83
|
errMsg = err?.message;
|
|
84
84
|
}
|
|
@@ -92,76 +92,76 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
92
92
|
|
|
93
93
|
const getHeight = () => {
|
|
94
94
|
switch (size) {
|
|
95
|
-
case
|
|
96
|
-
return
|
|
97
|
-
case
|
|
98
|
-
return
|
|
99
|
-
case
|
|
100
|
-
return
|
|
101
|
-
case
|
|
102
|
-
return
|
|
103
|
-
case
|
|
104
|
-
return
|
|
95
|
+
case 'xs':
|
|
96
|
+
return ' h-10 ';
|
|
97
|
+
case 'xxs':
|
|
98
|
+
return ' h-[25px] ';
|
|
99
|
+
case 'sm':
|
|
100
|
+
return ' h-[34px] ';
|
|
101
|
+
case 'md':
|
|
102
|
+
return ' h-10 ';
|
|
103
|
+
case 'lg':
|
|
104
|
+
return ' h-10 ';
|
|
105
105
|
default:
|
|
106
|
-
return
|
|
106
|
+
return ' h-10 ';
|
|
107
107
|
}
|
|
108
108
|
};
|
|
109
|
-
const getBg = () => backGround ||
|
|
109
|
+
const getBg = () => backGround || 'bg-transparent'; //added for set background colour according to the form
|
|
110
110
|
const generateClassName = (
|
|
111
|
-
from:
|
|
111
|
+
from: 'input' | 'label' | 'message' | 'adorement'
|
|
112
112
|
): string => {
|
|
113
|
-
let className = propsClassName
|
|
113
|
+
let className = `${propsClassName} `;
|
|
114
114
|
|
|
115
115
|
switch (from) {
|
|
116
|
-
case
|
|
116
|
+
case 'input':
|
|
117
117
|
className += `block ${
|
|
118
|
-
size ===
|
|
118
|
+
size === 'xxs' ? ' text-xxs' : 'text-common'
|
|
119
119
|
} text-input-text font-normal ${
|
|
120
|
-
step && adorement ?
|
|
120
|
+
step && adorement ? 'px-2.5' : 'px-3.5'
|
|
121
121
|
} w-full text-sm text-gray-900 ${getBg()} border appearance-none peer rounded-[4px] disabled:text-input-disabled bg-white disabled:bg-disabled ${
|
|
122
|
-
hideLabel ?
|
|
122
|
+
hideLabel ? '' : 'placeholder-transparent'
|
|
123
123
|
} focus:placeholder-grey-secondary ${
|
|
124
|
-
adorementPosition ===
|
|
124
|
+
adorementPosition === 'start' && ' !pl-[45px] '
|
|
125
125
|
} ${getHeight()}`;
|
|
126
126
|
|
|
127
127
|
if (errors && errors[name]) {
|
|
128
128
|
className +=
|
|
129
|
-
|
|
129
|
+
' border-[#FDA29B] focus:border-error-[#FDA29B] focus:ring-[#FDA29B] focus:ring-3 focus:outline-[#FDA29B] input-outline';
|
|
130
130
|
} else {
|
|
131
131
|
className +=
|
|
132
|
-
|
|
132
|
+
' text-grey-dark border-input-light focus:border-blue-navy focus:outline-none focus:ring-0';
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
break;
|
|
136
|
-
case
|
|
136
|
+
case 'label': // changes made for remove bg-white from placeolder is field disable and or with data
|
|
137
137
|
className += ` modern-input-label peer-focus:modern-input-peer-focus-label-size absolute duration-300 transform -translate-y-4 top-2 z-1 origin-[0] px-0
|
|
138
138
|
peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2
|
|
139
139
|
peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ${
|
|
140
|
-
isDisabled ?
|
|
140
|
+
isDisabled ? 'cursor-pointer' : 'cursor-text peer-focus:cursor-pointer'
|
|
141
141
|
} ${
|
|
142
142
|
!isDisabled || !checkIsEmptyField()
|
|
143
|
-
?
|
|
143
|
+
? 'active-input-label-bg'
|
|
144
144
|
: isDisabled && !checkIsEmptyField()
|
|
145
|
-
?
|
|
146
|
-
:
|
|
145
|
+
? 'disabled-input-label-bg'
|
|
146
|
+
: ''
|
|
147
147
|
} ${
|
|
148
148
|
checkIsEmptyField()
|
|
149
|
-
?
|
|
150
|
-
:
|
|
149
|
+
? 'modern-input-label-size'
|
|
150
|
+
: 'modern-input-peer-focus-label-size'
|
|
151
151
|
}`;
|
|
152
152
|
|
|
153
153
|
if (errors && errors[name]) {
|
|
154
|
-
className +=
|
|
154
|
+
className += ' text-error-light ';
|
|
155
155
|
} else {
|
|
156
|
-
className +=
|
|
156
|
+
className += ' text-grey-dark peer-focus:text-blue-navy';
|
|
157
157
|
}
|
|
158
158
|
break;
|
|
159
|
-
case
|
|
160
|
-
className =
|
|
159
|
+
case 'message':
|
|
160
|
+
className = ' text-error-icon ';
|
|
161
161
|
break;
|
|
162
|
-
case
|
|
162
|
+
case 'adorement':
|
|
163
163
|
className += `${
|
|
164
|
-
isDisabled ?
|
|
164
|
+
isDisabled ? 'bg-bodyBG' : 'bg-white'
|
|
165
165
|
} absolute right-0 adorement gap-1 flex items-center`;
|
|
166
166
|
break;
|
|
167
167
|
|
|
@@ -173,18 +173,18 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
173
173
|
|
|
174
174
|
const handleError = (data: any) => {
|
|
175
175
|
if (
|
|
176
|
-
getErrors(data[name]) ===
|
|
177
|
-
getErrors(data[name]) ===
|
|
176
|
+
getErrors(data[name]) === 'required' ||
|
|
177
|
+
getErrors(data[name]) === 'Required'
|
|
178
178
|
) {
|
|
179
179
|
return `${label ?? labelTitle} is ${getErrors(data[name])}`;
|
|
180
180
|
} else {
|
|
181
|
-
return getErrors(data[name]) ??
|
|
181
|
+
return getErrors(data[name]) ?? '';
|
|
182
182
|
}
|
|
183
183
|
};
|
|
184
184
|
|
|
185
185
|
// Added handle key press function on textfield to restrict typing letter 'e' on number type
|
|
186
186
|
const handleKeyPress = (e: any) => {
|
|
187
|
-
if (type ===
|
|
187
|
+
if (type === 'number' && e.key === 'e') e.preventDefault();
|
|
188
188
|
};
|
|
189
189
|
|
|
190
190
|
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
|
@@ -200,14 +200,14 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
200
200
|
const renderPrefix = () => {
|
|
201
201
|
if (prefixes) {
|
|
202
202
|
switch (prefixes?.type) {
|
|
203
|
-
case
|
|
203
|
+
case 'custom_select':
|
|
204
204
|
return (
|
|
205
205
|
<ModernAutoComplete
|
|
206
206
|
key={prefixes.name}
|
|
207
207
|
placeholder={prefixes.placeholder}
|
|
208
208
|
onChange={(e: any) => onPrefixChange?.(e)}
|
|
209
209
|
name={prefixes.name}
|
|
210
|
-
value={prefixValue ?? { id:
|
|
210
|
+
value={prefixValue ?? { id: '', name: '' }}
|
|
211
211
|
type="custom_select"
|
|
212
212
|
isCustomPlaceholder
|
|
213
213
|
fullWidth={false}
|
|
@@ -239,7 +239,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
239
239
|
return undefined;
|
|
240
240
|
};
|
|
241
241
|
|
|
242
|
-
const handleMouseDown = (type:
|
|
242
|
+
const handleMouseDown = (type: 'up' | 'down') => {
|
|
243
243
|
setIsHolding(true);
|
|
244
244
|
//handleAction(type)
|
|
245
245
|
intervalRef.current = setInterval(() => handleAction(type), 100);
|
|
@@ -248,8 +248,8 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
248
248
|
}
|
|
249
249
|
};
|
|
250
250
|
|
|
251
|
-
const handleAction = (type:
|
|
252
|
-
if (type ===
|
|
251
|
+
const handleAction = (type: 'up' | 'down') => {
|
|
252
|
+
if (type === 'up') onStepUp?.();
|
|
253
253
|
else onStepDown?.();
|
|
254
254
|
};
|
|
255
255
|
|
|
@@ -260,7 +260,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
const handleClick = (type:
|
|
263
|
+
const handleClick = (type: 'up' | 'down') => {
|
|
264
264
|
if (!isHolding) {
|
|
265
265
|
clickTimeoutRef.current = setTimeout(() => {
|
|
266
266
|
handleAction(type);
|
|
@@ -273,15 +273,15 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
273
273
|
applyPositionClass(textFieldRef);
|
|
274
274
|
}, [isHovered]);
|
|
275
275
|
return (
|
|
276
|
-
<div ref={textFieldRef} className={` ${fullwidth ?
|
|
276
|
+
<div ref={textFieldRef} className={` ${fullwidth ? 'w-full' : 'w-auto'}`}>
|
|
277
277
|
<div className="tooltip-container ">
|
|
278
278
|
{isHovered && errors && errors[name] && (
|
|
279
279
|
<span className="tooltip">{handleError(errors)} </span>
|
|
280
280
|
)}
|
|
281
|
-
<div className={`w-full ${prefixes ?
|
|
281
|
+
<div className={`w-full ${prefixes ? 'flex' : ''}`}>
|
|
282
282
|
{prefixes && renderPrefix()}
|
|
283
283
|
<div
|
|
284
|
-
className={`flex relative ${fullwidth ?
|
|
284
|
+
className={`flex relative ${fullwidth ? 'w-full' : 'w-auto'}`}
|
|
285
285
|
style={{ width: width }}
|
|
286
286
|
>
|
|
287
287
|
<div className="relative w-full ">
|
|
@@ -308,15 +308,15 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
308
308
|
}
|
|
309
309
|
: {}),
|
|
310
310
|
}}
|
|
311
|
-
className={` ${generateClassName(
|
|
312
|
-
uppercase ?
|
|
311
|
+
className={` ${generateClassName('input')} ${
|
|
312
|
+
uppercase ? 'uppercase placeholder:normal-case' : ''
|
|
313
313
|
} ''}`}
|
|
314
314
|
placeholder={placeholder}
|
|
315
315
|
onChange={(e) => {
|
|
316
316
|
handleChange(e);
|
|
317
317
|
}}
|
|
318
318
|
onKeyDown={handleKeyPress}
|
|
319
|
-
autoComplete={autoComplete ?
|
|
319
|
+
autoComplete={autoComplete ? 'on' : 'off'}
|
|
320
320
|
onBlur={(e) => onBlur?.(e)}
|
|
321
321
|
// autoFocus={autoFocus}
|
|
322
322
|
value={value}
|
|
@@ -325,7 +325,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
325
325
|
<label
|
|
326
326
|
htmlFor={id}
|
|
327
327
|
onClick={() => onLabelClick()}
|
|
328
|
-
className={generateClassName(
|
|
328
|
+
className={generateClassName('label')}
|
|
329
329
|
>
|
|
330
330
|
{label}
|
|
331
331
|
{required ? <span className="text-error"> *</span> : <></>}
|
|
@@ -337,10 +337,10 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
337
337
|
(!isValid && isTooltip && errors && errors[name]) ||
|
|
338
338
|
isValid) && (
|
|
339
339
|
<div className="flex items-center justify-center gap-1 ">
|
|
340
|
-
{adorement && adorementPosition ===
|
|
340
|
+
{adorement && adorementPosition === 'start' && (
|
|
341
341
|
<div
|
|
342
342
|
className={` ${
|
|
343
|
-
isDisabled ?
|
|
343
|
+
isDisabled ? 'text-zinc-500' : 'text-grey-medium'
|
|
344
344
|
} absolute adorement left-0 `} // adorement position added for start
|
|
345
345
|
>
|
|
346
346
|
<>{adorement}</>
|
|
@@ -349,14 +349,14 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
349
349
|
|
|
350
350
|
<div
|
|
351
351
|
className={`${generateClassName(
|
|
352
|
-
|
|
352
|
+
'adorement'
|
|
353
353
|
)} h-[20px] right-[1px]`} //added adorment bg color
|
|
354
354
|
ref={adorementRef}
|
|
355
355
|
>
|
|
356
|
-
{adorement && adorementPosition ===
|
|
356
|
+
{adorement && adorementPosition === 'end' && (
|
|
357
357
|
<div
|
|
358
358
|
className={` ${
|
|
359
|
-
isDisabled ?
|
|
359
|
+
isDisabled ? 'text-zinc-500' : 'text-grey-medium'
|
|
360
360
|
} `} // changed for adorment text blurness while disabled
|
|
361
361
|
>
|
|
362
362
|
<>{adorement}</>
|
|
@@ -369,13 +369,13 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
369
369
|
<CustomIcons
|
|
370
370
|
name="TreeUp_Arrow"
|
|
371
371
|
className={`text-gray-500 hover:text-dark cursor-pointer ${
|
|
372
|
-
isDisabled ?
|
|
372
|
+
isDisabled ? 'hidden' : 'block'
|
|
373
373
|
}`}
|
|
374
374
|
type="medium"
|
|
375
375
|
onClick={() => {
|
|
376
|
-
handleClick(
|
|
376
|
+
handleClick('up');
|
|
377
377
|
}}
|
|
378
|
-
onMouseDown={() => handleMouseDown(
|
|
378
|
+
onMouseDown={() => handleMouseDown('up')}
|
|
379
379
|
onMouseUp={handleMouseUp}
|
|
380
380
|
onMouseLeave={handleMouseUp}
|
|
381
381
|
viewBox={true}
|
|
@@ -383,13 +383,13 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
383
383
|
<CustomIcons
|
|
384
384
|
name="TreeDown_Arrow"
|
|
385
385
|
className={`text-gray-500 hover:text-dark cursor-pointer ${
|
|
386
|
-
isDisabled ?
|
|
386
|
+
isDisabled ? 'hidden' : 'block'
|
|
387
387
|
}`}
|
|
388
388
|
type="medium"
|
|
389
389
|
onClick={() => {
|
|
390
|
-
handleClick(
|
|
390
|
+
handleClick('down');
|
|
391
391
|
}}
|
|
392
|
-
onMouseDown={() => handleMouseDown(
|
|
392
|
+
onMouseDown={() => handleMouseDown('down')}
|
|
393
393
|
onMouseUp={handleMouseUp}
|
|
394
394
|
onMouseLeave={handleMouseUp}
|
|
395
395
|
viewBox={true}
|
|
@@ -401,7 +401,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
401
401
|
{!isValid && isTooltip && errors && errors[name] && (
|
|
402
402
|
<div
|
|
403
403
|
className={` text-error-label relative bg-white cursor-pointer ${generateClassName(
|
|
404
|
-
|
|
404
|
+
'message'
|
|
405
405
|
)}`}
|
|
406
406
|
onMouseEnter={() => setIsHovered(true)}
|
|
407
407
|
onMouseLeave={() => setIsHovered(false)}
|