@sito/dashboard 0.0.69 → 0.0.71

package/dist/TableOptionsProvider-BJdeNIQj.cjs

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

package/dist/TableOptionsProvider-DBr-FW53.js

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

package/dist/TextInput-C27RFuya.cjs

@@ -1 +0,0 @@
-var G=require("./TextInput.css");const a=require("react/jsx-runtime"),l=require("react"),L=require("./Chip-D17UJHW6.cjs"),U=require("./IconButton-CVnmT2E9.cjs"),M=require("./Close-O9P7wJGf.cjs"),O=l.forwardRef(function(n,N){const{state:v,value:e,onChange:s,options:p=[],name:g="",id:m="",label:i="",containerClassName:j="",inputContainerClassName:d="",helperText:f="",placeholder:b="",multiple:u=!1,...y}=n,[c,r]=l.useState("");l.useEffect(()=>{if(!u&&e&&!Array.isArray(e)){r(String(e.value??e.name??""));return}r("")},[u,e]);const[T,$]=l.useState(!1),k=l.useMemo(()=>p.filter(t=>{const o=String(t.value??t.name).toLowerCase().includes(c?.toLowerCase());return Array.isArray(e)&&e.length?o&&!e.some(C=>C.id===t.id):e&&!Array.isArray(e)?o&&e.id!==t.id:o}),[p,e,c]),x=l.useRef(null),R=l.useRef(null),[F,E]=l.useState(!1),S=l.useRef(null);l.useEffect(()=>{const t=C=>{x.current&&!x.current.contains(C.target)&&$(!1)},o=C=>{C.key==="Escape"&&$(!1)};return document.addEventListener("mousedown",t),document.addEventListener("keydown",o),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("keydown",o)}},[]);const B=l.useCallback(t=>{r(t.target.value)},[]),h=l.useCallback(t=>{t?u?(r(""),Array.isArray(e)&&e.length?s([...e,t]):s([t])):(r(String(t.name??t.value??"")),s(t)):s(null),$(!1)},[u,s,e]),D=l.useCallback(t=>{if(!Array.isArray(e)){s(null);return}const o=e.filter((C,H)=>H!==t);o.length?s(o):s(null)},[s,e]),W=l.useCallback(()=>{Array.isArray(e)&&s([e[0]])},[s,e]);return l.useLayoutEffect(()=>{const t=S.current?.offsetWidth??0,o=x.current?.offsetWidth??0;E(t>o*.4)},[e]),a.jsxs("div",{className:`autocomplete-input-container ${j}`,ref:x,children:[a.jsxs("div",{className:"autocomplete-value-input-container",children:[a.jsx(V,{state:v,name:g,id:m,value:c,onChange:B,placeholder:b,helperText:f,onFocus:()=>$(!0),label:i,containerClassName:`autocomplete-text-input ${d}`,ref:N??R,...y,children:!u&&e&&!Array.isArray(e)&&(e.value||e.name)&&a.jsx(U.IconButton,{icon:a.jsx(M.Close,{}),className:"autocomplete-delete-button",onClick:t=>{h(),t.stopPropagation()}})}),u&&Array.isArray(e)&&e.length?a.jsx("ul",{ref:S,className:"autocomplete-value-container",children:F?a.jsxs(a.Fragment,{children:[a.jsx("li",{children:a.jsx(L.Chip,{text:e[0]?.value??e[0]?.name,onDelete:t=>{D(0),t.stopPropagation()}})}),e.length>1&&a.jsx("li",{children:a.jsx(L.Chip,{text:`+${e.length-1}`,onDelete:t=>{W(),t.stopPropagation()}})})]}):e.map((t,o)=>a.jsx("li",{children:a.jsx(L.Chip,{text:String(t.value??t.name),onDelete:C=>{D(o),C.stopPropagation()}})},t.id??t.value??t.name))}):null]}),T&&a.jsx("ul",{className:"autocomplete-suggestions-container",style:{width:x.current?.offsetWidth},children:k.map(t=>a.jsx("li",{className:"autocomplete-suggestion-item",onClick:o=>{h(t),o.stopPropagation()},children:t.value??t.name},t.id??t.value??t.name))})]})});var A=(n=>(n.error="error",n.good="good",n.default="default",n))(A||{});const w=n=>{switch(n){case"error":return"input-error";case"good":return"input-good";default:return"input-normal"}},I=n=>{switch(n){case"error":return"input-label-error";case"good":return"input-label-good";default:return"input-label-normal"}},q=n=>{switch(n){case"error":return"input-helper-text-error";case"good":return"input-helper-text-good";default:return"input-helper-text-normal"}},_=l.forwardRef(function(n,N){const{checked:v,onChange:e,name:s="",id:p="",label:g="",state:m=A.default,containerClassName:i="",inputClassName:j="",labelClassName:d="",...f}=n;return a.jsxs("label",{className:`input-check-container ${i}`,children:[a.jsx("input",{id:p,ref:N,name:s,type:"checkbox",checked:v,onChange:e,className:`input-check ${w(m)} ${j}`,...f}),a.jsx("span",{className:`input-check-label ${I(m)} ${d}`,children:g})]})}),z=l.forwardRef(function(n,N){const{value:v,onChange:e,options:s,containerClassName:p="",inputClassName:g="",labelClassName:m="",helperText:i="",helperTextClassName:j="",label:d="",name:f="",id:b="",state:u=A.default,children:y,...c}=n;return a.jsxs("div",{className:`select-input-container ${p}`,children:[a.jsx("select",{...c,id:b,ref:N,name:f,value:v,onChange:e,className:`select-input ${w(u)} peer ${g}`,children:s?.map(r=>a.jsx("option",{value:r.id,children:r.value??r.name??r.id},r.id))}),a.jsx("label",{htmlFor:b,className:`select-input-label ${I(u)} ${m}`,children:d}),y,i&&a.jsx("p",{className:`select-input-helper-text ${q(u)} ${j}`,children:i})]})}),P=n=>n==null?!1:Array.isArray(n)?n.length>0:`${n}`.length>0,V=l.forwardRef(function(n,N){const{children:v,state:e=A.default,label:s="",containerClassName:p="",inputClassName:g="",labelClassName:m="",helperText:i="",helperTextClassName:j="",value:d,defaultValue:f,onChange:b,onFocus:u,onBlur:y,...c}=n,r=d!==void 0,[T,$]=l.useState(()=>P(f)),[k,x]=l.useState(!1),R=r?P(d):T,F=!!c.placeholder||k,E=h=>{r||$(h.currentTarget.value.length>0),b?.(h)},S=h=>{k||x(!0),u?.(h)},B=h=>{k||x(!0),y?.(h)};return a.jsxs("div",{className:`text-input-container ${p}`,children:[a.jsx("input",{ref:N,defaultValue:f,onChange:E,onFocus:S,onBlur:B,...r?{value:d}:{},className:`text-input ${w(e)} ${g} ${R?"has-value":""} ${c.placeholder?"has-placeholder":""} ${F?"keep-label-up":""}`,...c}),!!s&&a.jsxs("label",{htmlFor:c.id,className:`text-input-label ${I(e)} ${m}`,children:[s,c.required?" *":""]}),v,!!i&&a.jsx("p",{className:`text-input-helper-text ${q(e)} ${j}`,children:i})]})});exports.AutocompleteInput=O;exports.CheckInput=_;exports.SelectInput=z;exports.State=A;exports.TextInput=V;exports.helperTextStateClassName=q;exports.inputStateClassName=w;exports.labelStateClassName=I;

