npm - react-core-ts - Versions diffs - 1.1.24 → 1.1.26 - Mend

react-core-ts 1.1.24 → 1.1.26

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 (9) hide show

package/dist/ReactTextField.d.ts +2 -2
package/dist/ReactTextField.js +50 -50
package/dist/ReactTextField.js.map +1 -1
package/dist/commontypes.d.ts +2 -0
package/dist/styles/styles/components/tooltip.css +101 -41
package/package.json +1 -1
package/src/ReactTextField.tsx +88 -73
package/src/commontypes.ts +2 -0
package/src/styles/components/tooltip.css +101 -41

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

@@ -16,14 +16,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var customIcons_1 = __importDefault(require("./components/customIcons"));
 var ReactAutoComplete_1 = __importDefault(require("./ReactAutoComplete"));
 var getPosition_1 = require("./utilities/getPosition");
-var customIcons_1 = __importDefault(require("./components/customIcons"));
 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, onBlur = _a.onBlur, errors = _a.errors, keyRegexPattern = _a.keyRegexPattern, backGround = _a.backGround, //added for set background colour according to the form
+    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;
     // const [editState, setEditState] = useState<boolean>(false)
@@ -58,7 +58,7 @@ var TextField = function (_a) {
         setWidth(innerwidth);
     }, [adorement]);
     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 = propsClassName;
+        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 ? '' : '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 += " 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()
-                    ? "active-input-label-bg"
+            case 'label': // changes made for remove bg-white from placeolder is field disable and or with data
+                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()
+                    ? 'active-input-label-bg'
                     : isDisabled && !checkIsEmptyField()
-                        ? "disabled-input-label-bg"
-                        : "", " ").concat(checkIsEmptyField()
-                    ? "modern-input-label-size"
-                    : "modern-input-peer-focus-label-size");
+                        ? 'disabled-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,8 @@ 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));
                 default:
                     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
             }
