@sito/dashboard 0.0.72 → 0.0.74

package/dist/SelectInput-H421nC22.js

@@ -1,525 +0,0 @@
-import "./SelectInput.css";
-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 = U(function(l, h) {
-  const {
-    state: p,
-    value: t,
-    onChange: r,
-    options: k = [],
-    name: S = "",
-    id: $ = "",
-    label: x = "",
-    containerClassName: D = "",
-    inputContainerClassName: w = "",
-    helperText: I = "",
-    placeholder: B = "",
-    multiple: d = !1,
-    ...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), 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;
-    }),
-    [k, t, i]
-  );
-  R(() => {
-    if (!f || !s.length) {
-      y(-1);
-      return;
-    }
-    y(0);
-  }, [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 v = A((e) => {
-    m(e.target.value);
-  }, []), 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 = A(
-    (e) => {
-      if (!s.length) {
-        e.key === "Escape" && g(!1);
-        return;
-      }
-      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-        if (e.preventDefault(), !f) {
-          g(!0), y(0);
-          return;
-        }
-        y((n) => {
-          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;
-        H(s[n]);
-        return;
-      }
-      e.key === "Escape" && f && (e.preventDefault(), g(!1));
-    },
-    [
-      H,
-      C,
-      f,
-      s
-    ]
-  ), O = A(
-    (e) => {
-      if (!Array.isArray(t)) {
-        r(null);
-        return;
-      }
-      const n = t.filter((u, z) => z !== e);
-      n.length ? r(n) : r(null);
-    },
-    [r, t]
-  ), V = A(() => {
-    Array.isArray(t) && r([t[0]]);
-  }, [r, t]);
-  return Z(() => {
-    const e = o.current?.offsetWidth ?? 0, n = c.current?.offsetWidth ?? 0;
-    b(e > n * 0.4);
-  }, [t]), /* @__PURE__ */ L(
-    "div",
-    {
-      className: `autocomplete-input-container ${D}`,
-      ref: c,
-      children: [
-        /* @__PURE__ */ L("div", { className: "autocomplete-value-input-container", children: [
-          /* @__PURE__ */ a(
-            Q,
-            {
-              state: p,
-              name: S,
-              id: $,
-              value: i,
-              onChange: v,
-              placeholder: B,
-              helperText: I,
-              onFocus: () => g(!0),
-              onKeyDown: P,
-              label: x,
-              containerClassName: `autocomplete-text-input ${w}`,
-              ref: h ?? N,
-              ...E,
-              children: !d && t && !Array.isArray(t) && (t.value || t.name) && /* @__PURE__ */ a(
-                ee,
-                {
-                  icon: /* @__PURE__ */ a(te, {}),
-                  className: "autocomplete-delete-button",
-                  onClick: (e) => {
-                    H(), e.stopPropagation();
-                  }
-                }
-              )
-            }
-          ),
-          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) => {
-                  O(0), e.stopPropagation();
-                }
-              }
-            ) }),
-            t.length > 1 && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
-              M,
-              {
-                text: `+${t.length - 1}`,
-                onDelete: (e) => {
-                  V(), e.stopPropagation();
-                }
-              }
-            ) })
-          ] }) : t.map((e, n) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
-            M,
-            {
-              text: String(e.value ?? e.name),
-              onDelete: (u) => {
-                O(n), u.stopPropagation();
-              }
-            }
-          ) }, e.id ?? e.value ?? e.name)) }) : null
-        ] }),
-        f && /* @__PURE__ */ a(
-          "ul",
-          {
-            className: "autocomplete-suggestions-container",
-            style: { width: c.current?.offsetWidth },
-            children: s.map((e) => /* @__PURE__ */ a(
-              "li",
-              {
-                className: `autocomplete-suggestion-item ${e.id === s[C]?.id ? "highlighted" : ""}`,
-                onMouseEnter: () => y(
-                  s.findIndex((n) => n.id === e.id)
-                ),
-                onClick: (n) => {
-                  H(e), n.stopPropagation();
-                },
-                children: e.value ?? e.name
-              },
-              e.id ?? e.value ?? e.name
-            ))
-          }
-        )
-      ]
-    }
-  );
-});
-var W = /* @__PURE__ */ ((l) => (l.error = "error", l.good = "good", l.default = "default", l))(W || {});
-const q = (l) => {
-  switch (l) {
-    case "error":
-      return "input-error";
-    case "good":
-      return "input-good";
-    default:
-      return "input-normal";
-  }
-}, _ = (l) => {
-  switch (l) {
-    case "error":
-      return "input-label-error";
-    case "good":
-      return "input-label-good";
-    default:
-      return "input-label-normal";
-  }
-}, J = (l) => {
-  switch (l) {
-    case "error":
-      return "input-helper-text-error";
-    case "good":
-      return "input-helper-text-good";
-    default:
-      return "input-helper-text-normal";
-  }
-}, ce = U(function(l, h) {
-  const {
-    checked: p,
-    onChange: t,
-    name: r = "",
-    id: k = "",
-    label: S = "",
-    state: $ = W.default,
-    containerClassName: x = "",
-    inputClassName: D = "",
-    labelClassName: w = "",
-    ...I
-  } = l;
-  return /* @__PURE__ */ L("label", { className: `input-check-container ${x}`, children: [
-    /* @__PURE__ */ a(
-      "input",
-      {
-        id: k,
-        ref: h,
-        name: r,
-        type: "checkbox",
-        checked: p,
-        onChange: t,
-        className: `input-check ${q($)} ${D}`,
-        ...I
-      }
-    ),
-    /* @__PURE__ */ a(
-      "span",
-      {
-        className: `input-check-label ${_($)} ${w}`,
-        children: S
-      }
-    )
-  ] });
-}), G = (l) => l == null ? !1 : Array.isArray(l) ? l.length > 0 : `${l}`.length > 0, Q = U(function(l, h) {
-  const {
-    children: p,
-    state: t = W.default,
-    label: r = "",
-    containerClassName: k = "",
-    inputClassName: S = "",
-    labelClassName: $ = "",
-    helperText: x = "",
-    helperTextClassName: D = "",
-    value: w,
-    defaultValue: I,
-    onChange: B,
-    onFocus: d,
-    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__ */ L("div", { className: `text-input-container ${k}`, children: [
-    /* @__PURE__ */ a(
-      "input",
-      {
-        ref: h,
-        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__ */ L(
-      "label",
-      {
-        htmlFor: i.id,
-        className: `text-input-label ${_(t)} ${$}`,
-        children: [
-          r,
-          i.required ? " *" : ""
-        ]
-      }
-    ),
-    p,
-    !!x && /* @__PURE__ */ a(
-      "p",
-      {
-        className: `text-input-helper-text ${J(t)} ${D}`,
-        children: x
-      }
-    )
-  ] });
-}), ue = U(function(l, h) {
-  const {
-    value: p,
-    onChange: t,
-    options: r,
-    containerClassName: k = "",
-    inputClassName: S = "",
-    labelClassName: $ = "",
-    helperText: x = "",
-    helperTextClassName: D = "",
-    label: w = "",
-    placeholder: I = "",
-    name: B = "",
-    id: d = "",
-    state: E = W.default,
-    native: i = !0,
-    disabled: m,
-    required: f,
-    autoFocus: g,
-    children: C,
-    ...y
-  } = 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]
-  ), v = j(
-    () => o >= 0 ? r[o] : void 0,
-    [r, o]
-  );
-  R(() => {
-    if (!(i || !c)) {
-      if (!r.length) {
-        b(-1);
-        return;
-      }
-      b(o >= 0 ? o : 0);
-    }
-  }, [i, r.length, o, c]), R(() => {
-    if (i) return;
-    const e = (n) => {
-      s.current && !s.current.contains(n.target) && N(!1);
-    };
-    return document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
-    };
-  }, [i]);
-  const H = A(
-    (e) => {
-      h && (typeof h == "function" ? h(e) : h.current = e);
-    },
-    [h]
-  ), P = A(
-    (e) => {
-      if (!t) return;
-      const n = {
-        target: { value: String(e) },
-        currentTarget: { value: String(e) }
-      };
-      t(n);
-    },
-    [t]
-  ), O = A(
-    (e) => {
-      const n = r[e];
-      n && (P(n.id), N(!1));
-    },
-    [P, r]
-  ), V = A(
-    (e) => {
-      if (r.length) {
-        if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-          if (e.preventDefault(), !c) {
-            N(!0);
-            const n = o >= 0 ? o : 0;
-            b(n);
-            return;
-          }
-          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 (!c) {
-            e.preventDefault(), N(!0), b(o >= 0 ? o : 0);
-            return;
-          }
-          e.preventDefault(), O(T >= 0 ? T : 0);
-          return;
-        }
-        e.key === "Escape" && c && (e.preventDefault(), N(!1));
-      }
-    },
-    [T, r, O, o, c]
-  );
-  return i ? /* @__PURE__ */ L("div", { className: `select-input-container ${k}`, children: [
-    /* @__PURE__ */ a(
-      "select",
-      {
-        ...y,
-        id: d,
-        ref: H,
-        name: B,
-        value: p,
-        onChange: t,
-        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))
-      }
-    ),
-    /* @__PURE__ */ a(
-      "label",
-      {
-        htmlFor: d,
-        className: `select-input-label ${_(E)} ${$}`,
-        children: w
-      }
-    ),
-    C,
-    x && /* @__PURE__ */ a(
-      "p",
-      {
-        className: `select-input-helper-text ${J(E)} ${D}`,
-        children: x
-      }
-    )
-  ] }) : /* @__PURE__ */ L(
-    "div",
-    {
-      ref: s,
-      className: `select-input-container ${k}`,
-      children: [
-        /* @__PURE__ */ a(
-          "select",
-          {
-            ...y,
-            ref: H,
-            name: B,
-            id: d,
-            value: p,
-            onChange: t,
-            className: "select-input-native-hidden",
-            tabIndex: -1,
-            "aria-hidden": !0,
-            children: r?.map((e) => /* @__PURE__ */ a("option", { value: e.id, children: e.value ?? e.name ?? e.id }, e.id))
-          }
-        ),
-        /* @__PURE__ */ a(
-          Q,
-          {
-            id: d,
-            name: B,
-            state: E,
-            value: String(v?.value ?? v?.name ?? ""),
-            readOnly: !0,
-            label: w,
-            helperText: x,
-            containerClassName: "select-input-text-container",
-            inputClassName: `select-input-text ${S}`,
-            labelClassName: $,
-            helperTextClassName: D,
-            placeholder: I,
-            disabled: m,
-            required: f,
-            autoFocus: g,
-            onClick: () => N((e) => !e),
-            onKeyDown: V,
-            onFocus: () => N(!0),
-            role: "combobox",
-            "aria-expanded": c,
-            "aria-haspopup": "listbox",
-            children: C
-          }
-        ),
-        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": u,
-              className: `select-input-option-item ${n === T ? "highlighted" : ""}`,
-              onMouseEnter: () => b(n),
-              onClick: (X) => {
-                O(n), X.stopPropagation();
-              },
-              children: e.value ?? e.name ?? e.id
-            },
-            e.id
-          );
-        }) })
-      ]
-    }
-  );
-});
-export {
-  ie as A,
-  ce as C,
-  ue as S,
-  Q as T,
-  W as a,
-  J as h,
-  q as i,
-  _ as l
-};

