linear-react-components-ui 1.1.26-beta.5 → 1.1.26-beta.6

package/lib/inputs/multiSelect/Dropdown.js

@@ -1,130 +1,129 @@
-import { j as o } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as e } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import { useState as v } from "react";
 import S from "../../avatar/index.js";
-import x from "../../icons/index.js";
-const D = (s, u) => {
-  var d, p, h;
-  const n = (d = s == null ? void 0 : s.current) == null ? void 0 : d.getBoundingClientRect(), i = n != null && n.bottom ? n == null ? void 0 : n.bottom : 0, l = (p = s == null ? void 0 : s.current) != null && p.offsetTop ? (h = s == null ? void 0 : s.current) == null ? void 0 : h.offsetTop : 0, m = window.innerHeight - i;
-  let e = 200, r = u, c;
-  return !r || r <= 0 ? m < e ? (r = n != null && n.top ? n.top : 0, c = window.innerHeight - l + 10) : r = m : (e = r, m < e && (c = window.innerHeight - l + 10)), {
-    maxHeight: `${r - 30}px`,
+import u from "../../icons/index.js";
+const D = (i, a) => {
+  const t = i?.current?.getBoundingClientRect(), r = t?.bottom ? t?.bottom : 0, d = i?.current?.offsetTop ? i?.current?.offsetTop : 0, l = window.innerHeight - r;
+  let s = 200, n = a, c;
+  return !n || n <= 0 ? l < s ? (n = t?.top ? t.top : 0, c = window.innerHeight - d + 10) : n = l : (s = n, l < s && (c = window.innerHeight - d + 10)), {
+    maxHeight: `${n - 30}px`,
     bottom: `${c}px`
   };
-}, K = (s) => {
+}, I = (i) => {
   const {
-    imageAlign: u = "left",
-    descriptionKey: n,
-    idKey: i,
-    dropdownMaxHeight: l,
-    selectFieldRef: m,
-    isAllChecked: e,
-    dropdownWidth: r,
+    imageAlign: a = "left",
+    descriptionKey: t,
+    idKey: r,
+    dropdownMaxHeight: d,
+    selectFieldRef: l,
+    isAllChecked: s,
+    dropdownWidth: n,
     inputValue: c,
-    gridWrapperStyle: d,
-    onFocus: p,
-    onFilter: h,
+    gridWrapperStyle: p,
+    onFocus: f,
+    onFilter: g,
     onBlur: b,
-    dataCombo: a,
-    opened: j,
-    onUncheckAll: k,
-    onCheckAll: y,
-    selecteds: g,
+    dataCombo: m,
+    opened: w,
+    onUncheckAll: j,
+    onCheckAll: k,
+    selecteds: h,
     onSelect: C
-  } = s, [N] = v(D(m, l || 0));
-  return /* @__PURE__ */ o.jsxs(
+  } = i, [y] = v(D(l, d || 0));
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "dropdown",
       style: {
-        width: r,
-        marginLeft: d ? d.paddingLeft : "0",
-        ...N
+        width: n,
+        marginLeft: p ? p.paddingLeft : "0",
+        ...y
       },
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: "filtercontainer", children: [
-          /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ e.jsxs("div", { className: "filtercontainer", children: [
+          /* @__PURE__ */ e.jsx(
             "input",
             {
               className: "filterinput",
               type: "text",
               value: c,
               onFocus: () => {
-                p();
+                f();
               },
-              onBlur: (t) => {
-                b(t);
+              onBlur: (o) => {
+                b(o);
               },
-              onChange: (t) => {
-                h(t.target.value);
+              onChange: (o) => {
+                g(o.target.value);
               },
-              autoFocus: j
+              autoFocus: w
             }
           ),
-          /* @__PURE__ */ o.jsx(x, { customClass: "filtericon", name: "search", viewBox: "0 0 32 32" })
+          /* @__PURE__ */ e.jsx(u, { customClass: "filtericon", name: "search", viewBox: "0 0 32 32" })
         ] }),
-        /* @__PURE__ */ o.jsxs("div", { className: "listcontainer", children: [
-          a && a.length > 0 && /* @__PURE__ */ o.jsx("div", { className: "item selectall", children: /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ e.jsxs("div", { className: "listcontainer", children: [
+          m && m.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "item selectall", children: /* @__PURE__ */ e.jsxs(
             "button",
             {
               className: "menubutton",
               tabIndex: -1,
-              onClick: () => e ? k(!0) : y(!0),
+              onClick: () => s ? j(!0) : k(!0),
               children: [
-                /* @__PURE__ */ o.jsx(
-                  x,
+                /* @__PURE__ */ e.jsx(
+                  u,
                   {
-                    name: e && a.length > 0 ? "checkboxChecked2" : "checkboxUnchecked2",
+                    name: s && m.length > 0 ? "checkboxChecked2" : "checkboxUnchecked2",
                     customClass: "checkboxicon"
                   }
                 ),
-                /* @__PURE__ */ o.jsx("span", { className: "label", children: c !== "" ? "Selecionar todos pesquisados" : "Selecionar Todos" })
+                /* @__PURE__ */ e.jsx("span", { className: "label", children: c !== "" ? "Selecionar todos pesquisados" : "Selecionar Todos" })
               ]
             }
           ) }),
-          a == null ? void 0 : a.map((t) => {
-            const w = g ? g.find((f) => f[i] === t[i]) : void 0;
-            return /* @__PURE__ */ o.jsx(
+          m?.map((o) => {
+            const x = h ? h.find((N) => N[r] === o[r]) : void 0;
+            return /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: `item ${w && "-selected"}`,
-                children: /* @__PURE__ */ o.jsxs(
+                className: `item ${x && "-selected"}`,
+                children: /* @__PURE__ */ e.jsxs(
                   "button",
                   {
                     className: "menubutton",
                     tabIndex: -1,
                     onClick: () => {
-                      C(t);
+                      C(o);
                     },
                     children: [
-                      /* @__PURE__ */ o.jsx(
-                        x,
+                      /* @__PURE__ */ e.jsx(
+                        u,
                         {
-                          name: w ? "checkboxChecked2" : "checkboxUnchecked2",
+                          name: x ? "checkboxChecked2" : "checkboxUnchecked2",
                           customClass: "checkboxicon"
                         }
                       ),
-                      t.iconName && /* @__PURE__ */ o.jsx(
-                        x,
+                      o.iconName && /* @__PURE__ */ e.jsx(
+                        u,
                         {
-                          name: t.iconName,
+                          name: o.iconName,
                           customClass: "menuicon",
-                          style: { order: u === "left" ? 0 : 1 }
+                          style: { order: a === "left" ? 0 : 1 }
                         }
                       ),
-                      t.imgSrcKey && /* @__PURE__ */ o.jsx(
+                      o.imgSrcKey && /* @__PURE__ */ e.jsx(
                         S,
                         {
-                          src: t.imgSrcKey,
+                          src: o.imgSrcKey,
                           customClass: "menuicon",
-                          style: { order: u === "left" ? 0 : 1 }
+                          style: { order: a === "left" ? 0 : 1 }
                         }
                       ),
-                      /* @__PURE__ */ o.jsx("span", { className: "label", children: typeof n == "string" ? t[n] : n(t) })
+                      /* @__PURE__ */ e.jsx("span", { className: "label", children: typeof t == "string" ? o[t] : t(o) })
                     ]
                   }
                 )
               },
-              `dropdowmItem ${t[i]}}`
+              `dropdowmItem ${o[r]}}`
             );
           })
         ] })
@@ -133,5 +132,5 @@ const D = (s, u) => {
   );
 };
 export {
-  K as default
+  I as default
 };

package/lib/inputs/multiSelect/helper.js

@@ -1,11 +1,8 @@
-const f = ({
-  dataSource: a,
+const a = ({
+  dataSource: t,
   descriptionKey: e,
   inputText: o
-}) => a.filter((r) => {
-  var t;
-  return typeof e == "string" ? r[e].toLowerCase().indexOf(o.toLowerCase()) > -1 : ((t = e(r)) == null ? void 0 : t.toLowerCase().indexOf(o.toLowerCase())) > -1;
-});
+}) => t.filter((r) => typeof e == "string" ? r[e].toLowerCase().indexOf(o.toLowerCase()) > -1 : e(r)?.toLowerCase().indexOf(o.toLowerCase()) > -1);
 export {
-  f as default
+  a as default
 };

package/lib/inputs/multiSelect/index.js

@@ -1,90 +1,88 @@
-import { j as b } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import { _ as x } from "../../chunks/lodash.C68pWaTB.js";
+import { j as w } from "../../chunks/jsx-runtime.C7wFtzyj.js";
+import { _ as k } from "../../chunks/lodash.CIAK_hAg.js";
 import { useState as s, useRef as N, useEffect as S } from "react";
 import ne from "../base/InputTextBase.js";
 import oe from "./ActionButtons.js";
 import se from "./Dropdown.js";
 import M from "./helper.js";
-import { v as le } from "../../chunks/v1.CDXKvGzE.js";
-import '../../assets/index22.css';const pe = (m) => {
+import { v as le } from "../../chunks/v1.Ds1rkxUj.js";
+import '../../assets/index22.css';const pe = (a) => {
   const {
-    onSelect: r,
+    onSelect: c,
     idKey: i,
     disabled: T = !1,
     dataSource: n,
-    descriptionKey: f,
-    value: d,
+    descriptionKey: u,
+    value: x,
     onBlur: A,
     gridLayout: q,
     dropdownAlignButton: z = "left"
-  } = m, K = `multiSelect-component${le()}`, [a, p] = s(n), [o, h] = s(), [L, E] = s(""), [O, U] = s("Nenhum selecionado"), [g, v] = s(0), [G, V] = s(!1), [C, D] = s(!1), [k, _] = s(), [$, H] = s(!1), [J, P] = s(), w = N(null), l = N(null), Q = (e) => {
+  } = a, K = `multiSelect-component${le()}`, [r, m] = s(n), [o, f] = s(), [L, g] = s(""), [O, U] = s("Nenhum selecionado"), [v, b] = s(0), [G, V] = s(!1), [p, E] = s(!1), [D, _] = s(), [$, H] = s(!1), [J, P] = s(), h = N(null), l = N(null), Q = (e) => {
     if (e === null) return;
     let t = o;
-    t && (t.find((u) => u[i] === e[i]) ? t = t.filter((u) => u[i] !== e[i]) : t = [...t, e], r && r(t.map((u) => u[i]))), h(t);
+    t && (t.find((d) => d[i] === e[i]) ? t = t.filter((d) => d[i] !== e[i]) : t = [...t, e], c && c(t.map((d) => d[i]))), f(t);
   }, F = () => {
-    let e = g;
-    e = l.current ? l.current.clientWidth : g, D(!0), v(e);
+    let e = v;
+    e = l.current ? l.current.clientWidth : v, E(!0), b(e);
   }, W = (e) => {
     const t = e.target;
-    if ((t == null ? void 0 : t.className) === "") return;
-    const c = ["item", "menubutton", "filterinput", "filtercontainer", "label"].includes(t == null ? void 0 : t.className);
-    H(c);
+    if (t?.className === "") return;
+    const C = ["item", "menubutton", "filterinput", "filtercontainer", "label"].includes(t?.className);
+    H(C);
   }, y = (e) => {
-    A && A(e), $ || (E(""), p(n));
+    A && A(e), $ || (g(""), m(n));
   }, X = (e) => {
     let t = n;
-    e !== "" && n && (t = M({ dataSource: n, descriptionKey: f, inputText: e })), p(t), E(e);
+    e !== "" && n && (t = M({ dataSource: n, descriptionKey: u, inputText: e })), m(t), g(e);
   }, Y = () => {
-    D(!C), l.current && v(l.current.clientWidth);
+    E(!p), l.current && b(l.current.clientWidth);
   }, B = (e = !1) => {
-    const t = e ? a : n;
-    r && t && r(t.map((c) => c[i])), h(t);
+    const t = e ? r : n;
+    c && t && c(t.map((C) => C[i])), f(t);
   }, I = () => {
-    r && r(), h([]);
+    c && c(), f([]);
   }, j = () => {
-    l.current && v(l.current.clientWidth);
+    l.current && b(l.current.clientWidth);
   }, R = (e) => {
-    var c;
     const { target: t } = e;
-    t !== w.current && !((c = w.current) != null && c.contains(t)) && (D(!1), p(n), E(""));
+    t !== h.current && !h.current?.contains(t) && (E(!1), m(n), g(""));
   }, Z = (e) => {
     _(e);
-  }, ee = () => !!(T || k && (k.disabled || k.hideContent)), te = () => {
-    const e = x.isEqual(o, n);
+  }, ee = () => !!(T || D && (D.disabled || D.hideContent)), te = () => {
+    const e = k.isEqual(o, n);
     let t = O;
-    e ? t = "Todos" : o && o.length > 1 ? t = "Múltiplos" : o && o.length === 1 ? t = typeof f == "string" ? o[0][f] : f(o[0]) : t = "Nenhum selecionado", U(t);
+    e ? t = "Todos" : o && o.length > 1 ? t = "Múltiplos" : o && o.length === 1 ? t = typeof u == "string" ? o[0][u] : u(o[0]) : t = "Nenhum selecionado", U(t);
   };
   return S(() => {
-    var e;
     if (q) {
-      const t = (e = l.current) == null ? void 0 : e.parentElement;
-      t && P(window.getComputedStyle(t));
+      const e = l.current?.parentElement;
+      e && P(window.getComputedStyle(e));
     }
     return window.addEventListener("resize", j), document.addEventListener("click", R), document.addEventListener("mousemove", W), () => {
       window.removeEventListener("resize", j), document.removeEventListener("click", R), document.removeEventListener("mousemove", W);
     };
   }, []), S(() => {
     if (n && n.length > 0) {
-      const e = n.filter((t) => d == null ? void 0 : d.includes(t[i]));
-      h(e);
+      const e = n.filter((t) => x?.includes(t[i]));
+      f(e);
     }
-  }, [d == null ? void 0 : d.length, n == null ? void 0 : n.length]), S(() => {
-    if (n && a && !x.isEqual(n, a)) {
+  }, [x?.length, n?.length]), S(() => {
+    if (n && r && !k.isEqual(n, r)) {
       const e = M({
-        ...m,
+        ...a,
         dataSource: n || void 0,
         inputText: L
       });
-      p(e);
+      m(e);
     }
   }, [n]), S(() => {
-    const e = x.isEqual(a, o);
+    const e = k.isEqual(r, o);
     V(e), te();
-  }, [o, a]), /* @__PURE__ */ b.jsxs("span", { id: K, ref: w, className: "multiSelect-component", children: [
-    /* @__PURE__ */ b.jsx(
+  }, [o, r]), /* @__PURE__ */ w.jsxs("span", { id: K, ref: h, className: "multiSelect-component", children: [
+    /* @__PURE__ */ w.jsx(
       ne,
       {
-        ...m,
+        ...a,
         value: O,
         onFocus: () => {
           F();
@@ -98,12 +96,12 @@ import '../../assets/index22.css';const pe = (m) => {
           l.current = e;
         },
         handlerSetOnDenied: Z,
-        rightElements: /* @__PURE__ */ b.jsx(
+        rightElements: /* @__PURE__ */ w.jsx(
           oe,
           {
             dropdownAlignButton: z,
             disabled: ee(),
-            dropdownOpened: C,
+            dropdownOpened: p,
             handleOpenClose: () => {
               Y();
             },
@@ -113,19 +111,19 @@ import '../../assets/index22.css';const pe = (m) => {
         )
       }
     ),
-    C && /* @__PURE__ */ b.jsx(
+    p && /* @__PURE__ */ w.jsx(
       se,
       {
-        ...m,
-        opened: C,
-        dataCombo: a,
+        ...a,
+        opened: p,
+        dataCombo: r,
         selecteds: o,
         inputValue: L,
         isAllChecked: G,
         onCheckAll: B,
         onUncheckAll: I,
-        dropdownWidth: g,
-        selectFieldRef: w,
+        dropdownWidth: v,
+        selectFieldRef: h,
         onSelect: Q,
         onFilter: X,
         onFocus: F,

package/lib/inputs/number/BaseNumber.js

@@ -1,4 +1,4 @@
-import { j as a } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as a } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import m from "../mask/BaseMask.js";
 import { numberToPtBR as l, numberToEnUS as s } from "./format_number.js";
 const o = (t, e) => {

package/lib/inputs/number/Currency.js

@@ -1,4 +1,4 @@
-import { j as r } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as r } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import c from "./BaseNumber.js";
 const l = ({ displayCurrencySymbol: s, ...e }) => {
   const { currencySymbol: t = "R$" } = e, n = s ? /* @__PURE__ */ r.jsx("span", { className: "currency-symbol", children: t }) : [];

package/lib/inputs/number/Decimal.js

@@ -1,4 +1,4 @@
-import { j as m } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as m } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import o from "./BaseNumber.js";
 const t = (e) => /* @__PURE__ */ m.jsx(o, { ...e });
 export {

package/lib/inputs/number/index.js

@@ -1,24 +1,24 @@
-import { j as g } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as g } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import { useState as p, useEffect as x } from "react";
 import { default as F } from "./Currency.js";
 import { default as y } from "./Decimal.js";
 import h from "../base/InputTextBase.js";
-import '../../assets/index23.css';const j = (t) => {
+import '../../assets/index23.css';const C = (t) => {
   const {
     textAlign: l = "left",
-    value: r = "",
+    value: n = "",
     themePopover: i = "light",
     popoverAlign: m = "left",
     removeZeroLeft: s = !0,
     min: a,
-    max: o
-  } = t, [f, n] = p(), c = (u) => {
-    const e = u.target.value.replace(/\D/g, "");
-    a && parseInt(e, 10) < a || o && parseInt(e, 10) > o || (s && e.charAt(0) === "0" && e.length > 1 ? n(e.substring(1)) : n(e), t.onChange && t.onChange(u));
+    max: u
+  } = t, [f, r] = p(), c = (o) => {
+    const e = o.target.value.replace(/\D/g, "");
+    a && parseInt(e, 10) < a || u && parseInt(e, 10) > u || (s && e.charAt(0) === "0" && e.length > 1 ? r(e.substring(1)) : r(e), t.onChange && t.onChange(o));
   };
   return x(() => {
-    n((r == null ? void 0 : r.toString()) ?? "");
-  }, [r]), /* @__PURE__ */ g.jsx(
+    r(n?.toString() ?? "");
+  }, [n]), /* @__PURE__ */ g.jsx(
     h,
     {
       ...t,
@@ -34,5 +34,5 @@ import '../../assets/index23.css';const j = (t) => {
 export {
   F as CurrencyField,
   y as DecimalField,
-  j as default
+  C as default
 };

package/lib/inputs/period/Dialog.js

@@ -1,5 +1,5 @@
-import { j as o } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import { B as r } from "../../chunks/index.CjD97zna.js";
+import { j as o } from "../../chunks/jsx-runtime.C7wFtzyj.js";
+import { B as r } from "../../chunks/index.CM1aLH2W.js";
 const h = ({ onOpenChange: e, handlerClose: t, children: a, dialogSize: s }) => /* @__PURE__ */ o.jsx(
   r,
   {

package/lib/inputs/period/Dropdown.js

@@ -1,18 +1,13 @@
-import { useRef as l, useEffect as i } from "react";
-import m from "react-dom";
-const s = 250, h = (n) => {
-  const { children: a, dropdownRef: d, containerRef: c, inputDimensions: e } = n, t = l(document.createElement("div")), o = e && e.width || s;
-  return i(() => {
-    var r;
-    return t.current.className = "datepicker-component", t.current.style.width = String(o).concat("px"), t.current.style.top = String(e == null ? void 0 : e.bottom).concat("px"), (r = c.current) == null || r.appendChild(t.current), d(t.current), () => {
-      var u;
-      (u = c.current) == null || u.removeChild(t.current);
-    };
-  }, []), i(() => {
-    var r;
-    t.current.style.width = String(o).concat("px"), t.current.style.top = String((r = n.inputDimensions) == null ? void 0 : r.bottom).concat("px");
-  }, [n]), m.createPortal(a, t.current);
+import { useRef as s, useEffect as o } from "react";
+import a from "react-dom";
+const d = 250, l = (e) => {
+  const { children: i, dropdownRef: u, containerRef: r, inputDimensions: n } = e, t = s(document.createElement("div")), c = n && n.width || d;
+  return o(() => (t.current.className = "datepicker-component", t.current.style.width = String(c).concat("px"), t.current.style.top = String(n?.bottom).concat("px"), r.current?.appendChild(t.current), u(t.current), () => {
+    r.current?.removeChild(t.current);
+  }), []), o(() => {
+    t.current.style.width = String(c).concat("px"), t.current.style.top = String(e.inputDimensions?.bottom).concat("px");
+  }, [e]), a.createPortal(i, t.current);
 };
 export {
-  h as default
+  l as default
 };

package/lib/inputs/period/PeriodList.js

@@ -1,4 +1,4 @@
-import { j as l } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as l } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import { getDropdownItemCssClass as d, CalcDatesByPeriod as i } from "./helper.js";
 const n = [
   { id: "today", label: "Hoje" },

package/lib/inputs/period/helper.js

@@ -1,4 +1,4 @@
-import { h as r } from "../../chunks/moment.CwOqp704.js";
+import { h as r } from "../../chunks/moment.DMLRxgRE.js";
 const l = ({ topPosition: n, leftPosition: t, width: o }) => `top: ${n}px;
   left: ${t}px;
   width:${o}px`, d = (n = !1, t = !1, o = !1) => {