acinguiux-ds-react-framework 0.1.18 → 0.1.19

package/build/esm/components/TextArea/TextArea.js

@@ -1,125 +1,123 @@
-import { jsxs as I, jsx as n } from "react/jsx-runtime";
-import { forwardRef as q, useRef as R, useImperativeHandle as G, useState as J, useMemo as Q, useCallback as B } from "react";
-import U from "classnames";
-import { Sizes as E, Variants as Y } from "../../react-base/src/consts/index.js";
-import { getSmallerSize as Z } from "../../react-base/src/utils/sizesUtils.js";
-import z from "../Icon/components/Cross.js";
-import { TextAreaWrapper as P, TextArea as tt, ClearButtonContainer as et, ClearButton as nt } from "./TextArea.styles.js";
-import { useFocusRingOnKeyboard as ot } from "../../hooks/useFocusRingOnKeyboard.js";
-import { Affix as $ } from "../TextInput/components/Affix.js";
-import { useTextAreaRightSideValues as rt } from "./hooks/useRightSideValues.js";
-import { TEXT_AREA_CLASS as k } from "../../react-base/src/consts/classes.js";
-const at = ({
-  size: o,
-  onClearClick: t,
-  ...r
-}) => /* @__PURE__ */ n(et, { $size: o, ...r, children: /* @__PURE__ */ n(
-  nt,
+import { jsxs as W, jsx as n } from "react/jsx-runtime";
+import { forwardRef as X, useRef as A, useImperativeHandle as _, useState as q, useMemo as G, useCallback as S } from "react";
+import J from "classnames";
+import { Sizes as R, Variants as P } from "../../react-base/src/consts/index.js";
+import { getSmallerSize as Q } from "../../react-base/src/utils/sizesUtils.js";
+import U from "../Icon/components/Cross.js";
+import { TextAreaWrapper as Y, TextArea as Z, ClearButtonContainer as z, ClearButton as ee } from "./TextArea.styles.js";
+import { useFocusRingOnKeyboard as te } from "../../hooks/useFocusRingOnKeyboard.js";
+import { Affix as T } from "../TextInput/components/Affix.js";
+import { useTextAreaRightSideValues as ne } from "./hooks/useRightSideValues.js";
+import { TEXT_AREA_CLASS as g } from "../../react-base/src/consts/classes.js";
+const re = ({
+  size: r,
+  onClearClick: e,
+  ...o
+}) => /* @__PURE__ */ n(z, { $size: r, ...o, children: /* @__PURE__ */ n(
+  ee,
   {
-    size: o === E.XSmall ? o : Z(o),
-    variant: Y.Transparent,
-    icon: /* @__PURE__ */ n(z, {}),
+    size: r === R.XSmall ? r : Q(r),
+    variant: P.Transparent,
+    icon: /* @__PURE__ */ n(U, {}),
     iconOnly: !0,
-    onClick: t
+    onClick: e
   }
-) }), At = q(
+) }), de = X(
   ({
-    className: o,
-    size: t = E.Medium,
-    invalid: r = !1,
+    className: r,
+    size: e = R.Medium,
+    invalid: o = !1,
     disabled: a = !1,
-    allowClear: d = !1,
+    allowClear: c = !1,
     readOnly: s = !1,
-    resize: O = "both",
-    wrapperProps: u,
-    prefix: x,
-    suffix: f,
-    onChange: c,
-    onMouseDownCapture: S,
-    onClear: i,
-    onFocus: y,
-    onBlur: g,
+    resize: B = "both",
+    wrapperProps: f,
+    prefix: m,
+    suffix: l,
+    onChange: p,
+    onMouseDownCapture: $,
+    onClear: C,
+    onFocus: k,
+    onBlur: E,
     value: h,
-    defaultValue: M,
-    ...b
-  }, j) => {
-    const A = R(null), e = R(null);
-    G(j, () => e.current);
-    const [m, v] = J(() => h), C = Q(
-      () => !!(m && m !== "" && d && !a && !s),
-      [m, d, a, s]
-    ), { paddingInlineEnd: D, minWidth: F, clearBtnRight: N } = rt({
-      suffixRef: A,
-      showClear: C,
-      size: t,
-      suffix: f
-    }), { focusKind: V, handleOnFocus: w, handleOnClick: H, handleOnMouseDownCapture: K, handleOnBlur: L } = ot({
-      onFocus: y,
-      onBlur: g,
-      inputRef: e,
-      onClick: u == null ? void 0 : u.onClick,
-      onMouseDownCapture: S
-    }), W = B(
-      (l) => {
-        var T;
-        if (e.current) {
-          const p = (T = Object.getOwnPropertyDescriptor(
+    defaultValue: O,
+    ...v
+  }, w) => {
+    const d = A(null), t = A(null);
+    _(w, () => t.current);
+    const [i, y] = q(() => h), x = G(
+      () => !!(i && i !== "" && c && !a && !s),
+      [i, c, a, s]
+    ), { paddingInlineEnd: V, minWidth: M, clearBtnRight: b } = ne({
+      suffixRef: d,
+      showClear: x,
+      size: e,
+      suffix: l
+    }), { focusKind: I, handleOnFocus: j, handleOnClick: D, handleOnMouseDownCapture: F, handleOnBlur: N } = te({
+      onFocus: k,
+      onBlur: E,
+      inputRef: t,
+      onClick: f?.onClick,
+      onMouseDownCapture: $
+    }), H = S(
+      (u) => {
+        if (t.current) {
+          Object.getOwnPropertyDescriptor(
             window.HTMLTextAreaElement.prototype,
             "value"
-          )) == null ? void 0 : T.set;
-          p == null || p.call(e.current, "");
-          const _ = new Event("input", { bubbles: !0 });
-          e.current.dispatchEvent(_);
+          )?.set?.call(t.current, "");
+          const L = new Event("input", { bubbles: !0 });
+          t.current.dispatchEvent(L);
         }
-        i == null || i(l);
+        C?.(u);
       },
-      [e, i]
-    ), X = B(
-      (l) => {
-        v(l.target.value), c == null || c(l);
+      [t, C]
+    ), K = S(
+      (u) => {
+        y(u.target.value), p?.(u);
       },
-      [c]
+      [p]
     );
-    return /* @__PURE__ */ I(
-      P,
+    return /* @__PURE__ */ W(
+      Y,
       {
-        className: U(k, o),
-        $size: t,
+        className: J(g, r),
+        $size: e,
         $disabled: a,
-        $invalid: r,
+        $invalid: o,
         $readOnly: s,
-        ...u,
-        onClick: H,
+        ...f,
+        onClick: D,
         children: [
-          !!x && /* @__PURE__ */ n($, { size: t, affix: x, disabled: a, invalid: r, type: "prefix" }),
+          !!m && /* @__PURE__ */ n(T, { size: e, affix: m, disabled: a, invalid: o, type: "prefix" }),
           /* @__PURE__ */ n(
-            tt,
+            Z,
             {
-              ref: e,
-              style: { paddingInlineEnd: D, minWidth: F },
-              className: `${k}-input`,
+              ref: t,
+              style: { paddingInlineEnd: V, minWidth: M },
+              className: `${g}-input`,
               disabled: a,
-              onFocus: w,
-              onBlur: L,
-              "data-focused": V,
-              "data-resizable": O,
-              "aria-invalid": r,
-              onChange: X,
+              onFocus: j,
+              onBlur: N,
+              "data-focused": I,
+              "data-resizable": B,
+              "aria-invalid": o,
+              onChange: K,
               readOnly: s,
               value: h,
-              defaultValue: M,
-              onMouseDownCapture: K,
-              ...b
+              defaultValue: O,
+              onMouseDownCapture: F,
+              ...v
             }
           ),
-          C && /* @__PURE__ */ n(at, { style: { right: N }, size: t, onClearClick: W }),
-          !!f && /* @__PURE__ */ n($, { ref: A, affix: f, size: t, disabled: a, invalid: r, type: "suffix" })
+          x && /* @__PURE__ */ n(re, { style: { right: b }, size: e, onClearClick: H }),
+          !!l && /* @__PURE__ */ n(T, { ref: d, affix: l, size: e, disabled: a, invalid: o, type: "suffix" })
         ]
       }
     );
   }
 );
 export {
-  At as default
+  de as default
 };
 //# sourceMappingURL=TextArea.js.map

package/build/esm/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  ComponentPropsWithoutRef,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_AREA_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextArea.styles';\nimport type { ITextAreaProps } from './TextArea.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from '../TextInput/components/Affix';\nimport { useTextAreaRightSideValues } from './hooks/useRightSideValues';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n  ...rest\n}: ComponentPropsWithoutRef<'div'> & {\n  size: TextAreaTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size} {...rest}>\n    <Styled.ClearButton\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextAreaTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst TextArea = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      resize = 'both',\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      defaultValue,\n      ...rest\n    }: ITextAreaProps,\n    ref: ForwardedRef<HTMLTextAreaElement>,\n  ) => {\n    const suffixRef = useRef<HTMLDivElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement>(null);\n    useImperativeHandle(ref, () => innerRef.current!);\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () => Boolean(capturedValue && capturedValue !== '' && allowClear && !disabled && !readOnly),\n      [capturedValue, allowClear, disabled, readOnly],\n    );\n\n    const { paddingInlineEnd, minWidth, clearBtnRight } = useTextAreaRightSideValues({\n      suffixRef,\n      showClear,\n      size,\n      suffix,\n    });\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLTextAreaElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextAreaWrapper\n        className={classNames(TEXT_AREA_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Styled.TextArea\n          ref={innerRef}\n          style={{ paddingInlineEnd, minWidth }}\n          className={`${TEXT_AREA_CLASS}-input`}\n          disabled={disabled}\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          data-focused={focusKind}\n          data-resizable={resize}\n          aria-invalid={invalid}\n          onChange={handleOnChange}\n          readOnly={readOnly}\n          value={value}\n          defaultValue={defaultValue}\n          onMouseDownCapture={handleOnMouseDownCapture}\n          {...rest}\n        />\n        {showClear && <ClearButton style={{ right: clearBtnRight }} size={size} onClearClick={onClearClick} />}\n        {!!suffix && (\n          <Affix ref={suffixRef} affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />\n        )}\n      </Styled.TextAreaWrapper>\n    );\n  },\n);\n\nexport default TextArea;\n"],"names":["ClearButton","size","onClearClick","rest","Styled.ClearButtonContainer","jsx","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","TextArea","forwardRef","className","invalid","disabled","allowClear","readOnly","resize","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","defaultValue","ref","suffixRef","useRef","innerRef","useImperativeHandle","capturedValue","setCapturedValue","useState","showClear","useMemo","paddingInlineEnd","minWidth","clearBtnRight","useTextAreaRightSideValues","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","nativeInputValueSetter","_a","inputEvent","handleOnChange","event","jsxs","Styled.TextAreaWrapper","classNames","TEXT_AREA_CLASS","Affix","Styled.TextArea"],"mappings":";;;;;;;;;;;AAyBA,MAAMA,KAAc,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,wBAIGC,IAAA,EAA4B,OAAOH,GAAO,GAAGE,GAC5C,UAAA,gBAAAE;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,MAAML,MAASM,EAAM,SAASN,IAAQO,EAAeP,CAAI;AAAA,IACzD,SAASQ,EAAS;AAAA,IAClB,wBAAOC,GAAA,EAAM;AAAA,IACb,UAAU;AAAA,IACV,SAASR;AAAA,EAAA;AACX,GACF,GAGIS,KAAWC;AAAA,EACf,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAZ,IAAOM,EAAM;AAAA,IACb,SAAAO,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGzB;AAAA,EAAA,GAEL0B,MACG;AACH,UAAMC,IAAYC,EAAuB,IAAI,GACvCC,IAAWD,EAA4B,IAAI;AACjD,IAAAE,EAAoBJ,GAAK,MAAMG,EAAS,OAAQ;AAEhD,UAAM,CAACE,GAAeC,CAAgB,IAAIC,EAAS,MAAMT,CAAK,GACxDU,IAAYC;AAAA,MAChB,MAAM,GAAQJ,KAAiBA,MAAkB,MAAMlB,KAAc,CAACD,KAAY,CAACE;AAAA,MACnF,CAACiB,GAAelB,GAAYD,GAAUE,CAAQ;AAAA,IAAA,GAG1C,EAAE,kBAAAsB,GAAkB,UAAAC,GAAU,eAAAC,EAAA,IAAkBC,GAA2B;AAAA,MAC/E,WAAAZ;AAAA,MACA,WAAAO;AAAA,MACA,MAAApC;AAAA,MACA,QAAAoB;AAAA,IAAA,CACD,GAEK,EAAE,WAAAsB,GAAW,eAAAC,GAAe,eAAAC,GAAe,0BAAAC,GAA0B,cAAAC,EAAA,IAAiBC,GAAuB;AAAA,MACjH,SAAAvB;AAAA,MACA,QAAAC;AAAA,MACA,UAAUM;AAAA,MACV,SAASb,KAAA,gBAAAA,EAAc;AAAA,MACvB,oBAAAI;AAAA,IAAA,CACD,GAEKrB,IAAe+C;AAAA,MACnB,CAACC,MAA8C;;AAE7C,YAAIlB,EAAS,SAAS;AAEpB,gBAAMmB,KAAyBC,IAAA,OAAO;AAAA,YACpC,OAAO,oBAAoB;AAAA,YAC3B;AAAA,UAAA,MAF6B,gBAAAA,EAG5B;AACH,UAAAD,KAAA,QAAAA,EAAwB,KAAKnB,EAAS,SAAS;AAE/C,gBAAMqB,IAAa,IAAI,MAAM,SAAS,EAAE,SAAS,IAAM;AACvD,UAAArB,EAAS,QAAQ,cAAcqB,CAAU;AAAA,QAC3C;AAEA,QAAA7B,KAAA,QAAAA,EAAU0B;AAAA,MACZ;AAAA,MACA,CAAClB,GAAUR,CAAO;AAAA,IAAA,GAGd8B,IAAiBL;AAAA,MACrB,CAACM,MAA4C;AAC3C,QAAApB,EAAiBoB,EAAM,OAAO,KAAK,GACnCjC,KAAA,QAAAA,EAAWiC;AAAA,MACb;AAAA,MACA,CAACjC,CAAQ;AAAA,IAAA;AAGX,WACE,gBAAAkC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAiB9C,CAAS;AAAA,QAChD,OAAOZ;AAAA,QACP,WAAWc;AAAA,QACX,UAAUD;AAAA,QACV,WAAWG;AAAA,QACV,GAAGE;AAAA,QACJ,SAAS0B;AAAA,QAER,UAAA;AAAA,UAAA,CAAC,CAACzB,KAAU,gBAAAf,EAACuD,GAAA,EAAM,MAAA3D,GAAY,OAAOmB,GAAQ,UAAAL,GAAoB,SAAAD,GAAkB,MAAK,SAAA,CAAS;AAAA,UACnG,gBAAAT;AAAA,YAACwD;AAAAA,YAAA;AAAA,cACC,KAAK7B;AAAA,cACL,OAAO,EAAE,kBAAAO,GAAkB,UAAAC,EAAA;AAAA,cAC3B,WAAW,GAAGmB,CAAe;AAAA,cAC7B,UAAA5C;AAAA,cACA,SAAS6B;AAAA,cACT,QAAQG;AAAA,cACR,gBAAcJ;AAAA,cACd,kBAAgBzB;AAAA,cAChB,gBAAcJ;AAAA,cACd,UAAUwC;AAAA,cACV,UAAArC;AAAA,cACA,OAAAU;AAAA,cACA,cAAAC;AAAA,cACA,oBAAoBkB;AAAA,cACnB,GAAG3C;AAAA,YAAA;AAAA,UAAA;AAAA,UAELkC,uBAAcrC,IAAA,EAAY,OAAO,EAAE,OAAOyC,EAAA,GAAiB,MAAAxC,GAAY,cAAAC,GAA4B;AAAA,UACnG,CAAC,CAACmB,KACD,gBAAAhB,EAACuD,GAAA,EAAM,KAAK9B,GAAW,OAAOT,GAAQ,MAAApB,GAAY,UAAAc,GAAoB,SAAAD,GAAkB,MAAK,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAI9G;AACF;"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  ComponentPropsWithoutRef,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_AREA_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextAreaTypes } from 'acinguiux-ds-react-base/components/TextArea';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextArea.styles';\nimport type { ITextAreaProps } from './TextArea.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from '../TextInput/components/Affix';\nimport { useTextAreaRightSideValues } from './hooks/useRightSideValues';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n  ...rest\n}: ComponentPropsWithoutRef<'div'> & {\n  size: TextAreaTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size} {...rest}>\n    <Styled.ClearButton\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextAreaTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst TextArea = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      resize = 'both',\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      defaultValue,\n      ...rest\n    }: ITextAreaProps,\n    ref: ForwardedRef<HTMLTextAreaElement>,\n  ) => {\n    const suffixRef = useRef<HTMLDivElement>(null);\n    const innerRef = useRef<HTMLTextAreaElement>(null);\n    useImperativeHandle(ref, () => innerRef.current!);\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () => Boolean(capturedValue && capturedValue !== '' && allowClear && !disabled && !readOnly),\n      [capturedValue, allowClear, disabled, readOnly],\n    );\n\n    const { paddingInlineEnd, minWidth, clearBtnRight } = useTextAreaRightSideValues({\n      suffixRef,\n      showClear,\n      size,\n      suffix,\n    });\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLTextAreaElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextAreaWrapper\n        className={classNames(TEXT_AREA_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Styled.TextArea\n          ref={innerRef}\n          style={{ paddingInlineEnd, minWidth }}\n          className={`${TEXT_AREA_CLASS}-input`}\n          disabled={disabled}\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          data-focused={focusKind}\n          data-resizable={resize}\n          aria-invalid={invalid}\n          onChange={handleOnChange}\n          readOnly={readOnly}\n          value={value}\n          defaultValue={defaultValue}\n          onMouseDownCapture={handleOnMouseDownCapture}\n          {...rest}\n        />\n        {showClear && <ClearButton style={{ right: clearBtnRight }} size={size} onClearClick={onClearClick} />}\n        {!!suffix && (\n          <Affix ref={suffixRef} affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />\n        )}\n      </Styled.TextAreaWrapper>\n    );\n  },\n);\n\nexport default TextArea;\n"],"names":["ClearButton","size","onClearClick","rest","Styled.ClearButtonContainer","jsx","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","TextArea","forwardRef","className","invalid","disabled","allowClear","readOnly","resize","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","defaultValue","ref","suffixRef","useRef","innerRef","useImperativeHandle","capturedValue","setCapturedValue","useState","showClear","useMemo","paddingInlineEnd","minWidth","clearBtnRight","useTextAreaRightSideValues","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextAreaWrapper","classNames","TEXT_AREA_CLASS","Affix","Styled.TextArea"],"mappings":";;;;;;;;;;;AAyBA,MAAMA,KAAc,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,wBAIGC,GAAA,EAA4B,OAAOH,GAAO,GAAGE,GAC5C,UAAA,gBAAAE;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,MAAML,MAASM,EAAM,SAASN,IAAQO,EAAeP,CAAI;AAAA,IACzD,SAASQ,EAAS;AAAA,IAClB,wBAAOC,GAAA,EAAM;AAAA,IACb,UAAU;AAAA,IACV,SAASR;AAAA,EAAA;AACX,GACF,GAGIS,KAAWC;AAAA,EACf,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAZ,IAAOM,EAAM;AAAA,IACb,SAAAO,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGzB;AAAA,EAAA,GAEL0B,MACG;AACH,UAAMC,IAAYC,EAAuB,IAAI,GACvCC,IAAWD,EAA4B,IAAI;AACjD,IAAAE,EAAoBJ,GAAK,MAAMG,EAAS,OAAQ;AAEhD,UAAM,CAACE,GAAeC,CAAgB,IAAIC,EAAS,MAAMT,CAAK,GACxDU,IAAYC;AAAA,MAChB,MAAM,GAAQJ,KAAiBA,MAAkB,MAAMlB,KAAc,CAACD,KAAY,CAACE;AAAA,MACnF,CAACiB,GAAelB,GAAYD,GAAUE,CAAQ;AAAA,IAAA,GAG1C,EAAE,kBAAAsB,GAAkB,UAAAC,GAAU,eAAAC,EAAA,IAAkBC,GAA2B;AAAA,MAC/E,WAAAZ;AAAA,MACA,WAAAO;AAAA,MACA,MAAApC;AAAA,MACA,QAAAoB;AAAA,IAAA,CACD,GAEK,EAAE,WAAAsB,GAAW,eAAAC,GAAe,eAAAC,GAAe,0BAAAC,GAA0B,cAAAC,EAAA,IAAiBC,GAAuB;AAAA,MACjH,SAAAvB;AAAA,MACA,QAAAC;AAAA,MACA,UAAUM;AAAA,MACV,SAASb,GAAc;AAAA,MACvB,oBAAAI;AAAA,IAAA,CACD,GAEKrB,IAAe+C;AAAA,MACnB,CAACC,MAA8C;AAE7C,YAAIlB,EAAS,SAAS;AAMpB,UAJ+B,OAAO;AAAA,YACpC,OAAO,oBAAoB;AAAA,YAC3B;AAAA,UAAA,GACC,KACqB,KAAKA,EAAS,SAAS,EAAE;AAEjD,gBAAMmB,IAAa,IAAI,MAAM,SAAS,EAAE,SAAS,IAAM;AACvD,UAAAnB,EAAS,QAAQ,cAAcmB,CAAU;AAAA,QAC3C;AAEA,QAAA3B,IAAU0B,CAAU;AAAA,MACtB;AAAA,MACA,CAAClB,GAAUR,CAAO;AAAA,IAAA,GAGd4B,IAAiBH;AAAA,MACrB,CAACI,MAA4C;AAC3C,QAAAlB,EAAiBkB,EAAM,OAAO,KAAK,GACnC/B,IAAW+B,CAAK;AAAA,MAClB;AAAA,MACA,CAAC/B,CAAQ;AAAA,IAAA;AAGX,WACE,gBAAAgC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAiB5C,CAAS;AAAA,QAChD,OAAOZ;AAAA,QACP,WAAWc;AAAA,QACX,UAAUD;AAAA,QACV,WAAWG;AAAA,QACV,GAAGE;AAAA,QACJ,SAAS0B;AAAA,QAER,UAAA;AAAA,UAAA,CAAC,CAACzB,KAAU,gBAAAf,EAACqD,GAAA,EAAM,MAAAzD,GAAY,OAAOmB,GAAQ,UAAAL,GAAoB,SAAAD,GAAkB,MAAK,SAAA,CAAS;AAAA,UACnG,gBAAAT;AAAA,YAACsD;AAAAA,YAAA;AAAA,cACC,KAAK3B;AAAA,cACL,OAAO,EAAE,kBAAAO,GAAkB,UAAAC,EAAA;AAAA,cAC3B,WAAW,GAAGiB,CAAe;AAAA,cAC7B,UAAA1C;AAAA,cACA,SAAS6B;AAAA,cACT,QAAQG;AAAA,cACR,gBAAcJ;AAAA,cACd,kBAAgBzB;AAAA,cAChB,gBAAcJ;AAAA,cACd,UAAUsC;AAAA,cACV,UAAAnC;AAAA,cACA,OAAAU;AAAA,cACA,cAAAC;AAAA,cACA,oBAAoBkB;AAAA,cACnB,GAAG3C;AAAA,YAAA;AAAA,UAAA;AAAA,UAELkC,uBAAcrC,IAAA,EAAY,OAAO,EAAE,OAAOyC,EAAA,GAAiB,MAAAxC,GAAY,cAAAC,GAA4B;AAAA,UACnG,CAAC,CAACmB,KACD,gBAAAhB,EAACqD,GAAA,EAAM,KAAK5B,GAAW,OAAOT,GAAQ,MAAApB,GAAY,UAAAc,GAAoB,SAAAD,GAAkB,MAAK,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAI9G;AACF;"}

