@sito/dashboard 0.0.8 → 0.0.9

package/dist/components/Table/types.d.ts

@@ -40,4 +40,5 @@ export type TablePropsType = {
     columnsOptions?: ColumnsOptionsType;
     contentClassName?: string;
     className?: string;
+    softDeleteProperty?: string;
 };

package/dist/dashboard.cjs

@@ -1 +1 @@
-var W=require("./main.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react");var j=(t=>(t.ASC="ASC",t.DESC="DESC",t))(j||{});const P=[20,50,100],C=u.createContext({}),z=t=>{const{children:s}=t,[l,n]=u.useState(0),[r,a]=u.useState(20),[b,m]=u.useState(0),[p,f]=u.useState("id"),[c,o]=u.useState(j.ASC),x={onSort:u.useCallback(h=>{let i=c;if(p===h)switch(c){case j.ASC:i=j.DESC;break;default:i=j.ASC;break}f(h),o(i)},[p,c]),total:l,setTotal:n,sortingBy:p,sortingOrder:c,pageSize:r,pageSizes:P,setPageSize:a,currentPage:b,setCurrentPage:m};return e.jsx(C.Provider,{value:x,children:s})},v=()=>{const t=u.useContext(C);if(t===void 0)throw new Error("tableOptionsContext must be used within a Provider");return t},w=u.createContext({});function _(t){const{children:s,t:l}=t;return e.jsx(w.Provider,{value:{t:l},children:s})}const y=()=>{const t=u.useContext(w);if(t===void 0)throw new Error("translationContext must be used within a Provider");return t};function A(t){const{content:s,children:l}=t;return e.jsxs("div",{className:"tooltip-container",children:[l,e.jsx("div",{className:"tooltip-text",children:s})]})}function S(t){const{color:s="stroke-blue-800",loaderClass:l,strokeWidth:n="4",...r}=t;return e.jsx("div",{...r,className:`loading ${r.className}`,children:e.jsx("div",{className:"loader-container",children:e.jsx("div",{className:`loader ${l}`,children:e.jsx("svg",{className:"circular",viewBox:"25 25 50 50",children:e.jsx("circle",{className:`path ${s}`,cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:n,strokeMiterlimit:"10"})})})})})}function M(){const{t}=y();return e.jsx("div",{className:"w-full flex items-center justify-center py-2 border-t-[1px]",children:e.jsx("p",{children:t("_accessibility:components.table.empty")})})}function k(t){const{className:s}=t;return e.jsx("svg",{className:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:e.jsx("path",{d:"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"})})}function T(t){const{className:s}=t;return e.jsx("svg",{className:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:e.jsx("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})})}function E(t){const{t:s}=y(),{entity:l="",columns:n=[],hasAction:r=!0,columnsOptions:a}=t,{onSort:b,sortingOrder:m,sortingBy:p}=v(),f=u.useMemo(()=>{const{noSortableColumns:c={},columnClassNames:o={}}=a??{};return n==null?void 0:n.map(d=>({id:d.key,label:d.label,className:o[d.key]??"",sortable:!c[d.key]}))},[n,a,l,s]);return e.jsx("thead",{className:"text-xs text-gray-700 bg-gray-50",children:e.jsxs("tr",{children:[f.map(c=>{var o,d,x,h;return e.jsx("th",{scope:"col",className:`px-6 py-3 ${c.className}`,children:e.jsxs("button",{disabled:!c.sortable,onClick:()=>b(c.id),className:"flex items-center gap-2",children:[e.jsx("span",{className:"whitespace-nowrap",children:c.label}),c.sortable&&e.jsx("span",{className:`${p===c.id?"opacity-100":"opacity-0"}`,children:m===j.ASC?((o=a==null?void 0:a.icons)==null?void 0:o.asc)??e.jsx(k,{className:((d=a==null?void 0:a.icons)==null?void 0:d.className)??"w-3"}):((x=a==null?void 0:a.icons)==null?void 0:x.desc)??e.jsx(T,{className:((h=a==null?void 0:a.icons)==null?void 0:h.className)??"w-3"})})]})},c.id)}),r&&e.jsx("th",{scope:"col",className:"px-6 py-3 text-center",children:s("_accessibility:labels.actions")})]})})}var $=(t=>(t.error="error",t.good="good",t.default="default",t))($||{});const B=t=>{switch(t){case"error":return"border-red-500 text-red-900 placeholder-red-700 focus:ring-red-500 focus:border-red-500";case"good":return"border-green-500 text-green-900 placeholder-green-700 focus:ring-green-500 focus:border-green-500";default:return"text-gray-900 border-gray-300 focus:border-blue-600"}},D=t=>{switch(t){case"error":return"peer-focus:text-red-700 text-red-700";case"good":return"peer-focus:text-green-700 text-green-700";default:return"peer-focus:text-blue-600 text-gray-500"}},L=t=>{switch(t){case"error":return"text-red-600";case"good":return"text-green-600";default:return"text-gray-500"}},F=u.forwardRef(function(t,s){const{value:l,onChange:n,options:r,containerClassName:a="",inputClassName:b="",labelClassName:m="",helperText:p="",helperTextClassName:f="",placeholder:c="",label:o="",name:d="",id:x="",state:h=$.default,...i}=t;return u.useEffect(()=>{var g;(!l||l==="")&&(r!=null&&r.length)&&n({target:{value:(g=r[0])==null?void 0:g.id}})},[n,r,l]),e.jsxs("div",{className:`relative z-0 w-full mb-5 group ${a}`,children:[e.jsx("select",{...i,id:x,ref:s,name:d,value:l,onChange:n,className:`block py-2.5 px-0 w-full text-sm bg-transparent border-0 border-b-2 appearance-none focus:outline-none focus:ring-0 disabled:text-[#6b7280] ${B(h)} peer ${b}`,children:r==null?void 0:r.map(g=>e.jsx("option",{value:g.id,children:g.value},g.id))}),e.jsx("label",{htmlFor:d,className:`peer-focus:font-medium absolute text-sm duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 ${D(h)} ${m}`,children:o}),e.jsx("p",{className:`mt-2 text-sm ${L(h)} ${f}`,children:h!=="error"&&h!=="good"?c:p})]})}),q=F;function I(){const{t}=y(),{pageSizes:s,pageSize:l,setPageSize:n}=v(),r=u.useMemo(()=>s==null?void 0:s.map(a=>({id:a,value:a})),[s]);return e.jsxs("div",{className:"flex gap-2 items-center justify-start",children:[e.jsx("p",{children:t("_accessibility:components.table.pageSizes")}),e.jsx(q,{value:l,options:r,inputClassName:"!py-0 !pl-2 !pr-7 !border-none font-bold",containerClassName:"!w-auto !mb-0 !border-none",helperTextClassName:"hidden",onChange:a=>n(a.target.value)})]})}function R(){const{t}=y(),{total:s,pageSize:l,pageSizes:n,currentPage:r,setCurrentPage:a}=v(),b=(r+1)*l>s?s:(r+1)*l;return e.jsxs("div",{className:"flex w-full items-center justify-between mt-5",children:[e.jsxs("div",{className:"flex w-full items-center justify-start gap-1",children:[e.jsx("p",{children:t("_accessibility:components.table.pageSizes")}),n[0]<s&&e.jsx(e.Fragment,{children:e.jsxs("p",{children:[t("_accessibility:components.table.from")," ",r*l+1," ",t("_accessibility:components.table.to")," ",b," ",t("_accessibility:components.table.of")]})}),e.jsxs("p",{children:[s," ",t("_accessibility:components.table.results")]})]}),e.jsxs("div",{className:"flex gap-5 items-center justify-end",children:[e.jsx("button",{className:"disabled:text-light-primary/40",disabled:r===0,onClick:()=>a(r-1),children:t("_accessibility:buttons.previous")}),e.jsx("button",{disabled:Math.floor(s/((r+1)*l))===0,className:"disabled:text-light-primary/40",onClick:()=>a(r+1),children:t("_accessibility:buttons.next")})]})]})}function U(t){const{t:s}=y(),{title:l="",rows:n,parseRows:r,entity:a="",isLoading:b=!1,actions:m=[],columns:p=[],contentClassName:f="h-[calc(100vh-280px)]",className:c="bg-gray-50",columnsOptions:o}=t,d=u.useMemo(()=>(n==null?void 0:n.map(x=>r(x)))??[],[r,n,s]);return e.jsxs("div",{className:`${c} relative overflow-x-auto w-full h-full`,children:[e.jsx("div",{className:"mb-5 flex w-full items-center justify-between",children:e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl md:text-3xl font-bold",children:l}),n!=null&&n.length&&!b?e.jsx(I,{}):null]})}),b?e.jsx(S,{className:"bg-white top-0 left-0 w-full h-full"}):e.jsx("div",{className:`${f} overflow-auto`,children:n!=null&&n.length?e.jsxs(e.Fragment,{children:[e.jsxs("table",{className:"w-full text-sm text-left text-gray-500",children:[e.jsx(E,{entity:a,columns:p,columnsOptions:o,hasAction:(m==null?void 0:m.length)>0}),e.jsx("tbody",{children:d==null?void 0:d.map(x=>{var h;return e.jsxs("tr",{className:`border-b ${x.deleted.value?"bg-secondary/10":"bg-white"}`,children:[p==null?void 0:p.map((i,g)=>{var N;return e.jsx("td",{className:`px-6 py-4 font-medium ${g===0?"text-gray-900 whitespace-nowrap":""} ${o!=null&&o.columnClassNames?o==null?void 0:o.columnClassNames[i.key]:""}`,children:((N=x[i.key])==null?void 0:N.render)??x[i.key]},i.key)}),m.length?e.jsx("td",{children:e.jsx("div",{className:"flex items-center gap-3 w-full justify-center",children:(h=m.filter(i=>!i.hidden||!i.hidden(x)))==null?void 0:h.map(i=>e.jsx(A,{content:i.tooltip,children:e.jsx("button",{onClick:()=>i.onClick(x),children:i.icon})},i.id))})}):null]},x.id)})})]}),e.jsx(R,{})]}):e.jsx(M,{})})]})}exports.ChevronDown=T;exports.ChevronUp=k;exports.Loading=S;exports.Table=U;exports.TableOptionsProvider=z;exports.TranslationProvider=_;exports.useTableOptions=v;exports.useTranslation=y;
+var H=require("./main.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react");var y=(t=>(t.ASC="ASC",t.DESC="DESC",t))(y||{});const _=[20,50,100],w=d.createContext({}),A=t=>{const{children:s}=t,[l,n]=d.useState(0),[r,a]=d.useState(20),[m,p]=d.useState(0),[x,j]=d.useState("id"),[o,i]=d.useState(y.ASC),b={onSort:d.useCallback(c=>{let g=o;if(x===c)switch(o){case y.ASC:g=y.DESC;break;default:g=y.ASC;break}j(c),i(g)},[x,o]),total:l,setTotal:n,sortingBy:x,sortingOrder:o,pageSize:r,pageSizes:_,setPageSize:a,currentPage:m,setCurrentPage:p};return e.jsx(w.Provider,{value:b,children:s})},N=()=>{const t=d.useContext(w);if(t===void 0)throw new Error("tableOptionsContext must be used within a Provider");return t},S=d.createContext({});function M(t){const{children:s,t:l}=t;return e.jsx(S.Provider,{value:{t:l},children:s})}const v=()=>{const t=d.useContext(S);if(t===void 0)throw new Error("translationContext must be used within a Provider");return t};function D(t){const{content:s,children:l}=t;return e.jsxs("div",{className:"tooltip-container",children:[l,e.jsx("div",{className:"tooltip-text",children:s})]})}function k(t){const{color:s="stroke-blue-800",loaderClass:l,strokeWidth:n="4",...r}=t;return e.jsx("div",{...r,className:`loading ${r.className}`,children:e.jsx("div",{className:"loader-container",children:e.jsx("div",{className:`loader ${l}`,children:e.jsx("svg",{className:"circular",viewBox:"25 25 50 50",children:e.jsx("circle",{className:`path ${s}`,cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:n,strokeMiterlimit:"10"})})})})})}function E(){const{t}=v();return e.jsx("div",{className:"w-full flex items-center justify-center py-2 border-t-[1px]",children:e.jsx("p",{children:t("_accessibility:components.table.empty")})})}function P(t){const{className:s}=t;return e.jsx("svg",{className:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:e.jsx("path",{d:"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"})})}function T(t){const{className:s}=t;return e.jsx("svg",{className:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:e.jsx("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})})}function B(t){const{t:s}=v(),{entity:l="",columns:n=[],hasAction:r=!0,columnsOptions:a}=t,{onSort:m,sortingOrder:p,sortingBy:x}=N(),j=d.useMemo(()=>{const{noSortableColumns:o={},columnClassNames:i={}}=a??{};return n==null?void 0:n.map(u=>({id:u.key,label:u.label,className:i[u.key]??"",sortable:!o[u.key]}))},[n,a,l,s]);return e.jsx("thead",{className:"text-xs text-gray-700 bg-gray-50",children:e.jsxs("tr",{children:[j.map(o=>{var i,u,b,c;return e.jsx("th",{scope:"col",className:`px-6 py-3 ${o.className}`,children:e.jsxs("button",{disabled:!o.sortable,onClick:()=>m(o.id),className:"flex items-center gap-2",children:[e.jsx("span",{className:"whitespace-nowrap",children:o.label}),o.sortable&&e.jsx("span",{className:`${x===o.id?"opacity-100":"opacity-0"}`,children:p===y.ASC?((i=a==null?void 0:a.icons)==null?void 0:i.asc)??e.jsx(P,{className:((u=a==null?void 0:a.icons)==null?void 0:u.className)??"w-3"}):((b=a==null?void 0:a.icons)==null?void 0:b.desc)??e.jsx(T,{className:((c=a==null?void 0:a.icons)==null?void 0:c.className)??"w-3"})})]})},o.id)}),r&&e.jsx("th",{scope:"col",className:"px-6 py-3 text-center",children:s("_accessibility:labels.actions")})]})})}var $=(t=>(t.error="error",t.good="good",t.default="default",t))($||{});const L=t=>{switch(t){case"error":return"border-red-500 text-red-900 placeholder-red-700 focus:ring-red-500 focus:border-red-500";case"good":return"border-green-500 text-green-900 placeholder-green-700 focus:ring-green-500 focus:border-green-500";default:return"text-gray-900 border-gray-300 focus:border-blue-600"}},F=t=>{switch(t){case"error":return"peer-focus:text-red-700 text-red-700";case"good":return"peer-focus:text-green-700 text-green-700";default:return"peer-focus:text-blue-600 text-gray-500"}},q=t=>{switch(t){case"error":return"text-red-600";case"good":return"text-green-600";default:return"text-gray-500"}},I=d.forwardRef(function(t,s){const{value:l,onChange:n,options:r,containerClassName:a="",inputClassName:m="",labelClassName:p="",helperText:x="",helperTextClassName:j="",placeholder:o="",label:i="",name:u="",id:b="",state:c=$.default,...g}=t;return d.useEffect(()=>{var f;(!l||l==="")&&(r!=null&&r.length)&&n({target:{value:(f=r[0])==null?void 0:f.id}})},[n,r,l]),e.jsxs("div",{className:`relative z-0 w-full mb-5 group ${a}`,children:[e.jsx("select",{...g,id:b,ref:s,name:u,value:l,onChange:n,className:`block py-2.5 px-0 w-full text-sm bg-transparent border-0 border-b-2 appearance-none focus:outline-none focus:ring-0 disabled:text-[#6b7280] ${L(c)} peer ${m}`,children:r==null?void 0:r.map(f=>e.jsx("option",{value:f.id,children:f.value},f.id))}),e.jsx("label",{htmlFor:u,className:`peer-focus:font-medium absolute text-sm duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 ${F(c)} ${p}`,children:i}),e.jsx("p",{className:`mt-2 text-sm ${q(c)} ${j}`,children:c!=="error"&&c!=="good"?o:x})]})}),R=I;function U(){const{t}=v(),{pageSizes:s,pageSize:l,setPageSize:n}=N(),r=d.useMemo(()=>s==null?void 0:s.map(a=>({id:a,value:a})),[s]);return e.jsxs("div",{className:"flex gap-2 items-center justify-start",children:[e.jsx("p",{children:t("_accessibility:components.table.pageSizes")}),e.jsx(R,{value:l,options:r,inputClassName:"!py-0 !pl-2 !pr-7 !border-none font-bold",containerClassName:"!w-auto !mb-0 !border-none",helperTextClassName:"hidden",onChange:a=>n(a.target.value)})]})}function W(){const{t}=v(),{total:s,pageSize:l,pageSizes:n,currentPage:r,setCurrentPage:a}=N(),m=(r+1)*l>s?s:(r+1)*l;return e.jsxs("div",{className:"flex w-full items-center justify-between mt-5",children:[e.jsxs("div",{className:"flex w-full items-center justify-start gap-1",children:[e.jsx("p",{children:t("_accessibility:components.table.pageSizes")}),n[0]<s&&e.jsx(e.Fragment,{children:e.jsxs("p",{children:[t("_accessibility:components.table.from")," ",r*l+1," ",t("_accessibility:components.table.to")," ",m," ",t("_accessibility:components.table.of")]})}),e.jsxs("p",{children:[s," ",t("_accessibility:components.table.results")]})]}),e.jsxs("div",{className:"flex gap-5 items-center justify-end",children:[e.jsx("button",{className:"disabled:text-light-primary/40",disabled:r===0,onClick:()=>a(r-1),children:t("_accessibility:buttons.previous")}),e.jsx("button",{disabled:Math.floor(s/((r+1)*l))===0,className:"disabled:text-light-primary/40",onClick:()=>a(r+1),children:t("_accessibility:buttons.next")})]})]})}function G(t){const{t:s}=v(),{title:l="",rows:n,parseRows:r,entity:a="",isLoading:m=!1,actions:p=[],columns:x=[],contentClassName:j="h-[calc(100vh-280px)]",className:o="bg-gray-50",columnsOptions:i,softDeleteProperty:u="deleted"}=t,b=d.useMemo(()=>(n==null?void 0:n.map(c=>r(c)))??[],[r,n,s]);return e.jsxs("div",{className:`${o} relative overflow-x-auto w-full h-full`,children:[e.jsx("div",{className:"mb-5 flex w-full items-center justify-between",children:e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl md:text-3xl font-bold",children:l}),n!=null&&n.length&&!m?e.jsx(U,{}):null]})}),m?e.jsx(k,{className:"bg-white top-0 left-0 w-full h-full"}):e.jsx("div",{className:`${j} overflow-auto`,children:n!=null&&n.length?e.jsxs(e.Fragment,{children:[e.jsxs("table",{className:"w-full text-sm text-left text-gray-500",children:[e.jsx(B,{entity:a,columns:x,columnsOptions:i,hasAction:(p==null?void 0:p.length)>0}),e.jsx("tbody",{children:b==null?void 0:b.map(c=>{var g,f;return e.jsxs("tr",{className:`border-b ${(g=c.softDeleteProperty)!=null&&g.value?"bg-secondary/10":"bg-white"}`,children:[x==null?void 0:x.map((h,z)=>{var C;return e.jsx("td",{className:`px-6 py-4 font-medium ${z===0?"text-gray-900 whitespace-nowrap":""} ${i!=null&&i.columnClassNames?i==null?void 0:i.columnClassNames[h.key]:""}`,children:((C=c[h.key])==null?void 0:C.render)??c[h.key]},h.key)}),p.length?e.jsx("td",{children:e.jsx("div",{className:"flex items-center gap-3 w-full justify-center",children:(f=p.filter(h=>!h.hidden||!h.hidden(c)))==null?void 0:f.map(h=>e.jsx(D,{content:h.tooltip,children:e.jsx("button",{onClick:()=>h.onClick(c),children:h.icon})},h.id))})}):null]},c.id)})})]}),e.jsx(W,{})]}):e.jsx(E,{})})]})}exports.ChevronDown=T;exports.ChevronUp=P;exports.Loading=k;exports.Table=G;exports.TableOptionsProvider=A;exports.TranslationProvider=M;exports.useTableOptions=N;exports.useTranslation=v;

