npm - react-core-ts - Versions diffs - 1.9.11 → 1.9.13 - Mend

react-core-ts 1.9.11 → 1.9.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/ReactTextField.d.ts +2 -2
package/dist/ReactTextField.js +70 -68
package/dist/ReactTextField.js.map +1 -1
package/dist/commontypes.d.ts +1 -0
package/package.json +1 -1
package/src/ReactTextField.tsx +85 -75
package/src/commontypes.ts +1 -0

package/dist/ReactTextField.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
-import { TextFieldProps } from './commontypes';
+import React from "react";
+import { TextFieldProps } from "./commontypes";
 declare const TextField: React.FC<TextFieldProps>;
 export default TextField;

package/dist/ReactTextField.js CHANGED Viewed

@@ -20,21 +20,21 @@ var customIcons_1 = __importDefault(require("./components/customIcons"));
 var ReactAutoComplete_1 = __importDefault(require("./ReactAutoComplete"));
 var getPosition_1 = require("./utilities/getPosition");
 var TextField = function (_a) {
-    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
+    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
     onStepUp = _a.onStepUp, //new requirement number steper
     onStepDown = _a.onStepDown, //new requirement number steper
     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
     /// Provition to add Prefixes
-    onPrefixChange = _a.onPrefixChange, prefixValue = _a.prefixValue, prefixes = _a.prefixes, width = _a.width, labelTitle = _a.labelTitle, _q = _a.hideLabel, hideLabel = _q === void 0 ? false : _q;
+    onPrefixChange = _a.onPrefixChange, prefixValue = _a.prefixValue, prefixes = _a.prefixes, width = _a.width, labelTitle = _a.labelTitle, _q = _a.hideLabel, hideLabel = _q === void 0 ? false : _q, _r = _a.isModern, isModern = _r === void 0 ? true : _r;
     // const [editState, setEditState] = useState<boolean>(false)
-    var _r = (0, react_1.useState)(disabled), isDisabled = _r[0], setIsDisabled = _r[1];
-    var _s = (0, react_1.useState)(false), isHovered = _s[0], setIsHovered = _s[1];
-    var _t = (0, react_1.useState)(0), Width = _t[0], setWidth = _t[1];
+    var _s = (0, react_1.useState)(disabled), isDisabled = _s[0], setIsDisabled = _s[1];
+    var _t = (0, react_1.useState)(false), isHovered = _t[0], setIsHovered = _t[1];
+    var _u = (0, react_1.useState)(0), Width = _u[0], setWidth = _u[1];
     var inputRef = (0, react_1.useRef)(null);
     var adorementRef = (0, react_1.useRef)(null);
     var intervalRef = (0, react_1.useRef)(null);
     var clickTimeoutRef = (0, react_1.useRef)(null);
-    var _u = (0, react_1.useState)(false), isHolding = _u[0], setIsHolding = _u[1];
+    var _v = (0, react_1.useState)(false), isHolding = _v[0], setIsHolding = _v[1];
     var onLabelClick = function () {
         var _a;
         if (!isDisabled) {
@@ -58,7 +58,7 @@ var TextField = function (_a) {
         setWidth(innerwidth);
     }, [adorement, infoTitle, showInfo]);
     var getErrors = function (err) {
-        var errMsg = '';
+        var errMsg = "";
         if (err === null || err === void 0 ? void 0 : err.message) {
             errMsg = err === null || err === void 0 ? void 0 : err.message;
         }
@@ -71,55 +71,55 @@ var TextField = function (_a) {
     }, [autoFocus]);
     var getHeight = function () {
         switch (size) {
-            case 'xs':
-                return ' h-10 ';
-            case 'xxs':
-                return ' h-[25px] ';
-            case 'sm':
-                return ' h-[34px] ';
-            case 'md':
-                return ' h-10 ';
-            case 'lg':
-                return ' h-10 ';
+            case "xs":
+                return " h-10 ";
+            case "xxs":
+                return " h-[25px] ";
+            case "sm":
+                return " h-[34px] ";
+            case "md":
+                return " h-10 ";
+            case "lg":
+                return " h-10 ";
             default:
-                return ' h-10 ';
+                return " h-10 ";
         }
     };
-    var getBg = function () { return backGround || 'bg-transparent'; }; //added for set background colour according to the form
+    var getBg = function () { return backGround || "bg-transparent"; }; //added for set background colour according to the form
     var generateClassName = function (from) {
         var className = "".concat(propsClassName, " ");
         switch (from) {
-            case 'input':
-                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());
+            case "input":
+                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 ? "" : label && isModern ? "placeholder-transparent" : "", " focus:placeholder-grey-secondary ").concat(adorementPosition === "start" && " !pl-[45px] ", "  ").concat(getHeight());
                 if (errors && errors[name]) {
                     className +=
-                        ' border-[#FDA29B] focus:border-error-[#FDA29B] focus:ring-[#FDA29B] focus:ring-3 focus:outline-[#FDA29B] input-outline';
+                        " border-[#FDA29B] focus:border-error-[#FDA29B] focus:ring-[#FDA29B] focus:ring-3 focus:outline-[#FDA29B] input-outline";
                 }
                 else {
                     className +=
-                        ' text-grey-dark border-input-light focus:border-blue-navy  focus:outline-none  focus:ring-0';
+                        " text-grey-dark border-input-light focus:border-blue-navy  focus:outline-none  focus:ring-0";
                 }
                 break;
-            case 'label': // changes made for remove bg-white from placeolder is field disable and or with data
-                className += "flex modern-input-label-truncate 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()
-                    ? 'disabled-input-label-bg'
+            case "label": // changes made for remove bg-white from placeolder is field disable and or with data
+                className += "flex modern-input-label-truncate 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()
+                    ? "disabled-input-label-bg"
                     : !isDisabled || !checkIsEmptyField()
-                        ? 'active-input-label-bg'
-                        : '', " ").concat(checkIsEmptyField()
-                    ? 'modern-input-label-size'
-                    : 'modern-input-peer-focus-label-size');
+                        ? "active-input-label-bg"
+                        : "", " ").concat(checkIsEmptyField()
+                    ? "modern-input-label-size"
+                    : "modern-input-peer-focus-label-size");
                 if (errors && errors[name]) {
-                    className += ' text-error-light ';
+                    className += " text-error-light ";
                 }
                 else {
-                    className += ' text-grey-dark peer-focus:text-blue-navy';
+                    className += " text-grey-dark peer-focus:text-blue-navy";
                 }
                 break;
