@sito/dashboard 0.0.82 → 0.0.83

package/dist/SelectInput-D09muy0T.js

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