@lanaco/lnc-react-ui 4.0.35 → 4.0.37

package/dist/TextAreaInput.js

@@ -1,18 +1,18 @@
-import { jsx as W } from "react/jsx-runtime";
+import { jsx as O } from "react/jsx-runtime";
 import { P as o } from "./index-S5Cd7WrG.js";
-import * as v from "react";
-import { useRef as Y, useCallback as A, forwardRef as D, useState as H, useEffect as $ } from "react";
-import { d as X } from "./index-CNBqQrtK.js";
-import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { g as q, d as J, a as z, b as K, e as Q, h as ee } from "./utils-jiuifwtJ.js";
-import { _ as te, u as re } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-import { _ as ne } from "./objectWithoutPropertiesLoose-DwEN6RBQ.js";
+import * as x from "react";
+import W, { forwardRef as Y, useState as F, useEffect as $, useCallback as q } from "react";
+import { d as D } from "./index-CkWvbrVT.js";
+import { n as X } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { c as Z, d as J, b as C, a as K, e as Q, h as ee } from "./utils-DtRLzzTZ.js";
+import { _ as te, u as re } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { _ as ne } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
 import { i as ae } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
-const oe = Z.div`
+const oe = X.div`
   & textarea {
-    ${(e) => q(e.theme, "Input", e.size, "enabled")}
+    ${(e) => Z(e.theme, "Input", e.size, "enabled")}
     min-height: ${(e) => J(e.theme, e.size)};
-    background-color: ${(e) => z(
+    background-color: ${(e) => C(
   e.theme,
   "Input",
   e.color,
@@ -20,7 +20,7 @@ const oe = Z.div`
   "background"
 )};
     border: 1px solid
-      ${(e) => z(
+      ${(e) => C(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
@@ -28,14 +28,14 @@ const oe = Z.div`
   "border"
 )};
     border-radius: ${(e) => K(e.theme, "regular")};
-    color: ${(e) => z(
+    color: ${(e) => C(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "text"
 )};
-    caret-color: ${(e) => z(e.theme, "Input", e.color, "enabled", "caret")};
+    caret-color: ${(e) => C(e.theme, "Input", e.color, "enabled", "caret")};
     overflow: ${(e) => e.collapseOnBlur && e.focused === !1 ? "hidden" : "auto"};
     transition: height 0.2s ease-out;
     padding: 0.563rem 0.75rem;
@@ -44,7 +44,7 @@ const oe = Z.div`
   }
 
   & textarea::placeholder {
-    color: ${(e) => z(
+    color: ${(e) => C(
   e.theme,
   "Input",
   e.color,
@@ -66,22 +66,22 @@ const oe = Z.div`
   }
 `;
 var ie = function(t) {
-  var r = v.useRef(t);
+  var n = W.useRef(t);
   return ae(function() {
-    r.current = t;
-  }), r;
-}, B = function(t, r) {
+    n.current = t;
+  }), n;
+}, k = function(t, n) {
   if (typeof t == "function") {
-    t(r);
+    t(n);
     return;
   }
-  t.current = r;
-}, de = function(t, r) {
-  var n = Y();
-  return A(function(a) {
-    t.current = a, n.current && B(n.current, null), n.current = r, r && B(r, a);
-  }, [r]);
-}, O = {
+  t.current = n;
+}, de = function(t, n) {
+  var r = W.useRef();
+  return W.useCallback(function(a) {
+    t.current = a, r.current && k(r.current, null), r.current = n, n && k(n, a);
+  }, [n]);
+}, M = {
   "min-height": "0",
   "max-height": "none",
   height: "0",
@@ -93,31 +93,31 @@ var ie = function(t) {
   right: "0",
   display: "block"
 }, ue = function(t) {
-  Object.keys(O).forEach(function(r) {
-    t.style.setProperty(r, O[r], "important");
+  Object.keys(M).forEach(function(n) {
+    t.style.setProperty(n, M[n], "important");
   });
-}, k = ue, d = null, M = function(t, r) {
-  var n = t.scrollHeight;
-  return r.sizingStyle.boxSizing === "border-box" ? n + r.borderSize : n - r.paddingSize;
+}, V = ue, d = null, A = function(t, n) {
+  var r = t.scrollHeight;
+  return n.sizingStyle.boxSizing === "border-box" ? r + n.borderSize : r - n.paddingSize;
 };
-function se(e, t, r, n) {
-  r === void 0 && (r = 1), n === void 0 && (n = 1 / 0), d || (d = document.createElement("textarea"), d.setAttribute("tabindex", "-1"), d.setAttribute("aria-hidden", "true"), k(d)), d.parentNode === null && document.body.appendChild(d);
-  var a = e.paddingSize, f = e.borderSize, s = e.sizingStyle, S = s.boxSizing;
-  Object.keys(s).forEach(function(g) {
-    var m = g;
-    d.style[m] = s[m];
-  }), k(d), d.value = t;
-  var i = M(d, e);
-  d.value = t, i = M(d, e), d.value = "x";
-  var u = d.scrollHeight - a, l = u * r;
-  S === "border-box" && (l = l + a + f), i = Math.max(l, i);
-  var c = u * n;
-  return S === "border-box" && (c = c + a + f), i = Math.min(c, i), [i, u];
+function se(e, t, n, r) {
+  n === void 0 && (n = 1), r === void 0 && (r = 1 / 0), d || (d = document.createElement("textarea"), d.setAttribute("tabindex", "-1"), d.setAttribute("aria-hidden", "true"), V(d)), d.parentNode === null && document.body.appendChild(d);
+  var a = e.paddingSize, m = e.borderSize, s = e.sizingStyle, S = s.boxSizing;
+  Object.keys(s).forEach(function(f) {
+    var b = f;
+    d.style[b] = s[b];
+  }), V(d), d.value = t;
+  var i = A(d, e);
+  d.value = t, i = A(d, e), d.value = "x";
+  var u = d.scrollHeight - a, l = u * n;
+  S === "border-box" && (l = l + a + m), i = Math.max(l, i);
+  var c = u * r;
+  return S === "border-box" && (c = c + a + m), i = Math.min(c, i), [i, u];
 }
-var V = function() {
-}, le = function(t, r) {
-  return t.reduce(function(n, a) {
-    return n[a] = r[a], n;
+var _ = function() {
+}, le = function(t, n) {
+  return t.reduce(function(r, a) {
+    return r[a] = n[a], r;
   }, {});
 }, ce = [
   "borderBottomWidth",
@@ -145,26 +145,26 @@ var V = function() {
   "wordBreak",
   "wordSpacing",
   "scrollbarGutter"
-], he = !!document.documentElement.currentStyle, fe = function(t) {
-  var r = window.getComputedStyle(t);
-  if (r === null)
+], fe = !!document.documentElement.currentStyle, he = function(t) {
+  var n = window.getComputedStyle(t);
+  if (n === null)
     return null;
-  var n = le(ce, r), a = n.boxSizing;
+  var r = le(ce, n), a = r.boxSizing;
   if (a === "")
     return null;
-  he && a === "border-box" && (n.width = parseFloat(n.width) + parseFloat(n.borderRightWidth) + parseFloat(n.borderLeftWidth) + parseFloat(n.paddingRight) + parseFloat(n.paddingLeft) + "px");
-  var f = parseFloat(n.paddingBottom) + parseFloat(n.paddingTop), s = parseFloat(n.borderBottomWidth) + parseFloat(n.borderTopWidth);
+  fe && a === "border-box" && (r.width = parseFloat(r.width) + parseFloat(r.borderRightWidth) + parseFloat(r.borderLeftWidth) + parseFloat(r.paddingRight) + parseFloat(r.paddingLeft) + "px");
+  var m = parseFloat(r.paddingBottom) + parseFloat(r.paddingTop), s = parseFloat(r.borderBottomWidth) + parseFloat(r.borderTopWidth);
   return {
-    sizingStyle: n,
-    paddingSize: f,
+    sizingStyle: r,
+    paddingSize: m,
     borderSize: s
   };
-}, ge = fe;
-function N(e, t, r) {
-  var n = ie(r);
-  v.useLayoutEffect(function() {
+}, ge = he;
+function B(e, t, n) {
+  var r = ie(n);
+  x.useLayoutEffect(function() {
     var a = function(s) {
-      return n.current(s);
+      return r.current(s);
     };
     if (e)
       return e.addEventListener(t, a), function() {
@@ -172,34 +172,46 @@ function N(e, t, r) {
       };
   }, []);
 }
-var me = function(t) {
-  N(window, "resize", t);
+var me = function(t, n) {
+  B(document.body, "reset", function(r) {
+    t.current.form === r.target && n(r);
+  });
 }, be = function(t) {
-  N(document.fonts, "loadingdone", t);
-}, pe = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], ve = function(t, r) {
-  var n = t.cacheMeasurements, a = t.maxRows, f = t.minRows, s = t.onChange, S = s === void 0 ? V : s, i = t.onHeightChange, u = i === void 0 ? V : i, l = ne(t, pe), c = l.value !== void 0, g = v.useRef(null), m = de(g, r), C = v.useRef(0), R = v.useRef(), x = function() {
-    var b = g.current, y = n && R.current ? R.current : ge(b);
+  B(window, "resize", t);
+}, pe = function(t) {
+  B(document.fonts, "loadingdone", t);
+}, ve = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], xe = function(t, n) {
+  var r = t.cacheMeasurements, a = t.maxRows, m = t.minRows, s = t.onChange, S = s === void 0 ? _ : s, i = t.onHeightChange, u = i === void 0 ? _ : i, l = ne(t, ve), c = l.value !== void 0, f = x.useRef(null), b = de(f, n), L = x.useRef(0), R = x.useRef(), v = function() {
+    var h = f.current, y = r && R.current ? R.current : ge(h);
     if (y) {
       R.current = y;
-      var T = se(y, b.value || b.placeholder || "x", f, a), p = T[0], L = T[1];
-      C.current !== p && (C.current = p, b.style.setProperty("height", p + "px", "important"), u(p, {
-        rowHeight: L
+      var T = se(y, h.value || h.placeholder || "x", m, a), p = T[0], H = T[1];
+      L.current !== p && (L.current = p, h.style.setProperty("height", p + "px", "important"), u(p, {
+        rowHeight: H
       }));
     }
-  }, I = function(b) {
-    c || x(), S(b);
+  }, I = function(h) {
+    c || v(), S(h);
   };
-  return v.useLayoutEffect(x), me(x), be(x), /* @__PURE__ */ v.createElement("textarea", te({}, l, {
+  return x.useLayoutEffect(v), me(f, function() {
+    if (!c) {
+      var w = f.current.value;
+      requestAnimationFrame(function() {
+        var h = f.current;
+        h && w !== h.value && v();
+      });
+    }
+  }), be(v), pe(v), /* @__PURE__ */ x.createElement("textarea", te({}, l, {
     onChange: I,
-    ref: m
+    ref: b
   }));
-}, xe = /* @__PURE__ */ v.forwardRef(ve);
-const ye = D((e, t) => {
+}, ye = /* @__PURE__ */ x.forwardRef(xe);
+const Se = Y((e, t) => {
   const {
-    disabled: r,
-    readOnly: n,
+    disabled: n,
+    readOnly: r,
     value: a,
-    defaultValue: f,
+    defaultValue: m,
     debounceTime: s = 0,
     type: S = "textarea",
     collapseOnBlur: i = !1,
@@ -207,67 +219,67 @@ const ye = D((e, t) => {
     maxRows: l,
     //----------------
     onChange: c,
-    onBlur: g,
-    onFocus: m,
+    onBlur: f,
+    onFocus: b,
     //----------------
-    className: C = "",
+    className: L = "",
     style: R = {},
-    size: x = "small",
+    size: v = "small",
     color: I = "primary",
-    ...E
-  } = e, [b, y] = H(a || f || ""), T = re(), [p, L] = H(!1), [_, j] = H(u), [P, w] = H(
+    ...w
+  } = e, [h, y] = F(a || m || ""), T = re(), [p, H] = F(!1), [N, j] = F(u), [P, z] = F(
     i ? u : l
   );
   $(() => {
     a != null && y(a);
   }, [a]), $(() => {
-    j(u), i && p === !1 && w(u);
+    j(u), i && p === !1 && z(u);
   }, [u, l]), $(() => {
-    w(i ? p === !0 ? l : u : l);
+    z(i ? p === !0 ? l : u : l);
   }, [i]);
-  const U = A(
-    X((h, F) => G(h, F), s),
+  const U = q(
+    D((g, E) => G(g, E), s),
     [c]
-  ), G = (h, F) => {
-    c && (c == null || c(h, F));
+  ), G = (g, E) => {
+    c && (c == null || c(g, E));
   };
-  return /* @__PURE__ */ W(
+  return /* @__PURE__ */ O(
     oe,
     {
       style: R,
-      className: C,
+      className: L,
       theme: T,
       color: I,
-      size: x,
+      size: v,
       focused: p,
-      disabled: r,
-      readOnly: n,
+      disabled: n,
+      readOnly: r,
       collapseOnBlur: i,
-      children: /* @__PURE__ */ W(
-        xe,
+      children: /* @__PURE__ */ O(
+        ye,
         {
           ref: t,
-          disabled: r,
-          value: b,
-          readOnly: n,
-          minRows: _,
+          disabled: n,
+          value: h,
+          readOnly: r,
+          minRows: N,
           maxRows: P,
-          onChange: (h) => {
-            y(h.target.value), U(h, h.target.value);
+          onChange: (g) => {
+            y(g.target.value), U(g, g.target.value);
           },
-          onFocus: (h) => {
-            L(!0), i && w(l), m == null || m(h);
+          onFocus: (g) => {
+            H(!0), i && z(l), b == null || b(g);
           },
-          onBlur: (h) => {
-            L(!1), i && w(u), g == null || g(h);
+          onBlur: (g) => {
+            H(!1), i && z(u), f == null || f(g);
           },
-          ...E
+          ...w
         }
       )
     }
   );
 });
-ye.propTypes = {
+Se.propTypes = {
   id: o.string,
   defaultValue: o.string,
   value: o.string,
@@ -316,5 +328,5 @@ ye.propTypes = {
   ])
 };
 export {
-  ye as default
+  Se as default
 };

package/dist/TextInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const d=require("react/jsx-runtime"),t=require("./index-BPVoEhTF.cjs"),s=require("react"),B=require("./index-DaiUAQVF.cjs"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./utils-scuIeOqU.cjs"),F=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),D=c.newStyled.div`
+"use strict";const d=require("react/jsx-runtime"),t=require("./index-BPVoEhTF.cjs"),s=require("react"),_=require("./index-DaiUAQVF.cjs"),c=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),n=require("./utils-NZLCh-J5.cjs"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),D=c.newStyled.div`
   display: flex;
   align-items: center;
 
@@ -42,4 +42,4 @@
     ${e=>n.getDisabledStateCss(e.theme)}
     background: none;
   }
-`,$=s.forwardRef((e,C)=>{const{disabled:b,readOnly:f,defaultValue:V,value:o,debounceTime:I=0,type:z="text",placeholder:O,tabIndex:R,prefix:p,suffix:g,onChange:l,onBlur:m,onFocus:y,className:w="",style:q={},size:x="small",color:a="primary",...v}=e,i=F.useTheme(),[j,T]=s.useState(o||V||""),[u,P]=s.useState(!1);s.useEffect(()=>{o!=null&&T(o)},[o]);const W=s.useCallback(B.debounce((r,h)=>k(r,h),I),[l]),k=(r,h)=>{l&&(l==null||l(r,h))},U=r=>{T(r.target.value),W(r,r.target.value)},N=r=>{P(!0),y==null||y(r)},_=r=>{P(!1),m==null||m(r)};return d.jsxs(D,{style:q,className:w,theme:i,color:a,size:x,focused:u,disabled:b,readOnly:f,children:[p&&d.jsx(S,{theme:i,color:a,focused:u,className:"lnc-input-prefix",children:p}),d.jsx(A,{ref:C,type:z,theme:i,color:a,size:x,placeholder:O,prefix:p,suffix:g,disabled:b,readOnly:f,focused:u,onFocus:N,onBlur:_,onChange:U,tabIndex:R,value:j,...v}),g&&d.jsx(E,{theme:i,color:a,focused:u,className:"lnc-input-suffix",children:g})]})});$.propTypes={id:t.PropTypes.string,defaultValue:t.PropTypes.string,value:t.PropTypes.string,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,debounceTime:t.PropTypes.number,placeholder:t.PropTypes.string,type:t.PropTypes.oneOf(["text","email"]),tabIndex:t.PropTypes.number,prefix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),suffix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=$;
+`,$=s.forwardRef((e,C)=>{const{disabled:b,readOnly:f,defaultValue:V,value:o,debounceTime:I=0,type:z="text",placeholder:O,tabIndex:R,prefix:p,suffix:g,onChange:l,onBlur:m,onFocus:y,className:w="",style:q={},size:x="small",color:a="primary",...v}=e,i=B.useTheme(),[j,T]=s.useState(o||V||""),[u,P]=s.useState(!1);s.useEffect(()=>{o!=null&&T(o)},[o]);const W=s.useCallback(_.debounce((r,h)=>k(r,h),I),[l]),k=(r,h)=>{l&&(l==null||l(r,h))},U=r=>{T(r.target.value),W(r,r.target.value)},F=r=>{P(!0),y==null||y(r)},N=r=>{P(!1),m==null||m(r)};return d.jsxs(D,{style:q,className:w,theme:i,color:a,size:x,focused:u,disabled:b,readOnly:f,children:[p&&d.jsx(S,{theme:i,color:a,focused:u,className:"lnc-input-prefix",children:p}),d.jsx(A,{ref:C,type:z,theme:i,color:a,size:x,placeholder:O,prefix:p,suffix:g,disabled:b,readOnly:f,focused:u,onFocus:F,onBlur:N,onChange:U,tabIndex:R,value:j,...v}),g&&d.jsx(E,{theme:i,color:a,focused:u,className:"lnc-input-suffix",children:g})]})});$.propTypes={id:t.PropTypes.string,defaultValue:t.PropTypes.string,value:t.PropTypes.string,disabled:t.PropTypes.bool,readOnly:t.PropTypes.bool,debounceTime:t.PropTypes.number,placeholder:t.PropTypes.string,type:t.PropTypes.oneOf(["text","email"]),tabIndex:t.PropTypes.number,prefix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),suffix:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),onChange:t.PropTypes.func,onBlur:t.PropTypes.func,onFocus:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=$;

package/dist/TextInput.js

@@ -1,10 +1,10 @@
 import { jsxs as W, jsx as b } from "react/jsx-runtime";
 import { P as t } from "./index-S5Cd7WrG.js";
 import { forwardRef as U, useState as C, useEffect as D, useCallback as E } from "react";
-import { d as q } from "./index-CNBqQrtK.js";
-import { n as u } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { d as s, a, b as A, e as G, h as O, g as H } from "./utils-jiuifwtJ.js";
-import { u as J } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { d as q } from "./index-CkWvbrVT.js";
+import { n as u } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { d as s, b as a, a as A, e as G, h as O, c as H } from "./utils-DtRLzzTZ.js";
+import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const K = u.div`
   display: flex;
   align-items: center;