-            case 'message':
-                className = ' text-error-icon ';
+            case "message":
+                className = " text-error-icon ";
                 break;
-            case 'adorement':
-                className += "".concat(isDisabled ? 'bg-bodyBG' : 'bg-white', " absolute right-0 adorement gap-1 flex items-center");
+            case "adorement":
+                className += "".concat(isDisabled ? "bg-bodyBG" : "bg-white", " absolute right-0 adorement gap-1 flex items-center");
                 break;
             default:
                 break;
@@ -128,17 +128,17 @@ var TextField = function (_a) {
     };
     var handleError = function (data) {
         var _a;
-        if (getErrors(data[name]) === 'required' ||
-            getErrors(data[name]) === 'Required') {
+        if (getErrors(data[name]) === "required" ||
+            getErrors(data[name]) === "Required") {
             return "".concat(label !== null && label !== void 0 ? label : labelTitle, " is ").concat(getErrors(data[name]));
         }
         else {
-            return (_a = getErrors(data[name])) !== null && _a !== void 0 ? _a : '';
+            return (_a = getErrors(data[name])) !== null && _a !== void 0 ? _a : "";
         }
     };
     // Added handle key press function on textfield to restrict typing letter 'e' on number type
     var handleKeyPress = function (e) {
-        if (type === 'number' && e.key === 'e')
+        if (type === "number" && e.key === "e")
             e.preventDefault();
     };
     var handleChange = function (event) {
@@ -155,8 +155,10 @@ var TextField = function (_a) {
     var renderPrefix = function () {
         if (prefixes) {
             switch (prefixes === null || prefixes === void 0 ? void 0 : prefixes.type) {
-                case 'custom_select':
-                    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));
+                case "custom_select":
+                    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));
+                case "text":
+                    return (0, jsx_runtime_1.jsx)("div", __assign({ className: "text-sm text-gray-500 textfield-text-prefix" }, { children: prefixes.data }));
                 default:
                     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
             }
@@ -182,7 +184,7 @@ var TextField = function (_a) {
         }
     };
     var handleAction = function (type) {
-        if (type === 'up')
+        if (type === "up")
             onStepUp === null || onStepUp === void 0 ? void 0 : onStepUp();
         else
             onStepDown === null || onStepDown === void 0 ? void 0 : onStepDown();
@@ -204,31 +206,31 @@ var TextField = function (_a) {
     (0, react_1.useEffect)(function () {
         (0, getPosition_1.applyPositionClass)(textFieldRef, isHovered);
     }, [isHovered]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: textFieldRef, className: "qbs-textfield ".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({
-                                            // key={updateKey}
-                                            type: type,
-                                            // id={frmid+id}
-                                            ref: inputRef, id: id ? "input-".concat(id) : "input-".concat(name), disabled: isDisabled,
-                                            // step={step}
-                                            min: min, max: max, maxLength: maxLength, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : false }, register === null || register === void 0 ? void 0 : register(name, { required: required }), { "aria-describedby": id, style: __assign({ paddingRight: Width }, (prefixes
-                                                ? {
-                                                    borderLeft: getBorderLeft(),
-                                                    borderTopLeftRadius: 0,
-                                                    borderBottomLeftRadius: 0,
-                                                }
-                                                : {})), className: " ".concat(generateClassName('input'), " ").concat(uppercase ? 'uppercase placeholder:normal-case' : '', " ''}"), placeholder: placeholder, onChange: function (e) {
-                                                handleChange(e);
-                                            }, onKeyDown: handleKeyPress, autoComplete: autoComplete ? 'on' : 'off', onBlur: function (e) { return onBlur === null || onBlur === void 0 ? void 0 : onBlur(e); },
-                                            // autoFocus={autoFocus}
-                                            value: value })), !hideLabel && ((0, jsx_runtime_1.jsxs)("label", __assign({ htmlFor: id, onClick: function () { return onLabelClick(); }, className: generateClassName('label') }, { children: [label ? (0, jsx_runtime_1.jsx)("span", __assign({ className: "truncate" }, { children: label })) : '', required ? (0, jsx_runtime_1.jsx)("span", __assign({ className: "text-error" }, { children: " *" })) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})] })))] })), (adorement ||
-                                    (showInfo && infoTitle) ||
-                                    step ||
-                                    (!isValid && isTooltip && errors && errors[name]) ||
-                                    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 () {
-                                                                handleClick('up');
-                                                            }, 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 () {
-                                                                handleClick('down');
-                                                            }, 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]" }) })))] }))] })))] }))] }))] })) })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ ref: textFieldRef, className: "qbs-textfield ".concat(fullwidth ? "w-full" : "w-auto") }, { children: [label && !isModern && !hideLabel && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "mb-3" }, { children: (0, jsx_runtime_1.jsxs)("label", __assign({ className: "text-xs font-medium" }, { children: [label, required ? (0, jsx_runtime_1.jsx)("span", __assign({ className: "text-error" }, { children: " *" })) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})] })) }))), (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({
+                                                // key={updateKey}
+                                                type: type,
+                                                // id={frmid+id}
+                                                ref: inputRef, id: id ? "input-".concat(id) : "input-".concat(name), disabled: isDisabled,
+                                                // step={step}
+                                                min: min, max: max, maxLength: maxLength, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : false }, register === null || register === void 0 ? void 0 : register(name, { required: required }), { "aria-describedby": id, style: __assign({ paddingRight: Width }, (prefixes
+                                                    ? {
+                                                        borderLeft: getBorderLeft(),
+                                                        borderTopLeftRadius: 0,
+                                                        borderBottomLeftRadius: 0,
+                                                    }
+                                                    : {})), className: " ".concat(generateClassName("input"), " ").concat(uppercase ? "uppercase placeholder:normal-case" : "", " ''}"), placeholder: placeholder, onChange: function (e) {
+                                                    handleChange(e);
+                                                }, onKeyDown: handleKeyPress, autoComplete: autoComplete ? "on" : "off", onBlur: function (e) { return onBlur === null || onBlur === void 0 ? void 0 : onBlur(e); },
+                                                // autoFocus={autoFocus}
+                                                value: value })), !hideLabel && isModern && ((0, jsx_runtime_1.jsxs)("label", __assign({ htmlFor: id, onClick: function () { return onLabelClick(); }, className: generateClassName("label") }, { children: [label ? (0, jsx_runtime_1.jsx)("span", __assign({ className: "truncate" }, { children: label })) : "", required ? (0, jsx_runtime_1.jsx)("span", __assign({ className: "text-error" }, { children: " *" })) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})] })))] })), (adorement ||
+                                        (showInfo && infoTitle) ||
+                                        step ||
+                                        (!isValid && isTooltip && errors && errors[name]) ||
+                                        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 () {
+                                                                    handleClick("up");
+                                                                }, 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 () {
+                                                                    handleClick("down");
+                                                                }, 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]" }) })))] }))] })))] }))] }))] }))] })));
 };
 exports.default = TextField;
 //# sourceMappingURL=ReactTextField.js.map