package/dist/TableOptionsProvider-BgnISoXx.js

@@ -1,120 +0,0 @@
-import { jsx as I } from "react/jsx-runtime";
-import { S as d } from "./query-CwuehjY1.js";
-import { useState as o, useCallback as s, useMemo as B, createContext as J, useContext as K } from "react";
-const H = [20, 50, 100], V = J(
-  void 0
-), F = (n) => {
-  if (n === null || typeof n > "u") return !1;
-  if (typeof n == "string")
-    return n.trim().length > 0;
-  if (Array.isArray(n))
-    return n.length > 0;
-  if (typeof n == "object") {
-    const i = n;
-    return "start" in i || "end" in i ? F(i.start) || F(i.end) : !0;
-  }
-  return !0;
-}, U = (n) => {
-  const { children: i, defaultHiddenColumns: b = [] } = n, [f, z] = o(0), [a, k] = o(20), [M, c] = o(0), [m, g] = o("id"), [u, p] = o(d.DESC), [h, l] = o({}), [x, S] = o(b), C = s(
-    (t, e) => e <= 0 ? 0 : Math.max(0, Math.ceil(t / e) - 1),
-    []
-  ), T = s(
-    (t) => {
-      const e = Number.isFinite(t) ? Math.max(0, t) : 0;
-      z(e), c(
-        (r) => Math.min(r, C(e, a))
-      );
-    },
-    [C, a]
-  ), y = s((t) => {
-    !Number.isFinite(t) || t <= 0 || (k(t), c(0));
-  }, []), P = s(
-    (t) => {
-      if (!Number.isFinite(t)) return;
-      const e = Math.max(0, Math.floor(t));
-      c(Math.min(e, C(f, a)));
-    },
-    [C, a, f]
-  ), A = s(
-    (t, e) => {
-      let r = u;
-      m === t && (u === d.ASC ? r = d.DESC : r = d.ASC), g(t), p(r), e && e(t, r);
-    },
-    [m, u]
-  ), j = s((t) => {
-    const e = Object.entries(t).reduce(
-      (r, [G, O]) => (O && F(O.value) && (r[G] = O.value), r),
-      {}
-    );
-    l(e), c(0);
-  }, []), w = s(
-    (t) => {
-      l(t ? (e) => {
-        const r = { ...e };
-        return delete r[t], r;
-      } : {}), c(0);
-    },
-    [l]
-  ), E = B(() => Object.keys(h).length, [h]), D = s((t) => {
-    S(
-      (e) => e.includes(t) ? e.filter((r) => r !== t) : [...e, t]
-    );
-  }, []), N = s(() => {
-    S(b), g("id"), p(d.DESC), l({}), c(0);
-  }, [b]), q = B(
-    () => ({
-      onSort: A,
-      total: f,
-      setTotal: T,
-      sortingBy: m,
-      setSortingBy: g,
-      sortingOrder: u,
-      setSortingOrder: p,
-      pageSize: a,
-      pageSizes: H,
-      setPageSize: y,
-      currentPage: M,
-      setCurrentPage: P,
-      filters: h,
-      onFilterApply: j,
-      clearFilters: w,
-      countOfFilters: E,
-      hiddenColumns: x,
-      toggleColumn: D,
-      setHiddenColumns: S,
-      resetTableOptions: N
-    }),
-    [
-      A,
-      f,
-      T,
-      m,
-      g,
-      u,
-      p,
-      a,
-      H,
-      y,
-      M,
-      P,
-      h,
-      j,
-      w,
-      E,
-      x,
-      D,
-      S,
-      N
-    ]
-  );
-  return /* @__PURE__ */ I(V.Provider, { value: q, children: i });
-}, W = () => {
-  const n = K(V);
-  if (!n)
-    throw new Error("tableOptionsContext must be used within a Provider");
-  return n;
-};
-export {
-  U as T,
-  W as u
-};

