@pismo/marola 2.1.22 → 2.1.24

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';
+    /** allow leading zeros to use as a number code (000123) or phone number (08001234567) */
+    allowLeadingZeros?: boolean;
     /** allow only integer value. Default: false */
     isInteger?: boolean;
     /** use comma or dot as decimal separator, for example in Brazil it's use comma as pattern. Default: false */

package/dist/components/Input/Input.js

@@ -1,229 +1,229 @@
-import { jsxs as D, jsx as M } from "react/jsx-runtime";
+import { jsxs as $, jsx as Y } from "react/jsx-runtime";
 import * as F from "react";
-import { forwardRef as fe, useState as me, useId as _e, useMemo as ae } from "react";
-import { formatDecimalValue as ue, allowOnlyIntegerNumbers as be, allowOnlyNumbers as ge, parseToInteger as he } from "../../utils/inputNumberAsText.js";
-import { c as U } from "../../clsx-OuTLNxxd.js";
-import { Icon as we } from "../Icon/Icon.js";
-import { Typography as re } from "../Typography/Typography.js";
-import { g as ye, a as Ne, u as Ce, f as ie, _ as x, b as ve, c as se, i as xe, d as Pe, e as Re, P as n } from "../../useSlotProps-CYHDC4TN.js";
-import '../../assets/Input.css';function Ee(u) {
-  let s = "https://mui.com/production-error/?code=" + u;
-  for (let m = 1; m < arguments.length; m += 1)
-    s += "&args[]=" + encodeURIComponent(arguments[m]);
-  return "Minified MUI error #" + u + "; visit " + s + " for the full message.";
+import { forwardRef as ge, useState as he, useId as we, useMemo as re } from "react";
+import { formatDecimalValue as pe, allowOnlyIntegerNumbers as ye, allowOnlyNumbers as Ne, parseToInteger as Ce } from "../../utils/inputNumberAsText.js";
+import { c as B } from "../../clsx-OuTLNxxd.js";
+import { Icon as xe } 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 C, b as Ee, c as ce, i as Ve, d as Fe, e as Se, P as n } from "../../useSlotProps-CYHDC4TN.js";
+import '../../assets/Input.css';function qe(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.";
 }
