@bikdotai/bik-component-library 0.0.861 → 0.0.862

package/dist/esm/components/input/Input.js

@@ -1,59 +1,60 @@
-import { jsxs as a, jsx as n, Fragment as Le } from "react/jsx-runtime";
-import Ee from "../../assets/icons/info.svg.js";
-import { escapeFormulaInjection as He } from "../../helpers/sanitize.js";
-import { forwardRef as _e, useState as v, useContext as ke, useRef as Ae, useEffect as d } from "react";
-import { isFunction as te, shouldSanitizeForType as Fe, sanitizeUnsafeInput as Re, validateInput as Be } from "./Input-helper.js";
-import { TitleSmall as De, BodySecondary as Oe } from "../TypographyStyle.js";
-import { COLORS as ne } from "../../constants/Theme.js";
+import { jsxs as o, jsx as n, Fragment as Ee } from "react/jsx-runtime";
+import He from "../../assets/icons/info.svg.js";
+import { escapeFormulaInjection as _e } from "../../helpers/sanitize.js";
+import { forwardRef as ke, useState as v, useContext as Ae, useRef as Fe, useEffect as d } from "react";
+import { isFunction as ne, shouldSanitizeForType as Re, sanitizeUnsafeInput as De, validateInput as Be } from "./Input-helper.js";
+import { TitleSmall as Oe, BodySecondary as ze } from "../TypographyStyle.js";
+import { COLORS as ie } from "../../constants/Theme.js";
 import Pe from "../../assets/icons/errorInfo.svg.js";
