@lanaco/lnc-react-ui 4.0.3 → 4.0.6

package/dist/DecimalInput.js

@@ -1,13 +1,13 @@
 import { jsxs as ie, jsx as K } from "react/jsx-runtime";
 import { P as S } from "./index-BYnWp42a.js";
-import I, { useState as oe, useCallback as ne } from "react";
-import { d as se } from "./index-CNBqQrtK.js";
+import j, { 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 fe, e as le, h as W, g as ue } from "./utils-C52T57HO.js";
-import { u as ce } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.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 { u as pe } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 function O() {
 }
-function pe() {
+function de() {
   return !0;
 }
 function V(a) {
@@ -19,7 +19,7 @@ function _(a) {
 function Z(a) {
   return a.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&");
 }
-function de(a) {
+function me(a) {
   switch (a) {
     case "lakh":
       return /(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;
@@ -30,8 +30,8 @@ function de(a) {
       return /(\d)(?=(\d{3})+(?!\d))/g;
   }
 }
-function me(a, f, u) {
-  var e = de(u), t = a.search(/[1-9]/);
+function he(a, f, u) {
+  var e = me(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) {
@@ -46,7 +46,7 @@ function z(a, f) {
     addNegation: e
   };
 }
-function he(a) {
+function ve(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 ve(a) {
+function ge(a) {
   a += "";
   var f = a[0] === "-" ? "-" : "";
   f && (a = a.substring(1));
@@ -73,7 +73,7 @@ function ve(a) {
   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) {
+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) {
@@ -94,7 +94,7 @@ function H(a, f) {
     return a.selectionStart || a.selectionStart === 0 ? (a.focus(), a.setSelectionRange(f, f), !0) : (a.focus(), !1);
   }
 }
-function Se(a, f) {
+function ye(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; )
@@ -107,15 +107,15 @@ function L(a, f, u) {
 function J(a) {
   return Math.max(a.selectionStart, a.selectionEnd);
 }
-function ye(a) {
+function xe(a) {
   return a || typeof navigator < "u" && !(navigator.platform && /iPhone|iPod/.test(navigator.platform));
 }
-function xe(a, f) {
+function be(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 = {
+var Ne = {
   displayType: "input",
   decimalSeparator: ".",
   thousandsGroupStyle: "thousand",
@@ -133,7 +133,7 @@ var be = {
   onMouseUp: O,
   onFocus: O,
   onBlur: O,
-  isAllowed: pe
+  isAllowed: de
 }, X = /* @__PURE__ */ function(a) {
   function f(u) {
     a.call(this, u);
@@ -278,7 +278,7 @@ var be = {
     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;
+    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;
   }, f.prototype.formatNumString = function(e) {
     e === void 0 && (e = "");
     var t = this.props, r = t.format, o = t.allowEmptyFormatting, s = t.customNumerals, i = e;
@@ -298,7 +298,7 @@ var be = {
     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));
+    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;
   }, f.prototype.formatNegation = function(e) {
@@ -313,7 +313,7 @@ var be = {
     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;
+    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);
@@ -330,7 +330,7 @@ var be = {
       x === E && w === T
     )
       return r;
-    var j = t.substr(v, N - v), M = !![].concat(j).find(
+    var I = t.substr(v, N - v), M = !![].concat(I).find(
       function(C, $) {
         return o.isCharacterAFormat($ + v, t);
       }
@@ -338,7 +338,7 @@ var be = {
     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);
+        o.isCharacterAFormat($ + v, t) ? A[$] = C : $ > I.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("");
@@ -379,7 +379,7 @@ var be = {
   }, 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));
+      isNaN(parseFloat(l)) && (l = ""), n || (l = ve(l));
       var c = this.formatNumString(l);
       if (c !== p) {
         this.updateValue({
@@ -447,7 +447,7 @@ var be = {
   }, 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, {
+    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, {
       type: t,
       value: h,
       onChange: this.onChange,
@@ -457,20 +457,20 @@ var be = {
       onBlur: this.onBlur
     });
     if (r === "text")
-      return s ? s(h, p) || null : I.createElement(
+      return s ? s(h, p) || null : j.createElement(
         "span",
         Object.assign({}, p, { ref: i }),
         h
       );
     if (o) {
       var y = o;
-      return I.createElement(y, Object.assign({}, g, { ref: i }));
+      return j.createElement(y, Object.assign({}, g, { ref: i }));
     }
-    return I.createElement("input", Object.assign({}, g, { ref: i }));
+    return j.createElement("input", Object.assign({}, g, { ref: i }));
   }, f;
-}(I.Component);
-X.defaultProps = be;
-const Ne = G.div`
+}(j.Component);
+X.defaultProps = Ne;
+const we = G.div`
   display: flex;
   align-items: center;
 
@@ -491,9 +491,9 @@ const Ne = G.div`
   "enabled",
   "border"
 )};
-  border-radius: ${(a) => fe(a.theme, "regular")};
+  border-radius: ${(a) => le(a.theme, "regular")};
 
-  ${(a) => a.focused === !0 && a.readOnly !== !0 ? le(a.theme) : ""}
+  ${(a) => a.focused === !0 && a.readOnly !== !0 ? ue(a.theme) : ""}
   ${(a) => a.isDisabled === !0 ? W(a.theme) : ""}
   ${(a) => a.isDisabled === !0 ? "border: 1px solid " + R(
   a.theme,
@@ -511,7 +511,7 @@ const Ne = G.div`
     padding-bottom: 0.625rem;
     width: 100%;
 
-    ${(a) => ue(a.theme, "Input", a.size, "enabled")}
+    ${(a) => ce(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(
@@ -553,7 +553,7 @@ const Ne = G.div`
   "enabled",
   "prefix"
 )};
-`, we = G(Y)``, De = I.forwardRef((a, f) => {
+`, De = G(Y)``, Ce = oe((a, f) => {
   const {
     disabled: u,
     readOnly: e,
@@ -576,12 +576,12 @@ const Ne = G.div`
     size: x = "small",
     color: w = "primary",
     ...P
-  } = a, v = ce(), [N, F] = oe(!1), E = ne(
-    se((b, D) => T(b, D), t),
+  } = a, v = pe(), [N, F] = ne(!1), E = se(
+    fe((b, D) => T(b, D), t),
     [c]
   ), T = (b, D) => {
     c && (c == null || c(b, D));
-  }, j = (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);
@@ -589,7 +589,7 @@ const Ne = G.div`
     F(!1), m == null || m(b);
   };
   return /* @__PURE__ */ ie(
-    Ne,
+    we,
     {
       style: y,
       className: g,
@@ -626,12 +626,12 @@ const Ne = G.div`
             allowNegative: p,
             onFocus: k,
             onBlur: A,
-            onValueChange: j,
+            onValueChange: I,
             ...P
           }
         ),
         o && /* @__PURE__ */ K(
-          we,
+          De,
           {
             theme: v,
             color: w,
@@ -644,7 +644,7 @@ const Ne = G.div`
     }
   );
 });
-De.propTypes = {
+Ce.propTypes = {
   id: S.string,
   value: S.any,
   defaultValue: S.any,
@@ -693,5 +693,5 @@ De.propTypes = {
   ])
 };
 export {
-  De as default
+  Ce as default
 };

package/dist/DoubleRangeSlider.js

@@ -1,8 +1,8 @@
-import { jsxs as p, jsx as r, Fragment as R } from "react/jsx-runtime";
-import F, { useState as w, useEffect as x, useRef as T, useCallback as j } from "react";
+import { jsxs as f, jsx as r, Fragment as V } from "react/jsx-runtime";
+import { forwardRef as F, useState as w, useEffect as x, useRef as T, useCallback as j } from "react";
 import { n as $ } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as i } from "./index-BYnWp42a.js";
-import { a as u, b as V, g as E, d as O } from "./utils-C52T57HO.js";
+import { a as u, b as R, g as E, d as O } from "./utils-C52T57HO.js";
 import { u as D } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const L = ({ theme: e, size: k }) => {
   var s = O(e, k);
@@ -101,11 +101,11 @@ const L = ({ theme: e, size: k }) => {
 )};
     width: 100%;
     z-index: 1;
-    border-radius: ${(e) => V(e.theme, "regular")};
+    border-radius: ${(e) => R(e.theme, "regular")};
   }
 
   & > .slider__range {
-    border-radius: ${(e) => V(e.theme, "regular")};
+    border-radius: ${(e) => R(e.theme, "regular")};
     background-color: ${(e) => u(
   e.theme,
   "Range",
@@ -160,40 +160,40 @@ const L = ({ theme: e, size: k }) => {
       }
     }
   }
-`, B = F.forwardRef((e, k) => {
+`, B = F((e, k) => {
   const {
     minValue: s = null,
     maxValue: v = null,
     min: c = 0,
     max: m = 100,
     disabled: b = !1,
-    onChange: _ = () => {
+    onChange: y = () => {
     },
     color: C = "primary",
     size: P = "small",
     ...M
-  } = e, g = { theme: D(), size: P, color: C }, [y, f] = w(), [t, z] = w(s), [a, N] = w(v);
+  } = e, g = { theme: D(), size: P, color: C }, [_, p] = w(), [t, z] = w(s), [a, N] = w(v);
   x(() => {
     z(s), N(v);
   }, [s, v]);
-  const d = T(null), l = j(
+  const d = T(null), o = j(
     (n) => Math.round((n - c) / (m - c) * 100),
     [c, m]
   );
   return x(() => {
-    const n = l(t), o = l(a);
-    d.current && (d.current.style.left = `${n}%`, d.current.style.width = `${o - n}%`);
-  }, [t, l]), x(() => {
-    const n = l(t), o = l(a);
-    d.current && (d.current.style.width = `${o - n}%`);
-  }, [a, l]), x(() => {
-    _({ min: t, max: a });
-  }, [t, a, _]), /* @__PURE__ */ p(U, { disabled: b, ...g, ...M, children: [
-    y && t && /* @__PURE__ */ r(R, { children: /* @__PURE__ */ p(
+    const n = o(t), l = o(a);
+    d.current && (d.current.style.left = `${n}%`, d.current.style.width = `${l - n}%`);
+  }, [t, o]), x(() => {
+    const n = o(t), l = o(a);
+    d.current && (d.current.style.width = `${l - n}%`);
+  }, [a, o]), x(() => {
+    y({ min: t, max: a });
+  }, [t, a, y]), /* @__PURE__ */ f(U, { disabled: b, ...g, ...M, children: [
+    _ && t && /* @__PURE__ */ r(V, { children: /* @__PURE__ */ f(
       S,
       {
         ...g,
-        inputValue: l(t),
+        inputValue: o(t),
         disabled: b,
         children: [
           /* @__PURE__ */ r("div", { className: "text-content", children: t }),
@@ -201,11 +201,11 @@ const L = ({ theme: e, size: k }) => {
         ]
       }
     ) }),
-    y && a && /* @__PURE__ */ r(R, { children: /* @__PURE__ */ p(
+    _ && a && /* @__PURE__ */ r(V, { children: /* @__PURE__ */ f(
       S,
       {
         ...g,
-        inputValue: l(a),
+        inputValue: o(a),
         disabled: b,
         children: [
           /* @__PURE__ */ r("div", { className: "text-content", children: a }),
@@ -221,16 +221,16 @@ const L = ({ theme: e, size: k }) => {
         max: m,
         value: t | "",
         onChange: (n) => {
-          const o = Math.min(Number(n.target.value), a - 1);
-          z(o);
+          const l = Math.min(Number(n.target.value), a - 1);
+          z(l);
         },
         className: "thumb thumb--left",
         style: { zIndex: t > m - 100 && "5" },
         onMouseEnter: () => {
-          f(!0);
+          p(!0);
         },
         onMouseLeave: () => {
-          f(!1);
+          p(!1);
         }
       }
     ),
@@ -242,19 +242,19 @@ const L = ({ theme: e, size: k }) => {
         max: m,
         value: a | "",
         onChange: (n) => {
-          const o = Math.max(Number(n.target.value), t + 1);
-          N(o);
+          const l = Math.max(Number(n.target.value), t + 1);
+          N(l);
         },
         className: "thumb thumb--right",
         onMouseEnter: () => {
-          f(!0);
+          p(!0);
         },
         onMouseLeave: () => {
-          f(!1);
+          p(!1);
         }
       }
     ),
-    /* @__PURE__ */ p(W, { ...g, disabled: b, children: [
+    /* @__PURE__ */ f(W, { ...g, disabled: b, children: [
       /* @__PURE__ */ r("div", { className: "slider__track" }),
       /* @__PURE__ */ r("div", { ref: d, className: "slider__range" })
     ] })