package/dist/TextInput-DPYxzgm3.js

@@ -1,335 +0,0 @@
-import "./TextInput.css";
-import { jsxs as x, jsx as n, Fragment as z } from "react/jsx-runtime";
-import { forwardRef as F, useState as w, useEffect as U, useMemo as G, useRef as R, useCallback as T, useLayoutEffect as J } from "react";
-import { C as V } from "./Chip-C5ogKbFn.js";
-import { I as K } from "./IconButton-BpsTEj0z.js";
-import { C as Q } from "./Close-rKC9AcNX.js";
-const le = F(function(a, N) {
-  const {
-    state: v,
-    value: e,
-    onChange: l,
-    options: h = [],
-    name: g = "",
-    id: m = "",
-    label: i = "",
-    containerClassName: $ = "",
-    inputContainerClassName: u = "",
-    helperText: p = "",
-    placeholder: y = "",
-    multiple: o = !1,
-    ...A
-  } = a, [c, r] = w("");
-  U(() => {
-    if (!o && e && !Array.isArray(e)) {
-      r(String(e.value ?? e.name ?? ""));
-      return;
-    }
-    r("");
-  }, [o, e]);
-  const [E, b] = w(!1), k = G(
-    () => h.filter((t) => {
-      const s = String(t.value ?? t.name).toLowerCase().includes(c?.toLowerCase());
-      return Array.isArray(e) && e.length ? s && !e.some((C) => C.id === t.id) : e && !Array.isArray(e) ? s && e.id !== t.id : s;
-    }),
-    [h, e, c]
-  ), f = R(null), L = R(null), [B, D] = w(!1), S = R(null);
-  U(() => {
-    const t = (C) => {
-      f.current && !f.current.contains(C.target) && b(!1);
-    }, s = (C) => {
-      C.key === "Escape" && b(!1);
-    };
-    return document.addEventListener("mousedown", t), document.addEventListener("keydown", s), () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", s);
-    };
-  }, []);
-  const P = T((t) => {
-    r(t.target.value);
-  }, []), d = T(
-    (t) => {
-      t ? o ? (r(""), Array.isArray(e) && e.length ? l([...e, t]) : l([t])) : (r(String(t.name ?? t.value ?? "")), l(t)) : l(null), b(!1);
-    },
-    [o, l, e]
-  ), j = T(
-    (t) => {
-      if (!Array.isArray(e)) {
-        l(null);
-        return;
-      }
-      const s = e.filter((C, _) => _ !== t);
-      s.length ? l(s) : l(null);
-    },
-    [l, e]
-  ), O = T(() => {
-    Array.isArray(e) && l([e[0]]);
-  }, [l, e]);
-  return J(() => {
-    const t = S.current?.offsetWidth ?? 0, s = f.current?.offsetWidth ?? 0;
-    D(t > s * 0.4);
-  }, [e]), /* @__PURE__ */ x(
-    "div",
-    {
-      className: `autocomplete-input-container ${$}`,
-      ref: f,
-      children: [
-        /* @__PURE__ */ x("div", { className: "autocomplete-value-input-container", children: [
-          /* @__PURE__ */ n(
-            X,
-            {
-              state: v,
-              name: g,
-              id: m,
-              value: c,
-              onChange: P,
-              placeholder: y,
-              helperText: p,
-              onFocus: () => b(!0),
-              label: i,
-              containerClassName: `autocomplete-text-input ${u}`,
-              ref: N ?? L,
-              ...A,
-              children: !o && e && !Array.isArray(e) && (e.value || e.name) && /* @__PURE__ */ n(
-                K,
-                {
-                  icon: /* @__PURE__ */ n(Q, {}),
-                  className: "autocomplete-delete-button",
-                  onClick: (t) => {
-                    d(), t.stopPropagation();
-                  }
-                }
-              )
-            }
-          ),
-          o && Array.isArray(e) && e.length ? /* @__PURE__ */ n("ul", { ref: S, className: "autocomplete-value-container", children: B ? /* @__PURE__ */ x(z, { children: [
-            /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-              V,
-              {
-                text: e[0]?.value ?? e[0]?.name,
-                onDelete: (t) => {
-                  j(0), t.stopPropagation();
-                }
-              }
-            ) }),
-            e.length > 1 && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-              V,
-              {
-                text: `+${e.length - 1}`,
-                onDelete: (t) => {
-                  O(), t.stopPropagation();
-                }
-              }
-            ) })
-          ] }) : e.map((t, s) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-            V,
-            {
-              text: String(t.value ?? t.name),
-              onDelete: (C) => {
-                j(s), C.stopPropagation();
-              }
-            }
-          ) }, t.id ?? t.value ?? t.name)) }) : null
-        ] }),
-        E && /* @__PURE__ */ n(
-          "ul",
-          {
-            className: "autocomplete-suggestions-container",
-            style: { width: f.current?.offsetWidth },
-            children: k.map((t) => /* @__PURE__ */ n(
-              "li",
-              {
-                className: "autocomplete-suggestion-item",
-                onClick: (s) => {
-                  d(t), s.stopPropagation();
-                },
-                children: t.value ?? t.name
-              },
-              t.id ?? t.value ?? t.name
-            ))
-          }
-        )
-      ]
-    }
-  );
-});
-var I = /* @__PURE__ */ ((a) => (a.error = "error", a.good = "good", a.default = "default", a))(I || {});
-const W = (a) => {
-  switch (a) {
-    case "error":
-      return "input-error";
-    case "good":
-      return "input-good";
-    default:
-      return "input-normal";
-  }
-}, H = (a) => {
-  switch (a) {
-    case "error":
-      return "input-label-error";
-    case "good":
-      return "input-label-good";
-    default:
-      return "input-label-normal";
-  }
-}, M = (a) => {
-  switch (a) {
-    case "error":
-      return "input-helper-text-error";
-    case "good":
-      return "input-helper-text-good";
-    default:
-      return "input-helper-text-normal";
-  }
-}, re = F(function(a, N) {
-  const {
-    checked: v,
-    onChange: e,
-    name: l = "",
-    id: h = "",
-    label: g = "",
-    state: m = I.default,
-    containerClassName: i = "",
-    inputClassName: $ = "",
-    labelClassName: u = "",
-    ...p
-  } = a;
-  return /* @__PURE__ */ x("label", { className: `input-check-container ${i}`, children: [
-    /* @__PURE__ */ n(
-      "input",
-      {
-        id: h,
-        ref: N,
-        name: l,
-        type: "checkbox",
-        checked: v,
-        onChange: e,
-        className: `input-check ${W(m)} ${$}`,
-        ...p
-      }
-    ),
-    /* @__PURE__ */ n(
-      "span",
-      {
-        className: `input-check-label ${H(m)} ${u}`,
-        children: g
-      }
-    )
-  ] });
-}), se = F(function(a, N) {
-  const {
-    value: v,
-    onChange: e,
-    options: l,
-    containerClassName: h = "",
-    inputClassName: g = "",
-    labelClassName: m = "",
-    helperText: i = "",
-    helperTextClassName: $ = "",
-    label: u = "",
-    name: p = "",
-    id: y = "",
-    state: o = I.default,
-    children: A,
-    ...c
-  } = a;
-  return /* @__PURE__ */ x("div", { className: `select-input-container ${h}`, children: [
-    /* @__PURE__ */ n(
-      "select",
-      {
-        ...c,
-        id: y,
-        ref: N,
-        name: p,
-        value: v,
-        onChange: e,
-        className: `select-input ${W(o)} peer ${g}`,
-        children: l?.map((r) => /* @__PURE__ */ n("option", { value: r.id, children: r.value ?? r.name ?? r.id }, r.id))
-      }
-    ),
-    /* @__PURE__ */ n(
-      "label",
-      {
-        htmlFor: y,
-        className: `select-input-label ${H(o)} ${m}`,
-        children: u
-      }
-    ),
-    A,
-    i && /* @__PURE__ */ n(
-      "p",
-      {
-        className: `select-input-helper-text ${M(o)} ${$}`,
-        children: i
-      }
-    )
-  ] });
-}), q = (a) => a == null ? !1 : Array.isArray(a) ? a.length > 0 : `${a}`.length > 0, X = F(function(a, N) {
-  const {
-    children: v,
-    state: e = I.default,
-    label: l = "",
-    containerClassName: h = "",
-    inputClassName: g = "",
-    labelClassName: m = "",
-    helperText: i = "",
-    helperTextClassName: $ = "",
-    value: u,
-    defaultValue: p,
-    onChange: y,
-    onFocus: o,
-    onBlur: A,
-    ...c
-  } = a, r = u !== void 0, [E, b] = w(
-    () => q(p)
-  ), [k, f] = w(!1), L = r ? q(u) : E, B = !!c.placeholder || k, D = (d) => {
-    r || b(d.currentTarget.value.length > 0), y?.(d);
-  }, S = (d) => {
-    k || f(!0), o?.(d);
-  }, P = (d) => {
-    k || f(!0), A?.(d);
-  };
-  return /* @__PURE__ */ x("div", { className: `text-input-container ${h}`, children: [
-    /* @__PURE__ */ n(
-      "input",
-      {
-        ref: N,
-        defaultValue: p,
-        onChange: D,
-        onFocus: S,
-        onBlur: P,
-        ...r ? { value: u } : {},
-        className: `text-input ${W(e)} ${g} ${L ? "has-value" : ""} ${c.placeholder ? "has-placeholder" : ""} ${B ? "keep-label-up" : ""}`,
-        ...c
-      }
-    ),
-    !!l && /* @__PURE__ */ x(
-      "label",
-      {
-        htmlFor: c.id,
-        className: `text-input-label ${H(e)} ${m}`,
-        children: [
-          l,
-          c.required ? " *" : ""
-        ]
-      }
-    ),
-    v,
-    !!i && /* @__PURE__ */ n(
-      "p",
-      {
-        className: `text-input-helper-text ${M(e)} ${$}`,
-        children: i
-      }
-    )
-  ] });
-});
-export {
-  le as A,
-  re as C,
-  se as S,
-  X as T,
-  I as a,
-  M as h,
-  W as i,
-  H as l
-};