package/dist/dashboard.js

@@ -1,60 +1,60 @@
 import "./main.css";
-import { jsx as t, jsxs as h, Fragment as k } from "react/jsx-runtime";
-import { createContext as $, useState as N, useCallback as j, useContext as P, useMemo as C, forwardRef as A, useEffect as E } from "react";
-var y = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(y || {});
-const B = [20, 50, 100], z = $({}), Y = (e) => {
-  const { children: r } = e, [n, l] = N(0), [s, a] = N(20), [b, f] = N(0), [m, x] = N("id"), [c, o] = N(y.ASC), u = {
-    onSort: j(
-      (p) => {
-        let i = c;
-        if (m === p)
-          switch (c) {
-            case y.ASC:
-              i = y.DESC;
+import { jsx as t, jsxs as d, Fragment as $ } from "react/jsx-runtime";
+import { createContext as P, useState as v, useCallback as E, useContext as z, useMemo as w, forwardRef as B, useEffect as D } from "react";
+var N = /* @__PURE__ */ ((e) => (e.ASC = "ASC", e.DESC = "DESC", e))(N || {});
+const M = [20, 50, 100], T = P({}), O = (e) => {
+  const { children: r } = e, [n, l] = v(0), [s, a] = v(20), [f, m] = v(0), [u, y] = v("id"), [i, o] = v(N.ASC), b = {
+    onSort: E(
+      (c) => {
+        let x = i;
+        if (u === c)
+          switch (i) {
+            case N.ASC:
+              x = N.DESC;
               break;
             default:
-              i = y.ASC;
+              x = N.ASC;
               break;
           }
-        x(p), o(i);
+        y(c), o(x);
       },
-      [m, c]
+      [u, i]
     ),
     total: n,
     setTotal: l,
-    sortingBy: m,
-    sortingOrder: c,
+    sortingBy: u,
+    sortingOrder: i,
     pageSize: s,
-    pageSizes: B,
+    pageSizes: M,
     setPageSize: a,
-    currentPage: b,
-    setCurrentPage: f
+    currentPage: f,
+    setCurrentPage: m
   };
-  return /* @__PURE__ */ t(z.Provider, { value: u, children: r });
-}, w = () => {
-  const e = P(z);
+  return /* @__PURE__ */ t(T.Provider, { value: b, children: r });
+}, S = () => {
+  const e = z(T);
   if (e === void 0)
     throw new Error("tableOptionsContext must be used within a Provider");
   return e;
-}, T = $({});
-function Z(e) {
+}, _ = P({});
+function ee(e) {
   const { children: r, t: n } = e;
-  return /* @__PURE__ */ t(T.Provider, { value: { t: n }, children: r });
+  return /* @__PURE__ */ t(_.Provider, { value: { t: n }, children: r });
 }
-const v = () => {
-  const e = P(T);
+const C = () => {
+  const e = z(_);
   if (e === void 0)
     throw new Error("translationContext must be used within a Provider");
   return e;
 };
-function M(e) {
+function L(e) {
   const { content: r, children: n } = e;
-  return /* @__PURE__ */ h("div", { className: "tooltip-container", children: [
+  return /* @__PURE__ */ d("div", { className: "tooltip-container", children: [
     n,
     /* @__PURE__ */ t("div", { className: "tooltip-text", children: r })
   ] });
 }
-function D(e) {
+function F(e) {
   const {
     color: r = "stroke-blue-800",
     loaderClass: n,
@@ -74,11 +74,11 @@ function D(e) {
     }
   ) }) }) }) });
 }
-function L() {
-  const { t: e } = v();
+function I() {
+  const { t: e } = C();
   return /* @__PURE__ */ t("div", { className: "w-full flex items-center justify-center py-2 border-t-[1px]", children: /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.empty") }) });
 }
-function F(e) {
+function R(e) {
   const { className: r } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -90,7 +90,7 @@ function F(e) {
     }
   );
 }
-function I(e) {
+function U(e) {
   const { className: r } = e;
   return /* @__PURE__ */ t(
     "svg",
@@ -102,45 +102,45 @@ function I(e) {
     }
   );
 }
-function R(e) {
-  const { t: r } = v(), { entity: n = "", columns: l = [], hasAction: s = !0, columnsOptions: a } = e, { onSort: b, sortingOrder: f, sortingBy: m } = w(), x = C(() => {
-    const { noSortableColumns: c = {}, columnClassNames: o = {} } = a ?? {};
-    return l == null ? void 0 : l.map((d) => ({
-      id: d.key,
-      label: d.label,
-      className: o[d.key] ?? "",
-      sortable: !c[d.key]
+function W(e) {
+  const { t: r } = C(), { entity: n = "", columns: l = [], hasAction: s = !0, columnsOptions: a } = e, { onSort: f, sortingOrder: m, sortingBy: u } = S(), y = w(() => {
+    const { noSortableColumns: i = {}, columnClassNames: o = {} } = a ?? {};
+    return l == null ? void 0 : l.map((h) => ({
+      id: h.key,
+      label: h.label,
+      className: o[h.key] ?? "",
+      sortable: !i[h.key]
     }));
   }, [l, a, n, r]);
-  return /* @__PURE__ */ t("thead", { className: "text-xs text-gray-700 bg-gray-50", children: /* @__PURE__ */ h("tr", { children: [
-    x.map((c) => {
-      var o, d, u, p;
+  return /* @__PURE__ */ t("thead", { className: "text-xs text-gray-700 bg-gray-50", children: /* @__PURE__ */ d("tr", { children: [
+    y.map((i) => {
+      var o, h, b, c;
       return /* @__PURE__ */ t(
         "th",
         {
           scope: "col",
-          className: `px-6 py-3 ${c.className}`,
-          children: /* @__PURE__ */ h(
+          className: `px-6 py-3 ${i.className}`,
+          children: /* @__PURE__ */ d(
             "button",
             {
-              disabled: !c.sortable,
-              onClick: () => b(c.id),
+              disabled: !i.sortable,
+              onClick: () => f(i.id),
               className: "flex items-center gap-2",
               children: [
-                /* @__PURE__ */ t("span", { className: "whitespace-nowrap", children: c.label }),
-                c.sortable && /* @__PURE__ */ t(
+                /* @__PURE__ */ t("span", { className: "whitespace-nowrap", children: i.label }),
+                i.sortable && /* @__PURE__ */ t(
                   "span",
                   {
-                    className: `${m === c.id ? "opacity-100" : "opacity-0"}`,
-                    children: f === y.ASC ? ((o = a == null ? void 0 : a.icons) == null ? void 0 : o.asc) ?? /* @__PURE__ */ t(
-                      F,
+                    className: `${u === i.id ? "opacity-100" : "opacity-0"}`,
+                    children: m === N.ASC ? ((o = a == null ? void 0 : a.icons) == null ? void 0 : o.asc) ?? /* @__PURE__ */ t(
+                      R,
                       {
-                        className: ((d = a == null ? void 0 : a.icons) == null ? void 0 : d.className) ?? "w-3"
+                        className: ((h = a == null ? void 0 : a.icons) == null ? void 0 : h.className) ?? "w-3"
                       }
-                    ) : ((u = a == null ? void 0 : a.icons) == null ? void 0 : u.desc) ?? /* @__PURE__ */ t(
-                      I,
+                    ) : ((b = a == null ? void 0 : a.icons) == null ? void 0 : b.desc) ?? /* @__PURE__ */ t(
+                      U,
                       {
-                        className: ((p = a == null ? void 0 : a.icons) == null ? void 0 : p.className) ?? "w-3"
+                        className: ((c = a == null ? void 0 : a.icons) == null ? void 0 : c.className) ?? "w-3"
                       }
                     )
                   }
@@ -149,14 +149,14 @@ function R(e) {
             }
           )
         },
-        c.id
+        i.id
       );
     }),
     s && /* @__PURE__ */ t("th", { scope: "col", className: "px-6 py-3 text-center", children: r("_accessibility:labels.actions") })
   ] }) });
 }
-var _ = /* @__PURE__ */ ((e) => (e.error = "error", e.good = "good", e.default = "default", e))(_ || {});
-const U = (e) => {
+var j = /* @__PURE__ */ ((e) => (e.error = "error", e.good = "good", e.default = "default", e))(j || {});
+const q = (e) => {
   switch (e) {
     case "error":
       return "border-red-500 text-red-900 placeholder-red-700 focus:ring-red-500 focus:border-red-500";
@@ -165,7 +165,7 @@ const U = (e) => {
     default:
       return "text-gray-900 border-gray-300 focus:border-blue-600";
   }
-}, W = (e) => {
+}, G = (e) => {
   switch (e) {
     case "error":
       return "peer-focus:text-red-700 text-red-700";
@@ -174,7 +174,7 @@ const U = (e) => {
     default:
       return "peer-focus:text-blue-600 text-gray-500";
   }
-}, q = (e) => {
+}, H = (e) => {
   switch (e) {
     case "error":
       return "text-red-600";
@@ -183,66 +183,66 @@ const U = (e) => {
     default:
       return "text-gray-500";
   }
-}, G = A(function(e, r) {
+}, J = B(function(e, r) {
   const {
     value: n,
     onChange: l,
     options: s,
     containerClassName: a = "",
-    inputClassName: b = "",
-    labelClassName: f = "",
-    helperText: m = "",
-    helperTextClassName: x = "",
-    placeholder: c = "",
+    inputClassName: f = "",
+    labelClassName: m = "",
+    helperText: u = "",
+    helperTextClassName: y = "",
+    placeholder: i = "",
     label: o = "",
-    name: d = "",
-    id: u = "",
-    state: p = _.default,
-    ...i
+    name: h = "",
+    id: b = "",
+    state: c = j.default,
+    ...x
   } = e;
-  return E(() => {
+  return D(() => {
     var g;
     (!n || n === "") && (s != null && s.length) && l({ target: { value: (g = s[0]) == null ? void 0 : g.id } });
-  }, [l, s, n]), /* @__PURE__ */ h("div", { className: `relative z-0 w-full mb-5 group ${a}`, children: [
+  }, [l, s, n]), /* @__PURE__ */ d("div", { className: `relative z-0 w-full mb-5 group ${a}`, children: [
     /* @__PURE__ */ t(
       "select",
       {
-        ...i,
-        id: u,
+        ...x,
+        id: b,
         ref: r,
-        name: d,
+        name: h,
         value: n,
         onChange: l,
-        className: `block py-2.5 px-0 w-full text-sm bg-transparent border-0 border-b-2 appearance-none focus:outline-none focus:ring-0 disabled:text-[#6b7280] ${U(p)} peer ${b}`,
+        className: `block py-2.5 px-0 w-full text-sm bg-transparent border-0 border-b-2 appearance-none focus:outline-none focus:ring-0 disabled:text-[#6b7280] ${q(c)} peer ${f}`,
         children: s == null ? void 0 : s.map((g) => /* @__PURE__ */ t("option", { value: g.id, children: g.value }, g.id))
       }
     ),
     /* @__PURE__ */ t(
       "label",
       {
-        htmlFor: d,
-        className: `peer-focus:font-medium absolute text-sm duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 ${W(p)} ${f}`,
+        htmlFor: h,
+        className: `peer-focus:font-medium absolute text-sm duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 ${G(c)} ${m}`,
         children: o
       }
     ),
     /* @__PURE__ */ t(
       "p",
       {
-        className: `mt-2 text-sm ${q(p)} ${x}`,
-        children: p !== "error" && p !== "good" ? c : m
+        className: `mt-2 text-sm ${H(c)} ${y}`,
+        children: c !== "error" && c !== "good" ? i : u
       }
     )
   ] });
-}), H = G;
-function J() {
-  const { t: e } = v(), { pageSizes: r, pageSize: n, setPageSize: l } = w(), s = C(
+}), K = J;
+function Q() {
+  const { t: e } = C(), { pageSizes: r, pageSize: n, setPageSize: l } = S(), s = w(
     () => r == null ? void 0 : r.map((a) => ({ id: a, value: a })),
     [r]
   );
-  return /* @__PURE__ */ h("div", { className: "flex gap-2 items-center justify-start", children: [
+  return /* @__PURE__ */ d("div", { className: "flex gap-2 items-center justify-start", children: [
     /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.pageSizes") }),
     /* @__PURE__ */ t(
-      H,
+      K,
       {
         value: n,
         options: s,
@@ -254,29 +254,29 @@ function J() {
     )
   ] });
 }
-function K() {
-  const { t: e } = v(), { total: r, pageSize: n, pageSizes: l, currentPage: s, setCurrentPage: a } = w(), b = (s + 1) * n > r ? r : (s + 1) * n;
-  return /* @__PURE__ */ h("div", { className: "flex w-full items-center justify-between mt-5", children: [
-    /* @__PURE__ */ h("div", { className: "flex w-full items-center justify-start gap-1", children: [
+function V() {
+  const { t: e } = C(), { total: r, pageSize: n, pageSizes: l, currentPage: s, setCurrentPage: a } = S(), f = (s + 1) * n > r ? r : (s + 1) * n;
+  return /* @__PURE__ */ d("div", { className: "flex w-full items-center justify-between mt-5", children: [
+    /* @__PURE__ */ d("div", { className: "flex w-full items-center justify-start gap-1", children: [
       /* @__PURE__ */ t("p", { children: e("_accessibility:components.table.pageSizes") }),
-      l[0] < r && /* @__PURE__ */ t(k, { children: /* @__PURE__ */ h("p", { children: [
+      l[0] < r && /* @__PURE__ */ t($, { children: /* @__PURE__ */ d("p", { children: [
         e("_accessibility:components.table.from"),
         " ",
         s * n + 1,
         " ",
         e("_accessibility:components.table.to"),
         " ",
-        b,
+        f,
         " ",
         e("_accessibility:components.table.of")
       ] }) }),
-      /* @__PURE__ */ h("p", { children: [
+      /* @__PURE__ */ d("p", { children: [
         r,
         " ",
         e("_accessibility:components.table.results")
       ] })
     ] }),
-    /* @__PURE__ */ h("div", { className: "flex gap-5 items-center justify-end", children: [
+    /* @__PURE__ */ d("div", { className: "flex gap-5 items-center justify-end", children: [
       /* @__PURE__ */ t(
         "button",
         {
@@ -298,83 +298,84 @@ function K() {
     ] })
   ] });
 }
-function O(e) {
-  const { t: r } = v(), {
+function te(e) {
+  const { t: r } = C(), {
     title: n = "",
     rows: l,
     parseRows: s,
     entity: a = "",
-    isLoading: b = !1,
-    actions: f = [],
-    columns: m = [],
-    contentClassName: x = "h-[calc(100vh-280px)]",
-    className: c = "bg-gray-50",
-    columnsOptions: o
-  } = e, d = C(
-    () => (l == null ? void 0 : l.map((u) => s(u))) ?? [],
+    isLoading: f = !1,
+    actions: m = [],
+    columns: u = [],
+    contentClassName: y = "h-[calc(100vh-280px)]",
+    className: i = "bg-gray-50",
+    columnsOptions: o,
+    softDeleteProperty: h = "deleted"
+  } = e, b = w(
+    () => (l == null ? void 0 : l.map((c) => s(c))) ?? [],
     [s, l, r]
   );
-  return /* @__PURE__ */ h("div", { className: `${c} relative overflow-x-auto w-full h-full`, children: [
-    /* @__PURE__ */ t("div", { className: "mb-5 flex w-full items-center justify-between", children: /* @__PURE__ */ h("div", { children: [
+  return /* @__PURE__ */ d("div", { className: `${i} relative overflow-x-auto w-full h-full`, children: [
+    /* @__PURE__ */ t("div", { className: "mb-5 flex w-full items-center justify-between", children: /* @__PURE__ */ d("div", { children: [
       /* @__PURE__ */ t("h1", { className: "text-2xl md:text-3xl font-bold", children: n }),
-      l != null && l.length && !b ? /* @__PURE__ */ t(J, {}) : null
+      l != null && l.length && !f ? /* @__PURE__ */ t(Q, {}) : null
     ] }) }),
-    b ? /* @__PURE__ */ t(D, { className: "bg-white top-0 left-0 w-full h-full" }) : /* @__PURE__ */ t("div", { className: `${x} overflow-auto`, children: l != null && l.length ? /* @__PURE__ */ h(k, { children: [
-      /* @__PURE__ */ h("table", { className: "w-full text-sm text-left text-gray-500", children: [
+    f ? /* @__PURE__ */ t(F, { className: "bg-white top-0 left-0 w-full h-full" }) : /* @__PURE__ */ t("div", { className: `${y} overflow-auto`, children: l != null && l.length ? /* @__PURE__ */ d($, { children: [
+      /* @__PURE__ */ d("table", { className: "w-full text-sm text-left text-gray-500", children: [
         /* @__PURE__ */ t(
-          R,
+          W,
           {
             entity: a,
-            columns: m,
+            columns: u,
             columnsOptions: o,
-            hasAction: (f == null ? void 0 : f.length) > 0
+            hasAction: (m == null ? void 0 : m.length) > 0
           }
         ),
-        /* @__PURE__ */ t("tbody", { children: d == null ? void 0 : d.map((u) => {
-          var p;
-          return /* @__PURE__ */ h(
+        /* @__PURE__ */ t("tbody", { children: b == null ? void 0 : b.map((c) => {
+          var x, g;
+          return /* @__PURE__ */ d(
             "tr",
             {
-              className: `border-b ${u.deleted.value ? "bg-secondary/10" : "bg-white"}`,
+              className: `border-b ${(x = c.softDeleteProperty) != null && x.value ? "bg-secondary/10" : "bg-white"}`,
               children: [
-                m == null ? void 0 : m.map((i, g) => {
-                  var S;
+                u == null ? void 0 : u.map((p, A) => {
+                  var k;
                   return /* @__PURE__ */ t(
                     "td",
                     {
-                      className: `px-6 py-4 font-medium ${g === 0 ? "text-gray-900 whitespace-nowrap" : ""} ${o != null && o.columnClassNames ? o == null ? void 0 : o.columnClassNames[i.key] : ""}`,
-                      children: ((S = u[i.key]) == null ? void 0 : S.render) ?? u[i.key]
+                      className: `px-6 py-4 font-medium ${A === 0 ? "text-gray-900 whitespace-nowrap" : ""} ${o != null && o.columnClassNames ? o == null ? void 0 : o.columnClassNames[p.key] : ""}`,
+                      children: ((k = c[p.key]) == null ? void 0 : k.render) ?? c[p.key]
                     },
-                    i.key
+                    p.key
                   );
                 }),
-                f.length ? /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3 w-full justify-center", children: (p = f.filter(
-                  (i) => !i.hidden || !i.hidden(u)
-                )) == null ? void 0 : p.map((i) => /* @__PURE__ */ t(
-                  M,
+                m.length ? /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3 w-full justify-center", children: (g = m.filter(
+                  (p) => !p.hidden || !p.hidden(c)
+                )) == null ? void 0 : g.map((p) => /* @__PURE__ */ t(
+                  L,
                   {
-                    content: i.tooltip,
-                    children: /* @__PURE__ */ t("button", { onClick: () => i.onClick(u), children: i.icon })
+                    content: p.tooltip,
+                    children: /* @__PURE__ */ t("button", { onClick: () => p.onClick(c), children: p.icon })
                   },
-                  i.id
+                  p.id
                 )) }) }) : null
               ]
             },
-            u.id
+            c.id
           );
         }) })
       ] }),
-      /* @__PURE__ */ t(K, {})
-    ] }) : /* @__PURE__ */ t(L, {}) })
+      /* @__PURE__ */ t(V, {})
+    ] }) : /* @__PURE__ */ t(I, {}) })
   ] });
 }
 export {
-  I as ChevronDown,
-  F as ChevronUp,
-  D as Loading,
-  O as Table,
-  Y as TableOptionsProvider,
-  Z as TranslationProvider,
-  w as useTableOptions,
-  v as useTranslation
+  U as ChevronDown,
+  R as ChevronUp,
+  F as Loading,
+  te as Table,
+  O as TableOptionsProvider,
+  ee as TranslationProvider,
+  S as useTableOptions,
+  C as useTranslation
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sito/dashboard",
   "private": false,
-  "version": "0.0.8",
+  "version": "0.0.9",
   "type": "module",
   "description": "UI library with custom components for dashboards",
   "main": "dist/dashboard.cjs",