@lanaco/lnc-react-ui 4.0.13 → 4.0.15

package/dist/DecimalInput.js

@@ -1,22 +1,22 @@
-import { jsxs as ie, jsx as K } from "react/jsx-runtime";
-import { P as S } from "./index-BYnWp42a.js";
-import j, { forwardRef as oe, useState as ne, useCallback as se } from "react";
+import { jsxs as ie, jsx as L } from "react/jsx-runtime";
+import { P as v } from "./index-BYnWp42a.js";
+import B, { forwardRef as oe, useState as ne, useCallback as se } from "react";
 import { d as fe } from "./index-CNBqQrtK.js";
 import { n as G } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { d as B, a as R, b as le, e as ue, h as W, g as ce } from "./utils-C52T57HO.js";
+import { d as M, a as R, b as le, e as ue, h as W, g as ce } from "./utils-C52T57HO.js";
 import { u as pe } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-function O() {
+function E() {
 }
 function de() {
   return !0;
 }
-function V(a) {
+function I(a) {
   return !!(a || "").match(/\d/);
 }
-function _(a) {
+function Z(a) {
   return a == null;
 }
-function Z(a) {
+function _(a) {
   return a.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&");
 }
 function me(a) {
@@ -46,7 +46,7 @@ function z(a, f) {
     addNegation: e
   };
 }
-function ve(a) {
+function ge(a) {
   if (!a)
     return a;
   var f = a[0] === "-";
@@ -62,7 +62,7 @@ function Q(a, f, u) {
 function q(a, f) {
   return Array(f + 1).join(a);
 }
-function ge(a) {
+function ve(a) {
   a += "";
   var f = a[0] === "-" ? "-" : "";
   f && (a = a.substring(1));
@@ -76,14 +76,14 @@ function ge(a) {
 function Se(a, f, u) {
   if (["", "-"].indexOf(a) !== -1)
     return a;
-  var e = a.indexOf(".") !== -1 && f, t = z(a), r = t.beforeDecimal, o = t.afterDecimal, s = t.hasNagation, i = parseFloat("0." + (o || "0")), n = o.length <= f ? "0." + o : i.toFixed(f), l = n.split("."), p = r.split("").reverse().reduce(function(d, g, y) {
-    return d.length > y ? (Number(d[0]) + Number(g)).toString() + d.substring(1, d.length) : g + d;
+  var e = a.indexOf(".") !== -1 && f, t = z(a), r = t.beforeDecimal, o = t.afterDecimal, s = t.hasNagation, i = parseFloat("0." + (o || "0")), n = o.length <= f ? "0." + o : i.toFixed(f), l = n.split("."), p = r.split("").reverse().reduce(function(m, S, x) {
+    return m.length > x ? (Number(m[0]) + Number(S)).toString() + m.substring(1, m.length) : S + m;
   }, l[0]), c = Q(
     l[1] || "",
     Math.min(f, o.length),
     u
-  ), h = s ? "-" : "", m = e ? "." : "";
-  return "" + h + p + m + c;
+  ), d = s ? "-" : "", h = e ? "." : "";
+  return "" + d + p + h + c;
 }
 function H(a, f) {
   if (a.value = a.value, a !== null) {
@@ -101,7 +101,7 @@ function ye(a, f) {
     e++;
   return { start: u, end: t - e };
 }
-function L(a, f, u) {
+function K(a, f, u) {
   return Math.min(Math.max(a, f), u);
 }
 function J(a) {
@@ -127,12 +127,12 @@ var Ne = {
   allowLeadingZeros: !1,
   isNumericString: !1,
   type: "text",
-  onValueChange: O,
-  onChange: O,
-  onKeyDown: O,
-  onMouseUp: O,
-  onFocus: O,
-  onBlur: O,
+  onValueChange: E,
+  onChange: E,
+  onKeyDown: E,
+  onMouseUp: E,
+  onFocus: E,
+  onBlur: E,
   isAllowed: de
 }, X = /* @__PURE__ */ function(a) {
   function f(u) {
@@ -161,9 +161,9 @@ var Ne = {
     var t = this, r = t.props, o = t.state, s = t.focusedElm, i = o.value, n = o.numAsString;
     if (n === void 0 && (n = ""), e !== r) {
       this.validateProps();
-      var l = this.formatNumString(n), p = _(r.value) ? l : this.formatValueProp(), c = this.removeFormatting(p), h = parseFloat(c), m = parseFloat(n);
+      var l = this.formatNumString(n), p = Z(r.value) ? l : this.formatValueProp(), c = this.removeFormatting(p), d = parseFloat(c), h = parseFloat(n);
       //while typing set state only when float value changes
-      ((!isNaN(h) || !isNaN(m)) && h !== m || //can also set state when float value is same and the format props changes
+      ((!isNaN(d) || !isNaN(h)) && d !== h || //can also set state when float value is same and the format props changes
       l !== i || //set state always when not in focus and formatted value is changed
       s === null && p !== i) && this.updateValue({
         formattedValue: p,
@@ -178,11 +178,11 @@ var Ne = {
     var t = this.props, r = t.decimalScale, o = this.getSeparators(), s = o.decimalSeparator, i = this.getNumberRegex(!0), n = e[0] === "-";
     n && (e = e.replace("-", "")), s && r === 0 && (e = e.split(s)[0]), e = (e.match(i) || []).join("").replace(s, ".");
     var l = e.indexOf(".");
-    return l !== -1 && (e = e.substring(0, l) + "." + e.substring(l + 1, e.length).replace(new RegExp(Z(s), "g"), "")), n && (e = "-" + e), e;
+    return l !== -1 && (e = e.substring(0, l) + "." + e.substring(l + 1, e.length).replace(new RegExp(_(s), "g"), "")), n && (e = "-" + e), e;
   }, f.prototype.getNumberRegex = function(e, t) {
     var r = this.props, o = r.format, s = r.decimalScale, i = r.customNumerals, n = this.getSeparators(), l = n.decimalSeparator;
     return new RegExp(
-      "[0-9" + (i ? i.join("") : "") + "]" + (l && s !== 0 && !t && !o ? "|" + Z(l) : ""),
+      "[0-9" + (i ? i.join("") : "") + "]" + (l && s !== 0 && !t && !o ? "|" + _(l) : ""),
       e ? "g" : void 0
     );
   }, f.prototype.getSeparators = function() {
@@ -225,24 +225,24 @@ var Ne = {
     var o = this.props, s = o.prefix, i = o.suffix, n = o.format;
     if (e === "")
       return 0;
-    if (t = L(t, 0, e.length), !n) {
+    if (t = K(t, 0, e.length), !n) {
       var l = e[0] === "-";
-      return L(t, s.length + (l ? 1 : 0), e.length - i.length);
+      return K(t, s.length + (l ? 1 : 0), e.length - i.length);
     }
-    if (typeof n == "function" || n[t] === "#" && V(e[t]) || n[t - 1] === "#" && V(e[t - 1]))
+    if (typeof n == "function" || n[t] === "#" && I(e[t]) || n[t - 1] === "#" && I(e[t - 1]))
       return t;
     var p = n.indexOf("#"), c = n.lastIndexOf("#");
-    t = L(t, p, c + 1);
-    for (var h = n.substring(t, n.length).indexOf("#"), m = t, d = t + (h === -1 ? 0 : h); m > p && (n[m] !== "#" || !V(e[m])); )
-      m -= 1;
-    var g = !V(e[d]) || r === "left" && t !== p || t - m < d - t;
-    return g ? V(e[m]) ? m + 1 : m : d;
+    t = K(t, p, c + 1);
+    for (var d = n.substring(t, n.length).indexOf("#"), h = t, m = t + (d === -1 ? 0 : d); h > p && (n[h] !== "#" || !I(e[h])); )
+      h -= 1;
+    var S = !I(e[m]) || r === "left" && t !== p || t - h < m - t;
+    return S ? I(e[h]) ? h + 1 : h : m;
   }, f.prototype.getCaretPosition = function(e, t, r) {
-    var o = this.props, s = o.format, i = this.state.value, n = this.getNumberRegex(!0), l = (e.match(n) || []).join(""), p = (t.match(n) || []).join(""), c, h;
-    for (c = 0, h = 0; h < r; h++) {
-      var m = e[h] || "", d = t[c] || "";
-      if (!(!m.match(n) && m !== d) && !(m === "0" && d.match(n) && d !== "0" && l.length !== p.length)) {
-        for (; m !== t[c] && c < t.length; )
+    var o = this.props, s = o.format, i = this.state.value, n = this.getNumberRegex(!0), l = (e.match(n) || []).join(""), p = (t.match(n) || []).join(""), c, d;
+    for (c = 0, d = 0; d < r; d++) {
+      var h = e[d] || "", m = t[c] || "";
+      if (!(!h.match(n) && h !== m) && !(h === "0" && m.match(n) && m !== "0" && l.length !== p.length)) {
+        for (; h !== t[c] && c < t.length; )
           c++;
         c++;
       }
@@ -258,8 +258,8 @@ var Ne = {
     }
     return e;
   }, f.prototype.removePatternFormatting = function(e) {
-    for (var t = this.props, r = t.format, o = r.split("#").filter(function(h) {
-      return h !== "";
+    for (var t = this.props, r = t.format, o = r.split("#").filter(function(d) {
+      return d !== "";
     }), s = 0, i = "", n = 0, l = o.length; n <= l; n++) {
       var p = o[n] || "", c = n === l ? e.length : e.indexOf(p, s);
       if (c === -1) {
@@ -277,8 +277,8 @@ var Ne = {
       r[i] === "#" && (s[i] = e[o] || this.getMaskAtIndex(o), o += 1);
     return s.join("");
   }, f.prototype.formatAsNumber = function(e) {
-    var t = this.props, r = t.decimalScale, o = t.fixedDecimalScale, s = t.prefix, i = t.suffix, n = t.allowNegative, l = t.thousandsGroupStyle, p = this.getSeparators(), c = p.thousandSeparator, h = p.decimalSeparator, m = e.indexOf(".") !== -1 || r && o, d = z(e, n), g = d.beforeDecimal, y = d.afterDecimal, x = d.addNegation;
-    return r !== void 0 && (y = Q(y, r, o)), c && (g = he(g, c, l)), s && (g = s + g), i && (y = y + i), x && (g = "-" + g), e = g + (m && h || "") + y, e;
+    var t = this.props, r = t.decimalScale, o = t.fixedDecimalScale, s = t.prefix, i = t.suffix, n = t.allowNegative, l = t.thousandsGroupStyle, p = this.getSeparators(), c = p.thousandSeparator, d = p.decimalSeparator, h = e.indexOf(".") !== -1 || r && o, m = z(e, n), S = m.beforeDecimal, x = m.afterDecimal, b = m.addNegation;
+    return r !== void 0 && (x = Q(x, r, o)), c && (S = he(S, c, l)), s && (S = s + S), i && (x = x + i), b && (S = "-" + S), e = S + (h && d || "") + x, e;
   }, f.prototype.formatNumString = function(e) {
     e === void 0 && (e = "");
     var t = this.props, r = t.format, o = t.allowEmptyFormatting, s = t.customNumerals, i = e;
@@ -294,13 +294,13 @@ var Ne = {
     return e === "" && !o ? i = "" : e === "-" && !r ? i = "-" : typeof r == "string" ? i = this.formatWithPattern(i) : typeof r == "function" ? i = r(i) : i = this.formatAsNumber(i), i;
   }, f.prototype.formatValueProp = function(e) {
     var t = this.props, r = t.format, o = t.decimalScale, s = t.fixedDecimalScale, i = t.allowEmptyFormatting, n = this.props, l = n.value, p = n.isNumericString;
-    l = _(l) ? e : l;
+    l = Z(l) ? e : l;
     var c = !l && l !== 0;
     if (c && i && (l = ""), c && !i)
       return "";
-    typeof l == "number" && (l = ge(l), p = !0), l === "Infinity" && p && (l = ""), p && !r && typeof o == "number" && (l = Se(l, o, s));
-    var h = p ? this.formatNumString(l) : this.formatInput(l);
-    return h;
+    typeof l == "number" && (l = ve(l), p = !0), l === "Infinity" && p && (l = ""), p && !r && typeof o == "number" && (l = Se(l, o, s));
+    var d = p ? this.formatNumString(l) : this.formatInput(l);
+    return d;
   }, f.prototype.formatNegation = function(e) {
     e === void 0 && (e = "");
     var t = this.props, r = t.allowNegative, o = new RegExp("(-)"), s = new RegExp("(-)(.)*(-)"), i = o.test(e), n = s.test(e);
@@ -313,73 +313,73 @@ var Ne = {
     var r = this.props, o = r.format, s = r.prefix, i = r.suffix, n = r.decimalScale, l = r.fixedDecimalScale, p = this.getSeparators(), c = p.decimalSeparator;
     return !!(typeof o == "string" && o[e] !== "#" || !o && (e < s.length || e >= t.length - i.length || n && l && t[e] === c));
   }, f.prototype.correctInputValue = function(e, t, r) {
-    var o = this, s = this.props, i = s.format, n = s.allowNegative, l = s.prefix, p = s.suffix, c = s.decimalScale, h = this.getSeparators(), m = h.allowedDecimalSeparators, d = h.decimalSeparator, g = this.state.numAsString || "", y = this.selectionBeforeInput, x = y.selectionStart, w = y.selectionEnd, P = ye(t, r), v = P.start, N = P.end;
-    if (!i && v === N && m.indexOf(r[x]) !== -1) {
-      var F = c === 0 ? "" : d;
-      return r.substr(0, x) + F + r.substr(x + 1, r.length);
+    var o = this, s = this.props, i = s.format, n = s.allowNegative, l = s.prefix, p = s.suffix, c = s.decimalScale, d = this.getSeparators(), h = d.allowedDecimalSeparators, m = d.decimalSeparator, S = this.state.numAsString || "", x = this.selectionBeforeInput, b = x.selectionStart, w = x.selectionEnd, P = ye(t, r), g = P.start, N = P.end;
+    if (!i && g === N && h.indexOf(r[b]) !== -1) {
+      var F = c === 0 ? "" : m;
+      return r.substr(0, b) + F + r.substr(b + 1, r.length);
     }
-    var E = i ? 0 : l.length, T = t.length - (i ? 0 : p.length);
+    var T = i ? 0 : l.length, $ = t.length - (i ? 0 : p.length);
     if (
       // don't do anything if something got added
       r.length > t.length || // or if the new value is an empty string
       !r.length || // or if nothing has changed, in which case start will be same as end
-      v === N || // or in case if whole input is selected and new value is typed
-      x === 0 && w === t.length || // or in case if the whole content is replaced by browser, example (autocomplete)
-      v === 0 && N === t.length || // or if charcters between prefix and suffix is selected.
+      g === N || // or in case if whole input is selected and new value is typed
+      b === 0 && w === t.length || // or in case if the whole content is replaced by browser, example (autocomplete)
+      g === 0 && N === t.length || // or if charcters between prefix and suffix is selected.
       // For numeric inputs we apply the format so, prefix and suffix can be ignored
-      x === E && w === T
+      b === T && w === $
     )
       return r;
-    var I = t.substr(v, N - v), M = !![].concat(I).find(
-      function(C, $) {
-        return o.isCharacterAFormat($ + v, t);
+    var O = t.substr(g, N - g), j = !![].concat(O).find(
+      function(C, V) {
+        return o.isCharacterAFormat(V + g, t);
       }
     );
-    if (M) {
-      var k = t.substr(v), A = {}, b = [];
-      [].concat(k).forEach(function(C, $) {
-        o.isCharacterAFormat($ + v, t) ? A[$] = C : $ > I.length - 1 && b.push(C);
+    if (j) {
+      var k = t.substr(g), A = {}, y = [];
+      [].concat(k).forEach(function(C, V) {
+        o.isCharacterAFormat(V + g, t) ? A[V] = C : V > O.length - 1 && y.push(C);
       }), Object.keys(A).forEach(function(C) {
-        b.length > C ? b.splice(C, 0, A[C]) : b.push(A[C]);
-      }), r = t.substr(0, v) + b.join("");
+        y.length > C ? y.splice(C, 0, A[C]) : y.push(A[C]);
+      }), r = t.substr(0, g) + y.join("");
     }
     if (!i) {
       var D = this.removeFormatting(r), U = z(
         D,
         n
-      ), ee = U.beforeDecimal, te = U.afterDecimal, re = U.addNegation, ae = e < r.indexOf(d) + 1;
-      if (D.length < g.length && ae && ee === "" && !parseFloat(te))
+      ), ee = U.beforeDecimal, te = U.afterDecimal, re = U.addNegation, ae = e < r.indexOf(m) + 1;
+      if (D.length < S.length && ae && ee === "" && !parseFloat(te))
         return re ? "-" : "";
     }
     return r;
   }, f.prototype.updateValue = function(e) {
     var t = e.formattedValue, r = e.input, o = e.setCaretPosition;
     o === void 0 && (o = !0);
-    var s = e.source, i = e.event, n = e.numAsString, l = e.caretPos, p = this.props, c = p.onValueChange, h = this.state, m = h.value;
+    var s = e.source, i = e.event, n = e.numAsString, l = e.caretPos, p = this.props, c = p.onValueChange, d = this.state, h = d.value;
     if (r) {
       if (l === void 0 && o) {
-        var d = e.inputValue || r.value, g = J(r);
-        r.value = t, l = this.getCaretPosition(d, t, g);
+        var m = e.inputValue || r.value, S = J(r);
+        r.value = t, l = this.getCaretPosition(m, t, S);
       }
       r.value = t, o && this.setPatchedCaretPosition(r, l, t);
     }
-    n === void 0 && (n = this.removeFormatting(t)), t !== m && (this.setState({ value: t, numAsString: n }), c(this.getValueObject(t, n), { event: i, source: s }));
+    n === void 0 && (n = this.removeFormatting(t)), t !== h && (this.setState({ value: t, numAsString: n }), c(this.getValueObject(t, n), { event: i, source: s }));
   }, f.prototype.onChange = function(e) {
     var t = e.target, r = t.value, o = this, s = o.state, i = o.props, n = i.isAllowed, l = s.value || "", p = J(t);
     r = this.correctInputValue(p, l, r);
-    var c = this.formatInput(r) || "", h = this.removeFormatting(c), m = this.getValueObject(c, h), d = n(m);
-    d || (c = l), this.updateValue({
+    var c = this.formatInput(r) || "", d = this.removeFormatting(c), h = this.getValueObject(c, d), m = n(h);
+    m || (c = l), this.updateValue({
       formattedValue: c,
-      numAsString: h,
+      numAsString: d,
       inputValue: r,
       input: t,
       event: e,
       source: "event"
-    }), d && i.onChange(e);
+    }), m && i.onChange(e);
   }, f.prototype.onBlur = function(e) {
     var t = this, r = t.props, o = t.state, s = r.format, i = r.onBlur, n = r.allowLeadingZeros, l = o.numAsString, p = o.value;
     if (this.focusedElm = null, clearTimeout(this.focusTimeout), clearTimeout(this.caretPositionTimeout), !s) {
-      isNaN(parseFloat(l)) && (l = ""), n || (l = ve(l));
+      isNaN(parseFloat(l)) && (l = ""), n || (l = ge(l));
       var c = this.formatNumString(l);
       if (c !== p) {
         this.updateValue({
@@ -397,38 +397,38 @@ var Ne = {
   }, f.prototype.onKeyDown = function(e) {
     var t = e.target, r = e.key, o = t.selectionStart, s = t.selectionEnd, i = t.value;
     i === void 0 && (i = "");
-    var n, l = this.props, p = l.decimalScale, c = l.fixedDecimalScale, h = l.prefix, m = l.suffix, d = l.format, g = l.onKeyDown, y = p !== void 0 && c, x = this.getNumberRegex(!1, y), w = new RegExp("-"), P = typeof d == "string";
+    var n, l = this.props, p = l.decimalScale, c = l.fixedDecimalScale, d = l.prefix, h = l.suffix, m = l.format, S = l.onKeyDown, x = p !== void 0 && c, b = this.getNumberRegex(!1, x), w = new RegExp("-"), P = typeof m == "string";
     if (this.selectionBeforeInput = {
       selectionStart: o,
       selectionEnd: s
     }, r === "ArrowLeft" || r === "Backspace" ? n = o - 1 : r === "ArrowRight" ? n = o + 1 : r === "Delete" && (n = o), n === void 0 || o !== s) {
-      g(e);
+      S(e);
       return;
     }
-    var v = n, N = P ? d.indexOf("#") : h.length, F = P ? d.lastIndexOf("#") + 1 : i.length - m.length;
+    var g = n, N = P ? m.indexOf("#") : d.length, F = P ? m.lastIndexOf("#") + 1 : i.length - h.length;
     if (r === "ArrowLeft" || r === "ArrowRight") {
-      var E = r === "ArrowLeft" ? "left" : "right";
-      v = this.correctCaretPosition(i, n, E);
-    } else if (r === "Delete" && !x.test(i[n]) && !w.test(i[n]))
-      for (; !x.test(i[v]) && v < F; )
-        v++;
-    else if (r === "Backspace" && !x.test(i[n])) {
-      if (o <= N + 1 && i[0] === "-" && typeof d > "u") {
-        var T = i.substring(1);
+      var T = r === "ArrowLeft" ? "left" : "right";
+      g = this.correctCaretPosition(i, n, T);
+    } else if (r === "Delete" && !b.test(i[n]) && !w.test(i[n]))
+      for (; !b.test(i[g]) && g < F; )
+        g++;
+    else if (r === "Backspace" && !b.test(i[n])) {
+      if (o <= N + 1 && i[0] === "-" && typeof m > "u") {
+        var $ = i.substring(1);
         this.updateValue({
-          formattedValue: T,
-          caretPos: v,
+          formattedValue: $,
+          caretPos: g,
           input: t,
           event: e,
           source: "event"
         });
       } else if (!w.test(i[n])) {
-        for (; !x.test(i[v - 1]) && v > N; )
-          v--;
-        v = this.correctCaretPosition(i, v, "left");
+        for (; !b.test(i[g - 1]) && g > N; )
+          g--;
+        g = this.correctCaretPosition(i, g, "left");
       }
     }
-    (v !== n || n < N || n > F) && (e.preventDefault(), this.setPatchedCaretPosition(t, v, i)), e.isUnitTestRun && this.setPatchedCaretPosition(t, v, i), g(e);
+    (g !== n || n < N || n > F) && (e.preventDefault(), this.setPatchedCaretPosition(t, g, i)), e.isUnitTestRun && this.setPatchedCaretPosition(t, g, i), S(e);
   }, f.prototype.onMouseUp = function(e) {
     var t = e.target, r = t.selectionStart, o = t.selectionEnd, s = t.value;
     if (s === void 0 && (s = ""), r === o) {
@@ -447,9 +447,9 @@ var Ne = {
   }, f.prototype.render = function() {
     var e = this.props, t = e.type, r = e.displayType, o = e.customInput, s = e.renderText, i = e.getInputRef, n = e.format;
     e.thousandSeparator, e.decimalSeparator, e.allowedDecimalSeparators, e.thousandsGroupStyle, e.decimalScale, e.fixedDecimalScale, e.prefix, e.suffix, e.removeFormatting, e.mask, e.defaultValue, e.isNumericString, e.allowNegative, e.allowEmptyFormatting, e.allowLeadingZeros, e.onValueChange, e.isAllowed, e.customNumerals, e.onChange, e.onKeyDown, e.onMouseUp, e.onFocus, e.onBlur, e.value;
-    var l = be(e, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "thousandSeparator", "decimalSeparator", "allowedDecimalSeparators", "thousandsGroupStyle", "decimalScale", "fixedDecimalScale", "prefix", "suffix", "removeFormatting", "mask", "defaultValue", "isNumericString", "allowNegative", "allowEmptyFormatting", "allowLeadingZeros", "onValueChange", "isAllowed", "customNumerals", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value"]), p = l, c = this.state, h = c.value, m = c.mounted, d = m && xe(n) ? "numeric" : void 0, g = Object.assign({ inputMode: d }, p, {
+    var l = be(e, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "thousandSeparator", "decimalSeparator", "allowedDecimalSeparators", "thousandsGroupStyle", "decimalScale", "fixedDecimalScale", "prefix", "suffix", "removeFormatting", "mask", "defaultValue", "isNumericString", "allowNegative", "allowEmptyFormatting", "allowLeadingZeros", "onValueChange", "isAllowed", "customNumerals", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value"]), p = l, c = this.state, d = c.value, h = c.mounted, m = h && xe(n) ? "numeric" : void 0, S = Object.assign({ inputMode: m }, p, {
       type: t,
-      value: h,
+      value: d,
       onChange: this.onChange,
       onKeyDown: this.onKeyDown,
       onMouseUp: this.onMouseUp,
@@ -457,25 +457,25 @@ var Ne = {
       onBlur: this.onBlur
     });
     if (r === "text")
-      return s ? s(h, p) || null : j.createElement(
+      return s ? s(d, p) || null : B.createElement(
         "span",
         Object.assign({}, p, { ref: i }),
-        h
+        d
       );
     if (o) {
-      var y = o;
-      return j.createElement(y, Object.assign({}, g, { ref: i }));
+      var x = o;
+      return B.createElement(x, Object.assign({}, S, { ref: i }));
     }
-    return j.createElement("input", Object.assign({}, g, { ref: i }));
+    return B.createElement("input", Object.assign({}, S, { ref: i }));
   }, f;
-}(j.Component);
+}(B.Component);
 X.defaultProps = Ne;
 const we = G.div`
   display: flex;
   align-items: center;
 
-  min-height: ${(a) => B(a.theme, a.size)};
-  max-height: ${(a) => B(a.theme, a.size)};
+  min-height: ${(a) => M(a.theme, a.size)};
+  max-height: ${(a) => M(a.theme, a.size)};
   background-color: ${(a) => R(
   a.theme,
   "Input",
@@ -512,8 +512,8 @@ const we = G.div`
     width: 100%;
 
     ${(a) => ce(a.theme, "Input", a.size, "enabled")}
-    min-height: ${(a) => B(a.theme, a.size)};
-    max-height: ${(a) => B(a.theme, a.size)};
+    min-height: ${(a) => M(a.theme, a.size)};
+    max-height: ${(a) => M(a.theme, a.size)};
     color: ${(a) => R(
   a.theme,
   "Input",
@@ -557,7 +557,7 @@ const we = G.div`
   const {
     disabled: u,
     readOnly: e,
-    debounceTime: t = 180,
+    debounceTime: t = 0,
     prefix: r,
     suffix: o,
     thousandSeparator: s = ".",
@@ -567,52 +567,52 @@ const we = G.div`
     allowNegative: p = !0,
     //----------------
     onChange: c,
-    onKeyDown: h,
-    onBlur: m,
-    onFocus: d,
+    onBlur: d,
+    onFocus: h,
+    onInputChange: m,
     //----------------
-    className: g = "",
-    style: y = {},
-    size: x = "small",
+    className: S = "",
+    style: x = {},
+    size: b = "small",
     color: w = "primary",
     ...P
-  } = a, v = pe(), [N, F] = ne(!1), E = se(
-    fe((b, D) => T(b, D), t),
+  } = a, g = pe(), [N, F] = ne(!1), T = se(
+    fe((y, D) => $(y, D), t),
     [c]
-  ), T = (b, D) => {
-    c && (c == null || c(b, D));
-  }, I = (b, D) => {
-    E(D.event, _value);
-  }, M = () => n < 0 ? 0 : n > 17 ? 17 : n, k = (b) => {
-    F(!0), d == null || d(b);
-  }, A = (b) => {
-    F(!1), m == null || m(b);
+  ), $ = (y, D) => {
+    c && (c == null || c(y, D)), m == null || m(y, D);
+  }, O = (y, D) => {
+    T(D.event, y == null ? void 0 : y.floatValue);
+  }, j = () => n < 0 ? 0 : n > 17 ? 17 : n, k = (y) => {
+    F(!0), h == null || h(y);
+  }, A = (y) => {
+    F(!1), d == null || d(y);
   };
   return /* @__PURE__ */ ie(
     we,
     {
-      style: y,
-      className: g,
-      theme: v,
+      style: x,
+      className: S,
+      theme: g,
       color: w,
-      size: x,
+      size: b,
       prefix: r,
       suffix: o,
       focused: N,
       disabled: u,
       readOnly: e,
       children: [
-        r && /* @__PURE__ */ K(
+        r && /* @__PURE__ */ L(
           Y,
           {
-            theme: v,
+            theme: g,
             color: w,
             focused: N,
             className: "lnc-input-prefix",
             children: r
           }
         ),
-        /* @__PURE__ */ K(
+        /* @__PURE__ */ L(
           X,
           {
             getInputRef: f,
@@ -621,19 +621,19 @@ const we = G.div`
             readOnly: e,
             thousandSeparator: s,
             decimalSeparator: i,
-            decimalScale: M(),
+            decimalScale: j(),
             fixedDecimalScale: l,
             allowNegative: p,
             onFocus: k,
             onBlur: A,
-            onValueChange: I,
+            onValueChange: O,
             ...P
           }
         ),
-        o && /* @__PURE__ */ K(
+        o && /* @__PURE__ */ L(
           De,
           {
-            theme: v,
+            theme: g,
             color: w,
             focused: N,
             className: "lnc-input-suffix",
@@ -645,43 +645,47 @@ const we = G.div`
   );
 });
 Ce.propTypes = {
-  id: S.string,
-  value: S.any,
-  defaultValue: S.any,
-  disabled: S.bool,
-  readOnly: S.bool,
-  debounceTime: S.number,
+  id: v.string,
+  value: v.any,
+  defaultValue: v.any,
+  disabled: v.bool,
+  readOnly: v.bool,
+  debounceTime: v.number,
   /**
    * Reserved space before input. Intented to be used with plain text or `Icon` component.
    */
-  prefix: S.oneOfType([S.string, S.element]),
+  prefix: v.oneOfType([v.string, v.element]),
   /**
    * Reserved space after input. Intented to be used with plain text or `Icon` component.
    */
-  suffix: S.oneOfType([S.string, S.element]),
-  thousandSeparator: S.oneOf([".", ",", " "]),
-  decimalSeparator: S.oneOf([".", ","]),
-  decimalScale: S.number,
-  fixedDecimalScale: S.bool,
-  allowNegative: S.bool,
+  suffix: v.oneOfType([v.string, v.element]),
+  thousandSeparator: v.oneOf([".", ",", " "]),
+  decimalSeparator: v.oneOf([".", ","]),
+  decimalScale: v.number,
+  fixedDecimalScale: v.bool,
+  allowNegative: v.bool,
   //----------------
   /**
    * `(event, value) => void`
    */
-  onChange: S.func,
+  onChange: v.func,
+  /**
+   * `(event, value) => void`
+   */
+  onInputChange: v.func,
   /**
    * `(event) => void`
    */
-  onBlur: S.func,
+  onBlur: v.func,
   /**
    * `(event) => void`
    */
-  onFocus: S.func,
+  onFocus: v.func,
   //----------------
-  className: S.string,
-  style: S.object,
-  size: S.oneOf(["small", "medium", "large"]),
-  color: S.oneOf([
+  className: v.string,
+  style: v.object,
+  size: v.oneOf(["small", "medium", "large"]),
+  color: v.oneOf([
     "primary",
     "secondary",
     "success",

package/dist/DecimalInputV2.cjs

@@ -0,0 +1,48 @@
+"use strict";const g=require("react/jsx-runtime"),o=require("./index-BIlhCoy2.cjs"),d=require("react"),C=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),s=require("./utils-DTAPpJXU.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=C.newStyled.div`
+  display: flex;
+  align-items: center;
+
+  min-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
+  background-color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
+  border: 1px solid
+    ${e=>s.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","border")};
+  border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,"regular")};
+
+  ${e=>e.focused===!0&&e.readOnly!==!0?s.getOutlineCss(e.theme):""}
+  ${e=>e.isDisabled===!0?s.getDisabledStateCss(e.theme):""}
+  ${e=>e.isDisabled===!0?"border: 1px solid "+s.getColorRgbaValue(e.theme,"Input",e.color,"disabled","border"):""}
+
+  & input {
+    background: none;
+    border: none;
+    outline: none;
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+    width: 100%;
+
+    ${e=>s.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
+    min-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
+    max-height: ${e=>s.getSizeValueWithUnits(e.theme,e.size)};
+    color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
+    caret-color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
+    padding-right: ${e=>e.suffix?"0":"0.75rem"};
+    padding-left: ${e=>e.prefix?"0":"0.75rem"};
+  }
+
+  & input:disabled {
+    ${e=>s.getDisabledStateCss(e.theme)}
+    background: none;
+  }
+
+  & input:read-only {
+    cursor: default;
+  }
+
+  & input::placeholder {
+    color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
+  }
+`,R=C.newStyled.span`
+  padding: 0 12px;
+  color: ${e=>s.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
+`,L=C.newStyled(R)``,k=d.forwardRef((e,O)=>{const{disabled:V,readOnly:j,prefix:h,suffix:y,decimalSeparator:c=",",decimalScale:a=2,allowNegative:D=!0,onKeyDown:S=()=>{},onBlur:m=()=>{},onFocus:f=()=>{},onChange:q=()=>{},value:b,className:W="",style:U={},size:v="small",color:T="primary",onInputChange:B=()=>{},...K}=e,x=H.useTheme(),[P,z]=d.useState(!1),I=r=>{var n,u;if(!isNaN(+r)){const i=(n=r==null?void 0:r.toString())==null?void 0:n.split(".");if(!(i!=null&&i.length)>0)return"0"+c+new Array(a+1).join("0");if((i==null?void 0:i.length)===1)return i.at(0)+c+new Array(a+1).join("0");if((i==null?void 0:i.length)>1){let t=(u=i==null?void 0:i.at(1))==null?void 0:u.toString();if((t==null?void 0:t.length)===a)return i.at(0)+c+t;if((t==null?void 0:t.length)<a)return i.at(0)+c+i.at(1)+new Array(a-t.length+1).join("0");if((t==null?void 0:t.length)>a)return i.at(0)+c+t.slice(0,a)}}return"0"+c+new Array(a+1).join("0")},N=I(b),[_,p]=d.useState(N),l=d.useRef(N);d.useEffect(()=>{const r=I(b);l.current=r,p(l.current)},[b]);const F=r=>{z(!0),f==null||f(r)},E=r=>{z(!1),m==null||m(r)},G=r=>{var u,i;let n=(u=l.current)==null?void 0:u.replace(c,"");if(r.key==="Delete"||r.key==="Backspace"){if(+n!=0){n=n.slice(0,(n==null?void 0:n.length)-1);let t=n.slice(0,(n==null?void 0:n.length)-a),w=n.slice((n==null?void 0:n.length)-a);(t==null?void 0:t.length)===0?t="0":t==="-"&&+n!=0?t="-0":t==="-"&&+n==0&&(t="0");let $=[t,c,w].join("");l.current=$,p(l.current)}}else if(r.key==="-"&&D===!0&&+n!=0)((i=l==null?void 0:l.current)==null?void 0:i.slice(1))==="-"?l.current=l.current.slice(1,l.current.length):l.current="-"+l.current,p(l.current);else if(!isNaN(r.key)){n=n+r.key;let t=n.slice(0,(n==null?void 0:n.length)-a),w=n.slice((n==null?void 0:n.length)-a);(t==null?void 0:t.length)>1&&(t=t.replace(/^0+/,""),(t==null?void 0:t.length)===0&&(t="0"));let $=[t,c,w].join("");l.current=$,p(l.current)}S(r)};return g.jsxs(J,{style:U,className:W,theme:x,color:T,size:v,prefix:h,suffix:y,focused:P,disabled:V,readOnly:j,children:[h&&g.jsx(R,{theme:x,color:T,focused:P,className:"lnc-input-prefix",children:h}),g.jsx("input",{ref:O,type:"text",...K,onKeyDown:G,onBlur:E,value:_,className:"lnc-ui-decimal-v2-input",onFocus:F,disabled:V||j,onChange:r=>{B(r),q(r)}}),y&&g.jsx(L,{theme:x,color:T,focused:P,className:"lnc-input-suffix",children:y})]})});k.propTypes={id:o.PropTypes.string,value:o.PropTypes.any,defaultValue:o.PropTypes.any,disabled:o.PropTypes.bool,readOnly:o.PropTypes.bool,debounceTime:o.PropTypes.number,prefix:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),suffix:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),thousandSeparator:o.PropTypes.oneOf([".",","," "]),decimalSeparator:o.PropTypes.oneOf([".",","]),decimalScale:o.PropTypes.number,fixedDecimalScale:o.PropTypes.bool,allowNegative:o.PropTypes.bool,onChange:o.PropTypes.func,onInputChange:o.PropTypes.func,onBlur:o.PropTypes.func,onFocus:o.PropTypes.func,onKeyDown:o.PropTypes.func,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["small","medium","large"]),color:o.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=k;