@pismo/marola 2.1.55 → 2.1.56

package/dist/components/Input/Input.js

@@ -1,59 +1,59 @@
-import { jsxs as D, jsx as M } from "react/jsx-runtime";
+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, useMemo as ue } from "react";
-import { formatDecimalValue as me, allowOnlyIntegerNumbers as Ce, allowOnlyNumbers as ve, parseToInteger as Pe } from "../../utils/inputNumberAsText.js";
+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 Re } from "../Icon/Icon.js";
+import { Icon as Ee } from "../Icon/Icon.js";
 import { Typography as se } from "../Typography/Typography.js";
-import { g as Ee, a as Ve, u as Fe, f as de, _ as w, b as Se, c as _e, i as Oe, d as Te, e as Ie, P as n } from "../../useSlotProps-CYHDC4TN.js";
-import '../../assets/Input.css';function Be(r) {
+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 be = "Input";
-function Ue(r) {
-  return Ee(be, r);
+function je(r) {
+  return Ve(be, r);
 }
-Ve(be, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
+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 je() {
+function Ae() {
   return E.useContext(ge);
 }
-function Ae(r = {}) {
+function ke(r = {}) {
   const {
     defaultValue: u,
     disabled: _ = !1,
     error: p = !1,
     onBlur: b,
-    onChange: g,
+    onChange: h,
     onFocus: V,
     required: F = !1,
     value: f,
     inputRef: S
-  } = r, o = je();
-  let h, s, N, y, C;
+  } = r, o = Ae();
+  let y, s, N, x, C;
   if (o) {
-    var j, i, O;
-    if (h = void 0, s = (j = o.disabled) != null ? j : !1, N = (i = o.error) != null ? i : !1, y = (O = o.required) != null ? O : !1, C = o.value, process.env.NODE_ENV !== "production") {
+    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
-    h = u, s = _, N = p, y = F, C = f;
+    y = u, s = _, N = p, x = F, C = f;
   const {
-    current: H
-  } = E.useRef(C != null), K = E.useCallback((e) => {
+    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 = E.useRef(null), A = Fe(R, S, K), [T, I] = E.useState(!1);
+  }, []), R = E.useRef(null), A = Se(R, S, q), [O, T] = E.useState(!1);
   E.useEffect(() => {
-    !o && s && T && (I(!1), b == null || b());
-  }, [o, s, T, b]);
-  const q = (e) => (a) => {
+    !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();
@@ -63,15 +63,15 @@ function Ae(r = {}) {
       var d;
       o == null || (d = o.onFocus) == null || d.call(o);
     } else
-      I(!0);
+      T(!0);
   }, $ = (e) => (a) => {
     var l;
-    (l = e.onBlur) == null || l.call(e, a), o && o.onBlur ? o.onBlur() : I(!1);
+    (l = e.onBlur) == null || l.call(e, a), o && o.onBlur ? o.onBlur() : T(!1);
   }, Y = (e) => (a, ...l) => {
-    var d, B;
-    if (!H && (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." : Be(17));
-    o == null || (d = o.onChange) == null || d.call(o, a), (B = e.onChange) == null || B.call(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);
@@ -79,23 +79,23 @@ function Ae(r = {}) {
   return {
     disabled: s,
     error: N,
-    focused: T,
+    focused: O,
     formControlContext: o,
     getInputProps: (e = {}) => {
       const l = w({}, {
         onBlur: b,
-        onChange: g,
+        onChange: h,
         onFocus: V
       }, de(e)), d = w({}, l, {
         onBlur: $(l),
         onChange: Y(l),
-        onFocus: q(l)
+        onFocus: D(l)
       });
       return w({}, d, {
         "aria-invalid": N || void 0,
-        defaultValue: h,
+        defaultValue: y,
         value: C,
-        required: y,
+        required: x,
         disabled: s
       }, e, {
         ref: A
@@ -108,82 +108,82 @@ function Ae(r = {}) {
       });
     },
     inputRef: A,
-    required: y,
+    required: x,
     value: C
   };
 }
-const ke = ["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"], De = (r) => {
+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: u,
     error: _,
     focused: p,
     formControlContext: b,
-    multiline: g,
+    multiline: h,
     startAdornment: V,
     endAdornment: F
   } = r;
-  return Te({
-    root: ["root", u && "disabled", _ && "error", p && "focused", !!b && "formControl", g && "multiline", !!V && "adornedStart", !!F && "adornedEnd"],
-    input: ["input", u && "disabled", g && "multiline"]
-  }, Ie(Ue));
+  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, g;
+  var p, b, h;
   const {
     "aria-describedby": V,
     "aria-label": F,
     "aria-labelledby": f,
     autoComplete: S,
     autoFocus: o,
-    className: h,
+    className: y,
     defaultValue: s,
     disabled: N,
-    endAdornment: y,
+    endAdornment: x,
     error: C,
     id: j,
     multiline: i = !1,
-    name: O,
-    onClick: H,
-    onChange: K,
+    name: v,
+    onClick: K,
+    onChange: q,
     onKeyDown: R,
     onKeyUp: A,
-    onFocus: T,
-    onBlur: I,
-    placeholder: q,
+    onFocus: O,
+    onBlur: T,
+    placeholder: D,
     readOnly: $,
     required: Y,
     startAdornment: L,
-    value: X,
+    value: Z,
     type: W,
     rows: e,
     slotProps: a = {},
     slots: l = {},
     minRows: d,
-    maxRows: B
-  } = u, z = Se(u, ke), {
+    maxRows: I
+  } = u, z = Oe(u, Me), {
     getRootProps: G,
-    getInputProps: le,
-    focused: Z,
-    formControlContext: ae,
+    getInputProps: J,
+    focused: ae,
+    formControlContext: ee,
     error: re,
     disabled: ie
-  } = Ae({
+  } = ke({
     disabled: N,
     defaultValue: s,
     error: C,
-    onBlur: I,
-    onClick: H,
-    onChange: K,
-    onFocus: T,
+    onBlur: T,
+    onClick: K,
+    onChange: q,
+    onFocus: O,
     required: Y,
-    value: X
-  }), ee = i ? void 0 : W ?? "text", J = w({}, u, {
+    value: Z
+  }), ne = i ? void 0 : W ?? "text", Q = w({}, u, {
     disabled: ie,
     error: re,
-    focused: Z,
-    formControlContext: ae,
+    focused: ae,
+    formControlContext: ee,
     multiline: i,
-    type: ee
-  }), Q = De(J), ne = {
+    type: ne
+  }), te = He(Q), oe = {
     "aria-describedby": V,
     "aria-label": F,
     "aria-labelledby": f,
@@ -192,35 +192,35 @@ const ke = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     id: j,
     onKeyDown: R,
     onKeyUp: A,
-    name: O,
-    placeholder: q,
+    name: v,
+    placeholder: D,
     readOnly: $,
-    type: ee
-  }, t = (p = l.root) != null ? p : "div", x = _e({
-    elementType: t,
+    type: ne
+  }, X = (p = l.root) != null ? p : "div", t = _e({
+    elementType: X,
     getSlotProps: G,
     externalSlotProps: a.root,
     externalForwardedProps: z,
     additionalProps: {
       ref: _
     },
-    ownerState: J,
-    className: [Q.root, h]
-  }), v = i ? (b = l.textarea) != null ? b : "textarea" : (g = l.input) != null ? g : "input", P = _e({
-    elementType: v,
-    getSlotProps: (te) => le(w({}, ne, te)),
+    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 && !Oe(v) && {
+    }, i && !Te(g) && {
       minRows: e || d,
-      maxRows: e || B
+      maxRows: e || I
     }),
-    ownerState: J,
-    className: Q.input
+    ownerState: Q,
+    className: te.input
   });
-  return process.env.NODE_ENV !== "production" && i && e && (d || B) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ D(t, w({}, x, {
-    children: [L, /* @__PURE__ */ M(v, w({}, P)), y]
+  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" && (he.propTypes = {
@@ -373,11 +373,11 @@ process.env.NODE_ENV !== "production" && (he.propTypes = {
    */
   value: n.any
 });
-const Me = "_input_1cxiy_58", He = "_input__label_1cxiy_85", m = {
+const Ke = "_input_1cxiy_58", qe = "_input__label_1cxiy_85", m = {
   "input__input-el": "_input__input-el_1cxiy_58",
-  input: Me,
+  input: Ke,
   "input__messages-wrapper": "_input__messages-wrapper_1cxiy_82",
-  input__label: He,
+  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,88 +387,88 @@ const Me = "_input_1cxiy_58", He = "_input__label_1cxiy_85", m = {
   "input--disabled": "_input--disabled_1cxiy_157",
   "input--focused": "_input--focused_1cxiy_163",
   "input--error": "_input--error_1cxiy_166"
-};
-let ce;
-const Ge = xe(
+}, Je = xe(
   ({
     label: r,
     infoMessage: u,
     error: _,
     errorMessage: p,
     leftIcon: b,
-    rightIcon: g,
+    rightIcon: h,
     id: V,
     disabled: F,
     type: f = "text",
     maxLength: S,
     allowLeadingZeros: o = !1,
-    isInteger: h,
+    isInteger: y,
     useCommaInDecimal: s,
     allowNegativeNumbers: N = !1,
-    decimalLength: y = 10,
+    decimalLength: x = 10,
     hideCharsCounter: C = !1,
     required: j,
     onChange: i,
-    triggerDelay: O,
-    classNameWrapper: H,
-    classNameLabel: K,
+    triggerDelay: v,
+    classNameWrapper: K,
+    classNameLabel: q,
     classNameInput: R,
     classNameInfoMessage: A,
-    classNameErrorMessage: T,
-    classNameCharsCounter: I,
-    "data-testid-wrapper": q,
+    classNameErrorMessage: O,
+    classNameCharsCounter: T,
+    "data-testid-wrapper": D,
     "data-testid-label": $,
     "data-testid-input": Y,
     "data-testid-infoMessage": L,
-    "data-testid-errorMessage": X,
+    "data-testid-errorMessage": Z,
     "data-testid-charsCounter": W,
     ...e
   }, a) => {
-    var Q, ne;
+    var oe, X;
     const [l, d] = we(
-      ((Q = e.value) == null ? void 0 : Q.length) || ((ne = e.defaultValue) == null ? void 0 : ne.length) || 0
-    ), B = Ne(), z = V || `input_${B}`;
+      ((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, le = (t) => {
-      ce && clearTimeout(ce), ce = setTimeout(() => Z(t), O);
-    }, Z = (t) => {
-      var x, v, P, te;
+    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 c = h ? Pe(t.target.value, o) : s ? t.target.value.replace(".", ",") : t.target.value.replace(",", ".");
-        if (!h && y > 0) {
+        let c = y ? Re(t.target.value, o) : s ? t.target.value.replace(".", ",") : t.target.value.replace(",", ".");
+        if (!y && x > 0) {
           const pe = String(c), [ye, fe] = pe.split(/,|\./);
-          pe !== "" && fe && (c = [ye, fe.slice(0, y)].join(s ? "," : "."));
+          pe !== "" && fe && (c = [ye, fe.slice(0, x)].join(s ? "," : "."));
         }
         t.target.value = String(c);
-        const oe = !isNaN(Number(String(c).replace(",", "."))), k = String(c).length ? String(c).replace(",", ".") : "";
+        const le = !isNaN(Number(String(c).replace(",", "."))), k = String(c).length ? String(c).replace(",", ".") : "";
         i == null || i({
           ...t,
           target: {
             ...t.target,
             value: k,
-            valueAsNumber: oe && String(c).length ? Number(String(c).replace(",", ".")) : NaN
+            valueAsNumber: le && String(c).length ? Number(String(c).replace(",", ".")) : NaN
           }
-        }), G && d((v = (x = t == null ? void 0 : t.target) == null ? void 0 : x.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 c = String(t.target.value);
-        const [oe, k] = c.split(".");
-        c !== "" && (k != null && k.length ? c = [Number(oe), k.slice(0, y)].join(".") : c = String(Number(oe))), t.target.value = c;
+        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;
       }
-      G && d((te = (P = t == null ? void 0 : t.target) == null ? void 0 : P.value) == null ? void 0 : te.length), i && i(t);
-    }, ae = (t) => {
-      var x;
-      f === "number-as-text" && (h ? Ce(t, N) : ve(t, N)), (x = e == null ? void 0 : e.onKeyDown) == null || x.call(e, t);
+      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 x;
+      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 = h ? t.target.value.replace(/(,\.)/gi, "") : t.target.value.replace(",", ".");
-        let P = String(o ? v : Number(v));
+        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;
       }
-      (x = e == null ? void 0 : e.onBlur) == null || x.call(e, t);
-    }, ie = ue(() => 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
     } : {
@@ -477,23 +477,29 @@ const Ge = xe(
       rows: (e == null ? void 0 : e.rows) || 5,
       minRows: e == null ? void 0 : e.minRows,
       maxRows: e == null ? void 0 : e.maxRows
-    }, [e]), ee = ue(() => f === "number-as-text" && (e != null && e.defaultValue) ? me(e == null ? void 0 : e.defaultValue, s) : e == null ? void 0 : e.defaultValue, [e.defaultValue]), J = ue(() => 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__ */ D("div", { className: U(m.input, H), "data-testid": q, children: [
-      r && /* @__PURE__ */ D(
+    }, [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: z },
-          className: U(m.input__label, K),
+          className: U(m.input__label, q),
           "data-testid": $,
           children: [
             r,
-            j && /* @__PURE__ */ M("span", { children: "*" })
+            j && /* @__PURE__ */ H("span", { children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ M(
+      /* @__PURE__ */ H(
         he,
         {
           id: z,
@@ -512,35 +518,35 @@ const Ge = xe(
               ref: a,
               className: U(m["input__input-el"], R),
               maxLength: S,
-              onChange: O ? le : Z,
+              onChange: v ? ae : ee,
               ...e,
-              onKeyDown: ae,
-              onBlur: re,
-              defaultValue: ee,
-              value: J
+              onKeyDown: re,
+              onBlur: ie,
+              defaultValue: Q,
+              value: te
             }
           },
-          startAdornment: b && /* @__PURE__ */ M("span", { className: m["input__left-icon"], children: b }),
-          endAdornment: g && /* @__PURE__ */ M("span", { className: m["input__right-icon"], children: g }),
-          ...ie
+          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__ */ D("div", { className: m["input__messages-wrapper"], children: [
-        (p || u) && /* @__PURE__ */ D(
+      /* @__PURE__ */ M("div", { className: m["input__messages-wrapper"], children: [
+        (p || u) && /* @__PURE__ */ M(
           se,
           {
-            className: p ? U(m["input__error-message"], T) : U(m["input__info-message"], A),
-            "data-testid": p ? X : L,
+            className: p ? U(m["input__error-message"], O) : U(m["input__info-message"], A),
+            "data-testid": p ? Z : L,
             children: [
-              /* @__PURE__ */ M(Re, { icon: p ? "circle-exclamation" : "circle-info" }),
+              /* @__PURE__ */ H(Ee, { icon: p ? "circle-exclamation" : "circle-info" }),
               p || u
             ]
           }
         ),
-        G && /* @__PURE__ */ D(
+        G && /* @__PURE__ */ M(
           se,
           {
-            className: U(m["input__chars-counter"], I),
+            className: U(m["input__chars-counter"], T),
             "data-testid": W,
             children: [
               l,
@@ -554,5 +560,5 @@ const Ge = xe(
   }
 );
 export {
-  Ge as Input
+  Je as Input
 };

package/package.json

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