@@ -182,7 +182,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,7 +204,7 @@ var TextField = function (_a) {
     (0, react_1.useEffect)(function () {
         (0, getPosition_1.applyPositionClass)(textFieldRef);
     }, [isHovered]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: textFieldRef, className: " ".concat(fullwidth ? "w-full" : "w-auto") }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "tooltip-container " }, { children: [isHovered && errors && errors[name] && ((0, jsx_runtime_1.jsxs)("span", __assign({ className: "tooltip" }, { children: [handleError(errors), " "] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "w-full ".concat(prefixes ? "flex" : "") }, { children: [prefixes && renderPrefix(), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "flex relative ".concat(fullwidth ? "w-full" : "w-auto"), style: { width: width } }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "relative w-full " }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({
+    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({
                                             // key={updateKey}
                                             type: type,
                                             // id={frmid+id}
@@ -216,18 +216,18 @@ var TextField = function (_a) {
                                                     borderTopLeftRadius: 0,
                                                     borderBottomLeftRadius: 0,
                                                 }
-                                                : {})), className: " ".concat(generateClassName("input"), " ").concat(uppercase ? "uppercase placeholder:normal-case" : "", " ''}"), placeholder: placeholder, onChange: function (e) {
+                                                : {})), 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); },
+                                            }, 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, required ? (0, jsx_runtime_1.jsx)("span", __assign({ className: "text-error" }, { children: " *" })) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})] })))] })), (adorement ||
+                                            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 ||
                                     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.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "ml-2" }, { children: [(0, jsx_runtime_1.jsx)(customIcons_1.default, { name: "TreeUp_Arrow", className: "text-gray-500 hover:text-dark cursor-pointer ".concat(isDisabled ? "hidden" : "block"), type: "medium", onClick: function () {
-                                                                    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" }) }))), 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]" }) })))] }))] })))] }))] }))] })) })));
+                                    isValid) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "flex items-center justify-center gap-1 " }, { children: [adorement && adorementPosition === 'start' && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "  ".concat(isDisabled ? 'text-zinc-500' : 'text-grey-medium', " absolute adorement left-0  ") }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: adorement }) }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "".concat(generateClassName('adorement'), " h-[20px] right-[1px]"), ref: adorementRef }, { children: [adorement && adorementPosition === 'end' && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "  ".concat(isDisabled ? 'text-zinc-500' : 'text-grey-medium', " ") }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: adorement }) }))), step && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "ml-2" }, { children: [(0, jsx_runtime_1.jsx)(customIcons_1.default, { name: "TreeUp_Arrow", className: "text-gray-500 hover:text-dark cursor-pointer ".concat(isDisabled ? 'hidden' : 'block'), type: "medium", onClick: function () {
+                                                                    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: " 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: "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

@@ -122,6 +122,8 @@ export interface TextFieldProps {
     hideLabel?: boolean;
     defaultData?: string[];
     onCreatableChange?: (e: string[]) => void;
+    infoTitle?: string;
+    showInfo?: boolean;
 }
 export interface TextAreaProps {
     id: string;

package/dist/styles/styles/components/tooltip.css CHANGED Viewed

@@ -1,10 +1,6 @@
 .tooltip-container {
   position: relative;
-  transition:
-    background-color 0.3s,
-    width 0.3s,
-    height 0.3s,
-    color 0.3s;
+  transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
 }
 .bottom {
@@ -46,7 +42,7 @@
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     right: 20px;
@@ -64,7 +60,7 @@
     background-color: #000000;
     right: 14px;
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     z-index: 999;
@@ -79,7 +75,7 @@
     background-color: #000000;
     right: 14px;
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     z-index: 999;
@@ -110,6 +106,50 @@
   }
 }
 .top-tool {
+  .tooltip-info {
+    position: absolute;
+    bottom: 45px !important;
+    left: 0;
+    top: auto !important;
+    transform: translateX(0%);
+    padding: 0.3em 0.6em;
+    opacity: 0;
+    width: max-content;
+    white-space: normal;
+    z-index: 999;
+    font-size: 12px;
+    max-width: 100%;
+    color: white !important;
+    pointer-events: none;
+    transition: all 0.3s;
+    border: 1px solid #475467;
+    background-color: #475467;
+    border-radius: 6px;
+    color: rgb(34, 34, 34);
+  }
+  .tooltip-info::before {
+    position: absolute;
+    content: "";
+    height: 0.6em;
+    width: 0.6em;
+    z-index: 999;
+    bottom: -4px;
+    border: 1px solid #475467;
+    border-left: none;
+    border-top: none;
+    transform: translate(50%) rotate(45deg);
+    background-color: #475467;
+  }
+  .tooltip-container:hover .tooltip-info {
+    bottom: 45px !important;
+    opacity: 1;
+    top: auto !important;
+    visibility: visible;
+    z-index: 999;
+    pointer-events: auto;
+  }
   .tooltip {
     position: absolute;
     bottom: 45px !important;
@@ -134,7 +174,7 @@
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     z-index: 999;
@@ -156,6 +196,47 @@
   }
 }
 .bottom-tool {
+  .tooltip-info {
+    position: absolute;
+    bottom: -40;
+    transform: translateX(0%);
+    padding: 0.3em 0.6em;
+    opacity: 0;
+    width: max-content;
+    max-width: 100%;
+    z-index: 999;
+    font-size: 12px;
+    color: white !important;
+    white-space: wrap;
+    pointer-events: none;
+    transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
+    border: 1px solid #475467;
+    background-color: #475467;
+    border-radius: 6px;
+    color: rgb(34, 34, 34);
+  }
+  .tooltip-info::before {
+    position: absolute;
+    content: "";
+    height: 0.6em;
+    width: 0.6em;
+    z-index: 999;
+    top: -4px;
+    border: 1px solid #475467;
+    border-right: none;
+    border-bottom: none;
+    transform: translate(50%) rotate(45deg);
+    background-color: #475467;
+  }
+  .tooltip-container:hover .tooltip-info {
+    top: 46px;
+    opacity: 1;
+    visibility: visible;
+    z-index: 999;
+    pointer-events: auto;
+  }
   .tooltip {
     position: absolute;
     bottom: -40;
@@ -169,11 +250,7 @@
     color: #ff681d !important;
     white-space: wrap;
     pointer-events: none;
-    transition:
-      background-color 0.3s,
-      width 0.3s,
-      height 0.3s,
-      color 0.3s;
+    transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
     border: 1px solid #ff681d;
     background-color: #fff;
     border-radius: 6px;
@@ -182,7 +259,7 @@
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     z-index: 999;
@@ -219,11 +296,7 @@
     font-size: 12px;
     color: #fff !important;
     pointer-events: none;
-    transition:
-      background-color 0.3s,
-      width 0.3s,
-      height 0.3s,
-      color 0.3s;
+    transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
     border: 1px solid #e55353;
     background-color: #e55353;
     border-radius: 6px;
@@ -236,12 +309,11 @@
     min-width: 175px;
     background-color: #3d414a;
     border: 1px solid #3d414a;
   }
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     left: -8px;
@@ -291,11 +363,7 @@
     font-size: 12px;
     color: #fff !important;
     pointer-events: none;
-    transition:
-      background-color 0.3s,
-      width 0.3s,
-      height 0.3s,
-      color 0.3s;
+    transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
     border: 1px solid #e55353;
     background-color: #e55353;
     border-radius: 6px;
@@ -304,7 +372,7 @@
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     right: 0px;
@@ -340,11 +408,7 @@
     font-size: 12px;
     color: #fff !important;
     pointer-events: none;
-    transition:
-      background-color 0.3s,
-      width 0.3s,
-      height 0.3s,
-      color 0.3s;
+    transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
     border: 1px solid #e55353;
     background-color: #e55353;
     border-radius: 6px;
@@ -353,7 +417,7 @@
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     right: 20px;
@@ -396,16 +460,12 @@
   border-color: #bee0ff;
   padding: 5px;
   align-items: center;
-  transition:
-    opacity 0.3s,
-    visibility 0.3s,
-    top 0.3s,
-    background 0.3s;
+  transition: opacity 0.3s, visibility 0.3s, top 0.3s, background 0.3s;
   z-index: 1;
 }
 .custom-tooltip::before {
-  content: '';
+  content: "";
   position: absolute;
   bottom: 100%;
   left: 20%;
@@ -421,7 +481,7 @@
 }
 .custom-tooltip::after {
-  content: '';
+  content: "";
   position: absolute;
   bottom: 100%;
   left: 20%;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "react-core-ts",
-  "version": "1.1.24",
+  "version": "1.1.26",
   "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 ModernAutoComplete from "./ReactAutoComplete";
-import { applyPositionClass } from "./utilities/getPosition";
+import React, { useEffect, useRef, useState } from 'react';
-import { TextFieldProps } from "./commontypes";
-import CustomIcons from "./components/customIcons";
+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,
@@ -33,8 +33,9 @@ const TextField: React.FC<TextFieldProps> = ({
   onStepUp, //new requirement number steper
   onStepDown, //new requirement number steper
   onChange,
+  infoTitle,
   onBlur,
+  showInfo,
   errors,
   keyRegexPattern,
   backGround, //added for set background colour according to the form
@@ -78,7 +79,7 @@ const TextField: React.FC<TextFieldProps> = ({
     setWidth(innerwidth);
   }, [adorement]);
   const getErrors = (err?: any) => {
-    let errMsg = "";
+    let errMsg = '';
     if (err?.message) {
       errMsg = err?.message;
     }
@@ -92,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;
+    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 ? '' : '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 += ` 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
     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()
-            ? "active-input-label-bg"
+            ? 'active-input-label-bg'
             : isDisabled && !checkIsEmptyField()
-            ? "disabled-input-label-bg"
-            : ""
+            ? 'disabled-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;
@@ -173,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>) => {
@@ -200,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}
@@ -239,7 +240,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);
@@ -248,8 +249,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?.();
   };
@@ -260,7 +261,7 @@ const TextField: React.FC<TextFieldProps> = ({
     }
   }
-  const handleClick = (type: "up" | "down") => {
+  const handleClick = (type: 'up' | 'down') => {
     if (!isHolding) {
       clickTimeoutRef.current = setTimeout(() => {
         handleAction(type);
@@ -273,15 +274,18 @@ const TextField: React.FC<TextFieldProps> = ({
     applyPositionClass(textFieldRef);
   }, [isHovered]);
   return (
-    <div ref={textFieldRef} className={` ${fullwidth ? "w-full" : "w-auto"}`}>
+    <div ref={textFieldRef} className={` ${fullwidth ? 'w-full' : 'w-auto'}`}>
       <div className="tooltip-container ">
         {isHovered && errors && errors[name] && (
           <span className="tooltip">{handleError(errors)} </span>
         )}
+        {isHovered && infoTitle && (
+          <span className="tooltip-info">{infoTitle} </span>
+        )}
         <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 ">
@@ -308,15 +312,15 @@ 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}
@@ -325,7 +329,7 @@ const TextField: React.FC<TextFieldProps> = ({
                 <label
                   htmlFor={id}
                   onClick={() => onLabelClick()}
-                  className={generateClassName("label")}
+                  className={generateClassName('label')}
                 >
                   {label}
                   {required ? <span className="text-error"> *</span> : <></>}
@@ -337,10 +341,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}</>
@@ -349,14 +353,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}</>
@@ -369,13 +373,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}
@@ -383,13 +387,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}
@@ -401,7 +405,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)}
@@ -409,6 +413,17 @@ const TextField: React.FC<TextFieldProps> = ({
                       <CustomIcons name="alert" type="medium" />
                     </div>
                   )}
+                  {infoTitle &&showInfo && (
+                    <div
+                      className={` text-error-label relative bg-white cursor-pointer ${generateClassName(
+                        "message"
+                      )}`}
+                      onMouseEnter={() => setIsHovered(true)}
+                      onMouseLeave={() => setIsHovered(false)}
+                    >
+                      <CustomIcons name="infoCircle" type="medium" />
+                    </div>
+                  )}
                   {isValid && (
                     <div className="pl-2">
                       <CustomIcons

package/src/commontypes.ts CHANGED Viewed

@@ -130,6 +130,8 @@ export interface TextFieldProps {
   hideLabel?: boolean;
   defaultData?: string[];
   onCreatableChange?: (e: string[]) => void;
+  infoTitle?: string;
+  showInfo?: boolean;
 }
 export interface TextAreaProps {

package/src/styles/components/tooltip.css CHANGED Viewed

@@ -1,10 +1,6 @@
 .tooltip-container {
   position: relative;
-  transition:
-    background-color 0.3s,
-    width 0.3s,
-    height 0.3s,
-    color 0.3s;
+  transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
 }
 .bottom {
@@ -46,7 +42,7 @@
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     right: 20px;
@@ -64,7 +60,7 @@
     background-color: #000000;
     right: 14px;
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     z-index: 999;
@@ -79,7 +75,7 @@
     background-color: #000000;
     right: 14px;
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     z-index: 999;
@@ -110,6 +106,50 @@
   }
 }
 .top-tool {
+  .tooltip-info {
+    position: absolute;
+    bottom: 45px !important;
+    left: 0;
+    top: auto !important;
+    transform: translateX(0%);
+    padding: 0.3em 0.6em;
+    opacity: 0;
+    width: max-content;
+    white-space: normal;
+    z-index: 999;
+    font-size: 12px;
+    max-width: 100%;
+    color: white !important;
+    pointer-events: none;
+    transition: all 0.3s;
+    border: 1px solid #475467;
+    background-color: #475467;
+    border-radius: 6px;
+    color: rgb(34, 34, 34);
+  }
+  .tooltip-info::before {
+    position: absolute;
+    content: "";
+    height: 0.6em;
+    width: 0.6em;
+    z-index: 999;
+    bottom: -4px;
+    border: 1px solid #475467;
+    border-left: none;
+    border-top: none;
+    transform: translate(50%) rotate(45deg);
+    background-color: #475467;
+  }
+  .tooltip-container:hover .tooltip-info {
+    bottom: 45px !important;
+    opacity: 1;
+    top: auto !important;
+    visibility: visible;
+    z-index: 999;
+    pointer-events: auto;
+  }
   .tooltip {
     position: absolute;
     bottom: 45px !important;
@@ -134,7 +174,7 @@
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     z-index: 999;
@@ -156,6 +196,47 @@
   }
 }
 .bottom-tool {
+  .tooltip-info {
+    position: absolute;
+    bottom: -40;
+    transform: translateX(0%);
+    padding: 0.3em 0.6em;
+    opacity: 0;
+    width: max-content;
+    max-width: 100%;
+    z-index: 999;
+    font-size: 12px;
+    color: white !important;
+    white-space: wrap;
+    pointer-events: none;
+    transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
+    border: 1px solid #475467;
+    background-color: #475467;
+    border-radius: 6px;
+    color: rgb(34, 34, 34);
+  }
+  .tooltip-info::before {
+    position: absolute;
+    content: "";
+    height: 0.6em;
+    width: 0.6em;
+    z-index: 999;
+    top: -4px;
+    border: 1px solid #475467;
+    border-right: none;
+    border-bottom: none;
+    transform: translate(50%) rotate(45deg);
+    background-color: #475467;
+  }
+  .tooltip-container:hover .tooltip-info {
+    top: 46px;
+    opacity: 1;
+    visibility: visible;
+    z-index: 999;
+    pointer-events: auto;
+  }
   .tooltip {
     position: absolute;
     bottom: -40;
@@ -169,11 +250,7 @@
     color: #ff681d !important;
     white-space: wrap;
     pointer-events: none;
-    transition:
-      background-color 0.3s,
-      width 0.3s,
-      height 0.3s,
-      color 0.3s;
+    transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
     border: 1px solid #ff681d;
     background-color: #fff;
     border-radius: 6px;
@@ -182,7 +259,7 @@
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     z-index: 999;
@@ -219,11 +296,7 @@
     font-size: 12px;
     color: #fff !important;
     pointer-events: none;
-    transition:
-      background-color 0.3s,
-      width 0.3s,
-      height 0.3s,
-      color 0.3s;
+    transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
     border: 1px solid #e55353;
     background-color: #e55353;
     border-radius: 6px;
@@ -236,12 +309,11 @@
     min-width: 175px;
     background-color: #3d414a;
     border: 1px solid #3d414a;
   }
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     left: -8px;
@@ -291,11 +363,7 @@
     font-size: 12px;
     color: #fff !important;
     pointer-events: none;
-    transition:
-      background-color 0.3s,
-      width 0.3s,
-      height 0.3s,
-      color 0.3s;
+    transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
     border: 1px solid #e55353;
     background-color: #e55353;
     border-radius: 6px;
@@ -304,7 +372,7 @@
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     right: 0px;
@@ -340,11 +408,7 @@
     font-size: 12px;
     color: #fff !important;
     pointer-events: none;
-    transition:
-      background-color 0.3s,
-      width 0.3s,
-      height 0.3s,
-      color 0.3s;
+    transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
     border: 1px solid #e55353;
     background-color: #e55353;
     border-radius: 6px;
@@ -353,7 +417,7 @@
   .tooltip::before {
     position: absolute;
-    content: '';
+    content: "";
     height: 0.6em;
     width: 0.6em;
     right: 20px;
@@ -396,16 +460,12 @@
   border-color: #bee0ff;
   padding: 5px;
   align-items: center;
-  transition:
-    opacity 0.3s,
-    visibility 0.3s,
-    top 0.3s,
-    background 0.3s;
+  transition: opacity 0.3s, visibility 0.3s, top 0.3s, background 0.3s;
   z-index: 1;
 }
 .custom-tooltip::before {
-  content: '';
+  content: "";
   position: absolute;
   bottom: 100%;
   left: 20%;
@@ -421,7 +481,7 @@
 }
 .custom-tooltip::after {
-  content: '';
+  content: "";
   position: absolute;
   bottom: 100%;
   left: 20%;