@pismo/marola 2.1.54 → 2.1.56

package/dist/components/Input/Input.d.ts

@@ -18,6 +18,8 @@ export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
     rightIcon?: ReactNode;
     /** Input type. Default: text */
     type?: CustomInputTypeAttribute | 'number-as-text';
+    /** How many milliseconds to wait before trigger the onChange event */
+    triggerDelay?: number;
     /** allow leading zeros to use as a number code (000123) or phone number (08001234567) */
     allowLeadingZeros?: boolean;
     /** allow only integer value. Default: false */

package/dist/components/Input/Input.js

@@ -1,229 +1,229 @@
-import { jsxs as $, jsx as Y } from "react/jsx-runtime";
-import * as F from "react";
-import { forwardRef as ge, useState as he, useId as ye, useMemo as re } from "react";
-import { formatDecimalValue as ce, allowOnlyIntegerNumbers as xe, allowOnlyNumbers as we, parseToInteger as Ne } from "../../utils/inputNumberAsText.js";
+import { jsxs as M, jsx as H } from "react/jsx-runtime";
+import * as E from "react";
+import { forwardRef as xe, useState as we, useId as Ne, useRef as Ce, useMemo as ue } from "react";
+import { formatDecimalValue as me, allowOnlyIntegerNumbers as ve, allowOnlyNumbers as Pe, parseToInteger as Re } from "../../utils/inputNumberAsText.js";
 import { c as U } from "../../clsx-OuTLNxxd.js";
