@lanaco/lnc-react-ui 3.11.35 → 4.0.2

package/dist/DecimalInput.js

@@ -0,0 +1,697 @@
+import { jsxs as ie, jsx as K } from "react/jsx-runtime";
+import { P as S } from "./index-Ds9PUTwb.js";
+import I, { useState as oe, useCallback as ne } from "react";
+import { d as se } from "./index-D5vEbKUT.js";
+import { n as G } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { f as B, b as R, c as fe, h as le, g as W, a as ue } from "./utils-DEke8iwo.js";
+import { u as ce } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+function O() {
+}
+function pe() {
+  return !0;
+}
+function V(a) {
+  return !!(a || "").match(/\d/);
+}
+function _(a) {
+  return a == null;
+}
+function Z(a) {
+  return a.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&");
+}
+function de(a) {
+  switch (a) {
+    case "lakh":
+      return /(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;
+    case "wan":
+      return /(\d)(?=(\d{4})+(?!\d))/g;
+    case "thousand":
+    default:
+      return /(\d)(?=(\d{3})+(?!\d))/g;
+  }
+}
+function me(a, f, u) {
+  var e = de(u), t = a.search(/[1-9]/);
+  return t = t === -1 ? a.length : t, a.substring(0, t) + a.substring(t, a.length).replace(e, "$1" + f);
+}
+function z(a, f) {
+  f === void 0 && (f = !0);
+  var u = a[0] === "-", e = u && f;
+  a = a.replace("-", "");
+  var t = a.split("."), r = t[0], o = t[1] || "";
+  return {
+    beforeDecimal: r,
+    afterDecimal: o,
+    hasNagation: u,
+    addNegation: e
+  };
+}
+function he(a) {
+  if (!a)
+    return a;
+  var f = a[0] === "-";
+  f && (a = a.substring(1, a.length));
+  var u = a.split("."), e = u[0].replace(/^0+/, "") || "0", t = u[1] || "";
+  return (f ? "-" : "") + e + (t ? "." + t : "");
+}
+function Q(a, f, u) {
+  for (var e = "", t = u ? "0" : "", r = 0; r <= f - 1; r++)
+    e += a[r] || t;
+  return e;
+}
+function q(a, f) {
+  return Array(f + 1).join(a);
+}
+function ve(a) {
+  a += "";
+  var f = a[0] === "-" ? "-" : "";
+  f && (a = a.substring(1));
+  var u = a.split(/[eE]/g), e = u[0], t = u[1];
+  if (t = Number(t), !t)
+    return f + e;
+  e = e.replace(".", "");
+  var r = 1 + t, o = e.length;
+  return r < 0 ? e = "0." + q("0", Math.abs(r)) + e : r >= o ? e = e + q("0", r - o) : e = (e.substring(0, r) || "0") + "." + e.substring(r), f + e;
+}
+function ge(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;
+  }, l[0]), c = Q(
+    l[1] || "",
+    Math.min(f, o.length),
+    u
+  ), h = s ? "-" : "", m = e ? "." : "";
+  return "" + h + p + m + c;
+}
+function H(a, f) {
+  if (a.value = a.value, a !== null) {
+    if (a.createTextRange) {
+      var u = a.createTextRange();
+      return u.move("character", f), u.select(), !0;
+    }
+    return a.selectionStart || a.selectionStart === 0 ? (a.focus(), a.setSelectionRange(f, f), !0) : (a.focus(), !1);
+  }
+}
+function Se(a, f) {
+  for (var u = 0, e = 0, t = a.length, r = f.length; a[u] === f[u] && u < t; )
+    u++;
+  for (; a[t - 1 - e] === f[r - 1 - e] && r - e > u && t - e > u; )
+    e++;
+  return { start: u, end: t - e };
+}
+function L(a, f, u) {
+  return Math.min(Math.max(a, f), u);
+}
+function J(a) {
+  return Math.max(a.selectionStart, a.selectionEnd);
+}
+function ye(a) {
+  return a || typeof navigator < "u" && !(navigator.platform && /iPhone|iPod/.test(navigator.platform));
+}
+function xe(a, f) {
+  var u = {};
+  for (var e in a) Object.prototype.hasOwnProperty.call(a, e) && f.indexOf(e) === -1 && (u[e] = a[e]);
+  return u;
+}
+var be = {
+  displayType: "input",
+  decimalSeparator: ".",
+  thousandsGroupStyle: "thousand",
+  fixedDecimalScale: !1,
+  prefix: "",
+  suffix: "",
+  allowNegative: !0,
+  allowEmptyFormatting: !1,
+  allowLeadingZeros: !1,
+  isNumericString: !1,
+  type: "text",
+  onValueChange: O,
+  onChange: O,
+  onKeyDown: O,
+  onMouseUp: O,
+  onFocus: O,
+  onBlur: O,
+  isAllowed: pe
+}, X = /* @__PURE__ */ function(a) {
+  function f(u) {
+    a.call(this, u);
+    var e = u.defaultValue;
+    this.validateProps();
+    var t = this.formatValueProp(e);
+    this.state = {
+      value: t,
+      numAsString: this.removeFormatting(t),
+      mounted: !1
+    }, this.selectionBeforeInput = {
+      selectionStart: 0,
+      selectionEnd: 0
+    }, this.onChange = this.onChange.bind(this), this.onKeyDown = this.onKeyDown.bind(this), this.onMouseUp = this.onMouseUp.bind(this), this.onFocus = this.onFocus.bind(this), this.onBlur = this.onBlur.bind(this);
+  }
+  return a && (f.__proto__ = a), f.prototype = Object.create(a && a.prototype), f.prototype.constructor = f, f.prototype.componentDidMount = function() {
+    this.setState({
+      mounted: !0
+    });
+  }, f.prototype.componentDidUpdate = function(e) {
+    this.updateValueIfRequired(e);
+  }, f.prototype.componentWillUnmount = function() {
+    clearTimeout(this.focusTimeout), clearTimeout(this.caretPositionTimeout);
+  }, f.prototype.updateValueIfRequired = function(e) {
+    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);
+      //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
+      l !== i || //set state always when not in focus and formatted value is changed
+      s === null && p !== i) && this.updateValue({
+        formattedValue: p,
+        numAsString: c,
+        input: s,
+        source: "prop",
+        event: null
+      });
+    }
+  }, f.prototype.getFloatString = function(e) {
+    e === void 0 && (e = "");
+    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;
+  }, 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) : ""),
+      e ? "g" : void 0
+    );
+  }, f.prototype.getSeparators = function() {
+    var e = this.props, t = e.decimalSeparator, r = this.props, o = r.thousandSeparator, s = r.allowedDecimalSeparators;
+    return o === !0 && (o = ","), s || (s = [t, "."]), {
+      decimalSeparator: t,
+      thousandSeparator: o,
+      allowedDecimalSeparators: s
+    };
+  }, f.prototype.getMaskAtIndex = function(e) {
+    var t = this.props, r = t.mask;
+    return r === void 0 && (r = " "), typeof r == "string" ? r : r[e] || " ";
+  }, f.prototype.getValueObject = function(e, t) {
+    var r = parseFloat(t);
+    return {
+      formattedValue: e,
+      value: t,
+      floatValue: isNaN(r) ? void 0 : r
+    };
+  }, f.prototype.validateProps = function() {
+    var e = this.props, t = e.mask, r = this.getSeparators(), o = r.decimalSeparator, s = r.thousandSeparator;
+    if (o === s)
+      throw new Error(`
+          Decimal separator can't be same as thousand separator.
+          thousandSeparator: ` + s + ` (thousandSeparator = {true} is same as thousandSeparator = ",")
+          decimalSeparator: ` + o + ` (default value for decimalSeparator is .)
+       `);
+    if (t) {
+      var i = t === "string" ? t : t.toString();
+      if (i.match(/\d/g))
+        throw new Error(`
+          Mask ` + t + ` should not contain numeric character;
+        `);
+    }
+  }, f.prototype.setPatchedCaretPosition = function(e, t, r) {
+    H(e, t), this.caretPositionTimeout = setTimeout(function() {
+      e.value === r && H(e, t);
+    }, 0);
+  }, f.prototype.correctCaretPosition = function(e, t, r) {
+    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) {
+      var l = e[0] === "-";
+      return L(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]))
+      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;
+  }, 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; )
+          c++;
+        c++;
+      }
+    }
+    return typeof s == "string" && !i && (c = t.length), c = this.correctCaretPosition(t, c), c;
+  }, f.prototype.removePrefixAndSuffix = function(e) {
+    var t = this.props, r = t.format, o = t.prefix, s = t.suffix;
+    if (!r && e) {
+      var i = e[0] === "-";
+      i && (e = e.substring(1, e.length)), e = o && e.indexOf(o) === 0 ? e.substring(o.length, e.length) : e;
+      var n = e.lastIndexOf(s);
+      e = s && n !== -1 && n === e.length - s.length ? e.substring(0, n) : e, i && (e = "-" + e);
+    }
+    return e;
+  }, f.prototype.removePatternFormatting = function(e) {
+    for (var t = this.props, r = t.format, o = r.split("#").filter(function(h) {
+      return h !== "";
+    }), 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) {
+        i = e;
+        break;
+      } else
+        i += e.substring(s, c), s = c + p.length;
+    }
+    return (i.match(this.getNumberRegex(!0)) || []).join("");
+  }, f.prototype.removeFormatting = function(e) {
+    var t = this.props, r = t.format, o = t.removeFormatting;
+    return e && (r ? typeof r == "string" ? e = this.removePatternFormatting(e) : typeof o == "function" ? e = o(e) : e = (e.match(this.getNumberRegex(!0)) || []).join("") : (e = this.removePrefixAndSuffix(e), e = this.getFloatString(e)), e);
+  }, f.prototype.formatWithPattern = function(e) {
+    for (var t = this.props, r = t.format, o = 0, s = r.split(""), i = 0, n = r.length; i < n; i++)
+      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 = me(g, c, l)), s && (g = s + g), i && (y = y + i), x && (g = "-" + g), e = g + (m && h || "") + y, 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;
+    if (s && s.length === 10) {
+      var n = new RegExp("[" + s.join("") + "]", "g");
+      i = e.replace(
+        n,
+        function(l) {
+          return s.indexOf(l).toString();
+        }
+      );
+    }
+    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;
+    var c = !l && l !== 0;
+    if (c && i && (l = ""), c && !i)
+      return "";
+    typeof l == "number" && (l = ve(l), p = !0), l === "Infinity" && p && (l = ""), p && !r && typeof o == "number" && (l = ge(l, o, s));
+    var h = p ? this.formatNumString(l) : this.formatInput(l);
+    return h;
+  }, 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);
+    return e = e.replace(/-/g, ""), i && !n && r && (e = "-" + e), e;
+  }, f.prototype.formatInput = function(e) {
+    e === void 0 && (e = "");
+    var t = this.props, r = t.format;
+    return r || (e = this.removePrefixAndSuffix(e), e = this.formatNegation(e)), e = this.removeFormatting(e), this.formatNumString(e);
+  }, f.prototype.isCharacterAFormat = function(e, t) {
+    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 = Se(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 E = i ? 0 : l.length, T = 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.
+      // For numeric inputs we apply the format so, prefix and suffix can be ignored
+      x === E && w === T
+    )
+      return r;
+    var j = t.substr(v, N - v), M = !![].concat(j).find(
+      function(C, $) {
+        return o.isCharacterAFormat($ + v, t);
+      }
+    );
+    if (M) {
+      var k = t.substr(v), A = {}, b = [];
+      [].concat(k).forEach(function(C, $) {
+        o.isCharacterAFormat($ + v, t) ? A[$] = C : $ > j.length - 1 && b.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("");
+    }
+    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))
+        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;
+    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);
+      }
+      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 }));
+  }, 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({
+      formattedValue: c,
+      numAsString: h,
+      inputValue: r,
+      input: t,
+      event: e,
+      source: "event"
+    }), d && 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 = he(l));
+      var c = this.formatNumString(l);
+      if (c !== p) {
+        this.updateValue({
+          formattedValue: c,
+          numAsString: l,
+          input: e.target,
+          setCaretPosition: !1,
+          event: e,
+          source: "event"
+        }), i(e);
+        return;
+      }
+    }
+    i(e);
+  }, 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";
+    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);
+      return;
+    }
+    var v = n, N = P ? d.indexOf("#") : h.length, F = P ? d.lastIndexOf("#") + 1 : i.length - m.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);
+        this.updateValue({
+          formattedValue: T,
+          caretPos: v,
+          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");
+      }
+    }
+    (v !== n || n < N || n > F) && (e.preventDefault(), this.setPatchedCaretPosition(t, v, i)), e.isUnitTestRun && this.setPatchedCaretPosition(t, v, i), g(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) {
+      var i = this.correctCaretPosition(s, r);
+      i !== r && this.setPatchedCaretPosition(t, i, s);
+    }
+    this.props.onMouseUp(e);
+  }, f.prototype.onFocus = function(e) {
+    var t = this;
+    e.persist(), this.focusedElm = e.target, this.focusTimeout = setTimeout(function() {
+      var r = e.target, o = r.selectionStart, s = r.selectionEnd, i = r.value;
+      i === void 0 && (i = "");
+      var n = t.correctCaretPosition(i, o);
+      n !== o && !(o === 0 && s === i.length) && t.setPatchedCaretPosition(r, n, i), t.props.onFocus(e);
+    }, 0);
+  }, 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 = xe(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 && ye(n) ? "numeric" : void 0, g = Object.assign({ inputMode: d }, p, {
+      type: t,
+      value: h,
+      onChange: this.onChange,
+      onKeyDown: this.onKeyDown,
+      onMouseUp: this.onMouseUp,
+      onFocus: this.onFocus,
+      onBlur: this.onBlur
+    });
+    if (r === "text")
+      return s ? s(h, p) || null : I.createElement(
+        "span",
+        Object.assign({}, p, { ref: i }),
+        h
+      );
+    if (o) {
+      var y = o;
+      return I.createElement(y, Object.assign({}, g, { ref: i }));
+    }
+    return I.createElement("input", Object.assign({}, g, { ref: i }));
+  }, f;
+}(I.Component);
+X.defaultProps = be;
+const Ne = G.div`
+  display: flex;
+  align-items: center;
+
+  min-height: ${(a) => B(a.theme, a.size)};
+  max-height: ${(a) => B(a.theme, a.size)};
+  background-color: ${(a) => R(
+  a.theme,
+  "Input",
+  a.color,
+  "enabled",
+  "background"
+)};
+  border: 1px solid
+    ${(a) => R(
+  a.theme,
+  "Input",
+  a.focused === !0 ? "primary" : a.color,
+  "enabled",
+  "border"
+)};
+  border-radius: ${(a) => fe(a.theme, "regular")};
+
+  ${(a) => a.focused === !0 && a.readOnly !== !0 ? le(a.theme) : ""}
+  ${(a) => a.isDisabled === !0 ? W(a.theme) : ""}
+  ${(a) => a.isDisabled === !0 ? "border: 1px solid " + R(
+  a.theme,
+  "Input",
+  a.color,
+  "disabled",
+  "border"
+) : ""}
+
+  & input {
+    background: none;
+    border: none;
+    outline: none;
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+    width: 100%;
+
+    ${(a) => ue(a.theme, "Input", a.size, "enabled")}
+    min-height: ${(a) => B(a.theme, a.size)};
+    max-height: ${(a) => B(a.theme, a.size)};
+    color: ${(a) => R(
+  a.theme,
+  "Input",
+  a.focused === !0 ? "primary" : a.color,
+  "enabled",
+  "text"
+)};
+    caret-color: ${(a) => R(a.theme, "Input", a.color, "enabled", "caret")};
+    padding-right: ${(a) => a.suffix ? "0" : "0.75rem"};
+    padding-left: ${(a) => a.prefix ? "0" : "0.75rem"};
+  }
+
+  & input:disabled {
+    ${(a) => W(a.theme)}
+    background: none;
+  }
+
+  & input:read-only {
+    cursor: default;
+  }
+
+  & input::placeholder {
+    color: ${(a) => R(
+  a.theme,
+  "Input",
+  a.color,
+  "enabled",
+  "placeholder"
+)};
+  }
+`, Y = G.span`
+  padding: 0 12px;
+  color: ${(a) => R(
+  a.theme,
+  "Input",
+  a.focused === !0 ? "primary" : a.color,
+  "enabled",
+  "prefix"
+)};
+`, we = G(Y)``, De = I.forwardRef((a, f) => {
+  const {
+    disabled: u,
+    readOnly: e,
+    debounceTime: t = 180,
+    prefix: r,
+    suffix: o,
+    thousandSeparator: s = ".",
+    decimalSeparator: i = ",",
+    decimalScale: n = 2,
+    fixedDecimalScale: l = !0,
+    allowNegative: p = !0,
+    //----------------
+    onChange: c,
+    onKeyDown: h,
+    onBlur: m,
+    onFocus: d,
+    //----------------
+    className: g = "",
+    style: y = {},
+    size: x = "small",
+    color: w = "primary",
+    ...P
+  } = a, v = ce(), [N, F] = oe(!1), E = ne(
+    se((b, D) => T(b, D), t),
+    [c]
+  ), T = (b, D) => {
+    c && (c == null || c(b, D));
+  }, j = (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);
+  };
+  return /* @__PURE__ */ ie(
+    Ne,
+    {
+      style: y,
+      className: g,
+      theme: v,
+      color: w,
+      size: x,
+      prefix: r,
+      suffix: o,
+      focused: N,
+      disabled: u,
+      readOnly: e,
+      children: [
+        r && /* @__PURE__ */ K(
+          Y,
+          {
+            theme: v,
+            color: w,
+            focused: N,
+            className: "lnc-input-prefix",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ K(
+          X,
+          {
+            getInputRef: f,
+            className: "lnc-decimal-input",
+            disabled: u,
+            readOnly: e,
+            thousandSeparator: s,
+            decimalSeparator: i,
+            decimalScale: M(),
+            fixedDecimalScale: l,
+            allowNegative: p,
+            onFocus: k,
+            onBlur: A,
+            onValueChange: j,
+            ...P
+          }
+        ),
+        o && /* @__PURE__ */ K(
+          we,
+          {
+            theme: v,
+            color: w,
+            focused: N,
+            className: "lnc-input-suffix",
+            children: o
+          }
+        )
+      ]
+    }
+  );
+});
+De.propTypes = {
+  id: S.string,
+  value: S.any,
+  defaultValue: S.any,
+  disabled: S.bool,
+  readOnly: S.bool,
+  debounceTime: S.number,
+  /**
+   * Reserved space before input. Intented to be used with plain text or `Icon` component.
+   */
+  prefix: S.oneOfType([S.string, S.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,
+  //----------------
+  /**
+   * `(event, value) => void`
+   */
+  onChange: S.func,
+  /**
+   * `(event) => void`
+   */
+  onBlur: S.func,
+  /**
+   * `(event) => void`
+   */
+  onFocus: S.func,
+  //----------------
+  className: S.string,
+  style: S.object,
+  size: S.oneOf(["small", "medium", "large"]),
+  color: S.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "danger",
+    "warning",
+    "information",
+    "neutral",
+    "gray"
+  ])
+};
+export {
+  De as default
+};