@lanaco/lnc-react-ui 4.0.199 → 4.0.200

package/dist/TextInput.js

@@ -1,16 +1,15 @@
 import { jsxs as U, jsx as x } from "react/jsx-runtime";
-import { P as t } from "./index-CblbdqjE.js";
-import { forwardRef as D, useRef as E, useState as V, useEffect as q, useCallback as A } from "react";
-import { d as G } from "./index-Dt62UGku.js";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as s, b as a, a as H, e as J, h as T, c as K } from "./utils-DtEfC-TX.js";
-import { u as L } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const M = m.div`
+import { forwardRef as D, useRef as E, useState as V, useEffect as P, useCallback as q } from "react";
+import { d as A } from "./index-Dt62UGku.js";
+import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as i, b as a, a as G, e as H, h as S, c as J } from "./utils-DtEfC-TX.js";
+import { u as K } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const L = s.div`
   display: flex;
   align-items: center;
 
-  min-height: ${(e) => s(e.theme, e.size)};
-  max-height: ${(e) => s(e.theme, e.size)};
+  min-height: ${(e) => i(e.theme, e.size)};
+  max-height: ${(e) => i(e.theme, e.size)};
   background-color: ${(e) => a(
   e.theme,
   "Input",
@@ -26,10 +25,10 @@ const M = m.div`
   e.disabled === !0 ? "disabled" : "enabled",
   "border"
 )};
-  border-radius: ${(e) => H(e.theme, "regular")};
+  border-radius: ${(e) => G(e.theme, "regular")};
 
-  ${(e) => e.focused && e.readOnly !== !0 ? J(e.theme) : ""}
-  /* ${(e) => e.disabled === !0 ? T(e.theme) : ""} */
+  ${(e) => e.focused && e.readOnly !== !0 ? H(e.theme) : ""}
+  /* ${(e) => e.disabled === !0 ? S(e.theme) : ""} */
   ${(e) => e.disabled === !0 ? `background-color: ${a(
   e.theme,
   "Input",
@@ -38,14 +37,14 @@ const M = m.div`
   "background",
   "backgroundOpacity"
 )};
-        color: ${(l) => a(
-  l.theme,
+        color: ${(n) => a(
+  n.theme,
   "Input",
-  l.color,
+  n.color,
   "disabled",
   "text"
 )};` : ""}
-`, z = m.span`
+`, z = s.span`
   padding: 0 12px;
   color: ${(e) => a(
   e.theme,
@@ -54,7 +53,7 @@ const M = m.div`
   "enabled",
   "prefix"
 )};
-`, Q = m(z)``, X = m.input`
+`, M = s(z)``, Q = s.input`
   background: none;
   border: none;
   outline: none;
@@ -62,9 +61,9 @@ const M = m.div`
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${(e) => K(e.theme, "Input", e.size, "enabled")}
-  min-height: ${(e) => s(e.theme, e.size)};
-  max-height: ${(e) => s(e.theme, e.size)};
+  ${(e) => J(e.theme, "Input", e.size, "enabled")}
+  min-height: ${(e) => i(e.theme, e.size)};
+  max-height: ${(e) => i(e.theme, e.size)};
   color: ${(e) => a(
   e.theme,
   "Input",
@@ -91,7 +90,7 @@ const M = m.div`
   }
 
   &:disabled {
-    /* ${(e) => T(e.theme)} */
+    /* ${(e) => S(e.theme)} */
     ${(e) => `background-color: ${a(
   e.theme,
   "Input",
@@ -100,102 +99,102 @@ const M = m.div`
   "background",
   "backgroundOpacity"
 )};
-        color: ${(l) => a(
-  l.theme,
+        color: ${(n) => a(
+  n.theme,
   "Input",
-  l.color,
+  n.color,
   "disabled",
   "text"
 )};`}
     background: none;
   }
-`, Y = D((e, l) => {
+`, de = D((e, n) => {
   const {
     disabled: $,
-    readOnly: p,
+    readOnly: y,
     defaultValue: I,
-    value: r,
-    debounceTime: S = 0,
-    type: v = "text",
+    value: l,
+    debounceTime: v = 0,
+    type: O = "text",
     placeholder: R,
-    tabIndex: B,
-    prefix: f,
+    tabIndex: T,
+    prefix: m,
     suffix: h,
     //----------------
-    onChange: o,
+    onChange: d,
     onBlur: b,
-    onFocus: g,
+    onFocus: f,
     //----------------
-    className: F = "",
-    style: N = {},
-    size: O = "small",
-    color: d = "primary",
-    ...j
-  } = e, u = L(), i = E(r || I || ""), [w, k] = V(r || I || ""), [c, C] = V(!1);
-  q(() => {
-    r != null && (i.current = r, k(i.current));
-  }, [r]);
-  const P = A(
-    G((n, y) => W(n, y), S),
-    [o]
-  ), W = (n, y) => {
-    o && (o == null || o(n, y));
+    className: B = "",
+    style: F = {},
+    size: k = "small",
+    color: o = "primary",
+    ...N
+  } = e, r = K(), u = E(l || I || ""), [W, C] = V(l || I || ""), [c, p] = V(!1);
+  P(() => {
+    l != null && (u.current = l, C(u.current));
+  }, [l]);
+  const j = q(
+    A((t, g) => w(t, g), v),
+    [d]
+  ), w = (t, g) => {
+    d && (d == null || d(t, g));
   };
   return /* @__PURE__ */ U(
-    M,
+    L,
     {
-      style: N,
-      className: F,
-      theme: u,
-      color: d,
-      size: O,
+      style: F,
+      className: B,
+      theme: r,
+      color: o,
+      size: k,
       focused: c,
       disabled: $,
-      readOnly: p,
+      readOnly: y,
       children: [
-        f && /* @__PURE__ */ x(
+        m && /* @__PURE__ */ x(
           z,
           {
-            theme: u,
-            color: d,
+            theme: r,
+            color: o,
             focused: c,
             className: "lnc-input-prefix",
-            children: f
+            children: m
           }
         ),
         /* @__PURE__ */ x(
-          X,
+          Q,
           {
-            ref: l,
-            type: v,
-            theme: u,
-            color: d,
-            size: O,
+            ref: n,
+            type: O,
+            theme: r,
+            color: o,
+            size: k,
             placeholder: R,
-            prefix: f,
+            prefix: m,
             suffix: h,
             disabled: $,
-            readOnly: p,
+            readOnly: y,
             focused: c,
-            onFocus: (n) => {
-              C(!0), g == null || g(n);
+            onFocus: (t) => {
+              p(!0), f == null || f(t);
             },
-            onBlur: (n) => {
-              C(!1), b == null || b(n);
+            onBlur: (t) => {
+              p(!1), b == null || b(t);
             },
-            onChange: (n) => {
-              i.current = n.target.value, k(i.current), P(n, n.target.value);
+            onChange: (t) => {
+              u.current = t.target.value, C(u.current), j(t, t.target.value);
             },
-            tabIndex: B,
-            value: w,
-            ...j
+            tabIndex: T,
+            value: W,
+            ...N
           }
         ),
         h && /* @__PURE__ */ x(
-          Q,
+          M,
           {
-            theme: u,
-            color: d,
+            theme: r,
+            color: o,
             focused: c,
             className: "lnc-input-suffix",
             children: h
@@ -205,53 +204,6 @@ const M = m.div`
     }
   );
 });
-Y.propTypes = {
-  id: t.any,
-  defaultValue: t.string,
-  value: t.string,
-  disabled: t.bool,
-  readOnly: t.bool,
-  /**
-   * Time in miliseconds before onChange event fires after it has been triggered.
-   */
-  debounceTime: t.number,
-  placeholder: t.string,
-  type: t.oneOf(["text", "email"]),
-  tabIndex: t.number,
-  /**
-   * Reserved space before input. Intented to be used with plain text or `Icon` component.
-   */
-  prefix: t.oneOfType([t.string, t.element]),
-  /**
-   * Reserved space after input. Intented to be used with plain text or `Icon` component.
-   */
-  suffix: t.oneOfType([t.string, t.element]),
-  /**
-   * `(event, value) => void`
-   */
-  onChange: t.func,
-  /**
-   * `(event) => void`
-   */
-  onBlur: t.func,
-  /**
-   * `(event) => void`
-   */
-  onFocus: t.func,
-  className: t.string,
-  style: t.object,
-  size: t.oneOf(["small", "medium", "large"]),
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  Y as default
+  de as default
 };

package/dist/ThemeProvider.cjs

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("react"),t=require("./utils-RnrgDDZP.cjs"),d=require("./index-BpbMKBf_.cjs"),m=require("./styled-components.browser.esm-CvykQBGY.cjs"),p=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=e=>{const r=e.palette.disabled.color,o=e.palette[r][e.palette.disabled.background],a=e.palette.opacity[e.palette.disabled.opacity];return t.hexToRgba(o,a??"100%")},h=e=>{const r=e.palette.disabled.color;return e.palette[r][e.palette.disabled.text]},x=m.$e`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("react"),t=require("./utils-RnrgDDZP.cjs"),c=require("./styled-components.browser.esm-CvykQBGY.cjs"),g=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),b=e=>{const a=e.palette.disabled.color,o=e.palette[a][e.palette.disabled.background],r=e.palette.opacity[e.palette.disabled.opacity];return t.hexToRgba(o,r??"100%")},m=e=>{const a=e.palette.disabled.color;return e.palette[a][e.palette.disabled.text]},p=c.$e`
 * {
   --size-small: ${e=>t.getSizeValueWithUnits(e.theme,"small")};
   --size-medium: ${e=>t.getSizeValueWithUnits(e.theme,"medium")};
   --size-large: ${e=>t.getSizeValueWithUnits(e.theme,"large")};
-  --disabled-text: ${e=>h(e.theme)};
-  --disabled-bg: ${e=>f(e.theme)};
+  --disabled-text: ${e=>m(e.theme)};
+  --disabled-bg: ${e=>b(e.theme)};
 
   box-sizing: border-box;
-  font-family: ${e=>{var r,o;return(o=(r=e.theme)==null?void 0:r.typography)==null?void 0:o.fontFamily}};
+  font-family: ${e=>{var a,o;return(o=(a=e.theme)==null?void 0:a.typography)==null?void 0:o.fontFamily}};
   -webkit-tap-highlight-color: transparent;
 
   & i {
@@ -35,4 +35,4 @@
     background-color: ${e=>t.getColorRgbaValue(e.theme,"Background","default","enabled","background")};
     color: ${e=>t.getColorRgbaValue(e.theme,"Text","default","enabled","text")};
   }
-`,c=s.createContext(),C=()=>s.useContext(c),g=({theme:e="Lanaco Light",children:r})=>{const[o,a]=s.useState(()=>{var l;return typeof e=="string"?(l=t.themes)==null?void 0:l.find(n=>n.name==e):e});s.useEffect(()=>{var l;a(typeof e=="string"?(l=t.themes)==null?void 0:l.find(n=>n.name==e):e)},[e]);const u=l=>{var n;a(typeof e=="string"?(n=t.themes)==null?void 0:n.find(b=>b.name==e):e)};return i.jsx(c.Provider,{value:{theme:o,switchTheme:u},children:i.jsxs(p.ThemeProvider,{theme:o,children:[i.jsx(x,{theme:o}),r]})})};g.propTypes={theme:d.PropTypes.oneOfType([d.PropTypes.string,d.PropTypes.object])};exports.default=g;exports.useTheme=C;
+`,u=s.createContext(),f=()=>s.useContext(u),h=({theme:e="Lanaco Light",children:a})=>{const[o,r]=s.useState(()=>{var l;return typeof e=="string"?(l=t.themes)==null?void 0:l.find(n=>n.name==e):e});s.useEffect(()=>{var l;r(typeof e=="string"?(l=t.themes)==null?void 0:l.find(n=>n.name==e):e)},[e]);const d=()=>{var l;r(typeof e=="string"?(l=t.themes)==null?void 0:l.find(n=>n.name==e):e)};return i.jsx(u.Provider,{value:{theme:o,switchTheme:d},children:i.jsxs(g.ThemeProvider,{theme:o,children:[i.jsx(p,{theme:o}),a]})})};exports.default=h;exports.useTheme=f;

package/dist/ThemeProvider.js

@@ -1,21 +1,20 @@
-import { jsx as b, jsxs as u } from "react/jsx-runtime";
-import { createContext as g, useContext as f, useState as h, useEffect as x } from "react";
-import { n as $, d, b as a, o as s } from "./utils-DtEfC-TX.js";
-import { P as i } from "./index-CblbdqjE.js";
-import { $ as y } from "./styled-components.browser.esm-D-n22PJk.js";
-import { b as T } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { jsx as c, jsxs as m } from "react/jsx-runtime";
+import { createContext as u, useContext as g, useState as p, useEffect as f } from "react";
+import { n as x, d, b as r, o as i } from "./utils-DtEfC-TX.js";
+import { $ as h } from "./styled-components.browser.esm-D-n22PJk.js";
+import { b as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const k = (e) => {
-  const o = e.palette.disabled.color, t = e.palette[o][e.palette.disabled.background], r = e.palette.opacity[e.palette.disabled.opacity];
-  return $(t, r ?? "100%");
-}, C = (e) => {
+  const o = e.palette.disabled.color, t = e.palette[o][e.palette.disabled.background], l = e.palette.opacity[e.palette.disabled.opacity];
+  return x(t, l ?? "100%");
+}, y = (e) => {
   const o = e.palette.disabled.color;
   return e.palette[o][e.palette.disabled.text];
-}, v = y`
+}, C = h`
 * {
   --size-small: ${(e) => d(e.theme, "small")};
   --size-medium: ${(e) => d(e.theme, "medium")};
   --size-large: ${(e) => d(e.theme, "large")};
-  --disabled-text: ${(e) => C(e.theme)};
+  --disabled-text: ${(e) => y(e.theme)};
   --disabled-bg: ${(e) => k(e.theme)};
 
   box-sizing: border-box;
@@ -31,14 +30,14 @@ const k = (e) => {
 
   & .lnc-doc {
     & th {
-      background-color: ${(e) => a(
+      background-color: ${(e) => r(
   e.theme,
   "Background",
   "default",
   "enabled",
   "background"
 )} !important;
-        color: ${(e) => a(
+        color: ${(e) => r(
   e.theme,
   "Text",
   "default",
@@ -47,14 +46,14 @@ const k = (e) => {
 )} !important;
     }
     & td {
-      background-color: ${(e) => a(
+      background-color: ${(e) => r(
   e.theme,
   "Background",
   "default",
   "enabled",
   "background"
 )} !important;
-        color: ${(e) => a(
+        color: ${(e) => r(
   e.theme,
   "Text",
   "default",
@@ -65,14 +64,14 @@ const k = (e) => {
   }
 
   & .sbdocs {
-    background-color: ${(e) => a(
+    background-color: ${(e) => r(
   e.theme,
   "Background",
   "default",
   "enabled",
   "background"
 )} !important;
-    color: ${(e) => a(
+    color: ${(e) => r(
   e.theme,
   "Text",
   "default",
@@ -83,43 +82,40 @@ const k = (e) => {
 }
   body {
     position: relative;
-    background-color: ${(e) => a(
+    background-color: ${(e) => r(
   e.theme,
   "Background",
   "default",
   "enabled",
   "background"
 )};
-    color: ${(e) => a(e.theme, "Text", "default", "enabled", "text")};
+    color: ${(e) => r(e.theme, "Text", "default", "enabled", "text")};
   }
-`, m = g(), H = () => f(m), z = ({ theme: e = "Lanaco Light", children: o }) => {
-  const [t, r] = h(() => {
-    var n;
-    return typeof e == "string" ? (n = s) == null ? void 0 : n.find((l) => l.name == e) : e;
+`, b = u(), w = () => g(b), F = ({ theme: e = "Lanaco Light", children: o }) => {
+  const [t, l] = p(() => {
+    var a;
+    return typeof e == "string" ? (a = i) == null ? void 0 : a.find((n) => n.name == e) : e;
   });
-  x(() => {
-    var n;
-    r(typeof e == "string" ? (n = s) == null ? void 0 : n.find((l) => l.name == e) : e);
+  f(() => {
+    var a;
+    l(typeof e == "string" ? (a = i) == null ? void 0 : a.find((n) => n.name == e) : e);
   }, [e]);
-  const c = (n) => {
-    var l;
-    r(typeof e == "string" ? (l = s) == null ? void 0 : l.find((p) => p.name == e) : e);
+  const s = () => {
+    var a;
+    l(typeof e == "string" ? (a = i) == null ? void 0 : a.find((n) => n.name == e) : e);
   };
-  return /* @__PURE__ */ b(
-    m.Provider,
+  return /* @__PURE__ */ c(
+    b.Provider,
     {
-      value: { theme: t, switchTheme: c },
-      children: /* @__PURE__ */ u(T, { theme: t, children: [
-        /* @__PURE__ */ b(v, { theme: t }),
+      value: { theme: t, switchTheme: s },
+      children: /* @__PURE__ */ m($, { theme: t, children: [
+        /* @__PURE__ */ c(C, { theme: t }),
         o
       ] })
     }
   );
 };
-z.propTypes = {
-  theme: i.oneOfType([i.string, i.object])
-};
 export {
-  z as default,
-  H as useTheme
+  F as default,
+  w as useTheme
 };

package/dist/TimeInput.cjs

@@ -1,8 +1,8 @@
-"use strict";const u=require("react/jsx-runtime"),d=require("react"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./index-BpbMKBf_.cjs"),O=require("./index-Cp66dWMi.cjs"),t=require("./utils-RnrgDDZP.cjs"),k=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=({theme:e,size:n})=>{var s=t.getSizeValueWithUnits(e,n);return`
-    min-height: ${s};
-    max-height: ${s};
-  `},v=R.styled.input`
-  ${e=>q(e)}
+"use strict";const i=require("react/jsx-runtime"),d=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./index-Cp66dWMi.cjs"),t=require("./utils-RnrgDDZP.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=({theme:e,size:a})=>{var l=t.getSizeValueWithUnits(e,a);return`
+    min-height: ${l};
+    max-height: ${l};
+  `},O=f.styled.input`
+  ${e=>v(e)}
   ${e=>t.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
   padding: 0.625rem 0.75rem 0.62rem 0.75rem;
   line-height: inherit;
@@ -20,7 +20,7 @@
   &:disabled {
     /* ${e=>t.getDisabledStateCss(e.theme)}; */
     ${e=>`background-color: ${t.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
-        color: ${n=>t.getColorRgbaValue(n.theme,"Input",n.color,"disabled","text")};`}
+        color: ${a=>t.getColorRgbaValue(a.theme,"Input",a.color,"disabled","text")};`}
     cursor: default;
   }
   &:focus:enabled {
@@ -30,4 +30,4 @@
     border: 1px solid
       ${e=>t.getColorRgbaValue(e.theme,"Input","primary",e.disabled===!0?"disabled":"enabled","border")};
   }
-`,b=d.forwardRef((e,n)=>{const{disabled:s,readOnly:g,defaultValue:m,value:a,debounceTime:p=0,onChange:l,className:y="",style:h={},size:T="small",color:C="primary",...$}=e,x=k.useTheme(),[f,c]=d.useState(a||m||"");d.useEffect(()=>{a!=null&&c(a)},[a]);const V=d.useCallback(O.debounce((o,i)=>I(o,i),p),[l]),I=(o,i)=>{l&&(l==null||l(o,i))},P=o=>{c(o.target.value),V(o,o.target.value)};return u.jsx(u.Fragment,{children:u.jsx(v,{type:"time",ref:n,onChange:P,disabled:s,readOnly:g,theme:x,color:C,size:T,className:y,style:h,value:f,...$})})});b.propTypes={id:r.PropTypes.any,defaultValue:r.PropTypes.string,value:r.PropTypes.string,disabled:r.PropTypes.bool,readOnly:r.PropTypes.bool,debounceTime:r.PropTypes.number,tabIndex:r.PropTypes.number,onChange:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=b;
+`,S=d.forwardRef((e,a)=>{const{disabled:l,readOnly:b,defaultValue:c,value:o,debounceTime:g=0,onChange:n,className:m="",style:h={},size:C="small",color:$="primary",...y}=e,x=q.useTheme(),[V,s]=d.useState(o||c||"");d.useEffect(()=>{o!=null&&s(o)},[o]);const I=d.useCallback(k.debounce((r,u)=>R(r,u),g),[n]),R=(r,u)=>{n&&(n==null||n(r,u))},p=r=>{s(r.target.value),I(r,r.target.value)};return i.jsx(i.Fragment,{children:i.jsx(O,{type:"time",ref:a,onChange:p,disabled:l,readOnly:b,theme:x,color:$,size:C,className:m,style:h,value:V,...y})})});module.exports=S;