package/build/esm/components/TextInput/TextInput.js

@@ -1,129 +1,127 @@
-import { jsxs as O, jsx as e } from "react/jsx-runtime";
-import { forwardRef as q, useRef as G, useImperativeHandle as J, useState as Q, useMemo as Y, useCallback as $ } from "react";
-import Z from "classnames";
-import { Sizes as u, Variants as P } from "../../react-base/src/consts/index.js";
-import { getSmallerSize as z } from "../../react-base/src/utils/sizesUtils.js";
-import tt from "../Loading/Loading.js";
-import et from "../Icon/components/Cross.js";
-import { TextInputWrapper as nt, TextInput as ot, ClearButtonContainer as rt, ClearButton as ut } from "./TextInput.styles.js";
-import { useFocusRingOnKeyboard as at } from "../../hooks/useFocusRingOnKeyboard.js";
-import { Affix as k } from "./components/Affix.js";
-import { ExtraButton as it } from "./components/ExtraButton.js";
-import st from "../Flexbox/Flexbox.js";
-import { TEXT_INPUT_CLASS as B } from "../../react-base/src/consts/classes.js";
-const ct = ({
+import { jsxs as I, jsx as e } from "react/jsx-runtime";
+import { forwardRef as K, useRef as _, useImperativeHandle as U, useState as q, useMemo as G, useCallback as g } from "react";
+import J from "classnames";
+import { Sizes as a, Variants as Q } from "../../react-base/src/consts/index.js";
+import { getSmallerSize as Y } from "../../react-base/src/utils/sizesUtils.js";
+import Z from "../Loading/Loading.js";
+import z from "../Icon/components/Cross.js";
+import { TextInputWrapper as tt, TextInput as et, ClearButtonContainer as nt, ClearButton as ot } from "./TextInput.styles.js";
+import { useFocusRingOnKeyboard as rt } from "../../hooks/useFocusRingOnKeyboard.js";
+import { Affix as T } from "./components/Affix.js";
+import { ExtraButton as at } from "./components/ExtraButton.js";
+import ut from "../Flexbox/Flexbox.js";
+import { TEXT_INPUT_CLASS as y } from "../../react-base/src/consts/classes.js";
+const lt = ({
   size: t,
-  onClearClick: x
-}) => /* @__PURE__ */ e(rt, { $size: t, children: /* @__PURE__ */ e(
-  ut,
+  onClearClick: m
+}) => /* @__PURE__ */ e(nt, { $size: t, children: /* @__PURE__ */ e(
+  ot,
   {
     "aria-label": "clear input",
-    size: t === u.XSmall ? t : z(t),
-    variant: P.Transparent,
-    icon: /* @__PURE__ */ e(et, {}),
+    size: t === a.XSmall ? t : Y(t),
+    variant: Q.Transparent,
+    icon: /* @__PURE__ */ e(z, {}),
     iconOnly: !0,
-    onClick: x
+    onClick: m
   }
-) }), mt = (t) => t === u.XSmall || t === u.Small ? u.Smallest : u.XSmall, Bt = q(
+) }), st = (t) => t === a.XSmall || t === a.Small ? a.Smallest : a.XSmall, Ot = K(
   ({
     id: t,
-    className: x = "",
-    size: r = u.Medium,
-    invalid: i = !1,
+    className: m = "",
+    size: r = a.Medium,
+    invalid: l = !1,
     disabled: n = !1,
-    allowClear: a = !1,
+    allowClear: u = !1,
     readOnly: s = !1,
-    wrapperProps: c,
-    prefix: S,
-    suffix: h,
-    onChange: m,
-    onMouseDownCapture: I,
-    onClear: l,
-    onFocus: b,
-    onBlur: E,
-    value: T,
-    extraButton: R,
-    inputRef: g,
-    loading: M = !1,
-    ...F
-  }, L) => {
-    const o = G(null);
-    J(g, () => o.current);
-    const { customPrefix: N, customSuffix: W, allowReadOnlyClear: y, ...X } = F, [f, j] = Q(() => T), v = Y(
-      () => (typeof a == "boolean" && f && f !== "" && a || typeof a != "boolean" && a(f)) && !n && (!s || y),
-      [f, y, a, n, s]
-    ), { focusKind: D, handleOnFocus: w, handleOnClick: A, handleOnMouseDownCapture: H, handleOnBlur: K } = at({
-      onFocus: b,
-      onBlur: E,
+    wrapperProps: p,
+    prefix: f,
+    suffix: x,
+    onChange: C,
+    onMouseDownCapture: O,
+    onClear: S,
+    onFocus: $,
+    onBlur: k,
+    value: h,
+    extraButton: B,
+    inputRef: b,
+    loading: v = !1,
+    ...w
+  }, E) => {
+    const o = _(null);
+    U(b, () => o.current);
+    const { customPrefix: R, customSuffix: M, allowReadOnlyClear: d, ...V } = w, [i, F] = q(() => h), L = G(
+      () => (typeof u == "boolean" && i && i !== "" && u || typeof u != "boolean" && u(i)) && !n && (!s || d),
+      [i, d, u, n, s]
+    ), { focusKind: N, handleOnFocus: W, handleOnClick: X, handleOnMouseDownCapture: j, handleOnBlur: D } = rt({
+      onFocus: $,
+      onBlur: k,
       inputRef: o,
-      onClick: c == null ? void 0 : c.onClick,
-      onMouseDownCapture: I
-    }), V = $(
-      (p) => {
-        var C;
+      onClick: p?.onClick,
+      onMouseDownCapture: O
+    }), P = g(
+      (c) => {
         if (o.current) {
-          const d = (C = Object.getOwnPropertyDescriptor(
+          Object.getOwnPropertyDescriptor(
             window.HTMLInputElement.prototype,
             "value"
-          )) == null ? void 0 : C.set;
-          d == null || d.call(o.current, "");
-          const U = new Event("input", { bubbles: !0 });
-          o.current.dispatchEvent(U);
+          )?.set?.call(o.current, "");
+          const H = new Event("input", { bubbles: !0 });
+          o.current.dispatchEvent(H);
         }
-        l == null || l(p);
+        S?.(c);
       },
-      [o, l]
-    ), _ = $(
-      (p) => {
-        j(p.target.value), m == null || m(p);
+      [o, S]
+    ), A = g(
+      (c) => {
+        F(c.target.value), C?.(c);
       },
-      [m]
+      [C]
     );
-    return /* @__PURE__ */ O(
-      nt,
+    return /* @__PURE__ */ I(
+      tt,
       {
-        className: Z(B, x),
+        className: J(y, m),
         $size: r,
         $disabled: n,
-        $invalid: i,
-        ref: L,
+        $invalid: l,
+        ref: E,
         $readOnly: s,
-        ...c,
-        onClick: A,
+        ...p,
+        onClick: X,
         children: [
-          !!S && /* @__PURE__ */ e(k, { size: r, affix: S, disabled: n, invalid: i, type: "prefix" }),
-          /* @__PURE__ */ O(st, { flexWrap: "wrap", style: { width: "100%", maxWidth: "100%", minWidth: "0" }, alignItems: "center", children: [
-            N,
+          !!f && /* @__PURE__ */ e(T, { size: r, affix: f, disabled: n, invalid: l, type: "prefix" }),
+          /* @__PURE__ */ I(ut, { flexWrap: "wrap", style: { width: "100%", maxWidth: "100%", minWidth: "0" }, alignItems: "center", children: [
+            R,
             /* @__PURE__ */ e(
-              ot,
+              et,
               {
                 id: t,
                 ref: o,
-                className: `${B}-input`,
+                className: `${y}-input`,
                 disabled: n,
-                onFocus: w,
-                onBlur: K,
-                "data-focused": D,
-                onChange: _,
-                onMouseDownCapture: H,
-                value: T,
-                "aria-invalid": i,
+                onFocus: W,
+                onBlur: D,
+                "data-focused": N,
+                onChange: A,
+                onMouseDownCapture: j,
+                value: h,
+                "aria-invalid": l,
                 readOnly: s,
-                ...X
+                ...V
               }
             ),
-            W
+            M
           ] }),
-          !!M && /* @__PURE__ */ e(tt, { size: mt(r) }),
-          !!v && /* @__PURE__ */ e(ct, { size: r, onClearClick: V }),
-          !!h && /* @__PURE__ */ e(k, { affix: h, size: r, disabled: n, invalid: i, type: "suffix" }),
-          /* @__PURE__ */ e(it, { size: r, disabled: n, buttonProps: R })
+          !!v && /* @__PURE__ */ e(Z, { size: st(r) }),
+          !!L && /* @__PURE__ */ e(lt, { size: r, onClearClick: P }),
+          !!x && /* @__PURE__ */ e(T, { affix: x, size: r, disabled: n, invalid: l, type: "suffix" }),
+          /* @__PURE__ */ e(at, { size: r, disabled: n, buttonProps: B })
         ]
       }
     );
   }
 );
 export {
-  Bt as default
+  Ot as default
 };
 //# sourceMappingURL=TextInput.js.map

package/build/esm/components/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_INPUT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Loading from '../Loading/Loading';\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextInput.styles';\nimport type { ITextInputProps } from './TextInput.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from './components/Affix';\nimport { ExtraButton } from './components/ExtraButton';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n}: {\n  size: TextInputTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size}>\n    <Styled.ClearButton\n      aria-label=\"clear input\"\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextInputTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst getLoadingSize = (size: TextInputTypes.Size) => {\n  if (size === Sizes.XSmall || size === Sizes.Small) {\n    return Sizes.Smallest;\n  }\n\n  return Sizes.XSmall;\n};\n\nconst TextInput = forwardRef(\n  (\n    {\n      id,\n      className = '',\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      extraButton,\n      inputRef,\n      loading = false,\n      ...props\n    }: ITextInputProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const innerRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => innerRef.current!);\n    const { customPrefix, customSuffix, allowReadOnlyClear, ...rest } = props as TextInputTypes.InternalProps;\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () =>\n        ((typeof allowClear === 'boolean' && capturedValue && capturedValue !== '' && allowClear) ||\n          (typeof allowClear !== 'boolean' && allowClear(capturedValue))) &&\n        !disabled &&\n        (!readOnly || allowReadOnlyClear),\n      [capturedValue, allowReadOnlyClear, allowClear, disabled, readOnly],\n    );\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLInputElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextInputWrapper\n        className={classNames(TEXT_INPUT_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        ref={ref}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Flexbox flexWrap=\"wrap\" style={{ width: '100%', maxWidth: '100%', minWidth: '0' }} alignItems=\"center\">\n          {customPrefix}\n          <Styled.TextInput\n            id={id}\n            ref={innerRef}\n            className={`${TEXT_INPUT_CLASS}-input`}\n            disabled={disabled}\n            onFocus={handleOnFocus}\n            onBlur={handleOnBlur}\n            data-focused={focusKind}\n            onChange={handleOnChange}\n            onMouseDownCapture={handleOnMouseDownCapture}\n            value={value}\n            aria-invalid={invalid}\n            readOnly={readOnly}\n            {...rest}\n          />\n          {customSuffix}\n        </Flexbox>\n        {!!loading && <Loading size={getLoadingSize(size)} />}\n        {!!showClear && <ClearButton size={size} onClearClick={onClearClick} />}\n        {!!suffix && <Affix affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />}\n        <ExtraButton size={size} disabled={disabled} buttonProps={extraButton} />\n      </Styled.TextInputWrapper>\n    );\n  },\n);\n\nexport default TextInput;\n"],"names":["ClearButton","size","onClearClick","jsx","Styled.ClearButtonContainer","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","getLoadingSize","TextInput","forwardRef","id","className","invalid","disabled","allowClear","readOnly","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","extraButton","inputRef","loading","props","ref","innerRef","useRef","useImperativeHandle","customPrefix","customSuffix","allowReadOnlyClear","rest","capturedValue","setCapturedValue","useState","showClear","useMemo","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","nativeInputValueSetter","_a","inputEvent","handleOnChange","event","jsxs","Styled.TextInputWrapper","classNames","TEXT_INPUT_CLASS","Affix","Flexbox","Styled.TextInput","Loading","ExtraButton"],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sources":["../../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import {\n  type ChangeEvent,\n  type ForwardedRef,\n  type MouseEvent,\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, TEXT_INPUT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport Loading from '../Loading/Loading';\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './TextInput.styles';\nimport type { ITextInputProps } from './TextInput.types';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { Affix } from './components/Affix';\nimport { ExtraButton } from './components/ExtraButton';\nimport Flexbox from '../Flexbox/Flexbox';\n\nconst ClearButton = ({\n  size,\n  onClearClick,\n}: {\n  size: TextInputTypes.Size;\n  onClearClick: (event: MouseEvent<HTMLButtonElement>) => void;\n}) => (\n  <Styled.ClearButtonContainer $size={size}>\n    <Styled.ClearButton\n      aria-label=\"clear input\"\n      size={size === Sizes.XSmall ? size : (getSmallerSize(size) as TextInputTypes.Size)}\n      variant={Variants.Transparent}\n      icon={<Cross />}\n      iconOnly={true}\n      onClick={onClearClick}\n    />\n  </Styled.ClearButtonContainer>\n);\n\nconst getLoadingSize = (size: TextInputTypes.Size) => {\n  if (size === Sizes.XSmall || size === Sizes.Small) {\n    return Sizes.Smallest;\n  }\n\n  return Sizes.XSmall;\n};\n\nconst TextInput = forwardRef(\n  (\n    {\n      id,\n      className = '',\n      size = Sizes.Medium,\n      invalid = false,\n      disabled = false,\n      allowClear = false,\n      readOnly = false,\n      wrapperProps,\n      prefix,\n      suffix,\n      onChange,\n      onMouseDownCapture,\n      onClear,\n      onFocus,\n      onBlur,\n      value,\n      extraButton,\n      inputRef,\n      loading = false,\n      ...props\n    }: ITextInputProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const innerRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => innerRef.current!);\n    const { customPrefix, customSuffix, allowReadOnlyClear, ...rest } = props as TextInputTypes.InternalProps;\n\n    const [capturedValue, setCapturedValue] = useState(() => value);\n    const showClear = useMemo(\n      () =>\n        ((typeof allowClear === 'boolean' && capturedValue && capturedValue !== '' && allowClear) ||\n          (typeof allowClear !== 'boolean' && allowClear(capturedValue))) &&\n        !disabled &&\n        (!readOnly || allowReadOnlyClear),\n      [capturedValue, allowReadOnlyClear, allowClear, disabled, readOnly],\n    );\n\n    const { focusKind, handleOnFocus, handleOnClick, handleOnMouseDownCapture, handleOnBlur } = useFocusRingOnKeyboard({\n      onFocus,\n      onBlur,\n      inputRef: innerRef,\n      onClick: wrapperProps?.onClick,\n      onMouseDownCapture,\n    });\n\n    const onClearClick = useCallback(\n      (mouseEvent: MouseEvent<HTMLButtonElement>) => {\n        // simulate the clear button click\n        if (innerRef.current) {\n          // reset the value of the input\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLInputElement.prototype,\n            'value',\n          )?.set;\n          nativeInputValueSetter?.call(innerRef.current, '');\n          // trigger the input event\n          const inputEvent = new Event('input', { bubbles: true });\n          innerRef.current.dispatchEvent(inputEvent);\n        }\n        // call the onClear function if it exists\n        onClear?.(mouseEvent);\n      },\n      [innerRef, onClear],\n    );\n\n    const handleOnChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        setCapturedValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange],\n    );\n\n    return (\n      <Styled.TextInputWrapper\n        className={classNames(TEXT_INPUT_CLASS, className)}\n        $size={size}\n        $disabled={disabled}\n        $invalid={invalid}\n        ref={ref}\n        $readOnly={readOnly}\n        {...wrapperProps}\n        onClick={handleOnClick}\n      >\n        {!!prefix && <Affix size={size} affix={prefix} disabled={disabled} invalid={invalid} type=\"prefix\" />}\n        <Flexbox flexWrap=\"wrap\" style={{ width: '100%', maxWidth: '100%', minWidth: '0' }} alignItems=\"center\">\n          {customPrefix}\n          <Styled.TextInput\n            id={id}\n            ref={innerRef}\n            className={`${TEXT_INPUT_CLASS}-input`}\n            disabled={disabled}\n            onFocus={handleOnFocus}\n            onBlur={handleOnBlur}\n            data-focused={focusKind}\n            onChange={handleOnChange}\n            onMouseDownCapture={handleOnMouseDownCapture}\n            value={value}\n            aria-invalid={invalid}\n            readOnly={readOnly}\n            {...rest}\n          />\n          {customSuffix}\n        </Flexbox>\n        {!!loading && <Loading size={getLoadingSize(size)} />}\n        {!!showClear && <ClearButton size={size} onClearClick={onClearClick} />}\n        {!!suffix && <Affix affix={suffix} size={size} disabled={disabled} invalid={invalid} type=\"suffix\" />}\n        <ExtraButton size={size} disabled={disabled} buttonProps={extraButton} />\n      </Styled.TextInputWrapper>\n    );\n  },\n);\n\nexport default TextInput;\n"],"names":["ClearButton","size","onClearClick","jsx","Styled.ClearButtonContainer","Styled.ClearButton","Sizes","getSmallerSize","Variants","Cross","getLoadingSize","TextInput","forwardRef","id","className","invalid","disabled","allowClear","readOnly","wrapperProps","prefix","suffix","onChange","onMouseDownCapture","onClear","onFocus","onBlur","value","extraButton","inputRef","loading","props","ref","innerRef","useRef","useImperativeHandle","customPrefix","customSuffix","allowReadOnlyClear","rest","capturedValue","setCapturedValue","useState","showClear","useMemo","focusKind","handleOnFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","useFocusRingOnKeyboard","useCallback","mouseEvent","inputEvent","handleOnChange","event","jsxs","Styled.TextInputWrapper","classNames","TEXT_INPUT_CLASS","Affix","Flexbox","Styled.TextInput","Loading","ExtraButton"],"mappings":"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"}