@sito/dashboard 0.0.71 → 0.0.73

package/dist/{SelectInput-B0Ffd39D.js → SelectInput-H421nC22.js}

@@ -1,67 +1,67 @@
 import "./SelectInput.css";
-import { jsxs as T, jsx as a, Fragment as Y } from "react/jsx-runtime";
-import { forwardRef as K, useState as F, useEffect as O, useMemo as j, useRef as W, useCallback as $, useLayoutEffect as Z } from "react";
+import { jsxs as L, jsx as a, Fragment as Y } from "react/jsx-runtime";
+import { forwardRef as U, useState as F, useEffect as R, useMemo as j, useRef as K, useCallback as A, useLayoutEffect as Z } from "react";
 import { C as M } from "./Chip-C5ogKbFn.js";
 import { I as ee } from "./IconButton-BpsTEj0z.js";
 import { C as te } from "./Close-rKC9AcNX.js";
-const ie = K(function(l, h) {
+const ie = U(function(l, h) {
   const {
     state: p,
     value: t,
     onChange: r,
-    options: b = [],
-    name: A = "",
-    id: k = "",
-    label: v = "",
-    containerClassName: S = "",
-    inputContainerClassName: x = "",
-    helperText: D = "",
-    placeholder: L = "",
+    options: k = [],
+    name: S = "",
+    id: $ = "",
+    label: x = "",
+    containerClassName: D = "",
+    inputContainerClassName: w = "",
+    helperText: I = "",
+    placeholder: B = "",
     multiple: d = !1,
-    ...I
-  } = l, [u, m] = F("");
-  O(() => {
+    ...E
+  } = l, [i, m] = F("");
+  R(() => {
     if (!d && t && !Array.isArray(t)) {
       m(String(t.value ?? t.name ?? ""));
       return;
     }
     m("");
   }, [d, t]);
-  const [f, g] = F(!1), [C, y] = F(-1), o = j(
-    () => b.filter((e) => {
-      const n = String(e.value ?? e.name).toLowerCase().includes(u?.toLowerCase());
-      return Array.isArray(t) && t.length ? n && !t.some((c) => c.id === e.id) : t && !Array.isArray(t) ? n && t.id !== e.id : n;
+  const [f, g] = F(!1), [C, y] = F(-1), s = j(
+    () => k.filter((e) => {
+      const n = String(e.value ?? e.name).toLowerCase().includes(i?.toLowerCase());
+      return Array.isArray(t) && t.length ? n && !t.some((u) => u.id === e.id) : t && !Array.isArray(t) ? n && t.id !== e.id : n;
     }),
-    [b, t, u]
+    [k, t, i]
   );
-  O(() => {
-    if (!f || !o.length) {
+  R(() => {
+    if (!f || !s.length) {
       y(-1);
       return;
     }
     y(0);
-  }, [f, o]);
-  const i = W(null), N = W(null), [E, w] = F(!1), s = W(null);
-  O(() => {
-    const e = (c) => {
-      i.current && !i.current.contains(c.target) && g(!1);
-    }, n = (c) => {
-      c.key === "Escape" && g(!1);
+  }, [f, s]);
+  const c = K(null), N = K(null), [T, b] = F(!1), o = K(null);
+  R(() => {
+    const e = (u) => {
+      c.current && !c.current.contains(u.target) && g(!1);
+    }, n = (u) => {
+      u.key === "Escape" && g(!1);
     };
     return document.addEventListener("mousedown", e), document.addEventListener("keydown", n), () => {
       document.removeEventListener("mousedown", e), document.removeEventListener("keydown", n);
     };
   }, []);
-  const R = $((e) => {
+  const v = A((e) => {
     m(e.target.value);
-  }, []), B = $(
+  }, []), H = A(
     (e) => {
       e ? d ? (m(""), Array.isArray(t) && t.length ? r([...t, e]) : r([e])) : (m(String(e.name ?? e.value ?? "")), r(e)) : r(null), g(!1);
     },
     [d, r, t]
-  ), P = $(
+  ), P = A(
     (e) => {
-      if (!o.length) {
+      if (!s.length) {
         e.key === "Escape" && g(!1);
         return;
       }
@@ -71,83 +71,83 @@ const ie = K(function(l, h) {
           return;
         }
         y((n) => {
-          const c = n >= 0 ? n : 0;
-          return e.key === "ArrowDown" ? (c + 1 + o.length) % o.length : (c - 1 + o.length) % o.length;
+          const u = n >= 0 ? n : 0;
+          return e.key === "ArrowDown" ? (u + 1 + s.length) % s.length : (u - 1 + s.length) % s.length;
         });
         return;
       }
       if (e.key === "Enter" && f) {
         e.preventDefault();
         const n = C >= 0 ? C : 0;
-        B(o[n]);
+        H(s[n]);
         return;
       }
       e.key === "Escape" && f && (e.preventDefault(), g(!1));
     },
     [
-      B,
+      H,
       C,
       f,
-      o
+      s
     ]
-  ), H = $(
+  ), O = A(
     (e) => {
       if (!Array.isArray(t)) {
         r(null);
         return;
       }
-      const n = t.filter((c, z) => z !== e);
+      const n = t.filter((u, z) => z !== e);
       n.length ? r(n) : r(null);
     },
     [r, t]
-  ), V = $(() => {
+  ), V = A(() => {
     Array.isArray(t) && r([t[0]]);
   }, [r, t]);
   return Z(() => {
-    const e = s.current?.offsetWidth ?? 0, n = i.current?.offsetWidth ?? 0;
-    w(e > n * 0.4);
-  }, [t]), /* @__PURE__ */ T(
+    const e = o.current?.offsetWidth ?? 0, n = c.current?.offsetWidth ?? 0;
+    b(e > n * 0.4);
+  }, [t]), /* @__PURE__ */ L(
     "div",
     {
-      className: `autocomplete-input-container ${S}`,
-      ref: i,
+      className: `autocomplete-input-container ${D}`,
+      ref: c,
       children: [
-        /* @__PURE__ */ T("div", { className: "autocomplete-value-input-container", children: [
+        /* @__PURE__ */ L("div", { className: "autocomplete-value-input-container", children: [
           /* @__PURE__ */ a(
             Q,
             {
               state: p,
-              name: A,
-              id: k,
-              value: u,
-              onChange: R,
-              placeholder: L,
-              helperText: D,
+              name: S,
+              id: $,
+              value: i,
+              onChange: v,
+              placeholder: B,
+              helperText: I,
               onFocus: () => g(!0),
               onKeyDown: P,
-              label: v,
-              containerClassName: `autocomplete-text-input ${x}`,
+              label: x,
+              containerClassName: `autocomplete-text-input ${w}`,
               ref: h ?? N,
-              ...I,
+              ...E,
               children: !d && t && !Array.isArray(t) && (t.value || t.name) && /* @__PURE__ */ a(
                 ee,
                 {
                   icon: /* @__PURE__ */ a(te, {}),
                   className: "autocomplete-delete-button",
                   onClick: (e) => {
-                    B(), e.stopPropagation();
+                    H(), e.stopPropagation();
                   }
                 }
               )
             }
           ),
-          d && Array.isArray(t) && t.length ? /* @__PURE__ */ a("ul", { ref: s, className: "autocomplete-value-container", children: E ? /* @__PURE__ */ T(Y, { children: [
+          d && Array.isArray(t) && t.length ? /* @__PURE__ */ a("ul", { ref: o, className: "autocomplete-value-container", children: T ? /* @__PURE__ */ L(Y, { children: [
             /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
               M,
               {
                 text: t[0]?.value ?? t[0]?.name,
                 onDelete: (e) => {
-                  H(0), e.stopPropagation();
+                  O(0), e.stopPropagation();
                 }
               }
             ) }),
@@ -164,8 +164,8 @@ const ie = K(function(l, h) {
             M,
             {
               text: String(e.value ?? e.name),
-              onDelete: (c) => {
-                H(n), c.stopPropagation();
+              onDelete: (u) => {
+                O(n), u.stopPropagation();
               }
             }
           ) }, e.id ?? e.value ?? e.name)) }) : null
@@ -174,16 +174,16 @@ const ie = K(function(l, h) {
           "ul",
           {
             className: "autocomplete-suggestions-container",
-            style: { width: i.current?.offsetWidth },
-            children: o.map((e) => /* @__PURE__ */ a(
+            style: { width: c.current?.offsetWidth },
+            children: s.map((e) => /* @__PURE__ */ a(
               "li",
               {
-                className: `autocomplete-suggestion-item ${e.id === o[C]?.id ? "highlighted" : ""}`,
+                className: `autocomplete-suggestion-item ${e.id === s[C]?.id ? "highlighted" : ""}`,
                 onMouseEnter: () => y(
-                  o.findIndex((n) => n.id === e.id)
+                  s.findIndex((n) => n.id === e.id)
                 ),
                 onClick: (n) => {
-                  B(e), n.stopPropagation();
+                  H(e), n.stopPropagation();
                 },
                 children: e.value ?? e.name
               },
@@ -195,7 +195,7 @@ const ie = K(function(l, h) {
     }
   );
 });
-var U = /* @__PURE__ */ ((l) => (l.error = "error", l.good = "good", l.default = "default", l))(U || {});
+var W = /* @__PURE__ */ ((l) => (l.error = "error", l.good = "good", l.default = "default", l))(W || {});
 const q = (l) => {
   switch (l) {
     case "error":
@@ -223,153 +223,153 @@ const q = (l) => {
     default:
       return "input-helper-text-normal";
   }
-}, ce = K(function(l, h) {
+}, ce = U(function(l, h) {
   const {
     checked: p,
     onChange: t,
     name: r = "",
-    id: b = "",
-    label: A = "",
-    state: k = U.default,
-    containerClassName: v = "",
-    inputClassName: S = "",
-    labelClassName: x = "",
-    ...D
+    id: k = "",
+    label: S = "",
+    state: $ = W.default,
+    containerClassName: x = "",
+    inputClassName: D = "",
+    labelClassName: w = "",
+    ...I
   } = l;
-  return /* @__PURE__ */ T("label", { className: `input-check-container ${v}`, children: [
+  return /* @__PURE__ */ L("label", { className: `input-check-container ${x}`, children: [
     /* @__PURE__ */ a(
       "input",
       {
-        id: b,
+        id: k,
         ref: h,
         name: r,
         type: "checkbox",
         checked: p,
         onChange: t,
-        className: `input-check ${q(k)} ${S}`,
-        ...D
+        className: `input-check ${q($)} ${D}`,
+        ...I
       }
     ),
     /* @__PURE__ */ a(
       "span",
       {
-        className: `input-check-label ${_(k)} ${x}`,
-        children: A
+        className: `input-check-label ${_($)} ${w}`,
+        children: S
       }
     )
   ] });
-}), G = (l) => l == null ? !1 : Array.isArray(l) ? l.length > 0 : `${l}`.length > 0, Q = K(function(l, h) {
+}), G = (l) => l == null ? !1 : Array.isArray(l) ? l.length > 0 : `${l}`.length > 0, Q = U(function(l, h) {
   const {
     children: p,
-    state: t = U.default,
+    state: t = W.default,
     label: r = "",
-    containerClassName: b = "",
-    inputClassName: A = "",
-    labelClassName: k = "",
-    helperText: v = "",
-    helperTextClassName: S = "",
-    value: x,
-    defaultValue: D,
-    onChange: L,
+    containerClassName: k = "",
+    inputClassName: S = "",
+    labelClassName: $ = "",
+    helperText: x = "",
+    helperTextClassName: D = "",
+    value: w,
+    defaultValue: I,
+    onChange: B,
     onFocus: d,
-    onBlur: I,
-    ...u
-  } = l, m = x !== void 0, [f, g] = F(
-    () => G(D)
-  ), [C, y] = F(!1), o = m ? G(x) : f, i = !!u.placeholder || C, N = (s) => {
-    m || g(s.currentTarget.value.length > 0), L?.(s);
-  }, E = (s) => {
-    C || y(!0), d?.(s);
-  }, w = (s) => {
-    C || y(!0), I?.(s);
+    onBlur: E,
+    ...i
+  } = l, m = w !== void 0, [f, g] = F(
+    () => G(I)
+  ), [C, y] = F(!1), s = m ? G(w) : f, c = i.type === "date", N = !!i.placeholder || C || c, T = (v) => {
+    m || g(v.currentTarget.value.length > 0), B?.(v);
+  }, b = (v) => {
+    C || y(!0), d?.(v);
+  }, o = (v) => {
+    C || y(!0), E?.(v);
   };
-  return /* @__PURE__ */ T("div", { className: `text-input-container ${b}`, children: [
+  return /* @__PURE__ */ L("div", { className: `text-input-container ${k}`, children: [
     /* @__PURE__ */ a(
       "input",
       {
         ref: h,
-        defaultValue: D,
-        onChange: N,
-        onFocus: E,
-        onBlur: w,
-        ...m ? { value: x } : {},
-        className: `text-input ${q(t)} ${A} ${o ? "has-value" : ""} ${u.placeholder ? "has-placeholder" : ""} ${i ? "keep-label-up" : ""}`,
-        ...u
+        defaultValue: I,
+        onChange: T,
+        onFocus: b,
+        onBlur: o,
+        ...m ? { value: w } : {},
+        className: `text-input ${q(t)} ${S} ${s ? "has-value" : ""} ${i.placeholder ? "has-placeholder" : ""} ${N ? "keep-label-up" : ""}`,
+        ...i
       }
     ),
-    !!r && /* @__PURE__ */ T(
+    !!r && /* @__PURE__ */ L(
       "label",
       {
-        htmlFor: u.id,
-        className: `text-input-label ${_(t)} ${k}`,
+        htmlFor: i.id,
+        className: `text-input-label ${_(t)} ${$}`,
         children: [
           r,
-          u.required ? " *" : ""
+          i.required ? " *" : ""
         ]
       }
     ),
     p,
-    !!v && /* @__PURE__ */ a(
+    !!x && /* @__PURE__ */ a(
       "p",
       {
-        className: `text-input-helper-text ${J(t)} ${S}`,
-        children: v
+        className: `text-input-helper-text ${J(t)} ${D}`,
+        children: x
       }
     )
   ] });
-}), ue = K(function(l, h) {
+}), ue = U(function(l, h) {
   const {
     value: p,
     onChange: t,
     options: r,
-    containerClassName: b = "",
-    inputClassName: A = "",
-    labelClassName: k = "",
-    helperText: v = "",
-    helperTextClassName: S = "",
-    label: x = "",
-    placeholder: D = "",
-    name: L = "",
+    containerClassName: k = "",
+    inputClassName: S = "",
+    labelClassName: $ = "",
+    helperText: x = "",
+    helperTextClassName: D = "",
+    label: w = "",
+    placeholder: I = "",
+    name: B = "",
     id: d = "",
-    state: I = U.default,
-    native: u = !0,
+    state: E = W.default,
+    native: i = !0,
     disabled: m,
     required: f,
     autoFocus: g,
     children: C,
     ...y
-  } = l, o = W(null), [i, N] = F(!1), [E, w] = F(-1), s = j(
+  } = l, s = K(null), [c, N] = F(!1), [T, b] = F(-1), o = j(
     () => r.findIndex(
       (e) => String(e.id) === String(p ?? r[0]?.id ?? "")
     ),
     [r, p]
-  ), R = j(
-    () => s >= 0 ? r[s] : void 0,
-    [r, s]
+  ), v = j(
+    () => o >= 0 ? r[o] : void 0,
+    [r, o]
   );
-  O(() => {
-    if (!(u || !i)) {
+  R(() => {
+    if (!(i || !c)) {
       if (!r.length) {
-        w(-1);
+        b(-1);
         return;
       }
-      w(s >= 0 ? s : 0);
+      b(o >= 0 ? o : 0);
     }
-  }, [u, r.length, s, i]), O(() => {
-    if (u) return;
+  }, [i, r.length, o, c]), R(() => {
+    if (i) return;
     const e = (n) => {
-      o.current && !o.current.contains(n.target) && N(!1);
+      s.current && !s.current.contains(n.target) && N(!1);
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
-  }, [u]);
-  const B = $(
+  }, [i]);
+  const H = A(
     (e) => {
       h && (typeof h == "function" ? h(e) : h.current = e);
     },
     [h]
-  ), P = $(
+  ), P = A(
     (e) => {
       if (!t) return;
       const n = {
@@ -379,52 +379,52 @@ const q = (l) => {
       t(n);
     },
     [t]
-  ), H = $(
+  ), O = A(
     (e) => {
       const n = r[e];
       n && (P(n.id), N(!1));
     },
     [P, r]
-  ), V = $(
+  ), V = A(
     (e) => {
       if (r.length) {
         if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-          if (e.preventDefault(), !i) {
+          if (e.preventDefault(), !c) {
             N(!0);
-            const n = s >= 0 ? s : 0;
-            w(n);
+            const n = o >= 0 ? o : 0;
+            b(n);
             return;
           }
-          w((n) => {
-            const c = n >= 0 ? n : s;
-            return e.key === "ArrowDown" ? (c + 1 + r.length) % r.length : (c - 1 + r.length) % r.length;
+          b((n) => {
+            const u = n >= 0 ? n : o;
+            return e.key === "ArrowDown" ? (u + 1 + r.length) % r.length : (u - 1 + r.length) % r.length;
           });
           return;
         }
         if (e.key === "Enter") {
-          if (!i) {
-            e.preventDefault(), N(!0), w(s >= 0 ? s : 0);
+          if (!c) {
+            e.preventDefault(), N(!0), b(o >= 0 ? o : 0);
             return;
           }
-          e.preventDefault(), H(E >= 0 ? E : 0);
+          e.preventDefault(), O(T >= 0 ? T : 0);
           return;
         }
-        e.key === "Escape" && i && (e.preventDefault(), N(!1));
+        e.key === "Escape" && c && (e.preventDefault(), N(!1));
       }
     },
-    [E, r, H, s, i]
+    [T, r, O, o, c]
   );
-  return u ? /* @__PURE__ */ T("div", { className: `select-input-container ${b}`, children: [
+  return i ? /* @__PURE__ */ L("div", { className: `select-input-container ${k}`, children: [
     /* @__PURE__ */ a(
       "select",
       {
         ...y,
         id: d,
-        ref: B,
-        name: L,
+        ref: H,
+        name: B,
         value: p,
         onChange: t,
-        className: `select-input ${q(I)} peer ${A}`,
+        className: `select-input ${q(E)} peer ${S}`,
         children: r?.map((e) => /* @__PURE__ */ a("option", { value: e.id, children: e.value ?? e.name ?? e.id }, e.id))
       }
     ),
@@ -432,30 +432,30 @@ const q = (l) => {
       "label",
       {
         htmlFor: d,
-        className: `select-input-label ${_(I)} ${k}`,
-        children: x
+        className: `select-input-label ${_(E)} ${$}`,
+        children: w
       }
     ),
     C,
-    v && /* @__PURE__ */ a(
+    x && /* @__PURE__ */ a(
       "p",
       {
-        className: `select-input-helper-text ${J(I)} ${S}`,
-        children: v
+        className: `select-input-helper-text ${J(E)} ${D}`,
+        children: x
       }
     )
-  ] }) : /* @__PURE__ */ T(
+  ] }) : /* @__PURE__ */ L(
     "div",
     {
-      ref: o,
-      className: `select-input-container ${b}`,
+      ref: s,
+      className: `select-input-container ${k}`,
       children: [
         /* @__PURE__ */ a(
           "select",
           {
             ...y,
-            ref: B,
-            name: L,
+            ref: H,
+            name: B,
             id: d,
             value: p,
             onChange: t,
@@ -469,17 +469,17 @@ const q = (l) => {
           Q,
           {
             id: d,
-            name: L,
-            state: I,
-            value: String(R?.value ?? R?.name ?? ""),
+            name: B,
+            state: E,
+            value: String(v?.value ?? v?.name ?? ""),
             readOnly: !0,
-            label: x,
-            helperText: v,
+            label: w,
+            helperText: x,
             containerClassName: "select-input-text-container",
-            inputClassName: `select-input-text ${A}`,
-            labelClassName: k,
-            helperTextClassName: S,
-            placeholder: D,
+            inputClassName: `select-input-text ${S}`,
+            labelClassName: $,
+            helperTextClassName: D,
+            placeholder: I,
             disabled: m,
             required: f,
             autoFocus: g,
@@ -487,22 +487,22 @@ const q = (l) => {
             onKeyDown: V,
             onFocus: () => N(!0),
             role: "combobox",
-            "aria-expanded": i,
+            "aria-expanded": c,
             "aria-haspopup": "listbox",
             children: C
           }
         ),
-        i && /* @__PURE__ */ a("ul", { className: "select-input-options-container", role: "listbox", children: r.map((e, n) => {
-          const c = String(e.id) === String(p);
+        c && /* @__PURE__ */ a("ul", { className: "select-input-options-container", role: "listbox", children: r.map((e, n) => {
+          const u = String(e.id) === String(p);
           return /* @__PURE__ */ a(
             "li",
             {
               role: "option",
-              "aria-selected": c,
-              className: `select-input-option-item ${n === E ? "highlighted" : ""}`,
-              onMouseEnter: () => w(n),
+              "aria-selected": u,
+              className: `select-input-option-item ${n === T ? "highlighted" : ""}`,
+              onMouseEnter: () => b(n),
               onClick: (X) => {
-                H(n), X.stopPropagation();
+                O(n), X.stopPropagation();
               },
               children: e.value ?? e.name ?? e.id
             },
@@ -518,7 +518,7 @@ export {
   ce as C,
   ue as S,
   Q as T,
-  U as a,
+  W as a,
   J as h,
   q as i,
   _ as l