-const de = "Input";
-function Ve(u) {
-  return ye(de, u);
+const fe = "Input";
+function Oe(u) {
+  return ve(fe, u);
 }
-Ne(de, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
-const pe = /* @__PURE__ */ F.createContext(void 0);
-process.env.NODE_ENV !== "production" && (pe.displayName = "FormControlContext");
-function Fe() {
-  return F.useContext(pe);
+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 Te() {
+  return F.useContext(me);
 }
-function Se(u = {}) {
+function Ie(u = {}) {
   const {
-    defaultValue: s,
-    disabled: m = !1,
-    error: p = !1,
-    onBlur: _,
-    onChange: N,
+    defaultValue: d,
+    disabled: b = !1,
+    error: c = !1,
+    onBlur: g,
+    onChange: h,
     onFocus: S,
     required: q = !1,
-    value: c,
+    value: f,
     inputRef: O
-  } = u, l = Fe();
-  let b, g, C, R, P;
+  } = u, l = Te();
+  let w, p, x, y, v;
   if (l) {
-    var v, h, j;
-    if (b = void 0, g = (v = l.disabled) != null ? v : !1, C = (h = l.error) != null ? h : !1, R = (j = l.required) != null ? j : !1, P = l.value, process.env.NODE_ENV !== "production") {
-      const t = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => u[r] !== void 0);
-      t.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: ${t.join(", ")}`].join(`
+    var U, s, j;
+    if (w = void 0, p = (U = l.disabled) != null ? U : !1, x = (s = l.error) != null ? s : !1, y = (j = l.required) != null ? j : !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(`
 `));
     }
   } else
-    b = s, g = m, C = p, R = q, P = c;
+    w = d, p = b, x = c, y = q, v = f;
   const {
-    current: H
-  } = F.useRef(P != null), K = F.useCallback((t) => {
-    process.env.NODE_ENV !== "production" && t && t.nodeName !== "INPUT" && !t.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: 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(`
 `));
-  }, []), E = F.useRef(null), A = Ce(E, O, K), [T, I] = F.useState(!1);
+  }, []), R = F.useRef(null), A = Re(R, O, W), [T, I] = F.useState(!1);
   F.useEffect(() => {
-    !l && g && T && (I(!1), _ == null || _());
-  }, [l, g, T, _]);
-  const $ = (t) => (r) => {
+    !l && p && T && (I(!1), g == null || g());
+  }, [l, p, T, g]);
+  const z = (o) => (r) => {
     var a;
     if (l != null && l.disabled) {
       r.stopPropagation();
       return;
     }
-    if ((a = t.onFocus) == null || a.call(t, r), l && l.onFocus) {
-      var d;
-      l == null || (d = l.onFocus) == null || d.call(l);
+    if ((a = o.onFocus) == null || a.call(o, r), l && l.onFocus) {
+      var m;
+      l == null || (m = l.onFocus) == null || m.call(l);
     } else
       I(!0);
-  }, L = (t) => (r) => {
+  }, G = (o) => (r) => {
     var a;
-    (a = t.onBlur) == null || a.call(t, r), l && l.onBlur ? l.onBlur() : I(!1);
-  }, Y = (t) => (r, ...a) => {
-    var d, V;
-    if (!H && (r.target || E.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." : Ee(17));
-    l == null || (d = l.onChange) == null || d.call(l, r), (V = t.onChange) == null || V.call(t, r, ...a);
-  }, W = (t) => (r) => {
+    (a = o.onBlur) == null || a.call(o, r), l && l.onBlur ? l.onBlur() : I(!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." : qe(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;
-    E.current && r.currentTarget === r.target && E.current.focus(), (a = t.onClick) == null || a.call(t, r);
+    R.current && r.currentTarget === r.target && R.current.focus(), (a = o.onClick) == null || a.call(o, r);
   };
   return {
-    disabled: g,
-    error: C,
+    disabled: p,
+    error: x,
     focused: T,
     formControlContext: l,
-    getInputProps: (t = {}) => {
-      const a = x({}, {
-        onBlur: _,
-        onChange: N,
+    getInputProps: (o = {}) => {
+      const a = C({}, {
+        onBlur: g,
+        onChange: h,
         onFocus: S
-      }, ie(t)), d = x({}, a, {
-        onBlur: L(a),
-        onChange: Y(a),
-        onFocus: $(a)
+      }, ue(o)), m = C({}, a, {
+        onBlur: G(a),
+        onChange: J(a),
+        onFocus: z(a)
       });
-      return x({}, d, {
-        "aria-invalid": C || void 0,
-        defaultValue: b,
-        value: P,
-        required: R,
-        disabled: g
-      }, t, {
+      return C({}, m, {
+        "aria-invalid": x || void 0,
+        defaultValue: w,
+        value: v,
+        required: y,
+        disabled: p
+      }, o, {
         ref: A
-      }, d);
+      }, m);
     },
-    getRootProps: (t = {}) => {
-      const r = ie(u, ["onBlur", "onChange", "onFocus"]), a = x({}, r, ie(t));
-      return x({}, t, a, {
-        onClick: W(a)
+    getRootProps: (o = {}) => {
+      const r = ue(u, ["onBlur", "onChange", "onFocus"]), a = C({}, r, ue(o));
+      return C({}, o, a, {
+        onClick: Q(a)
       });
     },
     inputRef: A,
-    required: R,
-    value: P
+    required: y,
+    value: v
   };
 }
-const qe = ["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"], Oe = (u) => {
+const Be = ["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"], Ue = (u) => {
   const {
-    disabled: s,
-    error: m,
-    focused: p,
-    formControlContext: _,
-    multiline: N,
+    disabled: d,
+    error: b,
+    focused: c,
+    formControlContext: g,
+    multiline: h,
     startAdornment: S,
     endAdornment: q
   } = u;
-  return Pe({
-    root: ["root", s && "disabled", m && "error", p && "focused", !!_ && "formControl", N && "multiline", !!S && "adornedStart", !!q && "adornedEnd"],
-    input: ["input", s && "disabled", N && "multiline"]
-  }, Re(Ve));
-}, ce = /* @__PURE__ */ F.forwardRef(function(s, m) {
-  var p, _, N;
+  return Fe({
+    root: ["root", d && "disabled", b && "error", c && "focused", !!g && "formControl", h && "multiline", !!S && "adornedStart", !!q && "adornedEnd"],
+    input: ["input", d && "disabled", h && "multiline"]
+  }, Se(Oe));
+}, _e = /* @__PURE__ */ F.forwardRef(function(d, b) {
+  var c, g, h;
   const {
     "aria-describedby": S,
     "aria-label": q,
-    "aria-labelledby": c,
+    "aria-labelledby": f,
     autoComplete: O,
     autoFocus: l,
-    className: b,
-    defaultValue: g,
-    disabled: C,
-    endAdornment: R,
-    error: P,
-    id: v,
-    multiline: h = !1,
+    className: w,
+    defaultValue: p,
+    disabled: x,
+    endAdornment: y,
+    error: v,
+    id: U,
+    multiline: s = !1,
     name: j,
-    onClick: H,
-    onChange: K,
-    onKeyDown: E,
+    onClick: L,
+    onChange: W,
+    onKeyDown: R,
     onKeyUp: A,
     onFocus: T,
     onBlur: I,
-    placeholder: $,
-    readOnly: L,
-    required: Y,
-    startAdornment: W,
-    value: e,
-    type: z,
-    rows: t,
+    placeholder: z,
+    readOnly: G,
+    required: J,
+    startAdornment: Q,
+    value: Z,
+    type: e,
+    rows: o,
     slotProps: r = {},
     slots: a = {},
-    minRows: d,
-    maxRows: V
-  } = s, J = ve(s, qe), {
-    getRootProps: Z,
-    getInputProps: ee,
-    focused: ne,
-    formControlContext: te,
-    error: oe,
-    disabled: Q
-  } = Se({
-    disabled: C,
-    defaultValue: g,
-    error: P,
+    minRows: m,
+    maxRows: E
+  } = d, k = Ee(d, Be), {
+    getRootProps: ee,
+    getInputProps: ne,
+    focused: te,
+    formControlContext: oe,
+    error: le,
+    disabled: ae
+  } = Ie({
+    disabled: x,
+    defaultValue: p,
+    error: v,
     onBlur: I,
-    onClick: H,
-    onChange: K,
+    onClick: L,
+    onChange: W,
     onFocus: T,
-    required: Y,
-    value: e
-  }), G = h ? void 0 : z ?? "text", o = x({}, s, {
-    disabled: Q,
-    error: oe,
-    focused: ne,
-    formControlContext: te,
-    multiline: h,
-    type: G
-  }), w = Oe(o), k = {
+    required: J,
+    value: Z
+  }), X = s ? void 0 : e ?? "text", D = C({}, d, {
+    disabled: ae,
+    error: le,
+    focused: te,
+    formControlContext: oe,
+    multiline: s,
+    type: X
+  }), t = Ue(D), N = {
     "aria-describedby": S,
     "aria-label": q,
-    "aria-labelledby": c,
+    "aria-labelledby": f,
     autoComplete: O,
     autoFocus: l,
-    id: v,
-    onKeyDown: E,
+    id: U,
+    onKeyDown: R,
     onKeyUp: A,
     name: j,
-    placeholder: $,
-    readOnly: L,
-    type: G
-  }, i = (p = a.root) != null ? p : "div", B = se({
-    elementType: i,
-    getSlotProps: Z,
+    placeholder: z,
+    readOnly: G,
+    type: X
+  }, V = (c = a.root) != null ? c : "div", P = ce({
+    elementType: V,
+    getSlotProps: ee,
     externalSlotProps: r.root,
-    externalForwardedProps: J,
+    externalForwardedProps: k,
     additionalProps: {
-      ref: m
+      ref: b
     },
-    ownerState: o,
-    className: [w.root, b]
-  }), y = h ? (_ = a.textarea) != null ? _ : "textarea" : (N = a.input) != null ? N : "input", le = se({
-    elementType: y,
-    getSlotProps: (X) => ee(x({}, k, X)),
+    ownerState: D,
+    className: [t.root, w]
+  }), M = s ? (g = a.textarea) != null ? g : "textarea" : (h = a.input) != null ? h : "input", i = ce({
+    elementType: M,
+    getSlotProps: (H) => ne(C({}, N, H)),
     externalSlotProps: r.input,
-    additionalProps: x({
-      rows: h ? t : void 0
-    }, h && !xe(y) && {
-      minRows: t || d,
-      maxRows: t || V
+    additionalProps: C({
+      rows: s ? o : void 0
+    }, s && !Ve(M) && {
+      minRows: o || m,
+      maxRows: o || E
     }),
-    ownerState: o,
-    className: w.input
+    ownerState: D,
+    className: t.input
   });
-  return process.env.NODE_ENV !== "production" && h && t && (d || V) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ D(i, x({}, B, {
-    children: [W, /* @__PURE__ */ M(y, x({}, le)), R]
+  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, C({}, P, {
+    children: [Q, /* @__PURE__ */ Y(M, C({}, i)), y]
   }));
 });
-process.env.NODE_ENV !== "production" && (ce.propTypes = {
+process.env.NODE_ENV !== "production" && (_e.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" && (ce.propTypes = {
    */
   value: n.any
 });
-const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", f = {
+const je = "_input_101pq_57", Ae = "_input__label_101pq_84", _ = {
   "input__input-el": "_input__input-el_101pq_57",
-  input: Te,
+  input: je,
   "input__messages-wrapper": "_input__messages-wrapper_101pq_81",
-  input__label: Ie,
+  input__label: Ae,
   "input__input-el-wrapper": "_input__input-el-wrapper_101pq_89",
   "input__left-icon": "_input__left-icon_101pq_111",
   "input__right-icon": "_input__right-icon_101pq_111",
@@ -387,83 +387,84 @@ const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", f = {
   "input--disabled": "_input--disabled_101pq_153",
   "input--focused": "_input--focused_101pq_159",
   "input--error": "_input--error_101pq_162"
-}, He = fe(
+}, Le = ge(
   ({
     label: u,
-    infoMessage: s,
-    error: m,
-    errorMessage: p,
-    leftIcon: _,
-    rightIcon: N,
+    infoMessage: d,
+    error: b,
+    errorMessage: c,
+    leftIcon: g,
+    rightIcon: h,
     id: S,
     disabled: q,
-    type: c = "text",
+    type: f = "text",
     maxLength: O,
-    isInteger: l,
-    useCommaInDecimal: b,
-    allowNegativeNumbers: g = !1,
-    decimalLength: C = 10,
-    hideCharsCounter: R = !1,
-    required: P,
-    onChange: v,
-    classNameWrapper: h,
-    classNameLabel: j,
-    classNameInput: H,
-    classNameInfoMessage: K,
-    classNameErrorMessage: E,
-    classNameCharsCounter: A,
-    "data-testid-wrapper": T,
-    "data-testid-label": I,
-    "data-testid-input": $,
-    "data-testid-infoMessage": L,
-    "data-testid-errorMessage": Y,
-    "data-testid-charsCounter": W,
+    allowLeadingZeros: l = !1,
+    isInteger: w,
+    useCommaInDecimal: p,
+    allowNegativeNumbers: x = !1,
+    decimalLength: y = 10,
+    hideCharsCounter: v = !1,
+    required: U,
+    onChange: s,
+    classNameWrapper: j,
+    classNameLabel: L,
+    classNameInput: W,
+    classNameInfoMessage: R,
+    classNameErrorMessage: A,
+    classNameCharsCounter: T,
+    "data-testid-wrapper": I,
+    "data-testid-label": z,
+    "data-testid-input": G,
+    "data-testid-infoMessage": J,
+    "data-testid-errorMessage": Q,
+    "data-testid-charsCounter": Z,
     ...e
-  }, z) => {
-    var Q, G;
-    const [t, r] = me(
-      ((Q = e.value) == null ? void 0 : Q.length) || ((G = e.defaultValue) == null ? void 0 : G.length) || 0
-    ), a = _e(), d = S || `input_${a}`;
-    Object.assign(e, { "data-testid": $ });
-    const V = O && !R, J = (o) => {
-      var w, k;
-      if (c === "number-as-text") {
-        let i = l ? he(o.target.value) : b ? o.target.value.replace(".", ",") : o.target.value.replace(",", ".");
-        if (!l && C > 0) {
-          const y = String(i), [le, X] = y.split(/,|\./);
-          y !== "" && X && (i = [le, X.slice(0, C)].join(b ? "," : "."));
+  }, o) => {
+    var X, D;
+    const [r, a] = he(
+      ((X = e.value) == null ? void 0 : X.length) || ((D = e.defaultValue) == null ? void 0 : D.length) || 0
+    ), m = we(), E = S || `input_${m}`;
+    Object.assign(e, { "data-testid": G });
+    const k = O && !v, ee = (t) => {
+      var N, V, P, M;
+      if (f === "number-as-text") {
+        let i = w ? Ce(t.target.value, l) : p ? t.target.value.replace(".", ",") : t.target.value.replace(",", ".");
+        if (!w && y > 0) {
+          const se = String(i), [be, de] = se.split(/,|\./);
+          se !== "" && de && (i = [be, de.slice(0, y)].join(p ? "," : "."));
         }
-        o.target.value = String(i);
-        const B = !isNaN(Number(String(i).replace(",", ".")));
-        v == null || v({
-          ...o,
+        t.target.value = String(i);
+        const H = !isNaN(Number(String(i).replace(",", "."))), K = String(i).length ? String(i).replace(",", ".") : "";
+        s == null || s({
+          ...t,
           target: {
-            ...o.target,
-            value: B && String(i).length ? String(Number(String(i).replace(",", "."))) : "",
-            valueAsNumber: B && String(i).length ? Number(String(i).replace(",", ".")) : NaN
+            ...t.target,
+            value: K,
+            valueAsNumber: H && String(i).length ? Number(String(i).replace(",", ".")) : NaN
           }
-        });
+        }), k && a((V = (N = t == null ? void 0 : t.target) == null ? void 0 : N.value) == null ? void 0 : V.length);
         return;
       }
-      if (c === "number") {
-        let i = String(o.target.value);
-        const [B, y] = i.split(".");
-        i !== "" && (y != null && y.length ? i = [Number(B), y.slice(0, C)].join(".") : i = String(Number(B))), o.target.value = i;
+      if (f === "number") {
+        let i = String(t.target.value);
+        const [H, K] = i.split(".");
+        i !== "" && (K != null && K.length ? i = [Number(H), K.slice(0, y)].join(".") : i = String(Number(H))), t.target.value = i;
       }
-      V && r((k = (w = o == null ? void 0 : o.target) == null ? void 0 : w.value) == null ? void 0 : k.length), v && v(o);
-    }, Z = (o) => {
-      var w;
-      c === "number-as-text" && (l ? be(o, g) : ge(o, g)), (w = e == null ? void 0 : e.onKeyDown) == null || w.call(e, o);
-    }, ee = (o) => {
-      var w;
-      if (c === "number-as-text" && o.target.value.length) {
-        const k = l ? o.target.value.replace(/(,\.)/gi, "") : o.target.value.replace(",", ".");
-        let i = String(Number(k));
-        isNaN(Number(i)) && (i = ""), o.target.value = b ? i.replace(".", ",") : i;
+      k && a((M = (P = t == null ? void 0 : t.target) == null ? void 0 : P.value) == null ? void 0 : M.length), s && s(t);
+    }, ne = (t) => {
+      var N;
+      f === "number-as-text" && (w ? ye(t, x) : Ne(t, x)), (N = e == null ? void 0 : e.onKeyDown) == null || N.call(e, t);
+    }, te = (t) => {
+      var N;
+      if (f === "number-as-text" && t.target.value.length) {
+        const V = w ? t.target.value.replace(/(,\.)/gi, "") : t.target.value.replace(",", ".");
+        let P = String(l ? V : Number(V));
+        isNaN(Number(P)) && (P = ""), t.target.value = p ? P.replace(".", ",") : P;
       }
-      (w = e == null ? void 0 : e.onBlur) == null || w.call(e, o);
-    }, ne = ae(() => e.multiline !== !0 ? {
-      type: c === "number-as-text" ? "text" : c,
+      (N = e == null ? void 0 : e.onBlur) == null || N.call(e, t);
+    }, oe = re(() => e.multiline !== !0 ? {
+      type: f === "number-as-text" ? "text" : f,
       multiline: e.multiline
     } : {
       type: void 0,
@@ -471,73 +472,73 @@ const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", f = {
       rows: (e == null ? void 0 : e.rows) || 5,
       minRows: e == null ? void 0 : e.minRows,
       maxRows: e == null ? void 0 : e.maxRows
-    }, [e]), te = ae(() => c === "number-as-text" && (e != null && e.defaultValue) ? ue(e == null ? void 0 : e.defaultValue, b) : e == null ? void 0 : e.defaultValue, [e.defaultValue]), oe = ae(() => c === "number-as-text" && (e != null && e.value) ? ue(e == null ? void 0 : e.value, b) : e == null ? void 0 : e.value, [e.value]);
-    return /* @__PURE__ */ D("div", { className: U(f.input, h), "data-testid": T, children: [
-      u && /* @__PURE__ */ D(
-        re,
+    }, [e]), le = re(() => f === "number-as-text" && (e != null && e.defaultValue) ? pe(e == null ? void 0 : e.defaultValue, p) : e == null ? void 0 : e.defaultValue, [e.defaultValue]), ae = re(() => f === "number-as-text" && (e != null && e.value) ? pe(e == null ? void 0 : e.value, p) : e == null ? void 0 : e.value, [e.value]);
+    return /* @__PURE__ */ $("div", { className: B(_.input, j), "data-testid": I, children: [
+      u && /* @__PURE__ */ $(
+        ie,
         {
           bold: !0,
           element: "label",
-          elementProps: { htmlFor: d },
-          className: U(f.input__label, j),
-          "data-testid": I,
+          elementProps: { htmlFor: E },
+          className: B(_.input__label, L),
+          "data-testid": z,
           children: [
             u,
-            P && /* @__PURE__ */ M("span", { children: "*" })
+            U && /* @__PURE__ */ Y("span", { children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ M(
-        ce,
+      /* @__PURE__ */ Y(
+        _e,
         {
-          id: d,
+          id: E,
           disabled: q,
-          error: typeof m == "boolean" ? m : !!p,
+          error: typeof b == "boolean" ? b : !!c,
           "aria-label": u,
           slotProps: {
-            root: (o) => ({
-              className: U(f["input__input-el-wrapper"], {
-                [f["input--disabled"]]: o.disabled,
-                [f["input--focused"]]: o.focused,
-                [f["input--error"]]: o.error
+            root: (t) => ({
+              className: B(_["input__input-el-wrapper"], {
+                [_["input--disabled"]]: t.disabled,
+                [_["input--focused"]]: t.focused,
+                [_["input--error"]]: t.error
               })
             }),
             input: {
-              ref: z,
-              className: U(f["input__input-el"], H),
+              ref: o,
+              className: B(_["input__input-el"], W),
               maxLength: O,
-              onChange: J,
+              onChange: ee,
               ...e,
-              onKeyDown: Z,
-              onBlur: ee,
-              defaultValue: te,
-              value: oe
+              onKeyDown: ne,
+              onBlur: te,
+              defaultValue: le,
+              value: ae
             }
           },
-          startAdornment: _ && /* @__PURE__ */ M("span", { className: f["input__left-icon"], children: _ }),
-          endAdornment: N && /* @__PURE__ */ M("span", { className: f["input__right-icon"], children: N }),
-          ...ne
+          startAdornment: g && /* @__PURE__ */ Y("span", { className: _["input__left-icon"], children: g }),
+          endAdornment: h && /* @__PURE__ */ Y("span", { className: _["input__right-icon"], children: h }),
+          ...oe
         }
       ),
-      /* @__PURE__ */ D("div", { className: f["input__messages-wrapper"], children: [
-        (p || s) && /* @__PURE__ */ D(
-          re,
+      /* @__PURE__ */ $("div", { className: _["input__messages-wrapper"], children: [
+        (c || d) && /* @__PURE__ */ $(
+          ie,
           {
-            className: p ? U(f["input__error-message"], E) : U(f["input__info-message"], K),
-            "data-testid": p ? Y : L,
+            className: c ? B(_["input__error-message"], A) : B(_["input__info-message"], R),
+            "data-testid": c ? Q : J,
             children: [
-              /* @__PURE__ */ M(we, { icon: p ? "circle-exclamation" : "circle-info" }),
-              p || s
+              /* @__PURE__ */ Y(xe, { icon: c ? "circle-exclamation" : "circle-info" }),
+              c || d
             ]
           }
         ),
-        V && /* @__PURE__ */ D(
-          re,
+        k && /* @__PURE__ */ $(
+          ie,
           {
-            className: U(f["input__chars-counter"], A),
-            "data-testid": W,
+            className: B(_["input__chars-counter"], T),
+            "data-testid": Z,
             children: [
-              t,
+              r,
               " / ",
               O
             ]
@@ -548,5 +549,5 @@ const Te = "_input_101pq_57", Ie = "_input__label_101pq_84", f = {
   }
 );
 export {
-  He as Input
+  Le as Input
 };

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

@@ -12,6 +12,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;
+    allowLeadingZeros?: boolean | undefined;
     isInteger?: boolean | undefined;
     useCommaInDecimal?: boolean | undefined;
     allowNegativeNumbers?: boolean | undefined;

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

@@ -13,6 +13,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;
+        allowLeadingZeros?: boolean | undefined;
         isInteger?: boolean | undefined;
         useCommaInDecimal?: boolean | undefined;
         allowNegativeNumbers?: boolean | undefined;

package/dist/utils/inputNumberAsText.d.ts

@@ -5,5 +5,5 @@ declare const allowOnlyMathSignals: (ev: KeyboardEvent<HTMLInputElement>) => {
 declare const allowOnlyNumbers: (ev: KeyboardEvent<HTMLInputElement>, allowNegative?: boolean) => void;
 declare const allowOnlyIntegerNumbers: (ev: KeyboardEvent<HTMLInputElement>, allowNegative?: boolean) => void;
 declare const formatDecimalValue: (value: string | number, useCommaInDecimal?: boolean) => string;
-declare const parseToInteger: (value: string) => number | "";
+declare const parseToInteger: (value: string, allowLeadingZeros?: boolean) => string;
 export { allowOnlyNumbers, allowOnlyIntegerNumbers, allowOnlyMathSignals, formatDecimalValue, parseToInteger };

package/dist/utils/inputNumberAsText.js

@@ -1,7 +1,7 @@
 const s = ["ArrowLeft", "ArrowRight", "Backspace", "Delete", "Tab"], n = [".", ","], l = ["-"], i = (e) => {
   var t;
   return l.includes(e.key) ? e.currentTarget.value.match(
-    new RegExp(l.map((r) => `\\${r}`).join("|"))
+    new RegExp(l.map((a) => `\\${a}`).join("|"))
   ) ? (e.preventDefault(), { wasPrevented: !0 }) : (n.includes((t = e.currentTarget.value) == null ? void 0 : t[0]) ? (e.currentTarget.value = e.key, e.preventDefault()) : e.currentTarget.setSelectionRange(0, 0), { wasPrevented: !0 }) : { wasPrevented: !1 };
 }, u = (e, t = !1) => {
   if (e.key === " ") {
@@ -9,28 +9,32 @@ const s = ["ArrowLeft", "ArrowRight", "Backspace", "Delete", "Tab"], n = [".", "
     return;
   }
   if (t) {
-    const { wasPrevented: r } = i(e);
-    if (r) return;
+    const { wasPrevented: a } = i(e);
+    if (a) return;
   }
   if (isNaN(Number(e.key)) && !s.includes(e.key) && !n.includes(e.key)) {
     e.preventDefault();
     return;
   }
-  const a = e.currentTarget.value.match(
-    new RegExp(`(${n.map((r) => `\\${r}`).join("|")})`)
+  const r = e.currentTarget.value.match(
+    new RegExp(`(${n.map((a) => `\\${a}`).join("|")})`)
   );
-  n.includes(e.key) && a && e.preventDefault();
+  n.includes(e.key) && r && e.preventDefault();
 }, c = (e, t = !1) => {
   if (e.key === " ") {
     e.preventDefault();
     return;
   }
   if (t) {
-    const { wasPrevented: a } = i(e);
-    if (a) return;
+    const { wasPrevented: r } = i(e);
+    if (r) return;
   }
   isNaN(Number(e.key)) && !s.includes(e.key) && e.preventDefault();
-}, o = (e, t = !1) => t ? String(e).replace(".", ",") : String(e).replace(",", "."), f = (e) => e.length ? Number(String(e).replace(/\.|,/gi, "")) : "";
+}, o = (e, t = !1) => t ? String(e).replace(".", ",") : String(e).replace(",", "."), f = (e, t = !1) => {
+  if (!e.length) return "";
+  const r = String(e).replace(/\.|,/gi, "");
+  return t ? r : String(Number(r));
+};
 export {
   c as allowOnlyIntegerNumbers,
   i as allowOnlyMathSignals,

package/package.json

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