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

package/lib/inputs/date/index.js

@@ -1,182 +1,170 @@
-import { j as d } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import { useState as m, useRef as g, useEffect as F } from "react";
-import { h as l } from "../../chunks/moment.CwOqp704.js";
-import ce from "./Dialog.js";
-import ue from "./Dropdown.js";
-import de from "../../buttons/Button.js";
+import { j as d } from "../../chunks/jsx-runtime.C7wFtzyj.js";
+import { useState as m, useRef as g, useEffect as w } from "react";
+import { h as s } from "../../chunks/moment.DMLRxgRE.js";
+import se from "./Dialog.js";
+import le from "./Dropdown.js";
+import ce from "../../buttons/Button.js";
 import "../../icons/index.js";
 import '../../assets/gridlayout.css';import '../../assets/button.css';import '../../assets/index21.css';/* empty css                           */
 /* empty css                               */
-import fe from "../../gridlayout/GridCol.js";
-import me from "../../calendar/base/index.js";
-import ge from "../mask/BaseMask.js";
-import { getMomentValue as Ce, EN_US_FORMAT as h, PT_BR_FORMAT as f } from "./helpers.js";
-const xe = (o) => {
+import ue from "../../gridlayout/GridCol.js";
+import de from "../../calendar/base/index.js";
+import fe from "../mask/BaseMask.js";
+import { getMomentValue as me, EN_US_FORMAT as h, PT_BR_FORMAT as f } from "./helpers.js";
+const Oe = (n) => {
   const {
-    showButtonOpen: S = !0,
-    openOnFocus: q = !0,
-    shouldCloseOnSelect: G = !0,
-    setFocusOnSelect: U = !0,
+    showButtonOpen: O = !0,
+    openOnFocus: K = !0,
+    shouldCloseOnSelect: q = !0,
+    setFocusOnSelect: G = !0,
     showCalendarInDialog: c = !1,
-    required: W = !1,
-    value: i = "",
-    name: H = "",
-    inputRef: p,
-    dialogSize: J = { width: "384px", height: "384px" },
-    gridLayout: x,
-    shouldCloseOnEsc: Q = !0
-  } = o, [y, D] = m(i ? Ce(i) : void 0), [a, u] = m(!1), [j, V] = m(i), [X, L] = m(), [Y, v] = m(!1), [s, Z] = m({
+    required: U = !1,
+    value: r = "",
+    name: W = "",
+    inputRef: F,
+    dialogSize: H = { width: "384px", height: "384px" },
+    gridLayout: S,
+    shouldCloseOnEsc: J = !0
+  } = n, [p, D] = m(r ? me(r) : void 0), [a, u] = m(!1), [x, j] = m(r), [Q, V] = m(), [X, v] = m(!1), [l, Y] = m({
     disabled: !1,
     readOnly: !1,
     unvisible: !1,
     hideContent: !1
-  }), r = g(null), $ = g(null), E = g(null), I = g(null), B = g(null), k = g(null), w = () => {
-    var e;
-    L((e = r == null ? void 0 : r.current) == null ? void 0 : e.getBoundingClientRect());
-  }, ee = () => {
+  }), i = g(null), Z = g(null), y = g(null), L = g(null), B = g(null), R = g(null), k = () => {
+    V(i?.current?.getBoundingClientRect());
+  }, $ = () => {
     u(!1), c && setTimeout(() => {
-      var e;
-      v(!1), (e = r.current) == null || e.focus();
+      v(!1), i.current?.focus();
     }, 100);
-  }, te = (e) => {
-    var n;
-    const t = !((n = k.current) != null && n.contains(e.relatedTarget));
+  }, ee = (e) => {
+    const t = !R.current?.contains(e.relatedTarget);
     !c && a && t && u(!1);
-  }, P = (e) => {
-    var t, n, C;
-    if (Q && a && e && e.key && e.key === "Escape" && (e.preventDefault(), u(!1), (t = r.current) == null || t.focus()), a && c && e && e.key && e.key === "Tab") {
-      const R = (n = B.current) == null ? void 0 : n.getElementsByClassName("navbutton"), se = ((C = B.current) == null ? void 0 : C.getElementsByClassName("-selectedday"))[0].firstChild, O = Array.from([...R, se]), _ = O[0], K = O[O.length - 1];
-      e.shiftKey && document.activeElement === _ ? (e.preventDefault(), K.focus()) : !e.shiftKey && document.activeElement === K && (e.preventDefault(), _.focus());
+  }, I = (e) => {
+    if (J && a && e && e.key && e.key === "Escape" && (e.preventDefault(), u(!1), i.current?.focus()), a && c && e && e.key && e.key === "Tab") {
+      const t = B.current?.getElementsByClassName("navbutton"), b = (B.current?.getElementsByClassName("-selectedday"))[0].firstChild, C = Array.from([...t, b]), M = C[0], _ = C[C.length - 1];
+      e.shiftKey && document.activeElement === M ? (e.preventDefault(), _.focus()) : !e.shiftKey && document.activeElement === _ && (e.preventDefault(), M.focus());
     }
     e.stopPropagation();
-  }, b = () => {
-    var n;
-    const e = (n = r.current) == null ? void 0 : n.getBoundingClientRect(), t = e && e.bottom;
-    E && E.current && e && (E.current.style.top = String(t).concat("px"));
-  }, T = () => {
-    var e;
-    u(!0), r.current && (r.current.focus(), L((e = r.current) == null ? void 0 : e.getBoundingClientRect())), c && setTimeout(() => {
-      var t;
-      (t = I.current) == null || t.focus();
+  }, E = () => {
+    const e = i.current?.getBoundingClientRect(), t = e && e.bottom;
+    y && y.current && e && (y.current.style.top = String(t).concat("px"));
+  }, P = () => {
+    u(!0), i.current && (i.current.focus(), V(i.current?.getBoundingClientRect())), c && setTimeout(() => {
+      L.current?.focus();
     }, 100);
+  }, te = (e) => {
+    n.onFocus && n.onFocus(e), K && !a && !X && P();
   }, ne = (e) => {
-    o.onFocus && o.onFocus(e), q && !a && !Y && T();
+    n.onBlur && n.onBlur(e);
   }, oe = (e) => {
-    o.onBlur && o.onBlur(e);
-  }, re = (e) => {
     if (typeof e == "object" && !(e instanceof Date)) {
-      const t = l(e.initial, f, !0).isValid(), n = l(e.final, f, !0).isValid();
-      return t && n;
+      const t = s(e.initial, f, !0).isValid(), o = s(e.final, f, !0).isValid();
+      return t && o;
     }
-    return l(e, f, !0).isValid();
-  }, N = (e, t = "") => {
+    return s(e, f, !0).isValid();
+  }, T = (e, t = "") => {
     if (typeof t == "string") {
-      const n = e.target.value ?? "";
-      if (o.onChange) {
-        if (re(n)) {
-          const R = { target: { value: l(n, f).format(h), name: e.target.name } };
-          o.onChange(R, n);
+      const o = e.target.value ?? "";
+      if (n.onChange) {
+        if (oe(o)) {
+          const C = { target: { value: s(o, f).format(h), name: e.target.name } };
+          n.onChange(C, o);
         } else if (e.target.value === "") {
-          const C = { target: { value: "", name: e.target.name } };
-          o.onChange(C, n), u(!1), D(void 0);
+          const b = { target: { value: "", name: e.target.name } };
+          n.onChange(b, o), u(!1), D(void 0);
         }
       }
     }
-  }, A = (e, t) => {
-    var n;
-    a && U && ((n = r.current) == null || n.focus()), o.onComplete && o.onComplete(t, e), o.onChange && N({ target: { value: e, name: H } }, e), G && u(!1), D(l(e, f));
-  }, ie = () => o.disabled || s && (s.disabled || s.hideContent), ae = () => {
-    if (S)
+  }, N = (e, t) => {
+    a && G && i.current?.focus(), n.onComplete && n.onComplete(t, e), n.onChange && T({ target: { value: e, name: W } }, e), q && u(!1), D(s(e, f));
+  }, re = () => n.disabled || l && (l.disabled || l.hideContent), ie = () => {
+    if (O)
       return /* @__PURE__ */ d.jsx(
-        de,
+        ce,
         {
-          disabled: ie(),
+          disabled: re(),
           tabIndex: -1,
           customClass: "calendar-button",
           iconName: "calendar",
           title: a ? "Fechar Calendário" : "Abrir Calendário",
           onClick: () => {
-            a ? u(!1) : T();
+            a ? u(!1) : P();
           },
           targetRef: (e) => {
-            $.current = e;
+            Z.current = e;
           }
         },
         "button-open-date-picker"
       );
-  }, z = (e, t) => /* @__PURE__ */ d.jsx(
-    me,
+  }, A = (e, t) => /* @__PURE__ */ d.jsx(
+    de,
     {
       colorStyle: t,
-      currentDate: e !== void 0 ? e : l(),
-      onDateChange: (n) => {
-        A(n.format(f), void 0), c && v(!1);
+      currentDate: e !== void 0 ? e : s(),
+      onDateChange: (o) => {
+        N(o.format(f), void 0), c && v(!1);
       },
-      currentDateButton: (n) => I.current = n,
-      calendarContainer: (n) => {
-        B.current = n;
+      currentDateButton: (o) => L.current = o,
+      calendarContainer: (o) => {
+        B.current = o;
       }
     }
-  ), le = () => s && s.readOnly ? null : c ? /* @__PURE__ */ d.jsx(
-    ce,
+  ), ae = () => l && l.readOnly ? null : c ? /* @__PURE__ */ d.jsx(
+    se,
     {
-      dialogSize: J,
-      handlerClose: ee,
-      children: z(y, o == null ? void 0 : o.calendarColorStyle)
+      dialogSize: H,
+      handlerClose: $,
+      children: A(p, n?.calendarColorStyle)
     }
   ) : /* @__PURE__ */ d.jsx(
-    ue,
+    le,
     {
-      showButtonOpen: S,
-      inputDimensions: X,
-      containerRef: k,
+      showButtonOpen: O,
+      inputDimensions: Q,
+      containerRef: R,
       dropdownRef: (e) => {
-        E.current = e;
+        y.current = e;
       },
-      children: z(y, o == null ? void 0 : o.calendarColorStyle)
+      children: A(p, n?.calendarColorStyle)
     }
   );
-  if (F(() => {
-    i && l(i, h).format() !== "Invalid date" && l(j, h).format() !== l(i, h).format() ? (D(l(i, h)), V(i)) : !i && i !== j && (D(void 0), V(i));
-  }, [i]), F(() => (window.addEventListener("resize", w), document.addEventListener("keydown", P), r.current && w(), a && c && v(!0), () => {
-    window.removeEventListener("resize", w), document.removeEventListener("keydown", P);
-  }), [r.current, a]), F(() => {
-    var e;
-    return document.addEventListener("scroll", b), (e = document.getElementById("modal-dialog-content")) == null || e.addEventListener("scroll", b), () => {
-      var t;
-      document.removeEventListener("scroll", b), (t = document.getElementById("modal-dialog-content")) == null || t.removeEventListener("scroll", b);
-    };
-  }, []), s && s.unvisible) return null;
-  const M = () => /* @__PURE__ */ d.jsxs("div", { ref: k, onBlur: te, className: "datepicker-container", children: [
+  if (w(() => {
+    r && s(r, h).format() !== "Invalid date" && s(x, h).format() !== s(r, h).format() ? (D(s(r, h)), j(r)) : !r && r !== x && (D(void 0), j(r));
+  }, [r]), w(() => (window.addEventListener("resize", k), document.addEventListener("keydown", I), i.current && k(), a && c && v(!0), () => {
+    window.removeEventListener("resize", k), document.removeEventListener("keydown", I);
+  }), [i.current, a]), w(() => (document.addEventListener("scroll", E), document.getElementById("modal-dialog-content")?.addEventListener("scroll", E), () => {
+    document.removeEventListener("scroll", E), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", E);
+  }), []), l && l.unvisible) return null;
+  const z = () => /* @__PURE__ */ d.jsxs("div", { ref: R, onBlur: ee, className: "datepicker-container", children: [
     /* @__PURE__ */ d.jsx(
-      ge,
+      fe,
       {
-        ...o,
+        ...n,
         gridLayout: void 0,
-        value: y ? y.format(f) : " ",
+        value: p ? p.format(f) : " ",
         mask: "00/00/0000",
         onComplete: (e, t) => {
-          t && A(t, e);
+          t && N(t, e);
         },
-        onBlur: oe,
+        onBlur: ne,
         onFocus: (e) => {
-          ne(e);
+          te(e);
         },
         onChange: (e, t) => {
-          t && N(e, t);
+          t && T(e, t);
         },
         inputRef: (e) => {
-          r.current = e, p && (p.current = e);
+          i.current = e, F && (F.current = e);
         },
-        rightElements: ae(),
-        required: W,
-        handlerSetOnDenied: () => Z(s)
+        rightElements: ie(),
+        required: U,
+        handlerSetOnDenied: () => Y(l)
       }
     ),
-    a && le()
+    a && ae()
   ] });
-  return x ? /* @__PURE__ */ d.jsx(fe, { customClass: "-withinput", cols: x, children: M() }) : M();
+  return S ? /* @__PURE__ */ d.jsx(ue, { customClass: "-withinput", cols: S, children: z() }) : z();
 };
 export {
-  xe as default
+  Oe as default
 };

package/lib/inputs/errorMessage/index.js

@@ -1,4 +1,4 @@
-import { j as n } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as n } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import { forwardRef as o } from "react";
 import '../../assets/index7.css';const i = o(({
   customClass: e = "",

package/lib/inputs/file/DefaultFile.js

@@ -1,71 +1,70 @@
-import { j as t } from "../../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as e } from "../../chunks/jsx-runtime.C7wFtzyj.js";
 import { useState as g } from "react";
-import { _ as C } from "../../chunks/lodash.C68pWaTB.js";
-import F from "../base/InputTextBase.js";
-import y from "./FileButtonSettings.js";
-import B from "../../buttons/Button.js";
-import E from "../../icons/index.js";
+import { _ as C } from "../../chunks/lodash.CIAK_hAg.js";
+import b from "../base/InputTextBase.js";
+import F from "./FileButtonSettings.js";
+import y from "../../buttons/Button.js";
+import B from "../../icons/index.js";
 import '../../assets/button.css';import '../../assets/DefaultFile.css';/* empty css                           */
-import I from "../../popover/index.js";
-import N from "../../popover/PopoverText.js";
-const U = (l) => {
+import E from "../../popover/index.js";
+import I from "../../popover/PopoverText.js";
+const T = (n) => {
   const {
-    id: r = "file",
-    accept: m = "image/*",
-    onBtnClickInsert: p,
-    onBtnClickRemove: d,
-    inputRef: u,
-    defaultFiles: x,
+    id: l = "file",
+    accept: r = "image/*",
+    onBtnClickInsert: c,
+    onBtnClickRemove: m,
+    inputRef: p,
+    defaultFiles: d,
     hint: f = [],
-    onChange: i
-  } = l, h = (e) => e != null && e.length ? C.map(e, (s) => s) : [], [o, a] = g(x), n = o instanceof Array && o.length > 0, j = () => /* @__PURE__ */ t.jsx("div", { className: `size-position-icon ${n ? "" : "-disabled-popover"}`, children: /* @__PURE__ */ t.jsx(I, { iconSize: 16, children: /* @__PURE__ */ t.jsxs(N, { children: [
-    /* @__PURE__ */ t.jsx("strong", { children: "Arquivos" }),
-    /* @__PURE__ */ t.jsx("br", {}),
-    n && o.map((e) => /* @__PURE__ */ t.jsx("div", { className: "list-simple-file", children: /* @__PURE__ */ t.jsx("div", { className: "file-name", children: /* @__PURE__ */ t.jsx("span", { children: e.name }) }) }, `${e.name}${e.size}`))
-  ] }) }) }), v = () => /* @__PURE__ */ t.jsx(
-    B,
+    onChange: u
+  } = n, x = (s) => s?.length ? C.map(s, (t) => t) : [], [i, a] = g(d), o = i instanceof Array && i.length > 0, h = () => /* @__PURE__ */ e.jsx("div", { className: `size-position-icon ${o ? "" : "-disabled-popover"}`, children: /* @__PURE__ */ e.jsx(E, { iconSize: 16, children: /* @__PURE__ */ e.jsxs(I, { children: [
+    /* @__PURE__ */ e.jsx("strong", { children: "Arquivos" }),
+    /* @__PURE__ */ e.jsx("br", {}),
+    o && i.map((s) => /* @__PURE__ */ e.jsx("div", { className: "list-simple-file", children: /* @__PURE__ */ e.jsx("div", { className: "file-name", children: /* @__PURE__ */ e.jsx("span", { children: s.name }) }) }, `${s.name}${s.size}`))
+  ] }) }) }), j = () => /* @__PURE__ */ e.jsx(
+    y,
     {
-      disabled: !n,
+      disabled: !o,
       className: "-pointerEventsRemove",
       transparent: !0,
       boxShadow: !1,
       onClick: () => {
-        d(), a([]);
+        m(), a([]);
       },
-      icon: /* @__PURE__ */ t.jsx(E, { customClass: "colorIconUpload", name: "close" })
+      icon: /* @__PURE__ */ e.jsx(B, { customClass: "colorIconUpload", name: "close" })
     }
-  ), b = (e) => {
-    var c;
-    (c = e.preventDefault) == null || c.call(e);
-    const s = h(e.target.files);
-    a(s), i == null || i(s, e);
+  ), v = (s) => {
+    s.preventDefault?.();
+    const t = x(s.target.files);
+    a(t), u?.(t, s);
   };
-  return /* @__PURE__ */ t.jsx("div", { className: "input-simple-file-container", children: /* @__PURE__ */ t.jsxs(
-    F,
+  return /* @__PURE__ */ e.jsx("div", { className: "input-simple-file-container", children: /* @__PURE__ */ e.jsxs(
+    b,
     {
-      ...l,
+      ...n,
       hint: f,
       readOnlyClass: "-disabledVisualApply",
       customClassForInputContent: "-absolute -pointEventDisabled -disabledVisualApply",
       type: "file",
-      id: r,
-      accept: m,
-      inputRef: u,
-      onChange: b,
-      rightElements: /* @__PURE__ */ t.jsx(
-        y,
+      id: l,
+      accept: r,
+      inputRef: p,
+      onChange: v,
+      rightElements: /* @__PURE__ */ e.jsx(
+        F,
         {
-          id: r,
-          onBtnClickInsert: p
+          id: l,
+          onBtnClickInsert: c
         }
       ),
       children: [
-        j(),
-        v()
+        h(),
+        j()
       ]
     }
   ) });
 };
 export {
-  U as default
+  T as default
 };