react-core-ts 1.3.46 → 1.3.47
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 +73 -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', Width);
|
|
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,10 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
77
77
|
? adorementRef.current.offsetWidth
|
|
78
78
|
: 15;
|
|
79
79
|
setWidth(innerwidth);
|
|
80
|
+
console.log(infoTitle, showInfo, 'useEffect', Width);
|
|
80
81
|
}, [adorement, infoTitle, showInfo]);
|
|
81
82
|
const getErrors = (err?: any) => {
|
|
82
|
-
let errMsg =
|
|
83
|
+
let errMsg = '';
|
|
83
84
|
if (err?.message) {
|
|
84
85
|
errMsg = err?.message;
|
|
85
86
|
}
|
|
@@ -93,76 +94,76 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
93
94
|
|
|
94
95
|
const getHeight = () => {
|
|
95
96
|
switch (size) {
|
|
96
|
-
case
|
|
97
|
-
return
|
|
98
|
-
case
|
|
99
|
-
return
|
|
100
|
-
case
|
|
101
|
-
return
|
|
102
|
-
case
|
|
103
|
-
return
|
|
104
|
-
case
|
|
105
|
-
return
|
|
97
|
+
case 'xs':
|
|
98
|
+
return ' h-10 ';
|
|
99
|
+
case 'xxs':
|
|
100
|
+
return ' h-[25px] ';
|
|
101
|
+
case 'sm':
|
|
102
|
+
return ' h-[34px] ';
|
|
103
|
+
case 'md':
|
|
104
|
+
return ' h-10 ';
|
|
105
|
+
case 'lg':
|
|
106
|
+
return ' h-10 ';
|
|
106
107
|
default:
|
|
107
|
-
return
|
|
108
|
+
return ' h-10 ';
|
|
108
109
|
}
|
|
109
110
|
};
|
|
110
|
-
const getBg = () => backGround ||
|
|
111
|
+
const getBg = () => backGround || 'bg-transparent'; //added for set background colour according to the form
|
|
111
112
|
const generateClassName = (
|
|
112
|
-
from:
|
|
113
|
+
from: 'input' | 'label' | 'message' | 'adorement'
|
|
113
114
|
): string => {
|
|
114
115
|
let className = `${propsClassName} `;
|
|
115
116
|
|
|
116
117
|
switch (from) {
|
|
117
|
-
case
|
|
118
|
+
case 'input':
|
|
118
119
|
className += `block ${
|
|
119
|
-
size ===
|
|
120
|
+
size === 'xxs' ? ' text-xxs' : 'text-common'
|
|
120
121
|
} text-input-text font-normal ${
|
|
121
|
-
step && adorement ?
|
|
122
|
+
step && adorement ? 'px-2.5' : 'px-3.5'
|
|
122
123
|
} 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 ?
|
|
124
|
+
hideLabel ? '' : 'placeholder-transparent'
|
|
124
125
|
} focus:placeholder-grey-secondary ${
|
|
125
|
-
adorementPosition ===
|
|
126
|
+
adorementPosition === 'start' && ' !pl-[45px] '
|
|
126
127
|
} ${getHeight()}`;
|
|
127
128
|
|
|
128
129
|
if (errors && errors[name]) {
|
|
129
130
|
className +=
|
|
130
|
-
|
|
131
|
+
' border-[#FDA29B] focus:border-error-[#FDA29B] focus:ring-[#FDA29B] focus:ring-3 focus:outline-[#FDA29B] input-outline';
|
|
131
132
|
} else {
|
|
132
133
|
className +=
|
|
133
|
-
|
|
134
|
+
' text-grey-dark border-input-light focus:border-blue-navy focus:outline-none focus:ring-0';
|
|
134
135
|
}
|
|
135
136
|
|
|
136
137
|
break;
|
|
137
|
-
case
|
|
138
|
+
case 'label': // changes made for remove bg-white from placeolder is field disable and or with data
|
|
138
139
|
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
140
|
peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2
|
|
140
141
|
peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ${
|
|
141
|
-
isDisabled ?
|
|
142
|
+
isDisabled ? 'cursor-pointer' : 'cursor-text peer-focus:cursor-pointer'
|
|
142
143
|
} ${
|
|
143
144
|
isDisabled && !checkIsEmptyField()
|
|
144
|
-
?
|
|
145
|
+
? 'disabled-input-label-bg'
|
|
145
146
|
: !isDisabled || !checkIsEmptyField()
|
|
146
|
-
?
|
|
147
|
-
:
|
|
147
|
+
? 'active-input-label-bg'
|
|
148
|
+
: ''
|
|
148
149
|
} ${
|
|
149
150
|
checkIsEmptyField()
|
|
150
|
-
?
|
|
151
|
-
:
|
|
151
|
+
? 'modern-input-label-size'
|
|
152
|
+
: 'modern-input-peer-focus-label-size'
|
|
152
153
|
}`;
|
|
153
154
|
|
|
154
155
|
if (errors && errors[name]) {
|
|
155
|
-
className +=
|
|
156
|
+
className += ' text-error-light ';
|
|
156
157
|
} else {
|
|
157
|
-
className +=
|
|
158
|
+
className += ' text-grey-dark peer-focus:text-blue-navy';
|
|
158
159
|
}
|
|
159
160
|
break;
|
|
160
|
-
case
|
|
161
|
-
className =
|
|
161
|
+
case 'message':
|
|
162
|
+
className = ' text-error-icon ';
|
|
162
163
|
break;
|
|
163
|
-
case
|
|
164
|
+
case 'adorement':
|
|
164
165
|
className += `${
|
|
165
|
-
isDisabled ?
|
|
166
|
+
isDisabled ? 'bg-bodyBG' : 'bg-white'
|
|
166
167
|
} absolute right-0 adorement gap-1 flex items-center`;
|
|
167
168
|
break;
|
|
168
169
|
|
|
@@ -174,18 +175,18 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
174
175
|
|
|
175
176
|
const handleError = (data: any) => {
|
|
176
177
|
if (
|
|
177
|
-
getErrors(data[name]) ===
|
|
178
|
-
getErrors(data[name]) ===
|
|
178
|
+
getErrors(data[name]) === 'required' ||
|
|
179
|
+
getErrors(data[name]) === 'Required'
|
|
179
180
|
) {
|
|
180
181
|
return `${label ?? labelTitle} is ${getErrors(data[name])}`;
|
|
181
182
|
} else {
|
|
182
|
-
return getErrors(data[name]) ??
|
|
183
|
+
return getErrors(data[name]) ?? '';
|
|
183
184
|
}
|
|
184
185
|
};
|
|
185
186
|
|
|
186
187
|
// Added handle key press function on textfield to restrict typing letter 'e' on number type
|
|
187
188
|
const handleKeyPress = (e: any) => {
|
|
188
|
-
if (type ===
|
|
189
|
+
if (type === 'number' && e.key === 'e') e.preventDefault();
|
|
189
190
|
};
|
|
190
191
|
|
|
191
192
|
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
|
@@ -201,14 +202,14 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
201
202
|
const renderPrefix = () => {
|
|
202
203
|
if (prefixes) {
|
|
203
204
|
switch (prefixes?.type) {
|
|
204
|
-
case
|
|
205
|
+
case 'custom_select':
|
|
205
206
|
return (
|
|
206
207
|
<ModernAutoComplete
|
|
207
208
|
key={prefixes.name}
|
|
208
209
|
placeholder={prefixes.placeholder}
|
|
209
210
|
onChange={(e: any) => onPrefixChange?.(e)}
|
|
210
211
|
name={prefixes.name}
|
|
211
|
-
value={prefixValue ?? { id:
|
|
212
|
+
value={prefixValue ?? { id: '', name: '' }}
|
|
212
213
|
type="custom_select"
|
|
213
214
|
isCustomPlaceholder
|
|
214
215
|
fullWidth={false}
|
|
@@ -240,7 +241,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
240
241
|
return undefined;
|
|
241
242
|
};
|
|
242
243
|
|
|
243
|
-
const handleMouseDown = (type:
|
|
244
|
+
const handleMouseDown = (type: 'up' | 'down') => {
|
|
244
245
|
setIsHolding(true);
|
|
245
246
|
//handleAction(type)
|
|
246
247
|
intervalRef.current = setInterval(() => handleAction(type), 100);
|
|
@@ -249,8 +250,8 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
249
250
|
}
|
|
250
251
|
};
|
|
251
252
|
|
|
252
|
-
const handleAction = (type:
|
|
253
|
-
if (type ===
|
|
253
|
+
const handleAction = (type: 'up' | 'down') => {
|
|
254
|
+
if (type === 'up') onStepUp?.();
|
|
254
255
|
else onStepDown?.();
|
|
255
256
|
};
|
|
256
257
|
|
|
@@ -261,7 +262,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
261
262
|
}
|
|
262
263
|
}
|
|
263
264
|
|
|
264
|
-
const handleClick = (type:
|
|
265
|
+
const handleClick = (type: 'up' | 'down') => {
|
|
265
266
|
if (!isHolding) {
|
|
266
267
|
clickTimeoutRef.current = setTimeout(() => {
|
|
267
268
|
handleAction(type);
|
|
@@ -274,7 +275,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
274
275
|
applyPositionClass(textFieldRef, isHovered);
|
|
275
276
|
}, [isHovered]);
|
|
276
277
|
return (
|
|
277
|
-
<div ref={textFieldRef} className={` ${fullwidth ?
|
|
278
|
+
<div ref={textFieldRef} className={` ${fullwidth ? 'w-full' : 'w-auto'}`}>
|
|
278
279
|
<div className="tooltip-container ">
|
|
279
280
|
{isHovered && errors && errors[name] && (
|
|
280
281
|
<span className="tooltip">{handleError(errors)} </span>
|
|
@@ -282,10 +283,10 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
282
283
|
{isHovered && infoTitle && (
|
|
283
284
|
<span className="tooltip-info">{infoTitle} </span>
|
|
284
285
|
)}
|
|
285
|
-
<div className={`w-full ${prefixes ?
|
|
286
|
+
<div className={`w-full ${prefixes ? 'flex' : ''}`}>
|
|
286
287
|
{prefixes && renderPrefix()}
|
|
287
288
|
<div
|
|
288
|
-
className={`flex relative ${fullwidth ?
|
|
289
|
+
className={`flex relative ${fullwidth ? 'w-full' : 'w-auto'}`}
|
|
289
290
|
style={{ width: width }}
|
|
290
291
|
>
|
|
291
292
|
<div className="relative w-full ">
|
|
@@ -312,15 +313,15 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
312
313
|
}
|
|
313
314
|
: {}),
|
|
314
315
|
}}
|
|
315
|
-
className={` ${generateClassName(
|
|
316
|
-
uppercase ?
|
|
316
|
+
className={` ${generateClassName('input')} ${
|
|
317
|
+
uppercase ? 'uppercase placeholder:normal-case' : ''
|
|
317
318
|
} ''}`}
|
|
318
319
|
placeholder={placeholder}
|
|
319
320
|
onChange={(e) => {
|
|
320
321
|
handleChange(e);
|
|
321
322
|
}}
|
|
322
323
|
onKeyDown={handleKeyPress}
|
|
323
|
-
autoComplete={autoComplete ?
|
|
324
|
+
autoComplete={autoComplete ? 'on' : 'off'}
|
|
324
325
|
onBlur={(e) => onBlur?.(e)}
|
|
325
326
|
// autoFocus={autoFocus}
|
|
326
327
|
value={value}
|
|
@@ -329,7 +330,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
329
330
|
<label
|
|
330
331
|
htmlFor={id}
|
|
331
332
|
onClick={() => onLabelClick()}
|
|
332
|
-
className={generateClassName(
|
|
333
|
+
className={generateClassName('label')}
|
|
333
334
|
>
|
|
334
335
|
{label}
|
|
335
336
|
{required ? <span className="text-error"> *</span> : <></>}
|
|
@@ -342,10 +343,10 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
342
343
|
(!isValid && isTooltip && errors && errors[name]) ||
|
|
343
344
|
isValid) && (
|
|
344
345
|
<div className="flex items-center justify-center gap-1 ">
|
|
345
|
-
{adorement && adorementPosition ===
|
|
346
|
+
{adorement && adorementPosition === 'start' && (
|
|
346
347
|
<div
|
|
347
348
|
className={` ${
|
|
348
|
-
isDisabled ?
|
|
349
|
+
isDisabled ? 'text-zinc-500' : 'text-grey-medium'
|
|
349
350
|
} absolute adorement left-0 `} // adorement position added for start
|
|
350
351
|
>
|
|
351
352
|
<>{adorement}</>
|
|
@@ -354,14 +355,14 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
354
355
|
|
|
355
356
|
<div
|
|
356
357
|
className={`${generateClassName(
|
|
357
|
-
|
|
358
|
+
'adorement'
|
|
358
359
|
)} h-[20px] right-[1px]`} //added adorment bg color
|
|
359
360
|
ref={adorementRef}
|
|
360
361
|
>
|
|
361
|
-
{adorement && adorementPosition ===
|
|
362
|
+
{adorement && adorementPosition === 'end' && (
|
|
362
363
|
<div
|
|
363
364
|
className={` ${
|
|
364
|
-
isDisabled ?
|
|
365
|
+
isDisabled ? 'text-zinc-500' : 'text-grey-medium'
|
|
365
366
|
} `} // changed for adorment text blurness while disabled
|
|
366
367
|
>
|
|
367
368
|
<>{adorement}</>
|
|
@@ -373,13 +374,13 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
373
374
|
<CustomIcons
|
|
374
375
|
name="TreeUp_Arrow"
|
|
375
376
|
className={`text-gray-500 hover:text-dark cursor-pointer ${
|
|
376
|
-
isDisabled ?
|
|
377
|
+
isDisabled ? 'hidden' : 'block'
|
|
377
378
|
}`}
|
|
378
379
|
type="medium"
|
|
379
380
|
onClick={() => {
|
|
380
|
-
handleClick(
|
|
381
|
+
handleClick('up');
|
|
381
382
|
}}
|
|
382
|
-
onMouseDown={() => handleMouseDown(
|
|
383
|
+
onMouseDown={() => handleMouseDown('up')}
|
|
383
384
|
onMouseUp={handleMouseUp}
|
|
384
385
|
onMouseLeave={handleMouseUp}
|
|
385
386
|
viewBox={true}
|
|
@@ -387,13 +388,13 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
387
388
|
<CustomIcons
|
|
388
389
|
name="TreeDown_Arrow"
|
|
389
390
|
className={`text-gray-500 hover:text-dark cursor-pointer ${
|
|
390
|
-
isDisabled ?
|
|
391
|
+
isDisabled ? 'hidden' : 'block'
|
|
391
392
|
}`}
|
|
392
393
|
type="medium"
|
|
393
394
|
onClick={() => {
|
|
394
|
-
handleClick(
|
|
395
|
+
handleClick('down');
|
|
395
396
|
}}
|
|
396
|
-
onMouseDown={() => handleMouseDown(
|
|
397
|
+
onMouseDown={() => handleMouseDown('down')}
|
|
397
398
|
onMouseUp={handleMouseUp}
|
|
398
399
|
onMouseLeave={handleMouseUp}
|
|
399
400
|
viewBox={true}
|
|
@@ -404,7 +405,7 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
404
405
|
{!isValid && isTooltip && errors && errors[name] && (
|
|
405
406
|
<div
|
|
406
407
|
className={` text-error-label relative bg-white cursor-pointer ${generateClassName(
|
|
407
|
-
|
|
408
|
+
'message'
|
|
408
409
|
)}`}
|
|
409
410
|
onMouseEnter={() => setIsHovered(true)}
|
|
410
411
|
onMouseLeave={() => setIsHovered(false)}
|