laif-ds 0.1.68 → 0.1.69

package/dist/components/ui/data-table.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
 import { useReactTable as ue, flexRender as J } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { useState as h, useRef as _, useMemo as de, useEffect as M } from "react";
+import { useState as x, useRef as _, useMemo as de, useEffect as M } from "react";
 import { cn as fe } from "../../lib/utils.js";
-import { createCustomFilterFns as xe, ELogicalFilterOperator as he, debounce as se, createMultiValueFilterFn as Ce, updatePageSizeFromContainer as be } from "./data-table.service.js";
+import { createCustomFilterFns as he, ELogicalFilterOperator as xe, debounce as Ce, createMultiValueFilterFn as be, updatePageSizeFromContainer as se } from "./data-table.service.js";
 import { Pagination as we, PaginationContent as re, PaginationItem as I, PaginationFirst as Ie, PaginationPrevious as Re, PaginationLink as ze, PaginationNext as Ne, PaginationLast as Me } from "./pagination.js";
 import { Checkbox as K } from "./checkbox.js";
 import { Input as ye } from "./input.js";
@@ -23,10 +23,10 @@ function pe({
   checkable: z = !1,
   onCheckedRowsChange: k,
   notFoundMessage: Z = "Nessun risultato trovato.",
-  searchBar: x = void 0,
+  searchBar: h = void 0,
   dropdownFilters: u = void 0,
   totalItems: P = void 0,
-  datatableSizes: b = {
+  datatableSizes: s = {
     rowHeight: 32.5,
     // default table row height in pixels
     headerHeight: 40,
@@ -39,10 +39,10 @@ function pe({
   setServerOptions: i = void 0
 }) {
   var S, E;
-  const [p, B] = h([]), [v, O] = h([]), [ee, le] = h({}), [r, te] = h(""), [ae, ne] = h({}), T = L ? Y : ae, ie = L || ne, [N, ge] = h({}), d = !!g, [w, H] = h({
+  const [p, B] = x([]), [v, O] = x([]), [ee, le] = x({}), [r, te] = x(""), [ae, ne] = x({}), T = L ? Y : ae, ie = L || ne, [N, ge] = x({}), d = !!g, [w, H] = x({
     pageIndex: 0,
     pageSize: 10
-  }), [oe, A] = h(0), D = _(null), $ = _(void 0), ce = de(() => z ? [
+  }), [oe, A] = x(0), D = _(null), $ = _(void 0), ce = de(() => z ? [
     {
       id: "select",
       header: ({ table: e }) => /* @__PURE__ */ t(
@@ -82,19 +82,19 @@ function pe({
     onColumnVisibilityChange: le,
     onRowSelectionChange: ie,
     getFilteredRowModel: Le(),
-    globalFilterFn: (e, l, n) => d || !n ? !0 : (x == null ? void 0 : x.columns.some((o) => {
+    globalFilterFn: (e, l, n) => d || !n ? !0 : (h == null ? void 0 : h.columns.some((o) => {
       const c = e.getValue(o);
       return String(c).toLowerCase().includes(n.toLowerCase());
     })) ?? !1,
     filterFns: {
-      multiValue: (e, l, n) => Ce(
+      multiValue: (e, l, n) => be(
         e,
         l,
         n,
         u,
         g
       ),
-      ...xe(u ?? [], g)
+      ...he(u ?? [], g)
     },
     onPaginationChange: (e) => {
       d ? typeof e == "object" && i && i((l) => ({
@@ -119,17 +119,17 @@ function pe({
   }, a = ue(me);
   M(() => {
     let e;
-    if (x && r && (e || (e = {}), e.searchbarFilters = {
+    if (h && r && (e || (e = {}), e.searchbarFilters = {
       value: r,
-      columns: x.columns
+      columns: h.columns
     }), u && Object.keys(N).length > 0) {
       const c = {};
       for (const f of u) {
-        const s = N[f.column];
-        s && s.length > 0 && (c[f.column] = {
+        const C = N[f.column];
+        C && C.length > 0 && (c[f.column] = {
           column: f.column,
-          value: s,
-          logic: f.innerFiltersMode || he.OR
+          value: C,
+          logic: f.innerFiltersMode || xe.OR
         });
       }
       Object.keys(c).length > 0 && (e || (e = {}), e.dropdownFilters = c);
@@ -146,7 +146,7 @@ function pe({
   }, [
     u,
     N,
-    x,
+    h,
     r,
     g,
     i
@@ -172,12 +172,12 @@ function pe({
     G,
     w.pageSize
   ]), M(() => {
-    const e = se(() => {
+    const e = Ce(() => {
       const l = D.current;
-      l && be(l, {
-        rowHeight: b.rowHeight,
-        headerHeight: b.headerHeight,
-        containerHeight: b.containerHeight,
+      l && se(l, {
+        rowHeight: s.rowHeight,
+        headerHeight: s.headerHeight,
+        containerHeight: s.containerHeight,
         onPageChange: d ? (n, o) => {
           i == null || i((c) => ({
             ...c,
@@ -207,9 +207,9 @@ function pe({
     };
   }, [
     d,
-    b.containerHeight,
-    b.headerHeight,
-    b.rowHeight,
+    s.containerHeight,
+    s.headerHeight,
+    s.rowHeight,
     D,
     i
     // should be stable, but include for clarity
@@ -218,7 +218,7 @@ function pe({
       const e = a.getFilteredSelectedRowModel().rows.map((l) => l.original);
       k(e);
     }
-  }, [a, k, z, T]), /* @__PURE__ */ C(
+  }, [a, k, z, T]), /* @__PURE__ */ b(
     "div",
     {
       className: fe(
@@ -226,12 +226,12 @@ function pe({
         X
       ),
       children: [
-        (x || (u == null ? void 0 : u.length)) && /* @__PURE__ */ C("div", { className: "flex flex-col items-start justify-between gap-2 sm:flex-row sm:items-end", children: [
-          x && /* @__PURE__ */ t(
+        (h || (u == null ? void 0 : u.length)) && /* @__PURE__ */ b("div", { className: "flex flex-col items-start justify-between gap-2 sm:flex-row sm:items-end", children: [
+          h && /* @__PURE__ */ t(
             ye,
             {
               iconLeft: "Search",
-              placeholder: x.placeholder ?? "Cerca...",
+              placeholder: h.placeholder ?? "Cerca...",
               value: r,
               onChange: (e) => {
                 te(e.target.value);
@@ -239,7 +239,7 @@ function pe({
               className: "w-60"
             }
           ),
-          /* @__PURE__ */ t("div", { className: "flex h-full max-w-full min-w-0 flex-1 items-center", children: u && u.length > 0 && /* @__PURE__ */ C(q, { className: "h-full w-full", children: [
+          /* @__PURE__ */ t("div", { className: "flex h-full max-w-full min-w-0 flex-1 items-center", children: u && u.length > 0 && /* @__PURE__ */ b(q, { className: "h-full w-full", children: [
             /* @__PURE__ */ t(F, { orientation: "horizontal" }),
             /* @__PURE__ */ t("div", { className: "flex w-full max-w-full min-w-0 items-center justify-start gap-2 sm:justify-end", children: u.map((e, l) => {
               const n = N[e.column] ?? [];
@@ -257,7 +257,7 @@ function pe({
                       [e.column]: o
                     })), O((c) => {
                       const f = c.filter(
-                        (s) => s.id !== e.column
+                        (C) => C.id !== e.column
                       );
                       return o.length === 0 ? f : [
                         ...f,
@@ -276,10 +276,10 @@ function pe({
           {
             className: "flex max-h-full min-h-0 max-w-full min-w-0 flex-1",
             ref: D,
-            children: /* @__PURE__ */ C(q, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
+            children: /* @__PURE__ */ b(q, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
               /* @__PURE__ */ t(F, { orientation: "horizontal" }),
               /* @__PURE__ */ t(F, { orientation: "vertical" }),
-              /* @__PURE__ */ C(Pe, { children: [
+              /* @__PURE__ */ b(Pe, { children: [
                 /* @__PURE__ */ t(He, { children: a.getHeaderGroups().map((e) => /* @__PURE__ */ t(y, { children: e.headers.map((l) => /* @__PURE__ */ t(
                   De,
                   {
@@ -327,12 +327,12 @@ function pe({
             ] })
           }
         ),
-        /* @__PURE__ */ C(we, { className: "h-9", children: [
+        /* @__PURE__ */ b(we, { className: "h-9", children: [
           /* @__PURE__ */ t("div", { className: "flex h-full flex-1 items-center align-middle", children: /* @__PURE__ */ t("div", { className: "text-d-foreground hidden text-sm md:flex", children: Math.min(
             ((E = g == null ? void 0 : g.pagination) == null ? void 0 : E.pageSize) ?? w.pageSize,
             a.getFilteredRowModel().rows.length ?? 9999
-          ) + " / " + (g ? P ?? "missing totalItems" : a.getFilteredRowModel().rows.length) + " " + ((m == null ? void 0 : m.rows) ?? "Rows") }) }),
-          /* @__PURE__ */ C(re, { children: [
+          ) + " / " + (g ? P ?? "missing totalItems" : a.getFilteredRowModel().rows.length) + " " + ((m == null ? void 0 : m.rows) ?? "Righe") }) }),
+          /* @__PURE__ */ b(re, { children: [
             /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
               Ie,
               {
@@ -379,7 +379,7 @@ function pe({
                 0,
                 e - Math.floor(n / 2)
               ), c = o + n;
-              return c > l && (c = l, o = Math.max(0, c - n)), a.getPageOptions().slice(o, c).map((f, s) => /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
+              return c > l && (c = l, o = Math.max(0, c - n)), a.getPageOptions().slice(o, c).map((f, C) => /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
                 ze,
                 {
                   size: "icon",
@@ -399,7 +399,7 @@ function pe({
                   },
                   children: f + 1
                 }
-              ) }, s));
+              ) }, C));
             })(),
             /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
               Ne,
@@ -437,7 +437,7 @@ function pe({
               }
             ) })
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex h-full flex-1 items-center justify-end align-middle", children: /* @__PURE__ */ t("div", { className: "text-d-foreground hidden text-sm md:flex", children: (a.getPageCount() ? a.getState().pagination.pageIndex + 1 : 0) + " / " + a.getPageCount() + " " + ((m == null ? void 0 : m.pages) ?? "Pages") }) })
+          /* @__PURE__ */ t("div", { className: "flex h-full flex-1 items-center justify-end align-middle", children: /* @__PURE__ */ t("div", { className: "text-d-foreground hidden text-sm md:flex", children: (a.getPageCount() ? a.getState().pagination.pageIndex + 1 : 0) + " / " + a.getPageCount() + " " + ((m == null ? void 0 : m.pages) ?? "Pagine") }) })
         ] })
       ]
     }

package/dist/components/ui/pagination.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as i, jsxs as o } from "react/jsx-runtime";
-import { cn as e } from "../../lib/utils.js";
+import { cn as t } from "../../lib/utils.js";
 import { buttonVariants as c } from "./button.js";
 import p from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
 import m from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
 import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import g from "../../node_modules/lucide-react/dist/esm/icons/chevron-first.js";
-import d from "../../node_modules/lucide-react/dist/esm/icons/chevron-last.js";
+import d from "../../node_modules/lucide-react/dist/esm/icons/chevron-first.js";
+import g from "../../node_modules/lucide-react/dist/esm/icons/chevron-last.js";
 function C({ className: a, ...n }) {
   return /* @__PURE__ */ i(
     "nav",
@@ -14,12 +14,12 @@ function C({ className: a, ...n }) {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: e("mx-auto flex w-full justify-center", a),
+      className: t("mx-auto flex w-full justify-center", a),
       ...n
     }
   );
 }
-function L({
+function j({
   className: a,
   ...n
 }) {
@@ -27,18 +27,18 @@ function L({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: e("flex flex-row items-center gap-1", a),
+      className: t("flex flex-row items-center gap-1", a),
       ...n
     }
   );
 }
-function j({ ...a }) {
+function y({ ...a }) {
   return /* @__PURE__ */ i("li", { "data-slot": "pagination-item", ...a });
 }
 function r({
   className: a,
   isActive: n,
-  isDisabled: t,
+  isDisabled: e,
   size: s = "icon",
   ...l
 }) {
@@ -48,51 +48,51 @@ function r({
       "aria-current": n ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": n,
-      className: e(
+      className: t(
         c({
           variant: n ? "outline" : "ghost",
           // variant: isDisabled ? "disabled" : isActive ? "outline" : "ghost",
           size: s
         }),
-        t && "pointer-events-none cursor-not-allowed opacity-40",
+        e && "pointer-events-none cursor-not-allowed opacity-40",
         a
       ),
       ...l
     }
   );
 }
-function y({
+function G({
   className: a,
   label: n,
-  ...t
+  ...e
 }) {
   return /* @__PURE__ */ o(
     r,
     {
       "aria-label": "Go to previous page",
-      className: e("gap-1 px-2.5 sm:pl-2.5", a),
-      ...t,
+      className: t("gap-1 px-2.5 sm:pl-2.5", a),
+      ...e,
       children: [
-        /* @__PURE__ */ i(g, {}),
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "First" })
+        /* @__PURE__ */ i(d, {}),
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Primo" })
       ]
     }
   );
 }
-function G({
+function L({
   className: a,
   label: n,
-  ...t
+  ...e
 }) {
   return /* @__PURE__ */ o(
     r,
     {
       "aria-label": "Go to previous page",
-      className: e("gap-1 px-2.5 sm:pl-2.5", a),
-      ...t,
+      className: t("gap-1 px-2.5 sm:pl-2.5", a),
+      ...e,
       children: [
         /* @__PURE__ */ i(u, {}),
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Previous" })
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Precedente" })
       ]
     }
   );
@@ -100,40 +100,40 @@ function G({
 function w({
   className: a,
   label: n,
-  ...t
+  ...e
 }) {
   return /* @__PURE__ */ o(
     r,
     {
       "aria-label": "Go to next page",
-      className: e("gap-1 px-2.5 sm:pr-2.5", a),
-      ...t,
+      className: t("gap-1 px-2.5 sm:pr-2.5", a),
+      ...e,
       children: [
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Next" }),
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Prossimo" }),
         /* @__PURE__ */ i(m, {})
       ]
     }
   );
 }
-function F({
+function z({
   className: a,
   label: n,
-  ...t
+  ...e
 }) {
   return /* @__PURE__ */ o(
     r,
     {
       "aria-label": "Go to next page",
-      className: e("gap-1 px-2.5 sm:pr-2.5", a),
-      ...t,
+      className: t("gap-1 px-2.5 sm:pr-2.5", a),
+      ...e,
       children: [
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Last" }),
-        /* @__PURE__ */ i(d, {})
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Ultimo" }),
+        /* @__PURE__ */ i(g, {})
       ]
     }
   );
 }
-function z({
+function E({
   className: a,
   ...n
 }) {
@@ -142,7 +142,7 @@ function z({
     {
       "aria-hidden": !0,
       "data-slot": "pagination-ellipsis",
-      className: e("flex size-9 items-center justify-center", a),
+      className: t("flex size-9 items-center justify-center", a),
       ...n,
       children: [
         /* @__PURE__ */ i(p, { className: "size-4" }),
@@ -153,12 +153,12 @@ function z({
 }
 export {
   C as Pagination,
-  L as PaginationContent,
-  z as PaginationEllipsis,
-  y as PaginationFirst,
-  j as PaginationItem,
-  F as PaginationLast,
+  j as PaginationContent,
+  E as PaginationEllipsis,
+  G as PaginationFirst,
+  y as PaginationItem,
+  z as PaginationLast,
   r as PaginationLink,
   w as PaginationNext,
-  G as PaginationPrevious
+  L as PaginationPrevious
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.1.68",
+  "version": "0.1.69",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",