laif-ds 0.1.44 → 0.1.46

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

@@ -1,134 +1,212 @@
 "use client";
-import { jsx as l, jsxs as d } from "react/jsx-runtime";
-import { useReactTable as _, flexRender as b } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import j, { useState as i, useEffect as B } from "react";
-import { cn as L } from "../../lib/utils.js";
-import { Checkbox as p } from "./checkbox.js";
-import { Input as E } from "./input.js";
-import { ScrollArea as G, ScrollBar as w } from "./scroll-area.js";
-import { Table as W, TableHeader as q, TableRow as r, TableHead as J, TableBody as K, TableCell as m } from "./table.js";
-import { Skeleton as O } from "./skeleton.js";
-import { getFilteredRowModel as Q, getSortedRowModel as U, getPaginationRowModel as X, getCoreRowModel as Y } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
-function se({
-  columns: n,
-  data: g,
-  loading: C = !1,
-  emptyComponent: R,
-  className: x,
-  rowSelection: k = {},
-  onRowSelectionChange: u,
-  checkable: a = !1,
-  onCheckedRowsChange: c,
-  notFoundMessage: M = "Nessun risultato trovato.",
-  clientFilter: s = null,
-  clientFilterPlaceholder: N = "Cerca..."
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { useReactTable as K, flexRender as k } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import q, { useState as b, useEffect as J } from "react";
+import { Checkbox as D } from "./checkbox.js";
+import { cn as Q } from "../../lib/utils.js";
+import { Input as U } from "./input.js";
+import { ScrollArea as A, ScrollBar as x } from "./scroll-area.js";
+import { AppMultipleSelectDropdown as X } from "./app-multiple-select-dropdown.js";
+import { Table as Y, TableHeader as Z, TableRow as w, TableHead as B, TableBody as ee, TableCell as C } from "./table.js";
+import { Skeleton as le } from "./skeleton.js";
+import { getFilteredRowModel as te, getSortedRowModel as oe, getPaginationRowModel as ne, getCoreRowModel as ae } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+function ce(r, s, n, d) {
+  const i = r.getValue(s), u = d == null ? void 0 : d.find((o) => o.column === s), m = (u == null ? void 0 : u.innerFiltersMode) ?? "OR";
+  if (Array.isArray(i))
+    return m === "AND" ? n.every((o) => i.includes(o)) : n.some((o) => i.includes(o));
+  switch (m) {
+    case "AND":
+      return n.every((o) => String(i) === o);
+    case "OR":
+    default:
+      return n.some((o) => String(i) === o);
+  }
+}
+function ie(r) {
+  return r.reduce(
+    (s, n) => (n.filterFn && (s[n.column] = (d, i, u) => {
+      const m = d.getValue(i);
+      switch (n.innerFiltersMode ?? "OR") {
+        case "AND":
+          return u.every(
+            (g) => n.filterFn(m, [g])
+          );
+        case "OR":
+        default:
+          return u.some(
+            (g) => n.filterFn(m, [g])
+          );
+      }
+    }), s),
+    {}
+  ) || {};
+}
+function we({
+  columns: r,
+  data: s,
+  loading: n = !1,
+  emptyComponent: d,
+  className: i,
+  rowSelection: u = {},
+  onRowSelectionChange: m,
+  checkable: o = !1,
+  onCheckedRowsChange: g,
+  notFoundMessage: V = "Nessun risultato trovato.",
+  searchBar: f = void 0,
+  dropdownFilters: a = void 0
+  //   outerFiltersMode = EFiltersMode.AND,
 }) {
-  var h, S;
-  const [y, v] = i([]), [T, z] = i([]), [D, F] = i({}), [V, $] = i({}), f = u ? k : V, A = u || $, H = j.useMemo(() => a ? [
+  var v;
+  const [T, z] = b([]), [$, H] = b([]), [P, j] = b({}), [y, F] = b(""), [L, O] = b({}), N = m ? u : L, _ = m || O, G = q.useMemo(() => o ? [
     {
       id: "select",
-      header: ({ table: t }) => /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l(
-        p,
+      header: ({ table: e }) => /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t(
+        D,
         {
-          checked: t.getIsAllPageRowsSelected(),
-          onCheckedChange: (e) => t.toggleAllPageRowsSelected(!!e),
+          checked: e.getIsAllPageRowsSelected(),
+          onCheckedChange: (l) => e.toggleAllPageRowsSelected(!!l),
           "aria-label": "Seleziona tutti"
         }
       ) }),
-      cell: ({ row: t }) => /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l(
-        p,
+      cell: ({ row: e }) => /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t(
+        D,
         {
-          checked: t.getIsSelected(),
-          onCheckedChange: (e) => t.toggleSelected(!!e),
+          checked: e.getIsSelected(),
+          onCheckedChange: (l) => e.toggleSelected(!!l),
           "aria-label": "Seleziona riga"
         }
       ) }),
       enableSorting: !1,
       enableHiding: !1
     },
-    ...n
-  ] : n, [n, a]), o = _({
-    data: g,
-    columns: H,
-    getCoreRowModel: Y(),
-    getPaginationRowModel: X(),
-    onSortingChange: v,
-    getSortedRowModel: U(),
-    onColumnFiltersChange: z,
-    getFilteredRowModel: Q(),
-    onColumnVisibilityChange: F,
-    onRowSelectionChange: A,
+    ...r
+  ] : r, [r, o]).map((e) => {
+    const l = a == null ? void 0 : a.find(
+      (c) => c.column === (e == null ? void 0 : e.accessorKey)
+    );
+    return {
+      ...e,
+      filterFn: l != null && l.filterFn ? l.column : "multiValue"
+    };
+  }), I = {
+    data: s,
+    columns: G,
+    getCoreRowModel: ae(),
+    getPaginationRowModel: ne(),
+    onSortingChange: z,
+    getSortedRowModel: oe(),
+    onColumnVisibilityChange: j,
+    onRowSelectionChange: _,
+    getFilteredRowModel: te(),
+    globalFilterFn: (e, l, c) => c ? (f == null ? void 0 : f.columns.some((S) => {
+      const R = e.getValue(S);
+      return String(R).toLowerCase().includes(c.toLowerCase());
+    })) ?? !1 : !0,
+    filterFns: {
+      multiValue: (e, l, c) => ce(e, l, c, a),
+      ...ie(a ?? [])
+    },
     state: {
-      sorting: y,
-      columnFilters: T,
-      columnVisibility: D,
-      rowSelection: f
+      sorting: T,
+      columnFilters: $,
+      columnVisibility: P,
+      rowSelection: N,
+      globalFilter: y
     }
-  });
-  return B(() => {
-    if (c && a) {
-      const t = o.getFilteredSelectedRowModel().rows.map((e) => e.original);
-      c(t);
+  }, h = K(I);
+  return J(() => {
+    if (g && o) {
+      const e = h.getFilteredSelectedRowModel().rows.map((l) => l.original);
+      g(e);
     }
-  }, [o, c, a, f]), /* @__PURE__ */ d("div", { className: L("flex h-full w-full flex-col gap-2", x), children: [
-    s && /* @__PURE__ */ l("div", { className: "flex items-center", children: /* @__PURE__ */ l(
-      E,
-      {
-        iconLeft: "Search",
-        placeholder: N ?? "Cerca...",
-        value: (h = o.getColumn(s)) == null ? void 0 : h.getFilterValue(),
-        onChange: (t) => {
-          var e;
-          return (e = o.getColumn(s)) == null ? void 0 : e.setFilterValue(t.target.value);
-        },
-        className: "max-w-sm"
-      }
-    ) }),
-    /* @__PURE__ */ d(G, { className: "h-full w-full rounded-md border", children: [
-      /* @__PURE__ */ l(w, { orientation: "horizontal" }),
-      /* @__PURE__ */ l(w, { orientation: "vertical" }),
-      /* @__PURE__ */ d(W, { children: [
-        /* @__PURE__ */ l(q, { children: o.getHeaderGroups().map((t) => /* @__PURE__ */ l(r, { children: t.headers.map((e) => /* @__PURE__ */ l(
-          J,
+  }, [h, g, o, N]), /* @__PURE__ */ p("div", { className: Q("flex h-full w-full flex-col gap-2", i), children: [
+    (f || (a == null ? void 0 : a.length)) && /* @__PURE__ */ p("div", { className: "flex flex-row items-end justify-between gap-2", children: [
+      f && /* @__PURE__ */ t(
+        U,
+        {
+          iconLeft: "Search",
+          placeholder: f.placeholder ?? "Cerca...",
+          value: y,
+          onChange: (e) => {
+            F(e.target.value || "");
+          },
+          className: "max-w-sm min-w-64"
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "flex h-full min-w-0 flex-1 items-center", children: a && a.length > 0 && /* @__PURE__ */ p(A, { className: "h-full w-full", children: [
+        /* @__PURE__ */ t(x, { orientation: "horizontal" }),
+        /* @__PURE__ */ t("div", { className: "flex w-full max-w-full min-w-0 items-center justify-end gap-2", children: a.map((e, l) => {
+          const [c, S] = b([]);
+          return /* @__PURE__ */ t(
+            X,
+            {
+              className: "w-[250px]",
+              options: e.items,
+              value: c,
+              placeholder: e.placeholder,
+              label: e.label,
+              onChange: (R) => {
+                S(R), H((W) => {
+                  const M = W.filter(
+                    (E) => E.id !== e.column
+                  );
+                  return R.length === 0 ? M : [
+                    ...M,
+                    { id: e.column, value: R }
+                  ];
+                });
+              }
+            },
+            l
+          );
+        }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ p(A, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
+      /* @__PURE__ */ t(x, { orientation: "horizontal" }),
+      /* @__PURE__ */ t(x, { orientation: "vertical" }),
+      /* @__PURE__ */ p(Y, { children: [
+        /* @__PURE__ */ t(Z, { children: h.getHeaderGroups().map((e) => /* @__PURE__ */ t(w, { children: e.headers.map((l) => /* @__PURE__ */ t(
+          B,
           {
-            className: `${e.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
-            children: e.isPlaceholder ? null : b(
-              e.column.columnDef.header,
-              e.getContext()
+            className: `bg-d-secondary sticky top-0 z-10 ${l.column.columnDef.sticky ? "left-0" : ""}`,
+            children: l.isPlaceholder ? null : k(
+              l.column.columnDef.header,
+              l.getContext()
             )
           },
-          e.id
-        )) }, t.id)) }),
-        /* @__PURE__ */ l(K, { children: C ? Array.from({ length: g.length || 8 }).map((t, e) => /* @__PURE__ */ l(r, { children: o.getHeaderGroups()[0].headers.map((P, I) => /* @__PURE__ */ l(
-          m,
+          l.id
+        )) }, e.id)) }),
+        /* @__PURE__ */ t(ee, { children: n ? Array.from({ length: s.length || 8 }).map((e, l) => /* @__PURE__ */ t(w, { children: h.getHeaderGroups()[0].headers.map((c, S) => /* @__PURE__ */ t(
+          C,
           {
-            className: `w-full ${P.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
-            children: /* @__PURE__ */ l(O, { className: "h-6 w-full" })
+            className: `w-full ${c.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
+            children: /* @__PURE__ */ t(le, { className: "h-6 w-full" })
           },
-          `skeleton-cell-${e}-${I}`
-        )) }, `skeleton-row-${e}`)) : (S = o.getRowModel().rows) != null && S.length ? o.getRowModel().rows.map((t) => /* @__PURE__ */ l(
-          r,
+          `skeleton-cell-${l}-${S}`
+        )) }, `skeleton-row-${l}`)) : (v = h.getRowModel().rows) != null && v.length ? h.getRowModel().rows.map((e) => /* @__PURE__ */ t(
+          w,
           {
-            "data-state": t.getIsSelected() && "selected",
-            children: t.getVisibleCells().map((e) => /* @__PURE__ */ l(
-              m,
+            "data-state": e.getIsSelected() && "selected",
+            children: e.getVisibleCells().map((l) => /* @__PURE__ */ t(
+              C,
               {
-                className: `${e.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
-                children: b(
-                  e.column.columnDef.cell,
-                  e.getContext()
+                className: `${l.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
+                children: k(
+                  l.column.columnDef.cell,
+                  l.getContext()
                 )
               },
-              e.id
+              l.id
             ))
           },
-          t.id
-        )) : /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(
-          m,
+          e.id
+        )) : /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
+          C,
           {
-            colSpan: n.length,
-            className: "h-24 text-center",
-            children: R || M
+            colSpan: r.length,
+            className: "pt-4 text-center",
+            children: d || V
           }
         ) }) })
       ] })
@@ -136,5 +214,5 @@ function se({
   ] });
 }
 export {
-  se as DataTable
+  we as DataTable
 };

package/dist/components/ui/table.js

@@ -1,111 +1,111 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
 import { cn as o } from "../../lib/utils.js";
-function n({ className: t, ...e }) {
+function d({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "table",
     {
       "data-slot": "table-container",
       className: o(
         "relative w-full caption-bottom overflow-x-auto text-sm",
-        t
+        e
       ),
-      ...e
+      ...t
     }
   );
 }
-function s({ className: t, ...e }) {
+function n({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "thead",
     {
       "data-slot": "table-header",
-      className: o("[&_tr]:border-b", t),
-      ...e
+      className: o("[&_tr]:border-b", e),
+      ...t
     }
   );
 }
-function d({ className: t, ...e }) {
+function s({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tbody",
     {
       "data-slot": "table-body",
-      className: o("[&_tr:last-child]:border-0", t),
-      ...e
+      className: o("[&_tr:last-child]:border-0", e),
+      ...t
     }
   );
 }
-function c({ className: t, ...e }) {
+function c({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tfoot",
     {
       "data-slot": "table-footer",
       className: o(
         "bg-d-secondary/50 border-t font-medium [&>tr]:last:border-b-0",
-        t
+        e
       ),
-      ...e
+      ...t
     }
   );
 }
-function b({ className: t, ...e }) {
+function b({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tr",
     {
       "data-slot": "table-row",
       className: o(
-        "hover:bg-d-secondary/50 data-[state=selected]:bg-d-secondary border-b transition-colors",
-        t
+        "hover:bg-d-secondary/50 data-[state=selected]:bg-d-secondary border-d-border border-b transition-colors",
+        e
       ),
-      ...e
+      ...t
     }
   );
 }
-function i({ className: t, ...e }) {
+function i({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "th",
     {
       "data-slot": "table-head",
       className: o(
-        "text-d-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        t
+        "text-d-foreground border-d-border h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        e
       ),
-      ...e
+      ...t
     }
   );
 }
-function u({ className: t, ...e }) {
+function u({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "td",
     {
       "data-slot": "table-cell",
       className: o(
         "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        t
+        e
       ),
-      ...e
+      ...t
     }
   );
 }
 function m({
-  className: t,
-  ...e
+  className: e,
+  ...t
 }) {
   return /* @__PURE__ */ a(
     "caption",
     {
       "data-slot": "table-caption",
-      className: o("text-d-secondary-foreground mt-4 text-sm", t),
-      ...e
+      className: o("text-d-secondary-foreground mt-4 text-sm", e),
+      ...t
     }
   );
 }
 export {
-  n as Table,
-  d as TableBody,
+  d as Table,
+  s as TableBody,
   m as TableCaption,
   u as TableCell,
   c as TableFooter,
   i as TableHead,
-  s as TableHeader,
+  n as TableHeader,
   b as TableRow
 };

package/dist/index.d.ts

@@ -668,7 +668,7 @@ export declare enum DataRepeatTypes {
     MONTH = "MONTH"
 }
 
-export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, notFoundMessage, clientFilter, clientFilterPlaceholder, }: DataTableProps<TData, TValue>): JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, notFoundMessage, searchBar, dropdownFilters, }: DataTableProps<TData, TValue>): JSX.Element;
 
 declare interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -681,8 +681,8 @@ declare interface DataTableProps<TData, TValue> {
     checkable?: boolean;
     onCheckedRowsChange?: (checkedRows: TData[]) => void;
     notFoundMessage?: string;
-    clientFilter?: string | null;
-    clientFilterPlaceholder?: string;
+    searchBar?: SearchBarProps;
+    dropdownFilters?: DropdownFilterProp[];
 }
 
 export declare function DatePicker({ value, onChange, placeholder, dateFormat, className, buttonVariant, disabled, size, }: DatePickerProps): JSX.Element;
@@ -738,6 +738,20 @@ export declare function DrawerTitle({ className, ...props }: React_2.ComponentPr
 
 export declare function DrawerTrigger({ ...props }: React_2.ComponentProps<typeof Drawer_2.Trigger>): JSX.Element;
 
+declare interface DropdownFilterItem {
+    label: string;
+    value: string;
+}
+
+declare interface DropdownFilterProp {
+    column: string;
+    placeholder: string;
+    label?: string;
+    innerFiltersMode?: ELogicalFilterOperator;
+    items: DropdownFilterItem[];
+    filterFn?: (rowValue: unknown, filterValue: string[]) => boolean;
+}
+
 export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 
 export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -754,6 +768,11 @@ export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Om
 
 export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
+declare enum ELogicalFilterOperator {
+    AND = "AND",
+    OR = "OR"
+}
+
 export declare const FilePreview: default_3.ForwardRefExoticComponent<FilePreviewProps & default_3.RefAttributes<HTMLDivElement>>;
 
 declare interface FilePreviewProps {
@@ -1297,6 +1316,11 @@ export declare function ScrollArea({ className, children, ...props }: React_2.Co
 
 export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
 
+declare interface SearchBarProps {
+    placeholder?: string;
+    columns: string[];
+}
+
 export declare function Select({ size, label, labelClassName, ...props }: SelectProps): JSX.Element;
 
 export declare function SelectContent({ className, children, position, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index4.js";
+import S from "../../../_virtual/index5.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/react-is/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as e } from "../../_virtual/index6.js";
+import { __module as e } from "../../_virtual/index4.js";
 import { __require as t } from "./cjs/react-is.production.min.js";
 import { __require as o } from "./cjs/react-is.development.js";
 var r;

package/dist/node_modules/unified/lib/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { bail as P } from "../../bail/index.js";
-import y from "../../../_virtual/index5.js";
+import y from "../../../_virtual/index6.js";
 import z from "../../is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../trough/lib/index.js";