react-core-ts 1.1.31 → 1.1.32
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/ReactAutoComplete.d.ts +3 -3
- package/dist/ReactAutoComplete.js +85 -84
- package/dist/ReactAutoComplete.js.map +1 -1
- package/dist/ReactTextArea.d.ts +1 -1
- package/dist/ReactTextArea.js +11 -6
- package/dist/ReactTextArea.js.map +1 -1
- package/dist/ReactTextField.js +4 -3
- package/dist/ReactTextField.js.map +1 -1
- package/package.json +1 -1
- package/src/ReactAutoComplete.tsx +104 -104
- package/src/ReactTextArea.tsx +61 -53
- package/src/ReactTextField.tsx +3 -3
- package/dist/styles/styles/components/autocomplete.css +0 -602
- package/dist/styles/styles/components/selectedautocomplete.css +0 -122
- package/dist/styles/styles/components/tooltip.css +0 -496
- package/dist/styles/styles/components/treedropdown.css +0 -63
- package/dist/styles/styles/global.css +0 -8
package/dist/ReactTextField.js
CHANGED
|
@@ -23,7 +23,7 @@ var TextField = function (_a) {
|
|
|
23
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
|
-
onChange = _a.onChange, _q = _a.infoTitle, infoTitle = _q === void 0 ? '
|
|
26
|
+
onChange = _a.onChange, _q = _a.infoTitle, infoTitle = _q === void 0 ? 'new requirement number steper' : _q, onBlur = _a.onBlur, _r = _a.showInfo, showInfo = _r === void 0 ? true : _r, errors = _a.errors, keyRegexPattern = _a.keyRegexPattern, backGround = _a.backGround, //added for set background colour according to the form
|
|
27
27
|
/// Provition to add Prefixes
|
|
28
28
|
onPrefixChange = _a.onPrefixChange, prefixValue = _a.prefixValue, prefixes = _a.prefixes, width = _a.width, labelTitle = _a.labelTitle, _s = _a.hideLabel, hideLabel = _s === void 0 ? false : _s;
|
|
29
29
|
// const [editState, setEditState] = useState<boolean>(false)
|
|
@@ -202,8 +202,9 @@ var TextField = function (_a) {
|
|
|
202
202
|
};
|
|
203
203
|
var textFieldRef = (0, react_1.useRef)(null); // Ref for the text field div
|
|
204
204
|
(0, react_1.useEffect)(function () {
|
|
205
|
-
|
|
206
|
-
|
|
205
|
+
if (isHovered)
|
|
206
|
+
(0, getPosition_1.applyPositionClass)(textFieldRef);
|
|
207
|
+
}, [isHovered]);
|
|
207
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,
|
|
@@ -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":";;;;;;;;;;;;;;;;;AAAA,+BAA2D;AAG3D,yEAAmD;AACnD,0EAAqD;AACrD,uDAA6D;AAE7D,IAAM,SAAS,GAA6B,UAAC,EA2C5C;QA1CC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,KAAK,WAAA,EACL,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,QAAQ,cAAA,EACR,SAAS,eAAA,EACE,cAAc,eAAA,EACzB,KAAK,WAAA,EACL,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,GAAG,SAAA,EACH,GAAG,SAAA,EACH,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,OAAO,aAAA,EACP,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,IAAI,UAAA,EAAE,+BAA+B;IACrC,QAAQ,cAAA,EAAE,+BAA+B;IACzC,UAAU,gBAAA,EAAE,+BAA+B;IAC3C,QAAQ,cAAA,EACR,iBAA2C,EAA3C,SAAS,mBAAG,+BAA+B,KAAA,EAC3C,MAAM,YAAA,EACN,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,UAAU,gBAAA,EAAE,uDAAuD;IACnE,6BAA6B;IAC7B,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAIjB,6DAA6D;IACvD,IAAA,KAA8B,IAAA,gBAAQ,EAAU,QAAQ,CAAC,EAAxD,UAAU,QAAA,EAAE,aAAa,QAA+B,CAAC;IAC1D,IAAA,KAA4B,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IACrD,IAAA,KAAoB,IAAA,gBAAQ,EAAS,CAAC,CAAC,EAAtC,KAAK,QAAA,EAAE,QAAQ,QAAuB,CAAC;IAC9C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAChD,IAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,IAAM,WAAW,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAC;IACtC,IAAM,eAAe,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAC;IACpC,IAAA,KAA4B,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IAE3D,IAAM,YAAY,GAAG;;QACnB,IAAI,CAAC,UAAU,EAAE;YACf,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG;;QACxB,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC;;YAChC,OAAO,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,GAAG,MAAM,mCAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAClE,CAAC,CAAC;IACF,IAAA,iBAAS,EAAC;QACR,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,IAAA,iBAAS,EAAC;QACR,IAAM,UAAU,GAAG,YAAY,CAAC,OAAO;YACrC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW;YAClC,CAAC,CAAC,EAAE,CAAC;QACP,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,IAAM,SAAS,GAAG,UAAC,GAAS;QAC1B,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,EAAE;YAChB,MAAM,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC;SACvB;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IACF,IAAA,iBAAS,EAAC;QACR,IAAI,SAAS,EAAE;YACb,YAAY,EAAE,CAAC;SAChB;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,SAAS,GAAG;QAChB,QAAQ,IAAI,EAAE;YACZ,KAAK,IAAI;gBACP,OAAO,QAAQ,CAAC;YAClB,KAAK,KAAK;gBACR,OAAO,YAAY,CAAC;YACtB,KAAK,IAAI;gBACP,OAAO,YAAY,CAAC;YACtB,KAAK,IAAI;gBACP,OAAO,QAAQ,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,QAAQ,CAAC;YAClB;gBACE,OAAO,QAAQ,CAAC;SACnB;IACH,CAAC,CAAC;IACF,IAAM,KAAK,GAAG,cAAM,OAAA,UAAU,IAAI,gBAAgB,EAA9B,CAA8B,CAAC,CAAC,uDAAuD;IAC3G,IAAM,iBAAiB,GAAG,UACxB,IAAiD;QAEjD,IAAI,SAAS,GAAG,UAAG,cAAc,MAAG,CAAC;QAErC,QAAQ,IAAI,EAAE;YACZ,KAAK,OAAO;gBACV,SAAS,IAAI,gBACX,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,2CAE5C,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,2CACR,KAAK,EAAE,mHACtC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB,+CAE1C,iBAAiB,KAAK,OAAO,IAAI,cAAc,eAC5C,SAAS,EAAE,CAAE,CAAC;gBAEnB,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;oBAC1B,SAAS;wBACP,wHAAwH,CAAC;iBAC5H;qBAAM;oBACL,SAAS;wBACP,6FAA6F,CAAC;iBACjG;gBAED,MAAM;YACR,KAAK,OAAO,EAAE,qFAAqF;gBACjG,SAAS,IAAI,yVAGf,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,uCAAuC,cAEnE,CAAC,UAAU,IAAI,CAAC,iBAAiB,EAAE;oBACjC,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,UAAU,IAAI,CAAC,iBAAiB,EAAE;wBACpC,CAAC,CAAC,yBAAyB;wBAC3B,CAAC,CAAC,EAAE,cAEN,iBAAiB,EAAE;oBACjB,CAAC,CAAC,yBAAyB;oBAC3B,CAAC,CAAC,oCAAoC,CACxC,CAAC;gBAEH,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;oBAC1B,SAAS,IAAI,oBAAoB,CAAC;iBACnC;qBAAM;oBACL,SAAS,IAAI,2CAA2C,CAAC;iBAC1D;gBACD,MAAM;YACR,KAAK,SAAS;gBACZ,SAAS,GAAG,mBAAmB,CAAC;gBAChC,MAAM;YACR,KAAK,WAAW;gBACd,SAAS,IAAI,UACX,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,wDACc,CAAC;gBACtD,MAAM;YAER;gBACE,MAAM;SACT;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,IAAS;;QAC5B,IACE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,UAAU;YACpC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,UAAU,EACpC;YACA,OAAO,UAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,UAAU,iBAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAE,CAAC;SAC7D;aAAM;YACL,OAAO,MAAA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,mCAAI,EAAE,CAAC;SACpC;IACH,CAAC,CAAC;IAEF,4FAA4F;IAC5F,IAAM,cAAc,GAAG,UAAC,CAAM;QAC5B,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG;YAAE,CAAC,CAAC,cAAc,EAAE,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA0C;QAC9D,IAAI,eAAe,EAAE;YACX,IAAA,OAAK,GAAK,KAAK,CAAC,MAAM,MAAjB,CAAkB;YAC/B,IAAI,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,OAAK,CAAC,EAAE;gBAC3C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;aACnB;SACF;aAAM;YACL,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAC;IACF,IAAM,YAAY,GAAG;QACnB,IAAI,QAAQ,EAAE;YACZ,QAAQ,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE;gBACtB,KAAK,eAAe;oBAClB,OAAO,CACL,uBAAC,2BAAkB,IAEjB,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,CAAC,EAAnB,CAAmB,EACzC,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAC1C,IAAI,EAAC,eAAe,EACpB,mBAAmB,QACnB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,UAAU,QACV,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,QAAQ,CAAC,SAAS,EAC7B,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,cAAc,EAAE,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAjBxD,QAAQ,CAAC,IAAI,CAkBlB,CACH,CAAC;gBACJ;oBACE,OAAO,kDAAK,CAAC;aAChB;SACF;IACH,CAAC,CAAC;IACF,IAAM,aAAa,GAAG;QACpB,IAAI,QAAQ,EAAE;YACZ,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE;gBACtE,OAAO,SAAS,CAAC;aAClB;iBAAM,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAC1C,OAAO,CAAC,CAAC;aACV;SACF;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,IAAmB;QAC1C,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,oBAAoB;QACpB,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EAAE,GAAG,CAAC,CAAC;QACjE,IAAI,eAAe,CAAC,OAAO,EAAE;YAC3B,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SACvC;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,IAAmB;QACvC,IAAI,IAAI,KAAK,IAAI;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;;YAC3B,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;IACtB,CAAC,CAAC;IAEF,SAAS,aAAa;QACpB,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACnC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;SAC5B;IACH,CAAC;IAED,IAAM,WAAW,GAAG,UAAC,IAAmB;QACtC,IAAI,CAAC,SAAS,EAAE;YACd,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC;gBACnC,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,EAAE,GAAG,CAAC,CAAC;SACT;IACH,CAAC,CAAC;IACF,IAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC,CAAC,6BAA6B;IAEhF,IAAA,iBAAS,EAAC;QACR,IAAI,SAAS;YAAE,IAAA,gCAAkB,EAAC,YAAY,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO,CACL,yCAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,WAAI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAE,gBACtE,0CAAK,SAAS,EAAC,oBAAoB,iBAChC,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CACtC,2CAAM,SAAS,EAAC,SAAS,iBAAE,WAAW,CAAC,MAAM,CAAC,UAAS,CACxD,EACA,SAAS,IAAI,SAAS,IAAI,CACzB,2CAAM,SAAS,EAAC,cAAc,iBAAE,SAAS,UAAS,CACnD,EACD,0CAAK,SAAS,EAAE,iBAAU,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,iBAC/C,QAAQ,IAAI,YAAY,EAAE,EAC3B,0CACE,SAAS,EAAE,wBAAiB,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAE,EAC7D,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,iBAEvB,0CAAK,SAAS,EAAC,kBAAkB,iBAC/B;4CACE,kBAAkB;4CAClB,IAAI,EAAE,IAAI;4CACV,gBAAgB;4CAChB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,UAAU;4CACpB,cAAc;4CACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,IACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,wBAChB,EAAE,EACpB,KAAK,aACH,YAAY,EAAE,KAAK,IAChB,CAAC,QAAQ;gDACV,CAAC,CAAC;oDACE,UAAU,EAAE,aAAa,EAAE;oDAC3B,mBAAmB,EAAE,CAAC;oDACtB,sBAAsB,EAAE,CAAC;iDAC1B;gDACH,CAAC,CAAC,EAAE,CAAC,GAET,SAAS,EAAE,WAAI,iBAAiB,CAAC,OAAO,CAAC,cACvC,SAAS,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,SAChD,EACN,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,UAAC,CAAC;gDACV,YAAY,CAAC,CAAC,CAAC,CAAC;4CAClB,CAAC,EACD,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACzC,MAAM,EAAE,UAAC,CAAC,IAAK,OAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,EAAX,CAAW;4CAC1B,wBAAwB;4CACxB,KAAK,EAAE,KAAK,IACZ,EACD,CAAC,SAAS,IAAI,CACb,4CACE,OAAO,EAAE,EAAE,EACX,OAAO,EAAE,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,EAC7B,SAAS,EAAE,iBAAiB,CAAC,OAAO,CAAC,iBAEpC,KAAK,EACL,QAAQ,CAAC,CAAC,CAAC,0CAAM,SAAS,EAAC,YAAY,wBAAU,CAAC,CAAC,CAAC,kDAAK,KACpD,CACT,KACG,EACL,CAAC,SAAS;oCACT,CAAC,QAAQ,IAAI,SAAS,CAAC;oCACvB,IAAI;oCACJ,CAAC,CAAC,OAAO,IAAI,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;oCACjD,OAAO,CAAC,IAAI,CACZ,0CAAK,SAAS,EAAC,yCAAyC,iBACrD,SAAS,IAAI,iBAAiB,KAAK,OAAO,IAAI,CAC7C,yCACE,SAAS,EAAE,YACT,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,iCACrB,gBAE9B,2DAAG,SAAS,GAAI,IACZ,CACP,EAED,0CACE,SAAS,EAAE,UAAG,iBAAiB,CAC7B,WAAW,CACZ,0BAAuB,EACxB,GAAG,EAAE,YAAY,iBAEhB,SAAS,IAAI,iBAAiB,KAAK,KAAK,IAAI,CAC3C,yCACE,SAAS,EAAE,YACT,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,MAChD,gBAEH,2DAAG,SAAS,GAAI,IACZ,CACP,EAEA,IAAI,IAAI,CACP,0CAAK,SAAS,EAAC,MAAM,iBACnB,uBAAC,qBAAW,IACV,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,uDACT,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAC/B,EACF,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;gEACP,WAAW,CAAC,IAAI,CAAC,CAAC;4DACpB,CAAC,EACD,WAAW,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,EACxC,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,aAAa,EAC3B,OAAO,EAAE,IAAI,GACb,EACF,uBAAC,qBAAW,IACV,IAAI,EAAC,gBAAgB,EACrB,SAAS,EAAE,uDACT,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAC/B,EACF,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;gEACP,WAAW,CAAC,MAAM,CAAC,CAAC;4DACtB,CAAC,EACD,WAAW,EAAE,cAAM,OAAA,eAAe,CAAC,MAAM,CAAC,EAAvB,CAAuB,EAC1C,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,aAAa,EAC3B,OAAO,EAAE,IAAI,GACb,KACE,CACP,EAEA,CAAC,OAAO,IAAI,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAClD,yCACE,SAAS,EAAE,6DAAsD,iBAAiB,CAChF,SAAS,CACV,CAAE,EACH,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,gBAEvC,uBAAC,qBAAW,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,GAAG,IACtC,CACP,EACA,SAAS,IAAI,QAAQ,IAAI,CACxB,yCACE,SAAS,EAAE,oDAAoD,EAC/D,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,gBAEvC,uBAAC,qBAAW,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,GAAG,IAC3C,CACP,EACA,OAAO,IAAI,CACV,yCAAK,SAAS,EAAC,MAAM,gBACnB,uBAAC,qBAAW,IACV,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gBAAgB,GAC1B,IACE,CACP,KACG,KACF,CACP,KACG,KACF,KACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React, { useCallback, useEffect, useRef, useState } from
|
|
2
|
-
import { FieldErrors } from
|
|
1
|
+
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { FieldErrors } from 'react-hook-form';
|
|
3
3
|
|
|
4
|
-
import CustomIcons from
|
|
5
|
-
import Spinner from
|
|
6
|
-
import Portal from
|
|
7
|
-
import { debounce } from
|
|
8
|
-
import { applyPositionClass } from
|
|
4
|
+
import CustomIcons from './components/customIcons';
|
|
5
|
+
import Spinner from './components/loader/Spinner';
|
|
6
|
+
import Portal from './components/portal';
|
|
7
|
+
import { debounce } from './utilities/debounce';
|
|
8
|
+
import { applyPositionClass } from './utilities/getPosition';
|
|
9
9
|
|
|
10
10
|
type valueProps = {
|
|
11
11
|
id?: string | number;
|
|
@@ -28,7 +28,7 @@ interface AutoSuggestionInputProps {
|
|
|
28
28
|
value?: valueProps;
|
|
29
29
|
onChange: (value?: valueProps) => void;
|
|
30
30
|
data?: any[];
|
|
31
|
-
type?:
|
|
31
|
+
type?: 'custom_select' | 'auto_complete' | 'custom_search_select';
|
|
32
32
|
placeholder?: string;
|
|
33
33
|
getData?: ((key?: string) => Promise<any>) | ((key?: string) => any);
|
|
34
34
|
errors?: FieldErrors;
|
|
@@ -64,7 +64,7 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
64
64
|
placeholder,
|
|
65
65
|
id,
|
|
66
66
|
className: propsClassName,
|
|
67
|
-
type =
|
|
67
|
+
type = 'custom_select',
|
|
68
68
|
readOnly,
|
|
69
69
|
disabled = false,
|
|
70
70
|
value,
|
|
@@ -81,7 +81,7 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
81
81
|
labelTitle,
|
|
82
82
|
isModern = true,
|
|
83
83
|
}) => {
|
|
84
|
-
const [inputValue, setInputValue] = useState<any>(value?.name ??
|
|
84
|
+
const [inputValue, setInputValue] = useState<any>(value?.name ?? '');
|
|
85
85
|
const [isHovered, setIsHovered] = useState<boolean>(false);
|
|
86
86
|
const [isLoading, setIsLoading] = useState<boolean>(false);
|
|
87
87
|
const [dropOpen, setDropOpen] = useState<boolean>(false);
|
|
@@ -113,8 +113,8 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
113
113
|
) => {
|
|
114
114
|
return substring &&
|
|
115
115
|
mainString &&
|
|
116
|
-
typeof mainString ===
|
|
117
|
-
typeof subString ===
|
|
116
|
+
typeof mainString === 'string' &&
|
|
117
|
+
typeof subString === 'string'
|
|
118
118
|
? mainString
|
|
119
119
|
.toString()
|
|
120
120
|
.toLowerCase()
|
|
@@ -129,13 +129,13 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
129
129
|
return (
|
|
130
130
|
checkIncludesIfExists(mainString, subString) ||
|
|
131
131
|
(!!checkParams &&
|
|
132
|
-
((checkArrayContains(checkParams,
|
|
132
|
+
((checkArrayContains(checkParams, 'param1') &&
|
|
133
133
|
checkIncludesIfExists(param1, subString)) ||
|
|
134
|
-
(checkArrayContains(checkParams,
|
|
134
|
+
(checkArrayContains(checkParams, 'param2') &&
|
|
135
135
|
checkIncludesIfExists(param2, subString)) ||
|
|
136
|
-
(checkArrayContains(checkParams,
|
|
136
|
+
(checkArrayContains(checkParams, 'param3') &&
|
|
137
137
|
checkIncludesIfExists(param3, subString)) ||
|
|
138
|
-
(checkArrayContains(checkParams,
|
|
138
|
+
(checkArrayContains(checkParams, 'param4') &&
|
|
139
139
|
checkIncludesIfExists(param4, subString))))
|
|
140
140
|
);
|
|
141
141
|
};
|
|
@@ -146,8 +146,8 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
146
146
|
setInputValue(value);
|
|
147
147
|
handleValChange(value);
|
|
148
148
|
if (!value) {
|
|
149
|
-
setInputValue(
|
|
150
|
-
onChange({ id: undefined, name:
|
|
149
|
+
setInputValue('');
|
|
150
|
+
onChange({ id: undefined, name: '' });
|
|
151
151
|
}
|
|
152
152
|
};
|
|
153
153
|
|
|
@@ -155,11 +155,11 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
155
155
|
debounce(
|
|
156
156
|
(value: string) => {
|
|
157
157
|
setDropOpen(true);
|
|
158
|
-
onChange({ id: undefined, name:
|
|
159
|
-
if (value.trim() ===
|
|
158
|
+
onChange({ id: undefined, name: '' });
|
|
159
|
+
if (value.trim() === '' && type === 'auto_complete') {
|
|
160
160
|
setSuggestions([]);
|
|
161
161
|
if (autoFilter) {
|
|
162
|
-
handleDropData(
|
|
162
|
+
handleDropData('*');
|
|
163
163
|
} else {
|
|
164
164
|
setDropOpen(false);
|
|
165
165
|
}
|
|
@@ -172,11 +172,11 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
172
172
|
[]
|
|
173
173
|
);
|
|
174
174
|
const handleDropData = (value?: string) => {
|
|
175
|
-
if (type ===
|
|
175
|
+
if (type === 'auto_complete') {
|
|
176
176
|
if (isStaticList) {
|
|
177
177
|
loadStaticData();
|
|
178
178
|
const filteredData =
|
|
179
|
-
value && value !==
|
|
179
|
+
value && value !== '*'
|
|
180
180
|
? data?.filter((item) =>
|
|
181
181
|
checkIncludes(
|
|
182
182
|
item.name,
|
|
@@ -190,13 +190,13 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
190
190
|
setSuggestions(filteredData);
|
|
191
191
|
} else handlePickSuggestions(value);
|
|
192
192
|
} else if (
|
|
193
|
-
(type ===
|
|
193
|
+
(type === 'custom_select' || type === 'custom_search_select') &&
|
|
194
194
|
(!data || data?.length === 0)
|
|
195
195
|
) {
|
|
196
196
|
handlePickSuggestions();
|
|
197
|
-
} else if (type ===
|
|
197
|
+
} else if (type === 'custom_search_select' && data && data?.length > 0) {
|
|
198
198
|
const filteredData =
|
|
199
|
-
value && value !==
|
|
199
|
+
value && value !== '*'
|
|
200
200
|
? data.filter((item) =>
|
|
201
201
|
checkIncludes(
|
|
202
202
|
item.name,
|
|
@@ -226,10 +226,10 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
226
226
|
const onLabelClick = () => {
|
|
227
227
|
if (!isDisabled) {
|
|
228
228
|
inputRef?.current?.focus();
|
|
229
|
-
if (autoFilter && inputValue ===
|
|
230
|
-
handleValChange(
|
|
229
|
+
if (autoFilter && inputValue === '') {
|
|
230
|
+
handleValChange('*');
|
|
231
231
|
} else if (
|
|
232
|
-
(type ===
|
|
232
|
+
(type === 'custom_select' || type === 'custom_search_select') &&
|
|
233
233
|
data &&
|
|
234
234
|
data?.length > 0
|
|
235
235
|
) {
|
|
@@ -256,8 +256,8 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
256
256
|
if (getData) {
|
|
257
257
|
try {
|
|
258
258
|
setIsLoading(true);
|
|
259
|
-
handlePickSuggestions(
|
|
260
|
-
const fetchedSuggestions = await getData?.(
|
|
259
|
+
handlePickSuggestions('*');
|
|
260
|
+
const fetchedSuggestions = await getData?.('*');
|
|
261
261
|
fetchedSuggestions?.forEach((element: any) => {
|
|
262
262
|
data?.push(element);
|
|
263
263
|
});
|
|
@@ -269,9 +269,9 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
269
269
|
}
|
|
270
270
|
};
|
|
271
271
|
useEffect(() => {
|
|
272
|
-
document.addEventListener(
|
|
272
|
+
document.addEventListener('click', handleClickOutside);
|
|
273
273
|
return () => {
|
|
274
|
-
document.removeEventListener(
|
|
274
|
+
document.removeEventListener('click', handleClickOutside);
|
|
275
275
|
};
|
|
276
276
|
}, []);
|
|
277
277
|
|
|
@@ -282,10 +282,10 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
282
282
|
}, [autoFocus]);
|
|
283
283
|
const onInputFocus = () => {
|
|
284
284
|
if (!isDisabled) {
|
|
285
|
-
if (autoFilter && inputValue ===
|
|
286
|
-
handleValChange(
|
|
285
|
+
if (autoFilter && inputValue === '') {
|
|
286
|
+
handleValChange('*');
|
|
287
287
|
} else if (
|
|
288
|
-
(type ===
|
|
288
|
+
(type === 'custom_select' || type === 'custom_search_select') &&
|
|
289
289
|
data &&
|
|
290
290
|
data?.length > 0
|
|
291
291
|
) {
|
|
@@ -304,14 +304,14 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
304
304
|
name: suggestion.name,
|
|
305
305
|
...(suggestion?.label ? { label: suggestion?.label } : {}),
|
|
306
306
|
});
|
|
307
|
-
if (type !==
|
|
307
|
+
if (type !== 'custom_select') setInputValue(suggestion.name);
|
|
308
308
|
setDropOpen(false);
|
|
309
309
|
};
|
|
310
310
|
const handleOpen = (e: any) => {
|
|
311
311
|
if (!suggestions || suggestions?.length === 0) handleDropData();
|
|
312
312
|
if (!isLoading) {
|
|
313
313
|
setDropOpen(!dropOpen);
|
|
314
|
-
if (type !==
|
|
314
|
+
if (type !== 'custom_select') setInputValue('');
|
|
315
315
|
}
|
|
316
316
|
};
|
|
317
317
|
|
|
@@ -321,25 +321,25 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
321
321
|
|
|
322
322
|
useEffect(() => {
|
|
323
323
|
if (!insideOpen) {
|
|
324
|
-
window.addEventListener(
|
|
324
|
+
window.addEventListener('scroll', handleScroll);
|
|
325
325
|
|
|
326
|
-
const mainElement = document.querySelector(
|
|
327
|
-
mainElement?.addEventListener(
|
|
326
|
+
const mainElement = document.querySelector('main');
|
|
327
|
+
mainElement?.addEventListener('scroll', handleScroll);
|
|
328
328
|
|
|
329
|
-
const gridElements = document.querySelectorAll(
|
|
329
|
+
const gridElements = document.querySelectorAll('.k-grid-content');
|
|
330
330
|
gridElements.forEach((gridElement: any) => {
|
|
331
|
-
gridElement.addEventListener(
|
|
331
|
+
gridElement.addEventListener('scroll', handleScroll);
|
|
332
332
|
});
|
|
333
|
-
window.addEventListener(
|
|
333
|
+
window.addEventListener('resize', getDropPosition);
|
|
334
334
|
getDropPosition();
|
|
335
335
|
return () => {
|
|
336
|
-
window.removeEventListener(
|
|
337
|
-
const mainElement = document.querySelector(
|
|
338
|
-
mainElement?.removeEventListener(
|
|
339
|
-
window.addEventListener(
|
|
340
|
-
const gridElements = document.querySelectorAll(
|
|
336
|
+
window.removeEventListener('scroll', handleScroll);
|
|
337
|
+
const mainElement = document.querySelector('main');
|
|
338
|
+
mainElement?.removeEventListener('scroll', handleScroll);
|
|
339
|
+
window.addEventListener('resize', getDropPosition);
|
|
340
|
+
const gridElements = document.querySelectorAll('.k-grid-content');
|
|
341
341
|
gridElements.forEach((gridElement: any) => {
|
|
342
|
-
gridElement.removeEventListener(
|
|
342
|
+
gridElement.removeEventListener('scroll', handleScroll);
|
|
343
343
|
});
|
|
344
344
|
};
|
|
345
345
|
}
|
|
@@ -347,13 +347,13 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
347
347
|
|
|
348
348
|
const handleClear = () => {
|
|
349
349
|
setDropOpen(false);
|
|
350
|
-
setInputValue(
|
|
351
|
-
onChange({ id: undefined, name:
|
|
350
|
+
setInputValue('');
|
|
351
|
+
onChange({ id: undefined, name: '' });
|
|
352
352
|
onLabelClick();
|
|
353
353
|
};
|
|
354
354
|
|
|
355
355
|
useEffect(() => {
|
|
356
|
-
setInputValue(value?.name ??
|
|
356
|
+
setInputValue(value?.name ?? '');
|
|
357
357
|
}, [value?.name]);
|
|
358
358
|
|
|
359
359
|
useEffect(() => {
|
|
@@ -361,7 +361,7 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
361
361
|
}, [data]);
|
|
362
362
|
|
|
363
363
|
const getErrors = (err: any) => {
|
|
364
|
-
let errMsg =
|
|
364
|
+
let errMsg = '';
|
|
365
365
|
if (err.message) {
|
|
366
366
|
errMsg = err?.message;
|
|
367
367
|
} else if (err?.id?.message) {
|
|
@@ -372,59 +372,59 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
372
372
|
return errMsg;
|
|
373
373
|
};
|
|
374
374
|
const generateClassName = (
|
|
375
|
-
type:
|
|
375
|
+
type: 'input' | 'label' | 'message' | 'adorement'
|
|
376
376
|
): string => {
|
|
377
377
|
let className = propsClassName;
|
|
378
378
|
switch (type) {
|
|
379
|
-
case
|
|
379
|
+
case 'input':
|
|
380
380
|
className += `block text-common text-input-text font-normal px-3.5 w-full text-sm text-gray-900 bg-transparent border appearance-none peer h-10 rounded-[4px] disabled:text-input-disabled bg-white disabled:bg-disabled ${
|
|
381
381
|
label && isModern
|
|
382
|
-
?
|
|
383
|
-
:
|
|
382
|
+
? 'placeholder-transparent'
|
|
383
|
+
: 'focus:placeholder-grey-secondary placeholder-input-label'
|
|
384
384
|
} focus:placeholder-grey-secondary`;
|
|
385
385
|
|
|
386
386
|
if (errors && errors[name]) {
|
|
387
387
|
className +=
|
|
388
|
-
|
|
388
|
+
' border-[#FDA29B] focus:border-error-[#FDA29B] focus:ring-[#FDA29B] focus:ring-3 focus:outline-[#FDA29B] input-outline';
|
|
389
389
|
} else {
|
|
390
390
|
className +=
|
|
391
|
-
|
|
391
|
+
' text-grey-dark border-input-light focus:border-blue-navy focus:outline-none focus:ring-0';
|
|
392
392
|
}
|
|
393
393
|
|
|
394
394
|
break;
|
|
395
|
-
case
|
|
395
|
+
case 'label':
|
|
396
396
|
className += ` modern-input-label peer-focus:modern-input-peer-focus-label-size
|
|
397
397
|
${
|
|
398
398
|
isDisabled
|
|
399
|
-
?
|
|
400
|
-
:
|
|
399
|
+
? 'cursor-pointer'
|
|
400
|
+
: 'cursor-text peer-focus:cursor-pointer'
|
|
401
401
|
} ${
|
|
402
402
|
!isDisabled || !checkIsEmptyField()
|
|
403
|
-
?
|
|
403
|
+
? 'active-input-label-bg'
|
|
404
404
|
: isDisabled && !checkIsEmptyField()
|
|
405
|
-
?
|
|
406
|
-
:
|
|
405
|
+
? 'disabled-input-label-bg'
|
|
406
|
+
: ''
|
|
407
407
|
} absolute duration-300 transform -translate-y-4 top-2 z-1 origin-[0] px-0 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ${
|
|
408
408
|
isDisabled
|
|
409
|
-
?
|
|
410
|
-
:
|
|
409
|
+
? 'cursor-pointer'
|
|
410
|
+
: 'cursor-text peer-focus:cursor-pointer'
|
|
411
411
|
}
|
|
412
412
|
${
|
|
413
413
|
checkIsEmptyField()
|
|
414
|
-
?
|
|
415
|
-
:
|
|
414
|
+
? 'modern-input-label-size'
|
|
415
|
+
: 'modern-input-peer-focus-label-size'
|
|
416
416
|
}`;
|
|
417
417
|
if (errors && errors[name]) {
|
|
418
|
-
className +=
|
|
418
|
+
className += ' text-error-light ';
|
|
419
419
|
} else {
|
|
420
|
-
className +=
|
|
420
|
+
className += ' text-grey-dark peer-focus:text-blue-navy';
|
|
421
421
|
}
|
|
422
422
|
break;
|
|
423
|
-
case
|
|
424
|
-
className =
|
|
423
|
+
case 'message':
|
|
424
|
+
className = ' text-error-icon ';
|
|
425
425
|
break;
|
|
426
|
-
case
|
|
427
|
-
className +=
|
|
426
|
+
case 'adorement':
|
|
427
|
+
className += ' absolute right-0 adorement gap-1 flex items-center ';
|
|
428
428
|
break;
|
|
429
429
|
default:
|
|
430
430
|
break;
|
|
@@ -449,27 +449,27 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
449
449
|
// return 'bottom'
|
|
450
450
|
// }
|
|
451
451
|
const filteredData =
|
|
452
|
-
inputValue !==
|
|
452
|
+
inputValue !== '*' && type !== 'custom_select' && !noLocalFilter
|
|
453
453
|
? suggestions?.filter((item: valueProps) =>
|
|
454
454
|
checkIncludes(
|
|
455
455
|
item.name,
|
|
456
456
|
inputValue,
|
|
457
|
-
item.param1 ??
|
|
458
|
-
item.param2 ??
|
|
459
|
-
item.param3 ??
|
|
460
|
-
item.param4 ??
|
|
457
|
+
item.param1 ?? '',
|
|
458
|
+
item.param2 ?? '',
|
|
459
|
+
item.param3 ?? '',
|
|
460
|
+
item.param4 ?? ''
|
|
461
461
|
)
|
|
462
462
|
)
|
|
463
463
|
: suggestions;
|
|
464
464
|
|
|
465
465
|
const handleError = (data: any) => {
|
|
466
466
|
if (
|
|
467
|
-
getErrors(data[name]) ===
|
|
468
|
-
getErrors(data[name]) ===
|
|
467
|
+
getErrors(data[name]) === 'required' ||
|
|
468
|
+
getErrors(data[name]) === 'Required'
|
|
469
469
|
) {
|
|
470
470
|
return `${label ?? labelTitle} is ${getErrors(data[name])}`;
|
|
471
471
|
} else {
|
|
472
|
-
return getErrors(data[name]) ??
|
|
472
|
+
return getErrors(data[name]) ?? '';
|
|
473
473
|
}
|
|
474
474
|
};
|
|
475
475
|
|
|
@@ -525,8 +525,8 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
525
525
|
<li
|
|
526
526
|
className={`${
|
|
527
527
|
value?.id === suggestion?.id
|
|
528
|
-
?
|
|
529
|
-
:
|
|
528
|
+
? 'bg-blue-navy text-white'
|
|
529
|
+
: 'hover:bg-table-hover'
|
|
530
530
|
} cursor-pointer p-1 text-xxs ps-3.5`}
|
|
531
531
|
key={suggestion?.id}
|
|
532
532
|
data-testid={suggestion.name}
|
|
@@ -565,12 +565,12 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
565
565
|
};
|
|
566
566
|
|
|
567
567
|
useEffect(() => {
|
|
568
|
-
applyPositionClass(dropdownref);
|
|
568
|
+
if (isHovered) applyPositionClass(dropdownref);
|
|
569
569
|
}, [isHovered]);
|
|
570
570
|
|
|
571
571
|
return (
|
|
572
572
|
<div
|
|
573
|
-
className={` flex-grow ${fullWidth ?
|
|
573
|
+
className={` flex-grow ${fullWidth ? 'w-full' : 'w-auto'}`}
|
|
574
574
|
ref={dropdownref}
|
|
575
575
|
>
|
|
576
576
|
{label && !isModern && (
|
|
@@ -587,15 +587,15 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
587
587
|
)}
|
|
588
588
|
|
|
589
589
|
<div
|
|
590
|
-
className={`flex relative ${fullWidth ?
|
|
590
|
+
className={`flex relative ${fullWidth ? 'w-full' : 'w-auto'}`}
|
|
591
591
|
style={{ width: width }}
|
|
592
592
|
>
|
|
593
593
|
<div className="relative w-full">
|
|
594
594
|
<input
|
|
595
595
|
id={id}
|
|
596
596
|
type="text"
|
|
597
|
-
readOnly={readOnly ?? type ===
|
|
598
|
-
value={inputValue ? inputValue :
|
|
597
|
+
readOnly={readOnly ?? type === 'custom_select'}
|
|
598
|
+
value={inputValue ? inputValue : ''}
|
|
599
599
|
onBlur={handleClearInputValue}
|
|
600
600
|
disabled={disabled}
|
|
601
601
|
ref={inputRef}
|
|
@@ -614,18 +614,18 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
614
614
|
}
|
|
615
615
|
: {}),
|
|
616
616
|
}}
|
|
617
|
-
className={` ${generateClassName(
|
|
617
|
+
className={` ${generateClassName('input')}`}
|
|
618
618
|
onChange={handleChange}
|
|
619
619
|
placeholder={
|
|
620
|
-
type ===
|
|
620
|
+
type === 'auto_complete'
|
|
621
621
|
? placeholder && isCustomPlaceholder
|
|
622
622
|
? placeholder
|
|
623
|
-
:
|
|
624
|
-
: placeholder ??
|
|
623
|
+
: 'Type to search'
|
|
624
|
+
: placeholder ?? '--Select--'
|
|
625
625
|
}
|
|
626
626
|
onFocus={onInputFocus}
|
|
627
627
|
onClick={(e) => {
|
|
628
|
-
if (type ===
|
|
628
|
+
if (type === 'custom_select') {
|
|
629
629
|
setDropOpen(!dropOpen);
|
|
630
630
|
handleOpen(e);
|
|
631
631
|
} else {
|
|
@@ -637,7 +637,7 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
637
637
|
<label
|
|
638
638
|
htmlFor={id}
|
|
639
639
|
onClick={() => onLabelClick()}
|
|
640
|
-
className={generateClassName(
|
|
640
|
+
className={generateClassName('label')}
|
|
641
641
|
>
|
|
642
642
|
{label}
|
|
643
643
|
{required && label ? (
|
|
@@ -651,12 +651,12 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
651
651
|
<div className="flex items-center justify-center ">
|
|
652
652
|
<div
|
|
653
653
|
ref={adorementRef}
|
|
654
|
-
className={`${generateClassName(
|
|
655
|
-
isLoading ?
|
|
654
|
+
className={`${generateClassName('adorement')} mr-[1px] ${
|
|
655
|
+
isLoading ? 'bg-white' : ''
|
|
656
656
|
}`}
|
|
657
657
|
>
|
|
658
658
|
{value?.name &&
|
|
659
|
-
(value?.id || String(value?.id) ===
|
|
659
|
+
(value?.id || String(value?.id) === '0') &&
|
|
660
660
|
!disabled &&
|
|
661
661
|
!readOnly &&
|
|
662
662
|
isClose && (
|
|
@@ -670,7 +670,7 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
670
670
|
</button>
|
|
671
671
|
)}
|
|
672
672
|
{isLoading && <Spinner />}
|
|
673
|
-
{type !==
|
|
673
|
+
{type !== 'auto_complete' && !disabled && !readOnly && (
|
|
674
674
|
<button
|
|
675
675
|
disabled={disabled ?? readOnly}
|
|
676
676
|
onClick={(e) => handleOpen(e)}
|
|
@@ -682,16 +682,16 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
682
682
|
>
|
|
683
683
|
<CustomIcons
|
|
684
684
|
onClick={(e) => handleOpen(e)}
|
|
685
|
-
name={`${dropOpen ?
|
|
685
|
+
name={`${dropOpen ? 'menu-up-arrow' : 'menu-down-arrow'}`}
|
|
686
686
|
type="large"
|
|
687
|
-
style={{ pointerEvents:
|
|
687
|
+
style={{ pointerEvents: 'none' }}
|
|
688
688
|
/>
|
|
689
689
|
</button>
|
|
690
690
|
)}
|
|
691
691
|
{errors && errors[name] && (
|
|
692
692
|
<div
|
|
693
693
|
className={` text-error-label relative cursor-pointer ${generateClassName(
|
|
694
|
-
|
|
694
|
+
'message'
|
|
695
695
|
)}`}
|
|
696
696
|
onMouseEnter={() => setIsHovered(true)}
|
|
697
697
|
onMouseLeave={() => setIsHovered(false)}
|