package/dist/TableOptionsProvider-i4uVLLwH.cjs

@@ -1 +0,0 @@
-"use strict";const z=require("react/jsx-runtime"),l=require("./query-81BrXp3i.cjs"),e=require("react"),E=[20,50,100],D=e.createContext(void 0),p=n=>{if(n===null||typeof n>"u")return!1;if(typeof n=="string")return n.trim().length>0;if(Array.isArray(n))return n.length>0;if(typeof n=="object"){const o=n;return"start"in o||"end"in o?p(o.start)||p(o.end):!0}return!0},R=n=>{const{children:o,defaultHiddenColumns:m=[]}=n,[d,N]=e.useState(0),[i,B]=e.useState(20),[M,a]=e.useState(0),[S,f]=e.useState("id"),[u,b]=e.useState(l.SortOrder.DESC),[C,c]=e.useState({}),[F,g]=e.useState(m),O=e.useCallback((t,r)=>r<=0?0:Math.max(0,Math.ceil(t/r)-1),[]),x=e.useCallback(t=>{const r=Number.isFinite(t)?Math.max(0,t):0;N(r),a(s=>Math.min(s,O(r,i)))},[O,i]),k=e.useCallback(t=>{!Number.isFinite(t)||t<=0||(B(t),a(0))},[]),T=e.useCallback(t=>{if(!Number.isFinite(t))return;const r=Math.max(0,Math.floor(t));a(Math.min(r,O(d,i)))},[O,i,d]),y=e.useCallback((t,r)=>{let s=u;S===t&&(u===l.SortOrder.ASC?s=l.SortOrder.DESC:s=l.SortOrder.ASC),f(t),b(s),r&&r(t,s)},[S,u]),P=e.useCallback(t=>{const r=Object.entries(t).reduce((s,[V,h])=>(h&&p(h.value)&&(s[V]=h.value),s),{});c(r),a(0)},[]),j=e.useCallback(t=>{c(t?r=>{const s={...r};return delete s[t],s}:{}),a(0)},[c]),A=e.useMemo(()=>Object.keys(C).length,[C]),q=e.useCallback(t=>{g(r=>r.includes(t)?r.filter(s=>s!==t):[...r,t])},[]),w=e.useCallback(()=>{g(m),f("id"),b(l.SortOrder.DESC),c({}),a(0)},[m]),H=e.useMemo(()=>({onSort:y,total:d,setTotal:x,sortingBy:S,setSortingBy:f,sortingOrder:u,setSortingOrder:b,pageSize:i,pageSizes:E,setPageSize:k,currentPage:M,setCurrentPage:T,filters:C,onFilterApply:P,clearFilters:j,countOfFilters:A,hiddenColumns:F,toggleColumn:q,setHiddenColumns:g,resetTableOptions:w}),[y,d,x,S,f,u,b,i,E,k,M,T,C,P,j,A,F,q,g,w]);return z.jsx(D.Provider,{value:H,children:o})},G=()=>{const n=e.useContext(D);if(!n)throw new Error("tableOptionsContext must be used within a Provider");return n};exports.TableOptionsProvider=R;exports.useTableOptions=G;