react-core-ts 1.3.46 → 1.3.48
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 +48 -47
- package/dist/ReactTextField.js.map +1 -1
- package/package.json +1 -1
- package/src/ReactTextField.tsx +81 -72
package/dist/ReactTextField.d.ts
CHANGED
package/dist/ReactTextField.js
CHANGED
|
@@ -20,7 +20,7 @@ var customIcons_1 = __importDefault(require("./components/customIcons"));
|
|
|
20
20
|
var ReactAutoComplete_1 = __importDefault(require("./ReactAutoComplete"));
|
|
21
21
|
var getPosition_1 = require("./utilities/getPosition");
|
|
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, infoTitle = _a.infoTitle, onBlur = _a.onBlur, showInfo = _a.showInfo, errors = _a.errors, keyRegexPattern = _a.keyRegexPattern, backGround = _a.backGround, //added for set background colour according to the form
|
|
@@ -56,9 +56,10 @@ var TextField = function (_a) {
|
|
|
56
56
|
? adorementRef.current.offsetWidth
|
|
57
57
|
: 15;
|
|
58
58
|
setWidth(innerwidth);
|
|
59
|
+
console.log(infoTitle, showInfo, 'useEffect', innerwidth, adorementRef.current, adorementRef.current.offsetWidth);
|
|
59
60
|
}, [adorement, infoTitle, showInfo]);
|
|
60
61
|
var getErrors = function (err) {
|
|
61
|
-
var errMsg =
|
|
62
|
+
var errMsg = '';
|
|
62
63
|
if (err === null || err === void 0 ? void 0 : err.message) {
|
|
63
64
|
errMsg = err === null || err === void 0 ? void 0 : err.message;
|
|
64
65
|
}
|
|
@@ -71,55 +72,55 @@ var TextField = function (_a) {
|
|
|
71
72
|
}, [autoFocus]);
|
|
72
73
|
var getHeight = function () {
|
|
73
74
|
switch (size) {
|
|
74
|
-
case
|
|
75
|
-
return
|
|
76
|
-
case
|
|
77
|
-
return
|
|
78
|
-
case
|
|
79
|
-
return
|
|
80
|
-
case
|
|
81
|
-
return
|
|
82
|
-
case
|
|
83
|
-
return
|
|
75
|
+
case 'xs':
|
|
76
|
+
return ' h-10 ';
|
|
77
|
+
case 'xxs':
|
|
78
|
+
return ' h-[25px] ';
|
|
79
|
+
case 'sm':
|
|
80
|
+
return ' h-[34px] ';
|
|
81
|
+
case 'md':
|
|
82
|
+
return ' h-10 ';
|
|
83
|
+
case 'lg':
|
|
84
|
+
return ' h-10 ';
|
|
84
85
|
default:
|
|
85
|
-
return
|
|
86
|
+
return ' h-10 ';
|
|
86
87
|
}
|
|
87
88
|
};
|
|
88
|
-
var getBg = function () { return backGround ||
|
|
89
|
+
var getBg = function () { return backGround || 'bg-transparent'; }; //added for set background colour according to the form
|
|
89
90
|
var generateClassName = function (from) {
|
|
90
91
|
var className = "".concat(propsClassName, " ");
|
|
91
92
|
switch (from) {
|
|
92
|
-
case
|
|
93
|
-
className += "block ".concat(size ===
|
|
93
|
+
case 'input':
|
|
94
|
+
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
95
|
if (errors && errors[name]) {
|
|
95
96
|
className +=
|
|
96
|
-
|
|
97
|
+
' border-[#FDA29B] focus:border-error-[#FDA29B] focus:ring-[#FDA29B] focus:ring-3 focus:outline-[#FDA29B] input-outline';
|
|
97
98
|
}
|
|
98
99
|
else {
|
|
99
100
|
className +=
|
|
100
|
-
|
|
101
|
+
' text-grey-dark border-input-light focus:border-blue-navy focus:outline-none focus:ring-0';
|
|
101
102
|
}
|
|
102
103
|
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
|
-
?
|
|
104
|
+
case 'label': // changes made for remove bg-white from placeolder is field disable and or with data
|
|
105
|
+
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()
|
|
106
|
+
? 'disabled-input-label-bg'
|
|
106
107
|
: !isDisabled || !checkIsEmptyField()
|
|
107
|
-
?
|
|
108
|
-
:
|
|
109
|
-
?
|
|
110
|
-
:
|
|
108
|
+
? 'active-input-label-bg'
|
|
109
|
+
: '', " ").concat(checkIsEmptyField()
|
|
110
|
+
? 'modern-input-label-size'
|
|
111
|
+
: 'modern-input-peer-focus-label-size');
|
|
111
112
|
if (errors && errors[name]) {
|
|
112
|
-
className +=
|
|
113
|
+
className += ' text-error-light ';
|
|
113
114
|
}
|
|
114
115
|
else {
|
|
115
|
-
className +=
|
|
116
|
+
className += ' text-grey-dark peer-focus:text-blue-navy';
|
|
116
117
|
}
|
|
117
118
|
break;
|
|
118
|
-
case
|
|
119
|
-
className =
|
|
119
|
+
case 'message':
|
|
120
|
+
className = ' text-error-icon ';
|
|
120
121
|
break;
|
|
121
|
-
case
|
|
122
|
-
className += "".concat(isDisabled ?
|
|
122
|
+
case 'adorement':
|
|
123
|
+
className += "".concat(isDisabled ? 'bg-bodyBG' : 'bg-white', " absolute right-0 adorement gap-1 flex items-center");
|
|
123
124
|
break;
|
|
124
125
|
default:
|
|
125
126
|
break;
|
|
@@ -128,17 +129,17 @@ var TextField = function (_a) {
|
|
|
128
129
|
};
|
|
129
130
|
var handleError = function (data) {
|
|
130
131
|
var _a;
|
|
131
|
-
if (getErrors(data[name]) ===
|
|
132
|
-
getErrors(data[name]) ===
|
|
132
|
+
if (getErrors(data[name]) === 'required' ||
|
|
133
|
+
getErrors(data[name]) === 'Required') {
|
|
133
134
|
return "".concat(label !== null && label !== void 0 ? label : labelTitle, " is ").concat(getErrors(data[name]));
|
|
134
135
|
}
|
|
135
136
|
else {
|
|
136
|
-
return (_a = getErrors(data[name])) !== null && _a !== void 0 ? _a :
|
|
137
|
+
return (_a = getErrors(data[name])) !== null && _a !== void 0 ? _a : '';
|
|
137
138
|
}
|
|
138
139
|
};
|
|
139
140
|
// Added handle key press function on textfield to restrict typing letter 'e' on number type
|
|
140
141
|
var handleKeyPress = function (e) {
|
|
141
|
-
if (type ===
|
|
142
|
+
if (type === 'number' && e.key === 'e')
|
|
142
143
|
e.preventDefault();
|
|
143
144
|
};
|
|
144
145
|
var handleChange = function (event) {
|
|
@@ -155,8 +156,8 @@ var TextField = function (_a) {
|
|
|
155
156
|
var renderPrefix = function () {
|
|
156
157
|
if (prefixes) {
|
|
157
158
|
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:
|
|
159
|
+
case 'custom_select':
|
|
160
|
+
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
161
|
default:
|
|
161
162
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
162
163
|
}
|
|
@@ -182,7 +183,7 @@ var TextField = function (_a) {
|
|
|
182
183
|
}
|
|
183
184
|
};
|
|
184
185
|
var handleAction = function (type) {
|
|
185
|
-
if (type ===
|
|
186
|
+
if (type === 'up')
|
|
186
187
|
onStepUp === null || onStepUp === void 0 ? void 0 : onStepUp();
|
|
187
188
|
else
|
|
188
189
|
onStepDown === null || onStepDown === void 0 ? void 0 : onStepDown();
|
|
@@ -204,7 +205,7 @@ var TextField = function (_a) {
|
|
|
204
205
|
(0, react_1.useEffect)(function () {
|
|
205
206
|
(0, getPosition_1.applyPositionClass)(textFieldRef, isHovered);
|
|
206
207
|
}, [isHovered]);
|
|
207
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: textFieldRef, className: " ".concat(fullwidth ?
|
|
208
|
+
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), " "] }))), isHovered && infoTitle && ((0, jsx_runtime_1.jsxs)("span", __assign({ className: "tooltip-info" }, { children: [infoTitle, " "] }))), (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
209
|
// key={updateKey}
|
|
209
210
|
type: type,
|
|
210
211
|
// id={frmid+id}
|
|
@@ -216,19 +217,19 @@ var TextField = function (_a) {
|
|
|
216
217
|
borderTopLeftRadius: 0,
|
|
217
218
|
borderBottomLeftRadius: 0,
|
|
218
219
|
}
|
|
219
|
-
: {})), className: " ".concat(generateClassName(
|
|
220
|
+
: {})), className: " ".concat(generateClassName('input'), " ").concat(uppercase ? 'uppercase placeholder:normal-case' : '', " ''}"), placeholder: placeholder, onChange: function (e) {
|
|
220
221
|
handleChange(e);
|
|
221
|
-
}, onKeyDown: handleKeyPress, autoComplete: autoComplete ?
|
|
222
|
+
}, onKeyDown: handleKeyPress, autoComplete: autoComplete ? 'on' : 'off', onBlur: function (e) { return onBlur === null || onBlur === void 0 ? void 0 : onBlur(e); },
|
|
222
223
|
// autoFocus={autoFocus}
|
|
223
|
-
value: value })), !hideLabel && ((0, jsx_runtime_1.jsxs)("label", __assign({ htmlFor: id, onClick: function () { return onLabelClick(); }, className: generateClassName(
|
|
224
|
+
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
225
|
(showInfo && infoTitle) ||
|
|
225
226
|
step ||
|
|
226
227
|
(!isValid && isTooltip && errors && errors[name]) ||
|
|
227
|
-
isValid) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "flex items-center justify-center gap-1 " }, { children: [adorement && adorementPosition ===
|
|
228
|
-
handleClick(
|
|
229
|
-
}, onMouseDown: function () { return handleMouseDown(
|
|
230
|
-
handleClick(
|
|
231
|
-
}, onMouseDown: function () { return handleMouseDown(
|
|
228
|
+
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.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 () {
|
|
229
|
+
handleClick('up');
|
|
230
|
+
}, 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 () {
|
|
231
|
+
handleClick('down');
|
|
232
|
+
}, 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" }) }))), infoTitle && showInfo && ((0, jsx_runtime_1.jsx)("div", __assign({ className: " relative bg-white cursor-pointer text-[#667085] ", onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsx)(customIcons_1.default, { name: "infoCircle", 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]" }) })))] }))] })))] }))] }))] })) })));
|
|
232
233
|
};
|
|
233
234
|
exports.default = TextField;
|
|
234
235
|
//# 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
|
|
1
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
2
2
|
|
|
3
|
-
import { TextFieldProps } from
|
|
4
|
-
import CustomIcons from
|
|
5
|
-
import ModernAutoComplete from
|
|
6
|
-
import { applyPositionClass } 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,
|
|
@@ -77,9 +77,18 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
77
77
|
? adorementRef.current.offsetWidth
|
|
78
78
|
: 15;
|
|
79
79
|
setWidth(innerwidth);
|
|
80
|
+
|
|
81
|
+
console.log(
|
|
82
|
+
infoTitle,
|
|
83
|
+
showInfo,
|
|
84
|
+
'useEffect',
|
|
85
|
+
innerwidth,
|
|
86
|
+
adorementRef.current,
|
|
87
|
+
adorementRef.current.offsetWidth
|
|
88
|
+
);
|
|
80
89
|
}, [adorement, infoTitle, showInfo]);
|
|
81
90
|
const getErrors = (err?: any) => {
|
|
82
|
-
let errMsg =
|
|
91
|
+
let errMsg = '';
|
|
83
92
|
if (err?.message) {
|
|
84
93
|
errMsg = err?.message;
|
|
85
94
|
}
|
|
@@ -93,76 +102,76 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
93
102
|
|
|
94
103
|
const getHeight = () => {
|
|
95
104
|
switch (size) {
|
|
96
|
-
case
|
|
97
|
-
return
|
|
98
|
-
case
|
|
99
|
-
return
|
|
100
|
-
case
|
|
101
|
-
return
|
|
102
|
-
case
|
|
103
|
-
return
|
|
104
|
-
case
|
|
105
|
-
return
|
|
105
|
+
case 'xs':
|
|
106
|
+
return ' h-10 ';
|
|
107
|
+
case 'xxs':
|
|
108
|
+
return ' h-[25px] ';
|
|
109
|
+
case 'sm':
|
|
110
|
+
return ' h-[34px] ';
|
|
111
|
+
case 'md':
|
|
112
|
+
return ' h-10 ';
|
|
113
|
+
case 'lg':
|
|
114
|
+
return ' h-10 ';
|
|
106
115
|
default:
|
|
107
|
-
return
|
|
116
|
+
return ' h-10 ';
|
|
108
117
|
}
|
|
109
118
|
};
|
|
110
|
-
const getBg = () => backGround ||
|
|
119
|
+
const getBg = () => backGround || 'bg-transparent'; //added for set background colour according to the form
|
|
111
120
|
const generateClassName = (
|
|
112
|
-
from:
|
|
121
|
+
from: 'input' | 'label' | 'message' | 'adorement'
|
|
113
122
|
): string => {
|
|
114
123
|
let className = `${propsClassName} `;
|
|
115
124
|
|
|
116
125
|
switch (from) {
|
|
117
|
-
case
|
|
126
|
+
case 'input':
|
|
118
127
|
className += `block ${
|
|
119
|
-
size ===
|
|
128
|
+
size === 'xxs' ? ' text-xxs' : 'text-common'
|
|
120
129
|
} text-input-text font-normal ${
|
|
121
|
-
step && adorement ?
|
|
130
|
+
step && adorement ? 'px-2.5' : 'px-3.5'
|
|
122
131
|
} w-full text-sm text-gray-900 ${getBg()} border appearance-none peer rounded-[4px] disabled:text-input-disabled bg-white disabled:bg-disabled ${
|
|
123
|
-
hideLabel ?
|
|
132
|
+
hideLabel ? '' : 'placeholder-transparent'
|
|
124
133
|
} focus:placeholder-grey-secondary ${
|
|
125
|
-
adorementPosition ===
|
|
134
|
+
adorementPosition === 'start' && ' !pl-[45px] '
|
|
126
135
|
} ${getHeight()}`;
|
|
127
136
|
|
|
128
137
|
if (errors && errors[name]) {
|
|
129
138
|
className +=
|
|
130
|
-
|
|
139
|
+
' border-[#FDA29B] focus:border-error-[#FDA29B] focus:ring-[#FDA29B] focus:ring-3 focus:outline-[#FDA29B] input-outline';
|
|
131
140
|
} else {
|
|
132
141
|
className +=
|
|
133
|
-
|
|
142
|
+
' text-grey-dark border-input-light focus:border-blue-navy focus:outline-none focus:ring-0';
|
|
134
143
|
}
|
|
135
144
|
|
|
136
145
|
break;
|
|
137
|
-
case
|
|
146
|
+
case 'label': // changes made for remove bg-white from placeolder is field disable and or with data
|
|
138
147
|
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
|
|
139
148
|
peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2
|
|
140
149
|
peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ${
|
|
141
|
-
isDisabled ?
|
|
150
|
+
isDisabled ? 'cursor-pointer' : 'cursor-text peer-focus:cursor-pointer'
|
|
142
151
|
} ${
|
|
143
152
|
isDisabled && !checkIsEmptyField()
|
|
144
|
-
?
|
|
153
|
+
? 'disabled-input-label-bg'
|
|
145
154
|
: !isDisabled || !checkIsEmptyField()
|
|
146
|
-
?
|
|
147
|
-
:
|
|
155
|
+
? 'active-input-label-bg'
|
|
156
|
+
: ''
|
|
148
157
|
} ${
|
|
149
158
|
checkIsEmptyField()
|
|
150
|
-
?
|
|
151
|
-
:
|
|
159
|
+
? 'modern-input-label-size'
|
|
160
|
+
: 'modern-input-peer-focus-label-size'
|
|
152
161
|
}`;
|
|
153
162
|
|
|
154
163
|
if (errors && errors[name]) {
|
|
155
|
-
className +=
|
|
164
|
+
className += ' text-error-light ';
|
|
156
165
|
} else {
|
|
157
|
-
className +=
|
|
166
|
+
className += ' text-grey-dark peer-focus:text-blue-navy';
|
|
158
167
|
}
|
|
159
168
|
break;
|
|
160
|
-
case
|
|
161
|
-
className =
|
|
169
|
+
case 'message':
|
|
170
|
+
className = ' text-error-icon ';
|
|
162
171
|
break;
|
|
163
|
-
case
|
|
172
|
+
case 'adorement':
|
|
164
173
|
className += `${
|
|
165
|
-
isDisabled ?
|
|
174
|
+
isDisabled ? 'bg-bodyBG' : 'bg-white'
|
|
166
175
|
} absolute right-0 adorement gap-1 flex items-center`;
|
|
167
176
|
break;
|
|
168
177
|
|
|
@@ -174,18 +183,18 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
174
183
|
|
|
175
184
|
const handleError = (data: any) => {
|
|
176
185
|
if (
|
|
177
|
-
getErrors(data[name]) ===
|
|
178
|
-
getErrors(data[name]) ===
|
|
186
|
+
getErrors(data[name]) === 'required' ||
|
|
187
|
+
getErrors(data[name]) === 'Required'
|
|
179
188
|
) {
|
|
180
189
|
return `${label ?? labelTitle} is ${getErrors(data[name])}`;
|
|
181
190
|
} else {
|
|
182
|
-
return getErrors(data[name]) ??
|
|
191
|
+
return getErrors(data[name]) ?? '';
|
|
183
192
|
}
|
|
184
193
|
};
|
|
185
194
|
|
|
186
195
|
// Added handle key press function on textfield to restrict typing letter 'e' on number type
|
|
187
196
|
const handleKeyPress = (e: any) => {
|
|
188
|
-
if (type ===
|
|
197
|
+
if (type === 'number' && e.key === 'e') e.preventDefault();
|
|
189
198
|
};
|
|
190
199
|
|
|
191
200
|
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
|
@@ -201,14 +210,14 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
201
210
|
const renderPrefix = () => {
|
|
202
211
|
if (prefixes) {
|
|
203
212
|
switch (prefixes?.type) {
|
|
204
|
-
case
|
|
213
|
+
case 'custom_select':
|
|
205
214
|
return (
|
|
206
215
|
<ModernAutoComplete
|
|
207
216
|
key={prefixes.name}
|
|
208
217
|
placeholder={prefixes.placeholder}
|
|
209
218
|
onChange={(e: any) => onPrefixChange?.(e)}
|
|
210
219
|
name={prefixes.name}
|
|
211
|
-
value={prefixValue ?? { id:
|
|
220
|
+
value={prefixValue ?? { id: '', name: '' }}
|
|
212
221
|
type="custom_select"
|
|
213
222
|
isCustomPlaceholder
|
|
214
223
|
fullWidth={false}
|
|
@@ -240,7 +249,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
240
249
|
return undefined;
|
|
241
250
|
};
|
|
242
251
|
|
|
243
|
-
const handleMouseDown = (type:
|
|
252
|
+
const handleMouseDown = (type: 'up' | 'down') => {
|
|
244
253
|
setIsHolding(true);
|
|
245
254
|
//handleAction(type)
|
|
246
255
|
intervalRef.current = setInterval(() => handleAction(type), 100);
|
|
@@ -249,8 +258,8 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
249
258
|
}
|
|
250
259
|
};
|
|
251
260
|
|
|
252
|
-
const handleAction = (type:
|
|
253
|
-
if (type ===
|
|
261
|
+
const handleAction = (type: 'up' | 'down') => {
|
|
262
|
+
if (type === 'up') onStepUp?.();
|
|
254
263
|
else onStepDown?.();
|
|
255
264
|
};
|
|
256
265
|
|
|
@@ -261,7 +270,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
261
270
|
}
|
|
262
271
|
}
|
|
263
272
|
|
|
264
|
-
const handleClick = (type:
|
|
273
|
+
const handleClick = (type: 'up' | 'down') => {
|
|
265
274
|
if (!isHolding) {
|
|
266
275
|
clickTimeoutRef.current = setTimeout(() => {
|
|
267
276
|
handleAction(type);
|
|
@@ -274,7 +283,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
274
283
|
applyPositionClass(textFieldRef, isHovered);
|
|
275
284
|
}, [isHovered]);
|
|
276
285
|
return (
|
|
277
|
-
<div ref={textFieldRef} className={` ${fullwidth ?
|
|
286
|
+
<div ref={textFieldRef} className={` ${fullwidth ? 'w-full' : 'w-auto'}`}>
|
|
278
287
|
<div className="tooltip-container ">
|
|
279
288
|
{isHovered && errors && errors[name] && (
|
|
280
289
|
<span className="tooltip">{handleError(errors)} </span>
|
|
@@ -282,10 +291,10 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
282
291
|
{isHovered && infoTitle && (
|
|
283
292
|
<span className="tooltip-info">{infoTitle} </span>
|
|
284
293
|
)}
|
|
285
|
-
<div className={`w-full ${prefixes ?
|
|
294
|
+
<div className={`w-full ${prefixes ? 'flex' : ''}`}>
|
|
286
295
|
{prefixes && renderPrefix()}
|
|
287
296
|
<div
|
|
288
|
-
className={`flex relative ${fullwidth ?
|
|
297
|
+
className={`flex relative ${fullwidth ? 'w-full' : 'w-auto'}`}
|
|
289
298
|
style={{ width: width }}
|
|
290
299
|
>
|
|
291
300
|
<div className="relative w-full ">
|
|
@@ -312,15 +321,15 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
312
321
|
}
|
|
313
322
|
: {}),
|
|
314
323
|
}}
|
|
315
|
-
className={` ${generateClassName(
|
|
316
|
-
uppercase ?
|
|
324
|
+
className={` ${generateClassName('input')} ${
|
|
325
|
+
uppercase ? 'uppercase placeholder:normal-case' : ''
|
|
317
326
|
} ''}`}
|
|
318
327
|
placeholder={placeholder}
|
|
319
328
|
onChange={(e) => {
|
|
320
329
|
handleChange(e);
|
|
321
330
|
}}
|
|
322
331
|
onKeyDown={handleKeyPress}
|
|
323
|
-
autoComplete={autoComplete ?
|
|
332
|
+
autoComplete={autoComplete ? 'on' : 'off'}
|
|
324
333
|
onBlur={(e) => onBlur?.(e)}
|
|
325
334
|
// autoFocus={autoFocus}
|
|
326
335
|
value={value}
|
|
@@ -329,7 +338,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
329
338
|
<label
|
|
330
339
|
htmlFor={id}
|
|
331
340
|
onClick={() => onLabelClick()}
|
|
332
|
-
className={generateClassName(
|
|
341
|
+
className={generateClassName('label')}
|
|
333
342
|
>
|
|
334
343
|
{label}
|
|
335
344
|
{required ? <span className="text-error"> *</span> : <></>}
|
|
@@ -342,10 +351,10 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
342
351
|
(!isValid && isTooltip && errors && errors[name]) ||
|
|
343
352
|
isValid) && (
|
|
344
353
|
<div className="flex items-center justify-center gap-1 ">
|
|
345
|
-
{adorement && adorementPosition ===
|
|
354
|
+
{adorement && adorementPosition === 'start' && (
|
|
346
355
|
<div
|
|
347
356
|
className={` ${
|
|
348
|
-
isDisabled ?
|
|
357
|
+
isDisabled ? 'text-zinc-500' : 'text-grey-medium'
|
|
349
358
|
} absolute adorement left-0 `} // adorement position added for start
|
|
350
359
|
>
|
|
351
360
|
<>{adorement}</>
|
|
@@ -354,14 +363,14 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
354
363
|
|
|
355
364
|
<div
|
|
356
365
|
className={`${generateClassName(
|
|
357
|
-
|
|
366
|
+
'adorement'
|
|
358
367
|
)} h-[20px] right-[1px]`} //added adorment bg color
|
|
359
368
|
ref={adorementRef}
|
|
360
369
|
>
|
|
361
|
-
{adorement && adorementPosition ===
|
|
370
|
+
{adorement && adorementPosition === 'end' && (
|
|
362
371
|
<div
|
|
363
372
|
className={` ${
|
|
364
|
-
isDisabled ?
|
|
373
|
+
isDisabled ? 'text-zinc-500' : 'text-grey-medium'
|
|
365
374
|
} `} // changed for adorment text blurness while disabled
|
|
366
375
|
>
|
|
367
376
|
<>{adorement}</>
|
|
@@ -373,13 +382,13 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
373
382
|
<CustomIcons
|
|
374
383
|
name="TreeUp_Arrow"
|
|
375
384
|
className={`text-gray-500 hover:text-dark cursor-pointer ${
|
|
376
|
-
isDisabled ?
|
|
385
|
+
isDisabled ? 'hidden' : 'block'
|
|
377
386
|
}`}
|
|
378
387
|
type="medium"
|
|
379
388
|
onClick={() => {
|
|
380
|
-
handleClick(
|
|
389
|
+
handleClick('up');
|
|
381
390
|
}}
|
|
382
|
-
onMouseDown={() => handleMouseDown(
|
|
391
|
+
onMouseDown={() => handleMouseDown('up')}
|
|
383
392
|
onMouseUp={handleMouseUp}
|
|
384
393
|
onMouseLeave={handleMouseUp}
|
|
385
394
|
viewBox={true}
|
|
@@ -387,13 +396,13 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
387
396
|
<CustomIcons
|
|
388
397
|
name="TreeDown_Arrow"
|
|
389
398
|
className={`text-gray-500 hover:text-dark cursor-pointer ${
|
|
390
|
-
isDisabled ?
|
|
399
|
+
isDisabled ? 'hidden' : 'block'
|
|
391
400
|
}`}
|
|
392
401
|
type="medium"
|
|
393
402
|
onClick={() => {
|
|
394
|
-
handleClick(
|
|
403
|
+
handleClick('down');
|
|
395
404
|
}}
|
|
396
|
-
onMouseDown={() => handleMouseDown(
|
|
405
|
+
onMouseDown={() => handleMouseDown('down')}
|
|
397
406
|
onMouseUp={handleMouseUp}
|
|
398
407
|
onMouseLeave={handleMouseUp}
|
|
399
408
|
viewBox={true}
|
|
@@ -404,7 +413,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
404
413
|
{!isValid && isTooltip && errors && errors[name] && (
|
|
405
414
|
<div
|
|
406
415
|
className={` text-error-label relative bg-white cursor-pointer ${generateClassName(
|
|
407
|
-
|
|
416
|
+
'message'
|
|
408
417
|
)}`}
|
|
409
418
|
onMouseEnter={() => setIsHovered(true)}
|
|
410
419
|
onMouseLeave={() => setIsHovered(false)}
|