-import { Icon as Ce } from "../Icon/Icon.js";
-import { Typography as ie } from "../Typography/Typography.js";
-import { g as ve, a as Pe, u as Re, f as ue, _ as N, b as Ee, c as pe, i as Ve, d as Fe, e as Se, P as n } from "../../useSlotProps-CYHDC4TN.js";
-import '../../assets/Input.css';function Oe(u) {
-  let d = "https://mui.com/production-error/?code=" + u;
-  for (let b = 1; b < arguments.length; b += 1)
-    d += "&args[]=" + encodeURIComponent(arguments[b]);
-  return "Minified MUI error #" + u + "; visit " + d + " for the full message.";
+import { Icon as Ee } from "../Icon/Icon.js";
+import { Typography as se } from "../Typography/Typography.js";
+import { g as Ve, a as Fe, u as Se, f as de, _ as w, b as Oe, c as _e, i as Te, d as Ie, e as Be, P as n } from "../../useSlotProps-CYHDC4TN.js";
+import '../../assets/Input.css';function Ue(r) {
+  let u = "https://mui.com/production-error/?code=" + r;
+  for (let _ = 1; _ < arguments.length; _ += 1)
+    u += "&args[]=" + encodeURIComponent(arguments[_]);
+  return "Minified MUI error #" + r + "; visit " + u + " for the full message.";
 }
-const fe = "Input";
-function Te(u) {
-  return ve(fe, u);
+const be = "Input";
+function je(r) {
+  return Ve(be, r);
 }
-Pe(fe, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-const me = /* @__PURE__ */ F.createContext(void 0);
-process.env.NODE_ENV !== "production" && (me.displayName = "FormControlContext");
-function Ie() {
-  return F.useContext(me);
+Fe(be, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+const ge = /* @__PURE__ */ E.createContext(void 0);
+process.env.NODE_ENV !== "production" && (ge.displayName = "FormControlContext");
+function Ae() {
+  return E.useContext(ge);
 }
-function Be(u = {}) {
+function ke(r = {}) {
   const {
-    defaultValue: d,
-    disabled: b = !1,
+    defaultValue: u,
+    disabled: _ = !1,
     error: p = !1,
-    onBlur: g,
+    onBlur: b,
     onChange: h,
-    onFocus: S,
-    required: O = !1,
+    onFocus: V,
+    required: F = !1,
     value: f,
-    inputRef: T
-  } = u, l = Ie();
-  let y, c, C, x, v;
-  if (l) {
-    var j, s, A;
-    if (y = void 0, c = (j = l.disabled) != null ? j : !1, C = (s = l.error) != null ? s : !1, x = (A = l.required) != null ? A : !1, v = l.value, process.env.NODE_ENV !== "production") {
-      const o = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => u[r] !== void 0);
-      o.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${o.join(", ")}`].join(`
+    inputRef: S
+  } = r, o = Ae();
+  let y, s, N, x, C;
+  if (o) {
+    var j, i, v;
+    if (y = void 0, s = (j = o.disabled) != null ? j : !1, N = (i = o.error) != null ? i : !1, x = (v = o.required) != null ? v : !1, C = o.value, process.env.NODE_ENV !== "production") {
+      const e = ["defaultValue", "disabled", "error", "required", "value"].filter((a) => r[a] !== void 0);
+      e.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${e.join(", ")}`].join(`
 `));
     }
   } else
-    y = d, c = b, C = p, x = O, v = f;
+    y = u, s = _, N = p, x = F, C = f;
   const {
-    current: L
-  } = F.useRef(v != null), W = F.useCallback((o) => {
-    process.env.NODE_ENV !== "production" && o && o.nodeName !== "INPUT" && !o.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
+    current: K
+  } = E.useRef(C != null), q = E.useCallback((e) => {
+    process.env.NODE_ENV !== "production" && e && e.nodeName !== "INPUT" && !e.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), R = F.useRef(null), k = Re(R, T, W), [I, B] = F.useState(!1);
-  F.useEffect(() => {
-    !l && c && I && (B(!1), g == null || g());
-  }, [l, c, I, g]);
-  const z = (o) => (r) => {
-    var a;
-    if (l != null && l.disabled) {
-      r.stopPropagation();
+  }, []), R = E.useRef(null), A = Se(R, S, q), [O, T] = E.useState(!1);
+  E.useEffect(() => {
+    !o && s && O && (T(!1), b == null || b());
+  }, [o, s, O, b]);
+  const D = (e) => (a) => {
+    var l;
+    if (o != null && o.disabled) {
+      a.stopPropagation();
       return;
     }
-    if ((a = o.onFocus) == null || a.call(o, r), l && l.onFocus) {
-      var m;
-      l == null || (m = l.onFocus) == null || m.call(l);
+    if ((l = e.onFocus) == null || l.call(e, a), o && o.onFocus) {
+      var d;
+      o == null || (d = o.onFocus) == null || d.call(o);
     } else
-      B(!0);
-  }, G = (o) => (r) => {
-    var a;
-    (a = o.onBlur) == null || a.call(o, r), l && l.onBlur ? l.onBlur() : B(!1);
-  }, J = (o) => (r, ...a) => {
-    var m, E;
-    if (!L && (r.target || R.current) == null)
-      throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Oe(17));
-    l == null || (m = l.onChange) == null || m.call(l, r), (E = o.onChange) == null || E.call(o, r, ...a);
-  }, Q = (o) => (r) => {
-    var a;
-    R.current && r.currentTarget === r.target && R.current.focus(), (a = o.onClick) == null || a.call(o, r);
+      T(!0);
+  }, $ = (e) => (a) => {
+    var l;
+    (l = e.onBlur) == null || l.call(e, a), o && o.onBlur ? o.onBlur() : T(!1);
+  }, Y = (e) => (a, ...l) => {
+    var d, I;
+    if (!K && (a.target || R.current) == null)
+      throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Ue(17));
+    o == null || (d = o.onChange) == null || d.call(o, a), (I = e.onChange) == null || I.call(e, a, ...l);
+  }, L = (e) => (a) => {
+    var l;
+    R.current && a.currentTarget === a.target && R.current.focus(), (l = e.onClick) == null || l.call(e, a);
   };
   return {
-    disabled: c,
-    error: C,
-    focused: I,
-    formControlContext: l,
-    getInputProps: (o = {}) => {
-      const a = N({}, {
-        onBlur: g,
+    disabled: s,
+    error: N,
+    focused: O,
+    formControlContext: o,
+    getInputProps: (e = {}) => {
+      const l = w({}, {
+        onBlur: b,
         onChange: h,
-        onFocus: S
-      }, ue(o)), m = N({}, a, {
-        onBlur: G(a),
-        onChange: J(a),
-        onFocus: z(a)
+        onFocus: V
+      }, de(e)), d = w({}, l, {
+        onBlur: $(l),
+        onChange: Y(l),
+        onFocus: D(l)
       });
-      return N({}, m, {
-        "aria-invalid": C || void 0,
+      return w({}, d, {
+        "aria-invalid": N || void 0,
         defaultValue: y,
-        value: v,
+        value: C,
         required: x,
-        disabled: c
-      }, o, {
-        ref: k
-      }, m);
+        disabled: s
+      }, e, {
+        ref: A
+      }, d);
     },
-    getRootProps: (o = {}) => {
-      const r = ue(u, ["onBlur", "onChange", "onFocus"]), a = N({}, r, ue(o));
-      return N({}, o, a, {
-        onClick: Q(a)
+    getRootProps: (e = {}) => {
+      const a = de(r, ["onBlur", "onChange", "onFocus"]), l = w({}, a, de(e));
+      return w({}, e, l, {
+        onClick: L(l)
       });
     },
-    inputRef: k,
+    inputRef: A,
     required: x,
-    value: v
+    value: C
   };
 }
-const Ue = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "className", "defaultValue", "disabled", "endAdornment", "error", "id", "multiline", "name", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required", "startAdornment", "value", "type", "rows", "slotProps", "slots", "minRows", "maxRows"], je = (u) => {
+const Me = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "className", "defaultValue", "disabled", "endAdornment", "error", "id", "multiline", "name", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required", "startAdornment", "value", "type", "rows", "slotProps", "slots", "minRows", "maxRows"], He = (r) => {
   const {
-    disabled: d,
-    error: b,
+    disabled: u,
+    error: _,
     focused: p,
-    formControlContext: g,
+    formControlContext: b,
     multiline: h,
-    startAdornment: S,
-    endAdornment: O
-  } = u;
-  return Fe({
-    root: ["root", d && "disabled", b && "error", p && "focused", !!g && "formControl", h && "multiline", !!S && "adornedStart", !!O && "adornedEnd"],
-    input: ["input", d && "disabled", h && "multiline"]
-  }, Se(Te));
-}, _e = /* @__PURE__ */ F.forwardRef(function(d, b) {
-  var p, g, h;
+    startAdornment: V,
+    endAdornment: F
+  } = r;
+  return Ie({
+    root: ["root", u && "disabled", _ && "error", p && "focused", !!b && "formControl", h && "multiline", !!V && "adornedStart", !!F && "adornedEnd"],
+    input: ["input", u && "disabled", h && "multiline"]
+  }, Be(je));
+}, he = /* @__PURE__ */ E.forwardRef(function(u, _) {
+  var p, b, h;
   const {
-    "aria-describedby": S,
-    "aria-label": O,
+    "aria-describedby": V,
+    "aria-label": F,
     "aria-labelledby": f,
-    autoComplete: T,
-    autoFocus: l,
+    autoComplete: S,
+    autoFocus: o,
     className: y,
-    defaultValue: c,
-    disabled: C,
+    defaultValue: s,
+    disabled: N,
     endAdornment: x,
-    error: v,
+    error: C,
     id: j,
-    multiline: s = !1,
-    name: A,
-    onClick: L,
-    onChange: W,
+    multiline: i = !1,
+    name: v,
+    onClick: K,
+    onChange: q,
     onKeyDown: R,
-    onKeyUp: k,
-    onFocus: I,
-    onBlur: B,
-    placeholder: z,
-    readOnly: G,
-    required: J,
-    startAdornment: Q,
+    onKeyUp: A,
+    onFocus: O,
+    onBlur: T,
+    placeholder: D,
+    readOnly: $,
+    required: Y,
+    startAdornment: L,
     value: Z,
-    type: e,
-    rows: o,
-    slotProps: r = {},
-    slots: a = {},
-    minRows: m,
-    maxRows: E
-  } = d, D = Ee(d, Ue), {
-    getRootProps: ee,
-    getInputProps: ne,
-    focused: te,
-    formControlContext: oe,
-    error: le,
-    disabled: ae
-  } = Be({
-    disabled: C,
-    defaultValue: c,
-    error: v,
-    onBlur: B,
-    onClick: L,
-    onChange: W,
-    onFocus: I,
-    required: J,
+    type: W,
+    rows: e,
+    slotProps: a = {},
+    slots: l = {},
+    minRows: d,
+    maxRows: I
+  } = u, z = Oe(u, Me), {
+    getRootProps: G,
+    getInputProps: J,
+    focused: ae,
+    formControlContext: ee,
+    error: re,
+    disabled: ie
+  } = ke({
+    disabled: N,
+    defaultValue: s,
+    error: C,
+    onBlur: T,
+    onClick: K,
+    onChange: q,
+    onFocus: O,
+    required: Y,
     value: Z
-  }), X = s ? void 0 : e ?? "text", M = N({}, d, {
-    disabled: ae,
-    error: le,
-    focused: te,
-    formControlContext: oe,
-    multiline: s,
-    type: X
-  }), t = je(M), w = {
-    "aria-describedby": S,
-    "aria-label": O,
+  }), ne = i ? void 0 : W ?? "text", Q = w({}, u, {
+    disabled: ie,
+    error: re,
+    focused: ae,
+    formControlContext: ee,
+    multiline: i,
+    type: ne
+  }), te = He(Q), oe = {
+    "aria-describedby": V,
+    "aria-label": F,
     "aria-labelledby": f,
-    autoComplete: T,
-    autoFocus: l,
+    autoComplete: S,
+    autoFocus: o,
     id: j,
     onKeyDown: R,
-    onKeyUp: k,
-    name: A,
-    placeholder: z,
-    readOnly: G,
-    type: X
-  }, V = (p = a.root) != null ? p : "div", P = pe({
-    elementType: V,
-    getSlotProps: ee,
-    externalSlotProps: r.root,
-    externalForwardedProps: D,
+    onKeyUp: A,
+    name: v,
+    placeholder: D,
+    readOnly: $,
+    type: ne
+  }, X = (p = l.root) != null ? p : "div", t = _e({
+    elementType: X,
+    getSlotProps: G,
+    externalSlotProps: a.root,
+    externalForwardedProps: z,
     additionalProps: {
-      ref: b
+      ref: _
     },
-    ownerState: M,
-    className: [t.root, y]
-  }), H = s ? (g = a.textarea) != null ? g : "textarea" : (h = a.input) != null ? h : "input", i = pe({
-    elementType: H,
-    getSlotProps: (K) => ne(N({}, w, K)),
-    externalSlotProps: r.input,
-    additionalProps: N({
-      rows: s ? o : void 0
-    }, s && !Ve(H) && {
-      minRows: o || m,
-      maxRows: o || E
+    ownerState: Q,
+    className: [te.root, y]
+  }), g = i ? (b = l.textarea) != null ? b : "textarea" : (h = l.input) != null ? h : "input", B = _e({
+    elementType: g,
+    getSlotProps: (P) => J(w({}, oe, P)),
+    externalSlotProps: a.input,
+    additionalProps: w({
+      rows: i ? e : void 0
+    }, i && !Te(g) && {
+      minRows: e || d,
+      maxRows: e || I
     }),
-    ownerState: M,
-    className: t.input
+    ownerState: Q,
+    className: te.input
   });
-  return process.env.NODE_ENV !== "production" && s && o && (m || E) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ $(V, N({}, P, {
-    children: [Q, /* @__PURE__ */ Y(H, N({}, i)), x]
+  return process.env.NODE_ENV !== "production" && i && e && (d || I) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ M(X, w({}, t, {
+    children: [L, /* @__PURE__ */ H(g, w({}, B)), x]
   }));
 });
-process.env.NODE_ENV !== "production" && (_e.propTypes = {
+process.env.NODE_ENV !== "production" && (he.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -373,11 +373,11 @@ process.env.NODE_ENV !== "production" && (_e.propTypes = {
    */
   value: n.any
 });
-const Ae = "_input_1cxiy_58", ke = "_input__label_1cxiy_85", _ = {
+const Ke = "_input_1cxiy_58", qe = "_input__label_1cxiy_85", m = {
   "input__input-el": "_input__input-el_1cxiy_58",
-  input: Ae,
+  input: Ke,
   "input__messages-wrapper": "_input__messages-wrapper_1cxiy_82",
-  input__label: ke,
+  input__label: qe,
   "input__input-el-wrapper": "_input__input-el-wrapper_1cxiy_90",
   "input__left-icon": "_input__left-icon_1cxiy_115",
   "input__right-icon": "_input__right-icon_1cxiy_115",
@@ -387,83 +387,88 @@ const Ae = "_input_1cxiy_58", ke = "_input__label_1cxiy_85", _ = {
   "input--disabled": "_input--disabled_1cxiy_157",
   "input--focused": "_input--focused_1cxiy_163",
   "input--error": "_input--error_1cxiy_166"
-}, Le = ge(
+}, Je = xe(
   ({
-    label: u,
-    infoMessage: d,
-    error: b,
+    label: r,
+    infoMessage: u,
+    error: _,
     errorMessage: p,
-    leftIcon: g,
+    leftIcon: b,
     rightIcon: h,
-    id: S,
-    disabled: O,
+    id: V,
+    disabled: F,
     type: f = "text",
-    maxLength: T,
-    allowLeadingZeros: l = !1,
+    maxLength: S,
+    allowLeadingZeros: o = !1,
     isInteger: y,
-    useCommaInDecimal: c,
-    allowNegativeNumbers: C = !1,
+    useCommaInDecimal: s,
+    allowNegativeNumbers: N = !1,
     decimalLength: x = 10,
-    hideCharsCounter: v = !1,
+    hideCharsCounter: C = !1,
     required: j,
-    onChange: s,
-    classNameWrapper: A,
-    classNameLabel: L,
-    classNameInput: W,
-    classNameInfoMessage: R,
-    classNameErrorMessage: k,
-    classNameCharsCounter: I,
-    "data-testid-wrapper": B,
-    "data-testid-label": z,
-    "data-testid-input": G,
-    "data-testid-infoMessage": J,
-    "data-testid-errorMessage": Q,
-    "data-testid-charsCounter": Z,
+    onChange: i,
+    triggerDelay: v,
+    classNameWrapper: K,
+    classNameLabel: q,
+    classNameInput: R,
+    classNameInfoMessage: A,
+    classNameErrorMessage: O,
+    classNameCharsCounter: T,
+    "data-testid-wrapper": D,
+    "data-testid-label": $,
+    "data-testid-input": Y,
+    "data-testid-infoMessage": L,
+    "data-testid-errorMessage": Z,
+    "data-testid-charsCounter": W,
     ...e
-  }, o) => {
-    var X, M;
-    const [r, a] = he(
-      ((X = e.value) == null ? void 0 : X.length) || ((M = e.defaultValue) == null ? void 0 : M.length) || 0
-    ), m = ye(), E = S || `input_${m}`;
-    Object.assign(e, { "data-testid": G });
-    const D = T && !v, ee = (t) => {
-      var w, V, P, H;
+  }, a) => {
+    var oe, X;
+    const [l, d] = we(
+      ((oe = e.value) == null ? void 0 : oe.length) || ((X = e.defaultValue) == null ? void 0 : X.length) || 0
+    ), I = Ne(), z = V || `input_${I}`;
+    Object.assign(e, { "data-testid": Y });
+    const G = S && !C, J = Ce(), ae = (t) => {
+      J.current && clearTimeout(J.current), J.current = setTimeout(() => {
+        ee(t);
+      }, v);
+    }, ee = (t) => {
+      var g, B, P, ce;
       if (f === "number-as-text") {
-        let i = y ? Ne(t.target.value, l) : c ? t.target.value.replace(".", ",") : t.target.value.replace(",", ".");
+        let c = y ? Re(t.target.value, o) : s ? t.target.value.replace(".", ",") : t.target.value.replace(",", ".");
         if (!y && x > 0) {
-          const se = String(i), [be, de] = se.split(/,|\./);
-          se !== "" && de && (i = [be, de.slice(0, x)].join(c ? "," : "."));
+          const pe = String(c), [ye, fe] = pe.split(/,|\./);
+          pe !== "" && fe && (c = [ye, fe.slice(0, x)].join(s ? "," : "."));
         }
-        t.target.value = String(i);
-        const K = !isNaN(Number(String(i).replace(",", "."))), q = String(i).length ? String(i).replace(",", ".") : "";
-        s == null || s({
+        t.target.value = String(c);
+        const le = !isNaN(Number(String(c).replace(",", "."))), k = String(c).length ? String(c).replace(",", ".") : "";
+        i == null || i({
           ...t,
           target: {
             ...t.target,
-            value: q,
-            valueAsNumber: K && String(i).length ? Number(String(i).replace(",", ".")) : NaN
+            value: k,
+            valueAsNumber: le && String(c).length ? Number(String(c).replace(",", ".")) : NaN
           }
-        }), D && a((V = (w = t == null ? void 0 : t.target) == null ? void 0 : w.value) == null ? void 0 : V.length);
+        }), G && d((B = (g = t == null ? void 0 : t.target) == null ? void 0 : g.value) == null ? void 0 : B.length);
         return;
       }
       if (f === "number") {
-        let i = String(t.target.value);
-        const [K, q] = i.split(".");
-        i !== "" && (q != null && q.length ? i = [Number(K), q.slice(0, x)].join(".") : i = String(Number(K))), t.target.value = i;
+        let c = String(t.target.value);
+        const [le, k] = c.split(".");
+        c !== "" && (k != null && k.length ? c = [Number(le), k.slice(0, x)].join(".") : c = String(Number(le))), t.target.value = c;
       }
-      D && a((H = (P = t == null ? void 0 : t.target) == null ? void 0 : P.value) == null ? void 0 : H.length), s && s(t);
-    }, ne = (t) => {
-      var w;
-      f === "number-as-text" && (y ? xe(t, C) : we(t, C)), (w = e == null ? void 0 : e.onKeyDown) == null || w.call(e, t);
-    }, te = (t) => {
-      var w;
+      G && d((ce = (P = t == null ? void 0 : t.target) == null ? void 0 : P.value) == null ? void 0 : ce.length), i && i(t);
+    }, re = (t) => {
+      var g;
+      f === "number-as-text" && (y ? ve(t, N) : Pe(t, N)), (g = e == null ? void 0 : e.onKeyDown) == null || g.call(e, t);
+    }, ie = (t) => {
+      var g;
       if (f === "number-as-text" && t.target.value.length) {
-        const V = y ? t.target.value.replace(/(,\.)/gi, "") : t.target.value.replace(",", ".");
-        let P = String(l ? V : Number(V));
-        isNaN(Number(P)) && (P = ""), t.target.value = c ? P.replace(".", ",") : P;
+        const B = y ? t.target.value.replace(/(,\.)/gi, "") : t.target.value.replace(",", ".");
+        let P = String(o ? B : Number(B));
+        isNaN(Number(P)) && (P = ""), t.target.value = s ? P.replace(".", ",") : P;
       }
-      (w = e == null ? void 0 : e.onBlur) == null || w.call(e, t);
-    }, oe = re(() => e.multiline !== !0 ? {
+      (g = e == null ? void 0 : e.onBlur) == null || g.call(e, t);
+    }, ne = ue(() => e.multiline !== !0 ? {
       type: f === "number-as-text" ? "text" : f,
       multiline: e.multiline
     } : {
@@ -472,75 +477,81 @@ const Ae = "_input_1cxiy_58", ke = "_input__label_1cxiy_85", _ = {
       rows: (e == null ? void 0 : e.rows) || 5,
       minRows: e == null ? void 0 : e.minRows,
       maxRows: e == null ? void 0 : e.maxRows
-    }, [e]), le = re(() => f === "number-as-text" && (e != null && e.defaultValue) ? ce(e == null ? void 0 : e.defaultValue, c) : e == null ? void 0 : e.defaultValue, [e.defaultValue]), ae = re(() => f === "number-as-text" && (e != null && e.value) ? ce(e == null ? void 0 : e.value, c) : e == null ? void 0 : e.value, [e.value]);
-    return /* @__PURE__ */ $("div", { className: U(_.input, A), "data-testid": B, children: [
-      u && /* @__PURE__ */ $(
-        ie,
+    }, [e]), Q = ue(() => {
+      const t = v ? (e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.defaultValue) : e == null ? void 0 : e.defaultValue;
+      return f === "number-as-text" && t ? me(t, s) : t;
+    }, [e.defaultValue]), te = ue(() => {
+      if (!v)
+        return f === "number-as-text" && (e != null && e.value) ? me(e == null ? void 0 : e.value, s) : e == null ? void 0 : e.value;
+    }, [e.value]);
+    return /* @__PURE__ */ M("div", { className: U(m.input, K), "data-testid": D, children: [
+      r && /* @__PURE__ */ M(
+        se,
         {
           bold: !0,
           element: "label",
-          elementProps: { htmlFor: E },
-          className: U(_.input__label, L),
-          "data-testid": z,
+          elementProps: { htmlFor: z },
+          className: U(m.input__label, q),
+          "data-testid": $,
           children: [
-            u,
-            j && /* @__PURE__ */ Y("span", { children: "*" })
+            r,
+            j && /* @__PURE__ */ H("span", { children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ Y(
-        _e,
+      /* @__PURE__ */ H(
+        he,
         {
-          id: E,
-          disabled: O,
-          error: typeof b == "boolean" ? b : !!p,
-          "aria-label": u,
+          id: z,
+          disabled: F,
+          error: typeof _ == "boolean" ? _ : !!p,
+          "aria-label": r,
           slotProps: {
             root: (t) => ({
-              className: U(_["input__input-el-wrapper"], {
-                [_["input--disabled"]]: t.disabled,
-                [_["input--focused"]]: t.focused,
-                [_["input--error"]]: t.error
+              className: U(m["input__input-el-wrapper"], {
+                [m["input--disabled"]]: t.disabled,
+                [m["input--focused"]]: t.focused,
+                [m["input--error"]]: t.error
               })
             }),
             input: {
-              ref: o,
-              className: U(_["input__input-el"], W),
-              maxLength: T,
-              onChange: ee,
+              ref: a,
+              className: U(m["input__input-el"], R),
+              maxLength: S,
+              onChange: v ? ae : ee,
               ...e,
-              onKeyDown: ne,
-              onBlur: te,
-              defaultValue: le,
-              value: ae
+              onKeyDown: re,
+              onBlur: ie,
+              defaultValue: Q,
+              value: te
             }
           },
-          startAdornment: g && /* @__PURE__ */ Y("span", { className: _["input__left-icon"], children: g }),
-          endAdornment: h && /* @__PURE__ */ Y("span", { className: _["input__right-icon"], children: h }),
-          ...oe
+          startAdornment: b && /* @__PURE__ */ H("span", { className: m["input__left-icon"], children: b }),
+          endAdornment: h && /* @__PURE__ */ H("span", { className: m["input__right-icon"], children: h }),
+          ...ne
         }
       ),
-      /* @__PURE__ */ $("div", { className: _["input__messages-wrapper"], children: [
-        (p || d) && /* @__PURE__ */ $(
-          ie,
+      /* @__PURE__ */ M("div", { className: m["input__messages-wrapper"], children: [
+        (p || u) && /* @__PURE__ */ M(
+          se,
           {
-            className: p ? U(_["input__error-message"], k) : U(_["input__info-message"], R),
-            "data-testid": p ? Q : J,
+            className: p ? U(m["input__error-message"], O) : U(m["input__info-message"], A),
+            "data-testid": p ? Z : L,
             children: [
-              /* @__PURE__ */ Y(Ce, { icon: p ? "circle-exclamation" : "circle-info" }),
-              p || d
+              /* @__PURE__ */ H(Ee, { icon: p ? "circle-exclamation" : "circle-info" }),
+              p || u
             ]
           }
         ),
-        D && /* @__PURE__ */ $(
-          ie,
+        G && /* @__PURE__ */ M(
+          se,
           {
-            className: U(_["input__chars-counter"], I),
-            "data-testid": Z,
+            className: U(m["input__chars-counter"], T),
+            "data-testid": W,
             children: [
-              r,
+              l,
               " / ",
-              T
+              S
             ]
           }
         )
@@ -549,5 +560,5 @@ const Ae = "_input_1cxiy_58", ke = "_input__label_1cxiy_85", _ = {
   }
 );
 export {
-  Le as Input
+  Je as Input
 };

package/dist/components/InputSearch/InputSearch.d.ts

@@ -1,7 +1,5 @@
 import { ForwardedRef } from 'react';
 export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omit<{
-    /** How many milliseconds to wait before trigger the onChange event */
-    triggerDelay?: number | undefined;
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 } & import('react').InputHTMLAttributes<HTMLInputElement> & {
     label?: string | undefined;
@@ -12,6 +10,7 @@ export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omi
     leftIcon?: import('react').ReactNode;
     rightIcon?: import('react').ReactNode;
     type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | "number-as-text" | undefined;
+    triggerDelay?: number | undefined;
     allowLeadingZeros?: boolean | undefined;
     isInteger?: boolean | undefined;
     useCommaInDecimal?: boolean | undefined;
@@ -31,8 +30,6 @@ export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omi
     'data-testid-errorMessage'?: string | undefined;
     'data-testid-charsCounter'?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>, "ref"> | Omit<{
-    /** How many milliseconds to wait before trigger the onChange event */
-    triggerDelay?: number | undefined;
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 } & Omit<import('../Input/Input').SingleInputProps, "multiline"> & {
     multiline: true;

package/dist/components/InputSearch/InputSearch.js

@@ -1,31 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { c as u } from "../../clsx-OuTLNxxd.js";
-import { Icon as f } from "../Icon/Icon.js";
-import { Input as l } from "../Input/Input.js";
-import '../../assets/InputSearch.css';const h = "_inputSearch_114e1_1", g = {
-  inputSearch: h
-};
-let r;
-const _ = p(
-  ({ classNameWrapper: n, triggerDelay: o = 500, value: c, onChange: i = () => {
-  }, ...a }, s) => {
-    const m = (t) => {
-      r && clearTimeout(r), r = setTimeout(() => i(t), o);
-    };
-    return /* @__PURE__ */ e("div", { className: u(g.inputSearch, n), children: /* @__PURE__ */ e(
-      l,
-      {
-        type: "search",
-        ref: s,
-        ...a,
-        leftIcon: /* @__PURE__ */ e(f, { icon: "magnifying-glass" }),
-        defaultValue: c,
-        onChange: (t) => m(t)
-      }
-    ) });
-  }
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { c as a } from "../../clsx-OuTLNxxd.js";
+import { Icon as i } from "../Icon/Icon.js";
+import { Input as p } from "../Input/Input.js";
+import '../../assets/InputSearch.css';const s = "_inputSearch_114e1_1", m = {
+  inputSearch: s
+}, d = n(
+  ({ classNameWrapper: t, value: o, ...e }, c) => /* @__PURE__ */ r("div", { className: a(m.inputSearch, t), children: /* @__PURE__ */ r(p, { type: "search", ref: c, ...e, leftIcon: /* @__PURE__ */ r(i, { icon: "magnifying-glass" }), defaultValue: o }) })
 );
 export {
-  _ as InputSearch
+  d as InputSearch
 };

package/dist/components/InputSearch/InputSearch.stories.d.ts

@@ -2,7 +2,6 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<(Omit<{
-        triggerDelay?: number | undefined;
         ref?: import('react').ForwardedRef<HTMLInputElement> | undefined;
     } & import('react').InputHTMLAttributes<HTMLInputElement> & {
         label?: string | undefined;
@@ -13,6 +12,7 @@ declare const meta: {
         leftIcon?: import('react').ReactNode;
         rightIcon?: import('react').ReactNode;
         type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | "number-as-text" | undefined;
+        triggerDelay?: number | undefined;
         allowLeadingZeros?: boolean | undefined;
         isInteger?: boolean | undefined;
         useCommaInDecimal?: boolean | undefined;
@@ -32,7 +32,6 @@ declare const meta: {
         'data-testid-errorMessage'?: string | undefined;
         'data-testid-charsCounter'?: string | undefined;
     } & import('react').RefAttributes<HTMLInputElement>, "ref"> | Omit<{
-        triggerDelay?: number | undefined;
         ref?: import('react').ForwardedRef<HTMLInputElement> | undefined;
     } & Omit<import('../Input/Input').SingleInputProps, "multiline"> & {
         multiline: true;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "2.1.54",
+  "version": "2.1.56",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",