-import { InputStyleContext as ze } from "./context/InputStyleProvider.js";
-import { RootContainer as Ke, InputFooter as Ne, MaxCharStyle as ie, InputWrapper as je, IconHolder as re, PrefixHolder as Ve, InputContainer as We, InputContainerSmall as Xe, InputContainerXSmall as Ue, SuffixHolder as qe, InputHeader as Ge } from "./Input.styled.js";
-import { Button as le } from "../button/Button.js";
-import { Tooltip as Ye } from "../tooltips/Tooltip.js";
-const $e = _e(
+import { InputStyleContext as Ke } from "./context/InputStyleProvider.js";
+import { RootContainer as Ne, InputFooter as je, MaxCharStyle as le, InputWrapper as Ve, IconHolder as re, PrefixHolder as We, InputContainer as Xe, InputContainerSmall as Ue, InputContainerXSmall as qe, SuffixHolder as Ge, InputHeader as Ye } from "./Input.styled.js";
+import { Button as oe } from "../button/Button.js";
+import { Tooltip as $e } from "../tooltips/Tooltip.js";
+const Je = ke(
   (e, ae) => {
     const {
       placeholder: H,
       leftIcon: _,
       rightIcon: y,
       labelText: T,
-      maxCharLimit: l,
+      maxCharLimit: r,
       isRequired: k,
       hintText: A,
       type: c,
       state: b,
-      validate: oe,
-      variant: o,
-      button: h,
+      validate: ce,
+      variant: a,
+      button: u,
       suffixText: F,
       prefixText: R,
-      onChangeText: B,
+      onChangeText: D,
       value: m,
-      noErrorHint: ce,
-      reset: D,
-      rangeValidation: se,
+      noErrorHint: se,
+      reset: B,
+      rangeValidation: ue,
       noKeyDownChange: he,
-      version: ue,
+      version: de,
       noMaxCharCheck: O,
-      labelElement: P,
-      autoGrow: p,
+      labelElement: z,
+      autoGrow: S,
       minHeight: M,
-      maxHeight: de,
-      labelTextBold: fe,
-      truncateText: me,
-      maxCharLimitPosition: z,
+      maxHeight: fe,
+      labelTextBold: me,
+      truncateText: ge,
+      maxCharLimitPosition: P,
       maxCharStyle: K,
-      hightlightInputColor: ge,
+      hightlightInputColor: xe,
       onKeyDownEvent: N,
-      hideInputHeader: xe,
-      hideBorder: Ie,
-      inputWrapperStyles: Ce,
+      hideInputHeader: Ie,
+      hideBorder: Ce,
+      inputWrapperStyles: ve,
       minCharsToTrigger: j,
-      maxCharAlignment: ve,
+      maxCharAlignment: ye,
       isDisabled: V = !1,
-      allowUnsafeInput: ye,
-      preventFormulaInjection: Te,
-      leftIconStyle: be
+      solidDisabled: W = !1,
+      allowUnsafeInput: Te,
+      preventFormulaInjection: be,
+      leftIconStyle: Se
     } = {
       maxCharLimit: 0,
       type: "text",
@@ -62,206 +63,209 @@ const $e = _e(
       minCharsToTrigger: 0,
       maxCharAlignment: !1,
       ...e
-    }, W = _?.icon, X = y?.icon, [S, I] = v(!1), [pe, w] = v(!1), [u, U] = v(), q = o === "x-small" ? "12px" : o === "small" ? "18px" : "22px", C = ke(ze), [G, L] = v(""), Me = Ae(null), r = ae ?? Me;
+    }, X = _?.icon, U = y?.icon, [p, I] = v(!1), [Me, w] = v(!1), [h, q] = v(), G = a === "x-small" ? "12px" : a === "small" ? "18px" : "22px", C = Ae(Ke), [Y, L] = v(""), pe = Fe(null), l = ae ?? pe;
     d(() => {
-      L(m || ""), !m && p && (r.current.style.height = M || "48px");
+      L(m || ""), !m && S && (l.current.style.height = M || "48px");
     }, [m]), d(() => {
-      r.current && e.onReferenceInit?.(r.current);
-    }, [r]), d(() => {
-      const t = r.current;
+      l.current && e.onReferenceInit?.(l.current);
+    }, [l]), d(() => {
+      const t = l.current;
       if (t && ["phonenumber", "zip", "number"].includes(c))
-        return t.addEventListener("wheel", J, { passive: !1 }), () => {
-          t.removeEventListener("wheel", J);
+        return t.addEventListener("wheel", Q, { passive: !1 }), () => {
+          t.removeEventListener("wheel", Q);
         };
     }, []), d(() => {
-      D && L("");
-    }, [D]), d(() => {
-      w(!!e.isActive), e.isActive && r.current?.focus();
+      B && L("");
+    }, [B]), d(() => {
+      w(!!e.isActive), e.isActive && l.current?.focus();
     }, [e.isActive]), d(() => {
-      U(e.errorMessage);
+      q(e.errorMessage);
     }, [e.errorMessage]), d(() => {
-      I(!1), (e.state === "invalid" || u || e.state === "disabled-invalid") && I(!0), e.state === "active" && r.current?.focus();
-    }, [e.state, u]), d(() => {
-      I(!!u || e.state === "invalid");
-    }, [u, e.state]);
+      I(!1), (e.state === "invalid" || h || e.state === "disabled-invalid") && I(!0), e.state === "active" && l.current?.focus();
+    }, [e.state, h]), d(() => {
+      I(!!h || e.state === "invalid");
+    }, [h, e.state]);
     const f = (t, ...i) => {
-      te(t) && t(...i);
-    }, Y = () => c === "zip" ? 6 : 2e3, $ = (t) => {
-      const i = l !== 0 ? l : Y(), g = [8], x = j, s = t.target.value;
-      N && (!s.length || s.length >= x) && N(t), !he && (!s.length || s.length >= x) && B(m || "", t), !O && !g.includes(t.which) && i > 0 && s.length >= i && t.preventDefault();
-    }, J = (t) => {
-      t.preventDefault();
+      ne(t) && t(...i);
+    }, $ = () => c === "zip" ? 6 : 2e3, J = (t) => {
+      const i = r !== 0 ? r : $(), g = [8], x = j, s = t.target.value;
+      N && (!s.length || s.length >= x) && N(t), !he && (!s.length || s.length >= x) && D(m || "", t), !O && !g.includes(t.which) && i > 0 && s.length >= i && t.preventDefault();
     }, Q = (t) => {
+      t.preventDefault();
+    }, Z = (t) => {
       let i = t.target.value;
-      const g = l !== 0 ? l + 1 : Y(), x = j;
-      if (!ye && Fe(c) && (i = Re(i)), Te && (i = He(i)), !O && g > 0 && i.length >= g && (i = i.substring(0, g - 1)), e.textControl || L(i || ""), x && i && i.length < x)
+      const g = r !== 0 ? r + 1 : $(), x = j;
+      if (!Te && Re(c) && (i = De(i)), be && (i = _e(i)), !O && g > 0 && i.length >= g && (i = i.substring(0, g - 1)), e.textControl || L(i || ""), x && i && i.length < x)
         return;
-      B(i, t), p && (r.current.style.height = `${r.current.scrollHeight}px`, i || (r.current.style.height = M || "48px"));
-      const s = oe || Be;
-      if (!s || !te(s))
+      D(i, t), S && (l.current.style.height = `${l.current.scrollHeight}px`, i || (l.current.style.height = M || "48px"));
+      const s = ce || Be;
+      if (!s || !ne(s))
         return;
-      const [Se, we] = s(
+      const [we, Le] = s(
         i,
         c,
-        se
+        ue
       );
-      I(!Se), U(e.errorMessage ? e.errorMessage : we);
-    }, Z = (t) => {
-      e.skipFocus || w(!0), f(e.onFocus?.(t));
+      I(!we), q(e.errorMessage ? e.errorMessage : Le);
     }, ee = (t) => {
+      e.skipFocus || w(!0), f(e.onFocus?.(t));
+    }, te = (t) => {
       e.skipFocus || w(!1), f(e.onBlur?.(t));
-    }, E = () => /* @__PURE__ */ a(Le, { children: [
+    }, E = () => /* @__PURE__ */ o(Ee, { children: [
       c !== "multiline" && /* @__PURE__ */ n(
         "input",
         {
-          className: me ? "truncate-class" : "",
+          className: ge ? "truncate-class" : "",
           "data-test": e["data-test"],
           id: e.id,
           style: C?.input ?? {},
-          ref: r,
+          ref: l,
           disabled: V,
           type: ["phonenumber", "zip", "number"].includes(c) ? "number" : c,
-          value: G,
-          onFocus: (t) => Z(t),
-          onBlur: (t) => ee(t),
+          value: Y,
+          onFocus: (t) => ee(t),
+          onBlur: (t) => te(t),
           placeholder: H || "Enter here",
-          onChange: Q,
+          onChange: Z,
           onClick: (t) => f(e.onClick),
-          onKeyDown: (t) => $(t)
+          onKeyDown: (t) => J(t)
         }
       ),
       c === "multiline" && /* @__PURE__ */ n(
         "textarea",
         {
           "data-test": e["data-test"],
-          value: G,
-          ref: r,
-          onFocus: (t) => Z(t),
-          onBlur: (t) => ee(t),
+          value: Y,
+          ref: l,
+          onFocus: (t) => ee(t),
+          onBlur: (t) => te(t),
           onClick: (t) => f(e.onClick),
           disabled: V,
           placeholder: H || "Enter here",
-          onChange: Q,
-          onKeyDown: (t) => $(t),
-          maxLength: l > 0 ? l : void 0
+          onChange: Z,
+          onKeyDown: (t) => J(t),
+          maxLength: r > 0 ? r : void 0
         }
       )
     ] });
-    return /* @__PURE__ */ a(
-      Ke,
+    return /* @__PURE__ */ o(
+      Ne,
       {
         width: e.width,
         height: e.height,
         state: b,
+        solidDisabled: W,
         type: c,
         style: C?.RootContainer ?? {},
         children: [
-          /* @__PURE__ */ a("div", { className: "flex-align-center", children: [
-            !ce && (!!A || !!u) && /* @__PURE__ */ a(Ne, { invalid: !!u, children: [
-              !!u && /* @__PURE__ */ n(Pe, { width: 16, height: 16 }),
-              u || A
+          /* @__PURE__ */ o("div", { className: "flex-align-center", children: [
+            !se && (!!A || !!h) && /* @__PURE__ */ o(je, { invalid: !!h, children: [
+              !!h && /* @__PURE__ */ n(Pe, { width: 16, height: 16 }),
+              h || A
             ] }),
-            l > 0 && z === "BOTTOM" && /* @__PURE__ */ a(ie, { position: "BOTTOM", style: K, children: [
+            r > 0 && P === "BOTTOM" && /* @__PURE__ */ o(le, { position: "BOTTOM", style: K, children: [
               (m ?? "").toString()?.length ?? 0,
               "/",
-              l
+              r
             ] })
           ] }),
-          /* @__PURE__ */ a(
-            je,
+          /* @__PURE__ */ o(
+            Ve,
             {
-              variant: o,
+              variant: a,
               state: b,
+              solidDisabled: W,
               width: e.width,
-              isActive: b === "active" || pe,
-              isInvalid: S,
-              style: C?.InputWrapper ?? Ce ?? {},
-              version: ue,
+              isActive: b === "active" || Me,
+              isInvalid: p,
+              style: C?.InputWrapper ?? ve ?? {},
+              version: de,
               height: e.height,
-              hightlightInputColor: ge,
-              hideBorder: Ie,
+              hightlightInputColor: xe,
+              hideBorder: Ce,
               children: [
-                !!W && /* @__PURE__ */ n(
+                !!X && /* @__PURE__ */ n(
                   re,
                   {
-                    variant: o,
-                    iconSize: q,
+                    variant: a,
+                    iconSize: G,
                     onClick: () => f(_?.callback),
                     isLeft: !0,
                     style: {
                       ...C?.IconHolder ?? {},
-                      ...be
+                      ...Se
                     },
-                    children: /* @__PURE__ */ n(W, {})
+                    children: /* @__PURE__ */ n(X, {})
                   }
                 ),
-                !!R && /* @__PURE__ */ n(Ve, { variant: o, children: R }),
-                o === "default" && /* @__PURE__ */ n(
-                  We,
+                !!R && /* @__PURE__ */ n(We, { variant: a, children: R }),
+                a === "default" && /* @__PURE__ */ n(
+                  Xe,
                   {
                     height: e.height,
                     type: e.type,
                     minHeight: M,
-                    maxHeight: de,
-                    autoGrow: p,
+                    maxHeight: fe,
+                    autoGrow: S,
                     children: E()
                   }
                 ),
-                o === "small" && /* @__PURE__ */ n(Xe, { height: e.height, type: e.type, children: E() }),
-                o === "x-small" && /* @__PURE__ */ n(Ue, { height: e.height, type: e.type, children: E() }),
-                !!X && /* @__PURE__ */ n(
+                a === "small" && /* @__PURE__ */ n(Ue, { height: e.height, type: e.type, children: E() }),
+                a === "x-small" && /* @__PURE__ */ n(qe, { height: e.height, type: e.type, children: E() }),
+                !!U && /* @__PURE__ */ n(
                   re,
                   {
-                    variant: o,
-                    iconSize: q,
+                    variant: a,
+                    iconSize: G,
                     onClick: () => f(y?.callback),
                     isLeft: !1,
                     "data-test": y?.["data-test"],
-                    children: /* @__PURE__ */ n(X, {})
+                    children: /* @__PURE__ */ n(U, {})
                   }
                 ),
-                !!F && /* @__PURE__ */ n(qe, { variant: o, children: F }),
-                h && h.text && /* @__PURE__ */ n(
-                  le,
+                !!F && /* @__PURE__ */ n(Ge, { variant: a, children: F }),
+                u && u.text && /* @__PURE__ */ n(
+                  oe,
                   {
-                    buttonText: h.text,
-                    buttonType: h.buttonType,
-                    onClick: () => f(h?.onClick)
+                    buttonText: u.text,
+                    buttonType: u.buttonType,
+                    onClick: () => f(u?.onClick)
                   }
                 ),
-                h && h.buttonProps && /* @__PURE__ */ n(le, { ...h.buttonProps })
+                u && u.buttonProps && /* @__PURE__ */ n(oe, { ...u.buttonProps })
               ]
             }
           ),
-          !xe && (!!T || !!l) && /* @__PURE__ */ a(
-            Ge,
+          !Ie && (!!T || !!r) && /* @__PURE__ */ o(
+            Ye,
             {
-              invalid: S,
-              maxCharAlignment: ve,
+              invalid: p,
+              maxCharAlignment: ye,
               children: [
-                P && P,
-                /* @__PURE__ */ a("div", { className: "label__container", children: [
-                  fe ? /* @__PURE__ */ a(De, { children: [
+                z && z,
+                /* @__PURE__ */ o("div", { className: "label__container", children: [
+                  me ? /* @__PURE__ */ o(Oe, { children: [
                     T,
                     k ? /* @__PURE__ */ n("span", { children: "*" }) : ""
-                  ] }) : /* @__PURE__ */ a(Oe, { children: [
+                  ] }) : /* @__PURE__ */ o(ze, { children: [
                     T,
                     k ? /* @__PURE__ */ n("span", { children: "*" }) : ""
                   ] }),
-                  e.tooltipText && /* @__PURE__ */ n(Ye, { body: e.tooltipText, placement: "top", children: /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(
-                    Ee,
+                  e.tooltipText && /* @__PURE__ */ n($e, { body: e.tooltipText, placement: "top", children: /* @__PURE__ */ n("span", { children: /* @__PURE__ */ n(
+                    He,
                     {
+                      "data-test": "input-tooltip-icon",
                       style: { marginTop: -3 },
-                      width: 18,
-                      height: 18,
-                      color: S ? ne.content.negative : ne.content.primary
+                      width: e.tooltipIconSize ?? 18,
+                      height: e.tooltipIconSize ?? 18,
+                      color: p ? ie.content.negative : e.tooltipIconColor ?? ie.content.primary
                     }
                   ) }) })
                 ] }),
-                l > 0 && z === "TOP" && /* @__PURE__ */ a(ie, { style: K, children: [
+                r > 0 && P === "TOP" && /* @__PURE__ */ o(le, { style: K, children: [
                   (m ?? "").toString()?.length ?? 0,
                   "/",
-                  l
+                  r
                 ] })
               ]
             }
@@ -271,8 +275,8 @@ const $e = _e(
     );
   }
 );
-$e.displayName = "Input";
+Je.displayName = "Input";
 export {
-  $e as Input
+  Je as Input
 };
 //# sourceMappingURL=Input.js.map

package/dist/esm/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport { escapeFormulaInjection } from '@src/helpers/sanitize';\nimport React, {\n\tforwardRef,\n\tMutableRefObject,\n\tRef,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { Button } from '@src/components/button';\nimport {\n\tisFunction,\n\tsanitizeUnsafeInput,\n\tshouldSanitizeForType,\n\tvalidateInput,\n} from '@src/components/input/Input-helper';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodySecondary, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport ErrorIcon from '../../assets/icons/errorInfo.svg';\nimport { InputStyleContext } from './context/InputStyleProvider';\nimport { InputProps, InputTypeI, InputVariant } from './Input.model';\nimport * as SC from './Input.styled';\nimport { PrefixHolder, SuffixHolder } from './Input.styled';\n\nexport const Input = forwardRef(\n\t(\n\t\tprops: InputProps,\n\t\tfRef: React.ForwardedRef<HTMLInputElement | HTMLTextAreaElement | null>,\n\t) => {\n\t\tconst {\n\t\t\tplaceholder,\n\t\t\tleftIcon,\n\t\t\trightIcon,\n\t\t\tlabelText,\n\t\t\tmaxCharLimit,\n\t\t\tisRequired,\n\t\t\thintText,\n\t\t\ttype,\n\t\t\tstate,\n\t\t\tvalidate,\n\t\t\tvariant,\n\t\t\tbutton,\n\t\t\tsuffixText,\n\t\t\tprefixText,\n\t\t\tonChangeText,\n\t\t\tvalue,\n\t\t\tnoErrorHint,\n\t\t\treset,\n\t\t\trangeValidation,\n\t\t\tnoKeyDownChange,\n\t\t\tversion,\n\t\t\tnoMaxCharCheck,\n\t\t\tlabelElement,\n\t\t\tautoGrow,\n\t\t\tminHeight,\n\t\t\tmaxHeight,\n\t\t\tlabelTextBold,\n\t\t\ttruncateText,\n\t\t\tmaxCharLimitPosition,\n\t\t\tmaxCharStyle,\n\t\t\thightlightInputColor,\n\t\t\tonKeyDownEvent,\n\t\t\thideInputHeader,\n\t\t\thideBorder,\n\t\t\tinputWrapperStyles,\n\t\t\tminCharsToTrigger,\n\t\t\tmaxCharAlignment,\n\t\t\tisDisabled = false,\n\t\t\tallowUnsafeInput,\n\t\t\tpreventFormulaInjection,\n\t\t\tleftIconStyle,\n\t\t} = {\n\t\t\tmaxCharLimit: 0,\n\t\t\ttype: 'text' as InputTypeI,\n\t\t\tvariant: 'default' as InputVariant,\n\t\t\tmaxCharLimitPosition: 'TOP',\n\t\t\tminCharsToTrigger: 0,\n\t\t\tmaxCharAlignment: false,\n\t\t\t...props,\n\t\t};\n\t\tconst LeftIcon = leftIcon?.icon;\n\t\tconst RightIcon = rightIcon?.icon;\n\t\tconst [isInvalid, setIsInvalid] = useState<boolean>(false);\n\t\tconst [isActive, setIsActive] = useState<boolean>(false);\n\t\tconst [errorMessage, setErrorMessage] = useState<string>();\n\t\tconst iconSize =\n\t\t\tvariant === 'x-small' ? '12px' : variant === 'small' ? '18px' : '22px';\n\t\tconst stylesFromOutside = useContext(InputStyleContext);\n\t\tconst [inputValue, setInputValue] = useState<string>('');\n\t\tconst _ref = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\t\tconst inputRef: MutableRefObject<HTMLInputElement | HTMLTextAreaElement> =\n\t\t\t(fRef ?? _ref) as MutableRefObject<\n\t\t\t\tHTMLInputElement | HTMLTextAreaElement\n\t\t\t>;\n\n\t\tuseEffect(() => {\n\t\t\tsetInputValue(value || '');\n\t\t\tif (!value && autoGrow) {\n\t\t\t\tinputRef.current.style.height = minHeight || '48px';\n\t\t\t}\n\t\t}, [value]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!inputRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.onReferenceInit?.(inputRef.current);\n\t\t}, [inputRef]);\n\n\t\tuseEffect(() => {\n\t\t\tconst numberInput = inputRef.current;\n\t\t\tif (numberInput && ['phonenumber', 'zip', 'number'].includes(type)) {\n\t\t\t\tnumberInput.addEventListener('wheel', onWheel, { passive: false });\n\n\t\t\t\treturn () => {\n\t\t\t\t\tnumberInput.removeEventListener('wheel', onWheel);\n\t\t\t\t};\n\t\t\t}\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tif (!reset) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetInputValue('');\n\t\t}, [reset]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsActive(!!props.isActive);\n\t\t\tif (props.isActive) {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.isActive]);\n\n\t\tuseEffect(() => {\n\t\t\tsetErrorMessage(props.errorMessage);\n\t\t}, [props.errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(false);\n\t\t\tif (\n\t\t\t\tprops.state === 'invalid' ||\n\t\t\t\terrorMessage ||\n\t\t\t\tprops.state === 'disabled-invalid'\n\t\t\t) {\n\t\t\t\tsetIsInvalid(true);\n\t\t\t}\n\t\t\tif (props.state === 'active') {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.state, errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(!!errorMessage || props.state === 'invalid');\n\t\t}, [errorMessage, props.state]);\n\n\t\tconst executeCallback = (cb: any, ...params: any[]): void => {\n\t\t\tif (!isFunction(cb)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcb(...params);\n\t\t};\n\n\t\tconst getMaxChar = () => {\n\t\t\tif (type === 'zip') {\n\t\t\t\treturn 6;\n\t\t\t}\n\t\t\treturn 2000;\n\t\t};\n\n\t\tconst onKeyDown = (e) => {\n\t\t\tconst MAX_CHAR_LIMIT = maxCharLimit !== 0 ? maxCharLimit : getMaxChar();\n\t\t\tconst KEY_CODES_TO_BE_EXCLUDED = [8];\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\t\t\tconst inputText = e.target.value;\n\t\t\tif (\n\t\t\t\tonKeyDownEvent &&\n\t\t\t\t(!inputText.length || inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonKeyDownEvent(e);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noKeyDownChange &&\n\t\t\t\t(!inputText.length || inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonChangeText(value || '', e);\n\t\t\t}\n\t\t\tif (noMaxCharCheck) return;\n\n\t\t\tif (\n\t\t\t\t!KEY_CODES_TO_BE_EXCLUDED.includes(e.which) &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t};\n\n\t\tconst onWheel = (event) => {\n\t\t\tevent.preventDefault(); // Prevent the default scroll behavior\n\t\t};\n\n\t\tconst onChange = (e) => {\n\t\t\tlet inputText = e.target.value;\n\t\t\tconst MAX_CHAR_LIMIT =\n\t\t\t\tmaxCharLimit !== 0 ? maxCharLimit + 1 : getMaxChar();\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\n\t\t\tif (!allowUnsafeInput && shouldSanitizeForType(type)) {\n\t\t\t\tinputText = sanitizeUnsafeInput(inputText);\n\t\t\t}\n\n\t\t\tif (preventFormulaInjection) {\n\t\t\t\tinputText = escapeFormulaInjection(inputText);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noMaxCharCheck &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\t// letting user to copy paste text upto max limit instead of blank action\n\t\t\t\tinputText = inputText.substring(0, MAX_CHAR_LIMIT - 1);\n\t\t\t}\n\n\t\t\tif (!props.textControl) {\n\t\t\t\tsetInputValue(inputText || '');\n\t\t\t}\n\t\t\tif (MIN_CHAR_LIMIT && inputText && inputText.length < MIN_CHAR_LIMIT) {\n\t\t\t\t// if minCharsToTrigger  exists and is not reached, do nothing\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonChangeText(inputText, e);\n\t\t\tif (autoGrow) {\n\t\t\t\tinputRef.current.style.height = `${inputRef.current.scrollHeight}px`;\n\t\t\t\tif (!inputText) {\n\t\t\t\t\tinputRef.current.style.height = minHeight || '48px';\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst validateFunction = validate || validateInput;\n\t\t\tif (!validateFunction || !isFunction(validateFunction)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst [isValid, error] = validateFunction(\n\t\t\t\tinputText,\n\t\t\t\ttype,\n\t\t\t\trangeValidation,\n\t\t\t);\n\n\t\t\tsetIsInvalid(!isValid);\n\t\t\tsetErrorMessage(props.errorMessage ? props.errorMessage : error);\n\t\t};\n\n\t\tconst onFocus = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(true);\n\t\t\t}\n\t\t\texecuteCallback(props.onFocus?.(e));\n\t\t};\n\n\t\tconst onBlur = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(false);\n\t\t\t}\n\t\t\texecuteCallback(props.onBlur?.(e));\n\t\t};\n\n\t\tconst getInputHTML = () => {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{type !== 'multiline' && (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={truncateText ? 'truncate-class' : ''}\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tid={props.id}\n\t\t\t\t\t\t\tstyle={stylesFromOutside?.input ?? {}}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLInputElement>}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\ttype={\n\t\t\t\t\t\t\t\t['phonenumber', 'zip', 'number'].includes(type)\n\t\t\t\t\t\t\t\t\t? 'number'\n\t\t\t\t\t\t\t\t\t: type\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tplaceholder={placeholder || 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{type === 'multiline' && (\n\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLTextAreaElement>}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\tplaceholder={placeholder || 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t\tmaxLength={maxCharLimit > 0 ? maxCharLimit : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<SC.RootContainer\n\t\t\t\twidth={props.width}\n\t\t\t\theight={props.height}\n\t\t\t\tstate={state}\n\t\t\t\ttype={type}\n\t\t\t\tstyle={stylesFromOutside?.RootContainer ?? {}}\n\t\t\t>\n\t\t\t\t<div className=\"flex-align-center\">\n\t\t\t\t\t{!noErrorHint && (!!hintText || !!errorMessage) && (\n\t\t\t\t\t\t<SC.InputFooter invalid={!!errorMessage}>\n\t\t\t\t\t\t\t{!!errorMessage && <ErrorIcon width={16} height={16} />}\n\t\t\t\t\t\t\t{errorMessage || hintText}\n\t\t\t\t\t\t</SC.InputFooter>\n\t\t\t\t\t)}\n\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'BOTTOM' && (\n\t\t\t\t\t\t<SC.MaxCharStyle position={'BOTTOM'} style={maxCharStyle}>\n\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<SC.InputWrapper\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tstate={state}\n\t\t\t\t\twidth={props.width}\n\t\t\t\t\tisActive={state === 'active' || isActive}\n\t\t\t\t\tisInvalid={isInvalid}\n\t\t\t\t\tstyle={stylesFromOutside?.InputWrapper ?? inputWrapperStyles ?? {}}\n\t\t\t\t\tversion={version}\n\t\t\t\t\theight={props.height}\n\t\t\t\t\thightlightInputColor={hightlightInputColor}\n\t\t\t\t\thideBorder={hideBorder}\n\t\t\t\t>\n\t\t\t\t\t{!!LeftIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(leftIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={true}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t...(stylesFromOutside?.IconHolder ?? {}),\n\t\t\t\t\t\t\t\t...leftIconStyle,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LeftIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!prefixText && (\n\t\t\t\t\t\t<PrefixHolder variant={variant}>{prefixText}</PrefixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'default' && (\n\t\t\t\t\t\t<SC.InputContainer\n\t\t\t\t\t\t\theight={props.height}\n\t\t\t\t\t\t\ttype={props.type}\n\t\t\t\t\t\t\tminHeight={minHeight}\n\t\t\t\t\t\t\tmaxHeight={maxHeight}\n\t\t\t\t\t\t\tautoGrow={autoGrow}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'small' && (\n\t\t\t\t\t\t<SC.InputContainerSmall height={props.height} type={props.type}>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainerSmall>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'x-small' && (\n\t\t\t\t\t\t<SC.InputContainerXSmall height={props.height} type={props.type}>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainerXSmall>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!RightIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(rightIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={false}\n\t\t\t\t\t\t\tdata-test={rightIcon?.['data-test']}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RightIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!suffixText && (\n\t\t\t\t\t\t<SuffixHolder variant={variant}>{suffixText}</SuffixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.text && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={button.text}\n\t\t\t\t\t\t\tbuttonType={button.buttonType}\n\t\t\t\t\t\t\tonClick={() => executeCallback(button?.onClick)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.buttonProps && <Button {...button.buttonProps} />}\n\t\t\t\t</SC.InputWrapper>\n\t\t\t\t{!hideInputHeader && (!!labelText || !!maxCharLimit) && (\n\t\t\t\t\t<SC.InputHeader\n\t\t\t\t\t\tinvalid={isInvalid}\n\t\t\t\t\t\tmaxCharAlignment={maxCharAlignment}\n\t\t\t\t\t>\n\t\t\t\t\t\t{labelElement && labelElement}\n\t\t\t\t\t\t<div className=\"label__container\">\n\t\t\t\t\t\t\t{labelTextBold ? (\n\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span>*</span> : ''}\n\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span>*</span> : ''}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.tooltipText && (\n\t\t\t\t\t\t\t\t<Tooltip body={props.tooltipText} placement={'top'}>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginTop: -3 }}\n\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\tisInvalid\n\t\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'TOP' && (\n\t\t\t\t\t\t\t<SC.MaxCharStyle style={maxCharStyle}>\n\t\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</SC.InputHeader>\n\t\t\t\t)}\n\t\t\t</SC.RootContainer>\n\t\t);\n\t},\n);\n\nInput.displayName = 'Input';\n"],"names":["Input","forwardRef","props","fRef","placeholder","leftIcon","rightIcon","labelText","maxCharLimit","isRequired","hintText","type","state","validate","variant","button","suffixText","prefixText","onChangeText","value","noErrorHint","reset","rangeValidation","noKeyDownChange","version","noMaxCharCheck","labelElement","autoGrow","minHeight","maxHeight","labelTextBold","truncateText","maxCharLimitPosition","maxCharStyle","hightlightInputColor","onKeyDownEvent","hideInputHeader","hideBorder","inputWrapperStyles","minCharsToTrigger","maxCharAlignment","isDisabled","allowUnsafeInput","preventFormulaInjection","leftIconStyle","LeftIcon","RightIcon","isInvalid","setIsInvalid","useState","isActive","setIsActive","errorMessage","setErrorMessage","iconSize","stylesFromOutside","useContext","InputStyleContext","inputValue","setInputValue","_ref","useRef","inputRef","useEffect","numberInput","onWheel","executeCallback","cb","params","isFunction","getMaxChar","onKeyDown","e","MAX_CHAR_LIMIT","KEY_CODES_TO_BE_EXCLUDED","MIN_CHAR_LIMIT","inputText","event","onChange","shouldSanitizeForType","sanitizeUnsafeInput","escapeFormulaInjection","validateFunction","validateInput","isValid","error","onFocus","onBlur","getInputHTML","jsxs","Fragment","jsx","SC.RootContainer","SC.InputFooter","ErrorIcon","SC.MaxCharStyle","SC.InputWrapper","SC.IconHolder","PrefixHolder","SC.InputContainer","SC.InputContainerSmall","SC.InputContainerXSmall","SuffixHolder","Button","SC.InputHeader","TitleSmall","BodySecondary","Tooltip","InfoIcon","COLORS"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport { escapeFormulaInjection } from '@src/helpers/sanitize';\nimport React, {\n\tforwardRef,\n\tMutableRefObject,\n\tRef,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { Button } from '@src/components/button';\nimport {\n\tisFunction,\n\tsanitizeUnsafeInput,\n\tshouldSanitizeForType,\n\tvalidateInput,\n} from '@src/components/input/Input-helper';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodySecondary, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport ErrorIcon from '../../assets/icons/errorInfo.svg';\nimport { InputStyleContext } from './context/InputStyleProvider';\nimport { InputProps, InputTypeI, InputVariant } from './Input.model';\nimport * as SC from './Input.styled';\nimport { PrefixHolder, SuffixHolder } from './Input.styled';\n\nexport const Input = forwardRef(\n\t(\n\t\tprops: InputProps,\n\t\tfRef: React.ForwardedRef<HTMLInputElement | HTMLTextAreaElement | null>,\n\t) => {\n\t\tconst {\n\t\t\tplaceholder,\n\t\t\tleftIcon,\n\t\t\trightIcon,\n\t\t\tlabelText,\n\t\t\tmaxCharLimit,\n\t\t\tisRequired,\n\t\t\thintText,\n\t\t\ttype,\n\t\t\tstate,\n\t\t\tvalidate,\n\t\t\tvariant,\n\t\t\tbutton,\n\t\t\tsuffixText,\n\t\t\tprefixText,\n\t\t\tonChangeText,\n\t\t\tvalue,\n\t\t\tnoErrorHint,\n\t\t\treset,\n\t\t\trangeValidation,\n\t\t\tnoKeyDownChange,\n\t\t\tversion,\n\t\t\tnoMaxCharCheck,\n\t\t\tlabelElement,\n\t\t\tautoGrow,\n\t\t\tminHeight,\n\t\t\tmaxHeight,\n\t\t\tlabelTextBold,\n\t\t\ttruncateText,\n\t\t\tmaxCharLimitPosition,\n\t\t\tmaxCharStyle,\n\t\t\thightlightInputColor,\n\t\t\tonKeyDownEvent,\n\t\t\thideInputHeader,\n\t\t\thideBorder,\n\t\t\tinputWrapperStyles,\n\t\t\tminCharsToTrigger,\n\t\t\tmaxCharAlignment,\n\t\t\tisDisabled = false,\n\t\t\tsolidDisabled = false,\n\t\t\tallowUnsafeInput,\n\t\t\tpreventFormulaInjection,\n\t\t\tleftIconStyle,\n\t\t} = {\n\t\t\tmaxCharLimit: 0,\n\t\t\ttype: 'text' as InputTypeI,\n\t\t\tvariant: 'default' as InputVariant,\n\t\t\tmaxCharLimitPosition: 'TOP',\n\t\t\tminCharsToTrigger: 0,\n\t\t\tmaxCharAlignment: false,\n\t\t\t...props,\n\t\t};\n\t\tconst LeftIcon = leftIcon?.icon;\n\t\tconst RightIcon = rightIcon?.icon;\n\t\tconst [isInvalid, setIsInvalid] = useState<boolean>(false);\n\t\tconst [isActive, setIsActive] = useState<boolean>(false);\n\t\tconst [errorMessage, setErrorMessage] = useState<string>();\n\t\tconst iconSize =\n\t\t\tvariant === 'x-small' ? '12px' : variant === 'small' ? '18px' : '22px';\n\t\tconst stylesFromOutside = useContext(InputStyleContext);\n\t\tconst [inputValue, setInputValue] = useState<string>('');\n\t\tconst _ref = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\t\tconst inputRef: MutableRefObject<HTMLInputElement | HTMLTextAreaElement> =\n\t\t\t(fRef ?? _ref) as MutableRefObject<\n\t\t\t\tHTMLInputElement | HTMLTextAreaElement\n\t\t\t>;\n\n\t\tuseEffect(() => {\n\t\t\tsetInputValue(value || '');\n\t\t\tif (!value && autoGrow) {\n\t\t\t\tinputRef.current.style.height = minHeight || '48px';\n\t\t\t}\n\t\t}, [value]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!inputRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.onReferenceInit?.(inputRef.current);\n\t\t}, [inputRef]);\n\n\t\tuseEffect(() => {\n\t\t\tconst numberInput = inputRef.current;\n\t\t\tif (numberInput && ['phonenumber', 'zip', 'number'].includes(type)) {\n\t\t\t\tnumberInput.addEventListener('wheel', onWheel, { passive: false });\n\n\t\t\t\treturn () => {\n\t\t\t\t\tnumberInput.removeEventListener('wheel', onWheel);\n\t\t\t\t};\n\t\t\t}\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tif (!reset) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetInputValue('');\n\t\t}, [reset]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsActive(!!props.isActive);\n\t\t\tif (props.isActive) {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.isActive]);\n\n\t\tuseEffect(() => {\n\t\t\tsetErrorMessage(props.errorMessage);\n\t\t}, [props.errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(false);\n\t\t\tif (\n\t\t\t\tprops.state === 'invalid' ||\n\t\t\t\terrorMessage ||\n\t\t\t\tprops.state === 'disabled-invalid'\n\t\t\t) {\n\t\t\t\tsetIsInvalid(true);\n\t\t\t}\n\t\t\tif (props.state === 'active') {\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t}, [props.state, errorMessage]);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsInvalid(!!errorMessage || props.state === 'invalid');\n\t\t}, [errorMessage, props.state]);\n\n\t\tconst executeCallback = (cb: any, ...params: any[]): void => {\n\t\t\tif (!isFunction(cb)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcb(...params);\n\t\t};\n\n\t\tconst getMaxChar = () => {\n\t\t\tif (type === 'zip') {\n\t\t\t\treturn 6;\n\t\t\t}\n\t\t\treturn 2000;\n\t\t};\n\n\t\tconst onKeyDown = (e) => {\n\t\t\tconst MAX_CHAR_LIMIT = maxCharLimit !== 0 ? maxCharLimit : getMaxChar();\n\t\t\tconst KEY_CODES_TO_BE_EXCLUDED = [8];\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\t\t\tconst inputText = e.target.value;\n\t\t\tif (\n\t\t\t\tonKeyDownEvent &&\n\t\t\t\t(!inputText.length || inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonKeyDownEvent(e);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noKeyDownChange &&\n\t\t\t\t(!inputText.length || inputText.length >= MIN_CHAR_LIMIT)\n\t\t\t) {\n\t\t\t\tonChangeText(value || '', e);\n\t\t\t}\n\t\t\tif (noMaxCharCheck) return;\n\n\t\t\tif (\n\t\t\t\t!KEY_CODES_TO_BE_EXCLUDED.includes(e.which) &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t};\n\n\t\tconst onWheel = (event) => {\n\t\t\tevent.preventDefault(); // Prevent the default scroll behavior\n\t\t};\n\n\t\tconst onChange = (e) => {\n\t\t\tlet inputText = e.target.value;\n\t\t\tconst MAX_CHAR_LIMIT =\n\t\t\t\tmaxCharLimit !== 0 ? maxCharLimit + 1 : getMaxChar();\n\t\t\tconst MIN_CHAR_LIMIT = minCharsToTrigger;\n\n\t\t\tif (!allowUnsafeInput && shouldSanitizeForType(type)) {\n\t\t\t\tinputText = sanitizeUnsafeInput(inputText);\n\t\t\t}\n\n\t\t\tif (preventFormulaInjection) {\n\t\t\t\tinputText = escapeFormulaInjection(inputText);\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t!noMaxCharCheck &&\n\t\t\t\tMAX_CHAR_LIMIT > 0 &&\n\t\t\t\tinputText.length >= MAX_CHAR_LIMIT\n\t\t\t) {\n\t\t\t\t// letting user to copy paste text upto max limit instead of blank action\n\t\t\t\tinputText = inputText.substring(0, MAX_CHAR_LIMIT - 1);\n\t\t\t}\n\n\t\t\tif (!props.textControl) {\n\t\t\t\tsetInputValue(inputText || '');\n\t\t\t}\n\t\t\tif (MIN_CHAR_LIMIT && inputText && inputText.length < MIN_CHAR_LIMIT) {\n\t\t\t\t// if minCharsToTrigger  exists and is not reached, do nothing\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonChangeText(inputText, e);\n\t\t\tif (autoGrow) {\n\t\t\t\tinputRef.current.style.height = `${inputRef.current.scrollHeight}px`;\n\t\t\t\tif (!inputText) {\n\t\t\t\t\tinputRef.current.style.height = minHeight || '48px';\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst validateFunction = validate || validateInput;\n\t\t\tif (!validateFunction || !isFunction(validateFunction)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst [isValid, error] = validateFunction(\n\t\t\t\tinputText,\n\t\t\t\ttype,\n\t\t\t\trangeValidation,\n\t\t\t);\n\n\t\t\tsetIsInvalid(!isValid);\n\t\t\tsetErrorMessage(props.errorMessage ? props.errorMessage : error);\n\t\t};\n\n\t\tconst onFocus = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(true);\n\t\t\t}\n\t\t\texecuteCallback(props.onFocus?.(e));\n\t\t};\n\n\t\tconst onBlur = (e) => {\n\t\t\tif (!props.skipFocus) {\n\t\t\t\tsetIsActive(false);\n\t\t\t}\n\t\t\texecuteCallback(props.onBlur?.(e));\n\t\t};\n\n\t\tconst getInputHTML = () => {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{type !== 'multiline' && (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={truncateText ? 'truncate-class' : ''}\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tid={props.id}\n\t\t\t\t\t\t\tstyle={stylesFromOutside?.input ?? {}}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLInputElement>}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\ttype={\n\t\t\t\t\t\t\t\t['phonenumber', 'zip', 'number'].includes(type)\n\t\t\t\t\t\t\t\t\t? 'number'\n\t\t\t\t\t\t\t\t\t: type\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tplaceholder={placeholder || 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{type === 'multiline' && (\n\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tref={inputRef as Ref<HTMLTextAreaElement>}\n\t\t\t\t\t\t\tonFocus={(e) => onFocus(e)}\n\t\t\t\t\t\t\tonBlur={(e) => onBlur(e)}\n\t\t\t\t\t\t\tonClick={(e) => executeCallback(props.onClick)}\n\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\tplaceholder={placeholder || 'Enter here'}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tonKeyDown={(e) => onKeyDown(e)}\n\t\t\t\t\t\t\tmaxLength={maxCharLimit > 0 ? maxCharLimit : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<SC.RootContainer\n\t\t\t\twidth={props.width}\n\t\t\t\theight={props.height}\n\t\t\t\tstate={state}\n\t\t\t\tsolidDisabled={solidDisabled}\n\t\t\t\ttype={type}\n\t\t\t\tstyle={stylesFromOutside?.RootContainer ?? {}}\n\t\t\t>\n\t\t\t\t<div className=\"flex-align-center\">\n\t\t\t\t\t{!noErrorHint && (!!hintText || !!errorMessage) && (\n\t\t\t\t\t\t<SC.InputFooter invalid={!!errorMessage}>\n\t\t\t\t\t\t\t{!!errorMessage && <ErrorIcon width={16} height={16} />}\n\t\t\t\t\t\t\t{errorMessage || hintText}\n\t\t\t\t\t\t</SC.InputFooter>\n\t\t\t\t\t)}\n\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'BOTTOM' && (\n\t\t\t\t\t\t<SC.MaxCharStyle position={'BOTTOM'} style={maxCharStyle}>\n\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<SC.InputWrapper\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tstate={state}\n\t\t\t\t\tsolidDisabled={solidDisabled}\n\t\t\t\t\twidth={props.width}\n\t\t\t\t\tisActive={state === 'active' || isActive}\n\t\t\t\t\tisInvalid={isInvalid}\n\t\t\t\t\tstyle={stylesFromOutside?.InputWrapper ?? inputWrapperStyles ?? {}}\n\t\t\t\t\tversion={version}\n\t\t\t\t\theight={props.height}\n\t\t\t\t\thightlightInputColor={hightlightInputColor}\n\t\t\t\t\thideBorder={hideBorder}\n\t\t\t\t>\n\t\t\t\t\t{!!LeftIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(leftIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={true}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t...(stylesFromOutside?.IconHolder ?? {}),\n\t\t\t\t\t\t\t\t...leftIconStyle,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LeftIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!prefixText && (\n\t\t\t\t\t\t<PrefixHolder variant={variant}>{prefixText}</PrefixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'default' && (\n\t\t\t\t\t\t<SC.InputContainer\n\t\t\t\t\t\t\theight={props.height}\n\t\t\t\t\t\t\ttype={props.type}\n\t\t\t\t\t\t\tminHeight={minHeight}\n\t\t\t\t\t\t\tmaxHeight={maxHeight}\n\t\t\t\t\t\t\tautoGrow={autoGrow}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'small' && (\n\t\t\t\t\t\t<SC.InputContainerSmall height={props.height} type={props.type}>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainerSmall>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'x-small' && (\n\t\t\t\t\t\t<SC.InputContainerXSmall height={props.height} type={props.type}>\n\t\t\t\t\t\t\t{getInputHTML()}\n\t\t\t\t\t\t</SC.InputContainerXSmall>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!RightIcon && (\n\t\t\t\t\t\t<SC.IconHolder\n\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\t\t\tonClick={() => executeCallback(rightIcon?.callback)}\n\t\t\t\t\t\t\tisLeft={false}\n\t\t\t\t\t\t\tdata-test={rightIcon?.['data-test']}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RightIcon />\n\t\t\t\t\t\t</SC.IconHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!suffixText && (\n\t\t\t\t\t\t<SuffixHolder variant={variant}>{suffixText}</SuffixHolder>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.text && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={button.text}\n\t\t\t\t\t\t\tbuttonType={button.buttonType}\n\t\t\t\t\t\t\tonClick={() => executeCallback(button?.onClick)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{button && button.buttonProps && <Button {...button.buttonProps} />}\n\t\t\t\t</SC.InputWrapper>\n\t\t\t\t{!hideInputHeader && (!!labelText || !!maxCharLimit) && (\n\t\t\t\t\t<SC.InputHeader\n\t\t\t\t\t\tinvalid={isInvalid}\n\t\t\t\t\t\tmaxCharAlignment={maxCharAlignment}\n\t\t\t\t\t>\n\t\t\t\t\t\t{labelElement && labelElement}\n\t\t\t\t\t\t<div className=\"label__container\">\n\t\t\t\t\t\t\t{labelTextBold ? (\n\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span>*</span> : ''}\n\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t\t\t{labelText}\n\t\t\t\t\t\t\t\t\t{isRequired ? <span>*</span> : ''}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.tooltipText && (\n\t\t\t\t\t\t\t\t<Tooltip body={props.tooltipText} placement={'top'}>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\t\tdata-test=\"input-tooltip-icon\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginTop: -3 }}\n\t\t\t\t\t\t\t\t\t\t\twidth={props.tooltipIconSize ?? 18}\n\t\t\t\t\t\t\t\t\t\t\theight={props.tooltipIconSize ?? 18}\n\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\tisInvalid\n\t\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t\t\t\t\t\t: props.tooltipIconColor ?? COLORS.content.primary\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{maxCharLimit > 0 && maxCharLimitPosition === 'TOP' && (\n\t\t\t\t\t\t\t<SC.MaxCharStyle style={maxCharStyle}>\n\t\t\t\t\t\t\t\t{(value ?? '').toString()?.length ?? 0}/{maxCharLimit}\n\t\t\t\t\t\t\t</SC.MaxCharStyle>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</SC.InputHeader>\n\t\t\t\t)}\n\t\t\t</SC.RootContainer>\n\t\t);\n\t},\n);\n\nInput.displayName = 'Input';\n"],"names":["Input","forwardRef","props","fRef","placeholder","leftIcon","rightIcon","labelText","maxCharLimit","isRequired","hintText","type","state","validate","variant","button","suffixText","prefixText","onChangeText","value","noErrorHint","reset","rangeValidation","noKeyDownChange","version","noMaxCharCheck","labelElement","autoGrow","minHeight","maxHeight","labelTextBold","truncateText","maxCharLimitPosition","maxCharStyle","hightlightInputColor","onKeyDownEvent","hideInputHeader","hideBorder","inputWrapperStyles","minCharsToTrigger","maxCharAlignment","isDisabled","solidDisabled","allowUnsafeInput","preventFormulaInjection","leftIconStyle","LeftIcon","RightIcon","isInvalid","setIsInvalid","useState","isActive","setIsActive","errorMessage","setErrorMessage","iconSize","stylesFromOutside","useContext","InputStyleContext","inputValue","setInputValue","_ref","useRef","inputRef","useEffect","numberInput","onWheel","executeCallback","cb","params","isFunction","getMaxChar","onKeyDown","e","MAX_CHAR_LIMIT","KEY_CODES_TO_BE_EXCLUDED","MIN_CHAR_LIMIT","inputText","event","onChange","shouldSanitizeForType","sanitizeUnsafeInput","escapeFormulaInjection","validateFunction","validateInput","isValid","error","onFocus","onBlur","getInputHTML","jsxs","Fragment","jsx","SC.RootContainer","SC.InputFooter","ErrorIcon","SC.MaxCharStyle","SC.InputWrapper","SC.IconHolder","PrefixHolder","SC.InputContainer","SC.InputContainerSmall","SC.InputContainerXSmall","SuffixHolder","Button","SC.InputHeader","TitleSmall","BodySecondary","Tooltip","InfoIcon","COLORS"],"mappings":"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"}

package/dist/esm/components/input/Input.model.d.ts

@@ -58,6 +58,8 @@ export interface InputProps {
     textControl?: boolean;
     noMaxCharCheck?: boolean;
     tooltipText?: string;
+    tooltipIconSize?: number;
+    tooltipIconColor?: string;
     autoGrow?: boolean;
     minHeight?: string;
     maxHeight?: string;
@@ -73,6 +75,8 @@ export interface InputProps {
     inputWrapperStyles?: React.CSSProperties;
     minCharsToTrigger?: number;
     isDisabled?: boolean;
+    /** When the input is in a disabled/read-only state, render a solid grey box (background.base) with secondary text and no opacity wash. */
+    solidDisabled?: boolean;
     allowUnsafeInput?: boolean;
     preventFormulaInjection?: boolean;
     maxCharAlignment?: boolean;

package/dist/esm/components/input/Input.styled.d.ts

@@ -9,6 +9,7 @@ export declare const InputWrapper: import('styled-components').StyledComponent<"
     version?: "1.0" | "2.0" | "3.0" | undefined;
     hightlightInputColor?: string | undefined;
     hideBorder?: boolean | undefined;
+    solidDisabled?: boolean | undefined;
 }, never>;
 export declare const IconHolder: import('styled-components').StyledComponent<"div", any, {
     isLeft?: boolean | undefined;
@@ -62,6 +63,7 @@ export declare const RootContainer: import('styled-components').StyledComponent<
     height?: string | undefined;
     state?: InputStateI | undefined;
     type: InputTypeI;
+    solidDisabled?: boolean | undefined;
 }, never>;
 export declare const PrefixHolder: import('styled-components').StyledComponent<"div", any, {
     numberOfLines?: number | undefined;