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