package/dist/ReactTextField.js.map CHANGED Viewed

	@@ -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/dist/commontypes.d.ts CHANGED Viewed

@@ -149,6 +149,7 @@ export interface TextFieldProps {
     infoTitle?: string;
     showInfo?: boolean;
     inputType?: 'text' | 'textarea';
+    isModern?: boolean;
 }
 export interface TextAreaProps {
     id: string;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "react-core-ts",
-  "version": "1.9.11",
+  "version": "1.9.13",
   "description": "React Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/ReactTextField.tsx CHANGED Viewed

@@ -1,28 +1,28 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from "react";
-import { TextFieldProps } from './commontypes';
-import CustomIcons from './components/customIcons';
-import ModernAutoComplete from './ReactAutoComplete';
-import { applyPositionClass } from './utilities/getPosition';
+import { TextFieldProps } from "./commontypes";
+import CustomIcons from "./components/customIcons";
+import ModernAutoComplete from "./ReactAutoComplete";
+import { applyPositionClass } from "./utilities/getPosition";
 const TextField: React.FC<TextFieldProps> = ({
   name,
   id,
   label,
-  type = 'text',
+  type = "text",
   disabled = false,
   readOnly = false,
   fullwidth = true,
   uppercase = false,
-  adorementPosition = 'end',
+  adorementPosition = "end",
   register,
   adorement,
   className: propsClassName,
   value,
-  placeholder = '',
+  placeholder = "",
   min,
   max,
-  size = 'md',
+  size = "md",
   required = false,
   autoComplete = false,
   isValid,
@@ -46,7 +46,7 @@ const TextField: React.FC<TextFieldProps> = ({
   width,
   labelTitle,
   hideLabel = false,
+  isModern = true,
   ///
 }) => {
   // const [editState, setEditState] = useState<boolean>(false)
@@ -79,7 +79,7 @@ const TextField: React.FC<TextFieldProps> = ({
     setWidth(innerwidth);
   }, [adorement, infoTitle, showInfo]);
   const getErrors = (err?: any) => {
-    let errMsg = '';
+    let errMsg = "";
     if (err?.message) {
       errMsg = err?.message;
     }
@@ -93,76 +93,76 @@ const TextField: React.FC<TextFieldProps> = ({
   const getHeight = () => {
     switch (size) {
-      case 'xs':
-        return ' h-10 ';
-      case 'xxs':
-        return ' h-[25px] ';
-      case 'sm':
-        return ' h-[34px] ';
-      case 'md':
-        return ' h-10 ';
-      case 'lg':
-        return ' h-10 ';
+      case "xs":
+        return " h-10 ";
+      case "xxs":
+        return " h-[25px] ";
+      case "sm":
+        return " h-[34px] ";
+      case "md":
+        return " h-10 ";
+      case "lg":
+        return " h-10 ";
       default:
-        return ' h-10 ';
+        return " h-10 ";
     }
   };
-  const getBg = () => backGround || 'bg-transparent'; //added for set background colour according to the form
+  const getBg = () => backGround || "bg-transparent"; //added for set background colour according to the form
   const generateClassName = (
-    from: 'input' | 'label' | 'message' | 'adorement'
+    from: "input" | "label" | "message" | "adorement"
   ): string => {
     let className = `${propsClassName} `;
     switch (from) {
-      case 'input':
+      case "input":
         className += `block ${
-          size === 'xxs' ? ' text-xxs' : 'text-common'
+          size === "xxs" ? " text-xxs" : "text-common"
         }  text-input-text font-normal ${
-          step && adorement ? 'px-2.5' : 'px-3.5'
+          step && adorement ? "px-2.5" : "px-3.5"
         } w-full text-sm text-gray-900 ${getBg()} border appearance-none peer rounded-[4px] disabled:text-input-disabled bg-white disabled:bg-disabled ${
-          hideLabel ? '' : 'placeholder-transparent'
+          hideLabel ? "" : label && isModern ? "placeholder-transparent" : ""
         } focus:placeholder-grey-secondary ${
-          adorementPosition === 'start' && ' !pl-[45px] '
+          adorementPosition === "start" && " !pl-[45px] "
         }  ${getHeight()}`;
         if (errors && errors[name]) {
           className +=
-            ' border-[#FDA29B] focus:border-error-[#FDA29B] focus:ring-[#FDA29B] focus:ring-3 focus:outline-[#FDA29B] input-outline';
+            " border-[#FDA29B] focus:border-error-[#FDA29B] focus:ring-[#FDA29B] focus:ring-3 focus:outline-[#FDA29B] input-outline";
         } else {
           className +=
-            ' text-grey-dark border-input-light focus:border-blue-navy  focus:outline-none  focus:ring-0';
+            " text-grey-dark border-input-light focus:border-blue-navy  focus:outline-none  focus:ring-0";
         }
         break;
-      case 'label': // changes made for remove bg-white from placeolder is field disable and or with data
+      case "label": // changes made for remove bg-white from placeolder is field disable and or with data
         className += `flex modern-input-label-truncate peer-focus:modern-input-peer-focus-label-size 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  ${
-      isDisabled ? 'cursor-pointer' : 'cursor-text peer-focus:cursor-pointer'
+      isDisabled ? "cursor-pointer" : "cursor-text peer-focus:cursor-pointer"
     } ${
           isDisabled && !checkIsEmptyField()
-            ? 'disabled-input-label-bg'
+            ? "disabled-input-label-bg"
             : !isDisabled || !checkIsEmptyField()
-            ? 'active-input-label-bg'
-            : ''
+            ? "active-input-label-bg"
+            : ""
         } ${
           checkIsEmptyField()
-            ? 'modern-input-label-size'
-            : 'modern-input-peer-focus-label-size'
+            ? "modern-input-label-size"
+            : "modern-input-peer-focus-label-size"
         }`;
         if (errors && errors[name]) {
-          className += ' text-error-light ';
+          className += " text-error-light ";
         } else {
-          className += ' text-grey-dark peer-focus:text-blue-navy';
+          className += " text-grey-dark peer-focus:text-blue-navy";
         }
         break;
-      case 'message':
-        className = ' text-error-icon ';
+      case "message":
+        className = " text-error-icon ";
         break;
-      case 'adorement':
+      case "adorement":
         className += `${
-          isDisabled ? 'bg-bodyBG' : 'bg-white'
+          isDisabled ? "bg-bodyBG" : "bg-white"
         } absolute right-0 adorement gap-1 flex items-center`;
         break;
@@ -174,18 +174,18 @@ const TextField: React.FC<TextFieldProps> = ({
   const handleError = (data: any) => {
     if (
-      getErrors(data[name]) === 'required' ||
-      getErrors(data[name]) === 'Required'
+      getErrors(data[name]) === "required" ||
+      getErrors(data[name]) === "Required"
     ) {
       return `${label ?? labelTitle} is ${getErrors(data[name])}`;
     } else {
-      return getErrors(data[name]) ?? '';
+      return getErrors(data[name]) ?? "";
     }
   };
   // Added handle key press function on textfield to restrict typing letter 'e' on number type
   const handleKeyPress = (e: any) => {
-    if (type === 'number' && e.key === 'e') e.preventDefault();
+    if (type === "number" && e.key === "e") e.preventDefault();
   };
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
@@ -201,14 +201,14 @@ const TextField: React.FC<TextFieldProps> = ({
   const renderPrefix = () => {
     if (prefixes) {
       switch (prefixes?.type) {
-        case 'custom_select':
+        case "custom_select":
           return (
             <ModernAutoComplete
               key={prefixes.name}
               placeholder={prefixes.placeholder}
               onChange={(e: any) => onPrefixChange?.(e)}
               name={prefixes.name}
-              value={prefixValue ?? { id: '', name: '' }}
+              value={prefixValue ?? { id: "", name: "" }}
               type="custom_select"
               isCustomPlaceholder
               fullWidth={false}
@@ -224,6 +224,8 @@ const TextField: React.FC<TextFieldProps> = ({
               autoFilter={prefixes.autoFilter ? prefixes.autoFilter : false}
             />
           );
+        case "text":
+          return <div className="text-sm text-gray-500 textfield-text-prefix">{prefixes.data}</div>;
         default:
           return <></>;
       }
@@ -240,7 +242,7 @@ const TextField: React.FC<TextFieldProps> = ({
     return undefined;
   };
-  const handleMouseDown = (type: 'up' | 'down') => {
+  const handleMouseDown = (type: "up" | "down") => {
     setIsHolding(true);
     //handleAction(type)
     intervalRef.current = setInterval(() => handleAction(type), 100);
@@ -249,8 +251,8 @@ const TextField: React.FC<TextFieldProps> = ({
     }
   };
-  const handleAction = (type: 'up' | 'down') => {
-    if (type === 'up') onStepUp?.();
+  const handleAction = (type: "up" | "down") => {
+    if (type === "up") onStepUp?.();
     else onStepDown?.();
   };
@@ -261,7 +263,7 @@ const TextField: React.FC<TextFieldProps> = ({
     }
   }
-  const handleClick = (type: 'up' | 'down') => {
+  const handleClick = (type: "up" | "down") => {
     if (!isHolding) {
       clickTimeoutRef.current = setTimeout(() => {
         handleAction(type);
@@ -276,8 +278,16 @@ const TextField: React.FC<TextFieldProps> = ({
   return (
     <div
       ref={textFieldRef}
-      className={`qbs-textfield ${fullwidth ? 'w-full' : 'w-auto'}`}
+      className={`qbs-textfield ${fullwidth ? "w-full" : "w-auto"}`}
     >
+      {label && !isModern && !hideLabel && (
+        <div className="mb-3">
+          <label className={`text-xs font-medium`}>
+            {label}
+            {required ? <span className="text-error"> *</span> : <></>}
+          </label>
+        </div>
+      )}
       <div className="tooltip-container ">
         {isHovered && errors && errors[name] && (
           <span className="tooltip">{handleError(errors)} </span>
@@ -285,10 +295,10 @@ const TextField: React.FC<TextFieldProps> = ({
         {isHovered && infoTitle && (
           <span className="tooltip-info">{infoTitle} </span>
         )}
-        <div className={`w-full ${prefixes ? 'flex' : ''}`}>
+        <div className={`w-full ${prefixes ? "flex" : ""}`}>
           {prefixes && renderPrefix()}
           <div
-            className={`flex relative ${fullwidth ? 'w-full' : 'w-auto'}`}
+            className={`flex relative ${fullwidth ? "w-full" : "w-auto"}`}
             style={{ width: width }}
           >
             <div className="relative w-full ">
@@ -316,26 +326,26 @@ const TextField: React.FC<TextFieldProps> = ({
                       }
                     : {}),
                 }}
-                className={` ${generateClassName('input')} ${
-                  uppercase ? 'uppercase placeholder:normal-case' : ''
+                className={` ${generateClassName("input")} ${
+                  uppercase ? "uppercase placeholder:normal-case" : ""
                 } ''}`}
                 placeholder={placeholder}
                 onChange={(e) => {
                   handleChange(e);
                 }}
                 onKeyDown={handleKeyPress}
-                autoComplete={autoComplete ? 'on' : 'off'}
+                autoComplete={autoComplete ? "on" : "off"}
                 onBlur={(e) => onBlur?.(e)}
                 // autoFocus={autoFocus}
                 value={value}
               />
-              {!hideLabel && (
+              {!hideLabel && isModern && (
                 <label
                   htmlFor={id}
                   onClick={() => onLabelClick()}
-                  className={generateClassName('label')}
+                  className={generateClassName("label")}
                 >
-                  {label ? <span className="truncate">{label}</span> : ''}
+                  {label ? <span className="truncate">{label}</span> : ""}
                   {required ? <span className="text-error"> *</span> : <></>}
                 </label>
               )}
@@ -346,10 +356,10 @@ const TextField: React.FC<TextFieldProps> = ({
               (!isValid && isTooltip && errors && errors[name]) ||
               isValid) && (
               <div className="flex items-center justify-center gap-1 ">
-                {adorement && adorementPosition === 'start' && (
+                {adorement && adorementPosition === "start" && (
                   <div
                     className={`  ${
-                      isDisabled ? 'text-zinc-500' : 'text-grey-medium'
+                      isDisabled ? "text-zinc-500" : "text-grey-medium"
                     } absolute adorement left-0  `} // adorement  position added for start
                   >
                     <>{adorement}</>
@@ -358,14 +368,14 @@ const TextField: React.FC<TextFieldProps> = ({
                 <div
                   className={`${generateClassName(
-                    'adorement'
+                    "adorement"
                   )} h-[20px] right-[1px]`} //added adorment bg color
                   ref={adorementRef}
                 >
-                  {adorement && adorementPosition === 'end' && (
+                  {adorement && adorementPosition === "end" && (
                     <div
                       className={`  ${
-                        isDisabled ? 'text-zinc-500' : 'text-grey-medium'
+                        isDisabled ? "text-zinc-500" : "text-grey-medium"
                       } `} // changed for adorment text blurness while disabled
                     >
                       <>{adorement}</>
@@ -377,13 +387,13 @@ const TextField: React.FC<TextFieldProps> = ({
                       <CustomIcons
                         name="TreeUp_Arrow"
                         className={`text-gray-500 hover:text-dark cursor-pointer ${
-                          isDisabled ? 'hidden' : 'block'
+                          isDisabled ? "hidden" : "block"
                         }`}
                         type="medium"
                         onClick={() => {
-                          handleClick('up');
+                          handleClick("up");
                         }}
-                        onMouseDown={() => handleMouseDown('up')}
+                        onMouseDown={() => handleMouseDown("up")}
                         onMouseUp={handleMouseUp}
                         onMouseLeave={handleMouseUp}
                         viewBox={true}
@@ -391,13 +401,13 @@ const TextField: React.FC<TextFieldProps> = ({
                       <CustomIcons
                         name="TreeDown_Arrow"
                         className={`text-gray-500 hover:text-dark cursor-pointer ${
-                          isDisabled ? 'hidden' : 'block'
+                          isDisabled ? "hidden" : "block"
                         }`}
                         type="medium"
                         onClick={() => {
-                          handleClick('down');
+                          handleClick("down");
                         }}
-                        onMouseDown={() => handleMouseDown('down')}
+                        onMouseDown={() => handleMouseDown("down")}
                         onMouseUp={handleMouseUp}
                         onMouseLeave={handleMouseUp}
                         viewBox={true}
@@ -408,7 +418,7 @@ const TextField: React.FC<TextFieldProps> = ({
                   {!isValid && isTooltip && errors && errors[name] && (
                     <div
                       className={` text-error-label relative bg-white cursor-pointer ${generateClassName(
-                        'message'
+                        "message"
                       )}`}
                       onMouseEnter={() => setIsHovered(true)}
                       onMouseLeave={() => setIsHovered(false)}

package/src/commontypes.ts CHANGED Viewed

@@ -159,6 +159,7 @@ export interface TextFieldProps {
   infoTitle?: string;
   showInfo?: boolean;
   inputType?: 'text' | 'textarea';
+  isModern?: boolean; // added for modern text field
 }
 export interface TextAreaProps {