@anoki/fse-ui 1.0.0-beta1.24.9 → 1.0.0-beta1.25

package/dist/index.es68.js

@@ -1,151 +1,152 @@
 import { j as a } from "./index.es217.js";
-import * as N from "react";
+import * as j from "react";
 import { useEffect as S } from "react";
-import { clsx as d } from "./index.es218.js";
+import { clsx as b } from "./index.es218.js";
 import './components/ui/Table/Table.css';/* empty css            */
 import { ActionIconText as ee } from "./index.es62.js";
 import { TriangleUp as ae } from "./index.es176.js";
 import { TriangleDown as se } from "./index.es177.js";
 import { Download as te } from "./index.es169.js";
 import { Info as le } from "./index.es178.js";
-const ie = N.forwardRef(
+const ie = j.forwardRef(
   ({
     className: e,
     columns: s,
     data: l,
-    pagination: i,
-    initialCurrentPage: h = 1,
-    resultsPerPage: T = 10,
-    defaultSortDirection: n = "desc",
-    setSelectedSort: b,
-    initialSortConfig: y,
-    serverSidePagination: m = !1,
-    totalItems: k,
-    hasNextPage: v,
-    hasPreviousPage: x,
-    onNextPage: L,
-    onPreviousPage: R,
-    onPageChange: B,
-    ...C
-  }, I) => {
-    const [r, t] = N.useState(
-      y || {
+    pagination: n,
+    initialCurrentPage: N = 1,
+    resultsPerPage: y = 10,
+    defaultSortDirection: m = "desc",
+    setSelectedSort: i,
+    initialSortConfig: _,
+    serverSidePagination: x = !1,
+    totalItems: w,
+    hasNextPage: T,
+    hasPreviousPage: D,
+    onNextPage: h,
+    onPreviousPage: L,
+    onPageChange: V,
+    ...A
+  }, R) => {
+    const [o, I] = j.useState(
+      _ || {
         key: s[0].key || s[0].label,
-        direction: n
+        direction: m
       }
-    ), [D, _] = N.useState(h);
+    ), [t, M] = j.useState(N);
     S(() => {
-      y && t(y);
-    }, [y]);
-    const u = N.useMemo(() => [...l].sort((c, w) => {
-      const p = c[r.key], f = w[r.key], j = s.find(
-        (o) => (o.key || o.label) === r.key
+      _ && I(_);
+    }, [_]);
+    const c = j.useMemo(() => [...l].sort((d, k) => {
+      const p = d[o.key], f = k[o.key], u = s.find(
+        (r) => (r.key || r.label) === o.key
       );
       if (typeof p == "string" && typeof f == "string") {
-        if ((j == null ? void 0 : j.type) === "date") {
-          const o = (O) => {
-            const [Q, W] = O.split(" - "), [X, Y, Z] = Q.split("/").map(Number), [K, P] = W.split(":").map(Number);
-            return new Date(Z, Y - 1, X, K, P);
-          }, A = o(p), F = o(f);
-          return r.direction === "asc" ? A.getTime() - F.getTime() : F.getTime() - A.getTime();
+        if ((u == null ? void 0 : u.type) === "date") {
+          const r = (J) => {
+            const [O, Q] = J.split(" - "), [W, X, Y] = O.split("/").map(Number), [Z, K] = Q.split(":").map(Number);
+            return new Date(Y, X - 1, W, Z, K);
+          }, g = r(p), F = r(f);
+          return o.direction === "asc" ? g.getTime() - F.getTime() : F.getTime() - g.getTime();
         }
-        if ((j == null ? void 0 : j.type) === "number") {
-          const o = parseFloat(p), A = parseFloat(f);
-          return r.direction === "asc" ? o - A : A - o;
+        if ((u == null ? void 0 : u.type) === "number") {
+          const r = parseFloat(p), g = parseFloat(f);
+          return o.direction === "asc" ? r - g : g - r;
         }
-        return r.direction === "asc" ? p.localeCompare(f) : f.localeCompare(p);
+        return o.direction === "asc" ? p.localeCompare(f) : f.localeCompare(p);
       }
-      return M(p) && M(f) ? r.direction === "asc" ? p.firstLine.localeCompare(f.firstLine) : f.firstLine.localeCompare(p.firstLine) : 0;
-    }), [l, r, s]), g = (c) => {
-      const w = {
-        key: c,
-        direction: r.key === c && r.direction === "asc" ? "desc" : "asc"
+      return B(p) && B(f) ? o.direction === "asc" ? p.firstLine.localeCompare(f.firstLine) : f.firstLine.localeCompare(p.firstLine) : 0;
+    }), [l, o, s]), C = (d) => {
+      const k = {
+        key: d,
+        direction: o.key === d && o.direction === "asc" ? "desc" : "asc"
       };
-      t(w), b && b(w);
-    }, $ = i && !m ? (D - 1) * T : 0, G = i && !m ? Math.min($ + T, u.length) : u.length, J = m ? u : u.slice($, G);
+      I(k), i && i(k);
+    }, v = n && !x ? (t - 1) * y : 0, q = n && !x ? Math.min(v + y, c.length) : c.length, G = x ? c : c.slice(v, q);
     return /* @__PURE__ */ a.jsxs("div", { className: "position-relative w-full", children: [
       /* @__PURE__ */ a.jsxs(
         "table",
         {
-          ref: I,
-          className: d("table", e),
+          ref: R,
+          className: b("table", e),
           role: "table",
-          ...C,
+          ...A,
           children: [
-            /* @__PURE__ */ a.jsx(H, { className: "table__header", children: /* @__PURE__ */ a.jsx(V, { children: s.map((c, w) => /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(H, { className: "table__header", children: /* @__PURE__ */ a.jsx($, { children: s.map((d, k) => /* @__PURE__ */ a.jsx(
               z,
               {
-                config: c,
-                sortConfig: r,
-                onSort: () => c.sortable && g(c.key || c.label),
-                variant: C.variant
+                config: d,
+                sortConfig: o,
+                onSort: () => d.sortable && C(d.key || d.label),
+                variant: A.variant
               },
-              `${c.label}-${w}`
+              `${d.label}-${k}`
             )) }) }),
-            /* @__PURE__ */ a.jsx(U, { className: "table__body", children: J.map((c, w) => /* @__PURE__ */ a.jsx(V, { className: "table__row", children: s.map((p, f) => {
-              const j = p.key || p.label, o = c[j];
+            /* @__PURE__ */ a.jsx(U, { className: "table__body", children: G.map((d, k) => /* @__PURE__ */ a.jsx($, { className: "table__row", children: s.map((p, f) => {
+              const u = p.key || p.label, r = d[u];
               return /* @__PURE__ */ a.jsx(
-                q,
+                P,
                 {
-                  content: o || "",
-                  type: o && M(o) ? "double-line" : o && E(o) ? "action" : void 0
+                  content: r || "",
+                  type: r && B(r) ? "double-line" : r && E(r) ? "action" : void 0
                 },
-                `${j}-${f}`
+                `${u}-${f}`
               );
-            }) }, w)) })
+            }) }, k)) })
           ]
         }
       ),
-      i && /* @__PURE__ */ a.jsx(
+      n && /* @__PURE__ */ a.jsx(
         ce,
         {
-          currentPage: D,
-          totalResults: m ? k || 0 : u.length,
-          resultsPerPage: T,
-          setCurrentPage: _,
-          onPageChange: B,
-          serverSide: m,
-          totalItems: k,
-          hasNextPage: v,
-          hasPreviousPage: x,
-          onNextPage: L,
-          onPreviousPage: R
+          currentPage: t,
+          totalResults: x ? w || 0 : c.length,
+          currentResultsPerPage: l.length,
+          resultsPerPage: y,
+          setCurrentPage: M,
+          onPageChange: V,
+          serverSide: x,
+          totalItems: w,
+          hasNextPage: T,
+          hasPreviousPage: D,
+          onNextPage: h,
+          onPreviousPage: L
         }
       )
     ] });
   }
 );
 ie.displayName = "Table";
-const H = N.forwardRef(
-  ({ className: e, children: s, ...l }, i) => /* @__PURE__ */ a.jsx(
+const H = j.forwardRef(
+  ({ className: e, children: s, ...l }, n) => /* @__PURE__ */ a.jsx(
     "thead",
     {
-      ref: i,
-      className: d("[&_tr]:border-b-0", e),
+      ref: n,
+      className: b("[&_tr]:border-b-0", e),
       ...l,
       children: s
     }
   )
 );
 H.displayName = "TableHeader";
-const U = N.forwardRef(
-  ({ className: e, children: s, ...l }, i) => /* @__PURE__ */ a.jsx(
+const U = j.forwardRef(
+  ({ className: e, children: s, ...l }, n) => /* @__PURE__ */ a.jsx(
     "tbody",
     {
-      ref: i,
-      className: d("[&_tr:last-child]:border-0", e),
+      ref: n,
+      className: b("[&_tr:last-child]:border-0", e),
       ...l,
       children: s
     }
   )
 );
 U.displayName = "TableBody";
-const V = N.forwardRef(
-  ({ className: e, children: s, ...l }, i) => /* @__PURE__ */ a.jsx(
+const $ = j.forwardRef(
+  ({ className: e, children: s, ...l }, n) => /* @__PURE__ */ a.jsx(
     "tr",
     {
-      ref: i,
-      className: d(
+      ref: n,
+      className: b(
         "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
         e
       ),
@@ -154,24 +155,24 @@ const V = N.forwardRef(
     }
   )
 );
-V.displayName = "TableRow";
-const z = N.forwardRef(({ className: e, config: s, sortConfig: l, onSort: i, ...h }, T) => {
-  var k;
-  const n = l.key === (s.key || s.label), b = n ? l.direction : null, y = () => b === "asc" ? "ascending" : "descending", m = (v) => {
-    switch (v) {
+$.displayName = "TableRow";
+const z = j.forwardRef(({ className: e, config: s, sortConfig: l, onSort: n, ...N }, y) => {
+  var w;
+  const m = l.key === (s.key || s.label), i = m ? l.direction : null, _ = () => i === "asc" ? "ascending" : "descending", x = (T) => {
+    switch (T) {
       case "info":
         return /* @__PURE__ */ a.jsx(le, {});
       case "download":
         return /* @__PURE__ */ a.jsx(te, {});
       default:
-        return v;
+        return T;
     }
   };
   return /* @__PURE__ */ a.jsx(
     "th",
     {
-      ref: T,
-      className: d(
+      ref: y,
+      className: b(
         "table__cell table__cell--header",
         {
           "table__cell--sortable": s.sortable,
@@ -179,42 +180,42 @@ const z = N.forwardRef(({ className: e, config: s, sortConfig: l, onSort: i, ...
         },
         e
       ),
-      onClick: s.sortable ? i : s.action,
+      onClick: s.sortable ? n : s.action,
       "aria-label": s.ariaLabel,
-      "aria-sort": n ? y() : void 0,
-      ...h,
+      "aria-sort": m ? _() : void 0,
+      ...N,
       children: /* @__PURE__ */ a.jsxs("div", { className: "table__cell--header--content", children: [
         /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
           ee,
           {
-            icon: m(s.icon),
-            noIcon: !m(s.icon),
+            icon: x(s.icon),
+            noIcon: !x(s.icon),
             textLabel: s.label,
             iconPosition: s.iconPosition,
             handleIconAction: () => {
               s.iconAction && s.iconAction();
             },
             popupInfo: s.popupInfo,
-            positionPopUp: (k = s.popupInfo) == null ? void 0 : k.positionPopUp,
-            classNameText: h.variant && "fw-bold text-slate-28 fs-custom md-fs-6"
+            positionPopUp: (w = s.popupInfo) == null ? void 0 : w.positionPopUp,
+            classNameText: N.variant && "fw-bold text-slate-28 fs-custom md-fs-6"
           }
         ) }),
         s.sortable && /* @__PURE__ */ a.jsxs("span", { className: "sort-indicator", children: [
           /* @__PURE__ */ a.jsx(
             ae,
             {
-              filled: n && b === "desc",
-              className: d("sort-indicator__triangle", {
-                active: n && b === "desc"
+              filled: m && i === "desc",
+              className: b("sort-indicator__triangle", {
+                active: m && i === "desc"
               })
             }
           ),
           /* @__PURE__ */ a.jsx(
             se,
             {
-              filled: n && b === "asc",
-              className: d("sort-indicator__triangle", {
-                active: n && b === "asc"
+              filled: m && i === "asc",
+              className: b("sort-indicator__triangle", {
+                active: m && i === "asc"
               })
             }
           )
@@ -227,14 +228,14 @@ z.displayName = "TableHead";
 const ne = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
   /* @__PURE__ */ a.jsx("div", { className: "table__cell--firstLine", children: e.firstLine }),
   /* @__PURE__ */ a.jsx("div", { className: "table__cell--secondLine", children: e.secondLine })
-] }), oe = ({ data: e }) => e.type === "link" && e.link ? /* @__PURE__ */ a.jsx("a", { href: e.link, "aria-label": e.ariaLabel, children: e.label }) : /* @__PURE__ */ a.jsx("button", { onClick: e.action, "aria-label": e.ariaLabel, children: e.label }), M = (e) => typeof e == "object" && e !== null && "firstLine" in e && "secondLine" in e, E = (e) => typeof e == "object" && e !== null && "label" in e && "type" in e, re = ({
+] }), oe = ({ data: e }) => e.type === "link" && e.link ? /* @__PURE__ */ a.jsx("a", { href: e.link, "aria-label": e.ariaLabel, children: e.label }) : /* @__PURE__ */ a.jsx("button", { onClick: e.action, "aria-label": e.ariaLabel, children: e.label }), B = (e) => typeof e == "object" && e !== null && "firstLine" in e && "secondLine" in e, E = (e) => typeof e == "object" && e !== null && "label" in e && "type" in e, re = ({
   content: e
-}) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : M(e) ? /* @__PURE__ */ a.jsx(ne, { data: e }) : E(e) ? /* @__PURE__ */ a.jsx(oe, { data: e }) : null, q = N.forwardRef(
-  ({ className: e, content: s, type: l, ...i }, h) => /* @__PURE__ */ a.jsx(
+}) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : B(e) ? /* @__PURE__ */ a.jsx(ne, { data: e }) : E(e) ? /* @__PURE__ */ a.jsx(oe, { data: e }) : null, P = j.forwardRef(
+  ({ className: e, content: s, type: l, ...n }, N) => /* @__PURE__ */ a.jsx(
     "td",
     {
-      ref: h,
-      className: d(
+      ref: N,
+      className: b(
         "table__cell",
         {
           "table__cell--double-line": l === "double-line",
@@ -242,78 +243,79 @@ const ne = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         },
         e
       ),
-      ...i,
+      ...n,
       children: /* @__PURE__ */ a.jsx(re, { content: s })
     }
   )
 );
-q.displayName = "TableCell";
+P.displayName = "TableCell";
 const ce = ({
   currentPage: e = 1,
   totalResults: s,
   resultsPerPage: l,
-  setCurrentPage: i,
-  onPageChange: h,
-  className: T,
-  serverSide: n = !1,
-  totalItems: b,
-  hasNextPage: y,
-  hasPreviousPage: m,
-  onNextPage: k,
-  onPreviousPage: v
+  currentResultsPerPage: n,
+  setCurrentPage: N,
+  onPageChange: y,
+  className: m,
+  serverSide: i = !1,
+  totalItems: _,
+  hasNextPage: x,
+  hasPreviousPage: w,
+  onNextPage: T,
+  onPreviousPage: D
 }) => {
-  const x = Math.ceil(n ? (b || s) / l : s / l), L = (t) => {
-    i(t), h && h(t);
-  }, R = () => {
+  const h = Math.ceil(i ? (_ || s) / l : s / l), L = (t) => {
+    N(t), y && y(t);
+  }, V = () => {
     const t = e + 1;
-    n && k && k(), L(t);
-  }, B = () => {
+    i && T && T(), L(t);
+  }, A = () => {
     const t = e - 1;
-    n && v && v(), L(t);
-  }, C = n ? !y : e === x, I = n ? !m : e === 1, r = () => {
+    i && D && D(), L(t);
+  }, R = i ? !x : e === h, o = i ? !w : e === 1, I = () => {
     const t = [];
-    if (x <= 5)
-      for (let _ = 1; _ <= x; _++)
-        t.push(_);
+    if (h <= 5)
+      for (let c = 1; c <= h; c++)
+        t.push(c);
     else {
       t.push(1);
-      let _ = Math.max(2, e - 1), u = Math.min(x - 1, e + 1);
-      e <= 3 ? u = 4 : e >= x - 2 && (_ = x - 3), _ > 2 && t.push("...");
-      for (let g = _; g <= u; g++)
-        t.push(g);
-      u < x - 1 && t.push("..."), t.push(x);
+      let c = Math.max(2, e - 1), C = Math.min(h - 1, e + 1);
+      e <= 3 ? C = 4 : e >= h - 2 && (c = h - 3), c > 2 && t.push("...");
+      for (let v = c; v <= C; v++)
+        t.push(v);
+      C < h - 1 && t.push("..."), t.push(h);
     }
     return t;
   };
-  return /* @__PURE__ */ a.jsxs("div", { className: d("pagination", T), children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: b("pagination", m), children: [
     /* @__PURE__ */ a.jsxs("div", { className: "pagination__info", children: [
       "Stai visualizzando",
       " ",
-      /* @__PURE__ */ a.jsx("span", { className: "pagination__info__resultsPerPage", children: l }),
+      /* @__PURE__ */ a.jsx("span", { className: "pagination__info__resultsPerPage", children: i ? n : l }),
       " ",
       "di ",
-      n && b || s,
+      i && _ || s,
       " risultati"
     ] }),
     /* @__PURE__ */ a.jsxs("div", { className: "pagination__nav", children: [
       /* @__PURE__ */ a.jsx(
         "button",
         {
-          className: d(
+          className: b(
             "pagination__button",
-            I && "pagination__button--disabled"
+            o && "pagination__button--disabled"
           ),
-          onClick: B,
-          disabled: I,
+          onClick: A,
+          disabled: o,
           "aria-label": "Previous page",
           children: /* @__PURE__ */ a.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ a.jsx("path", { d: "M15 18l-6-6 6-6" }) })
         }
       ),
-      r().map(
-        (t, D) => t === "..." ? /* @__PURE__ */ a.jsx("span", { className: "pagination__ellipsis", children: "..." }, `ellipsis-${D}`) : /* @__PURE__ */ a.jsx(
+      I().map(
+        (t, M) => t === "..." ? /* @__PURE__ */ a.jsx("span", { className: "pagination__ellipsis", children: "..." }, `ellipsis-${M}`) : /* @__PURE__ */ a.jsx(
           "button",
           {
-            className: d(
+            className: b(
               "pagination__button",
               e === t && "pagination__button--active"
             ),
@@ -327,12 +329,12 @@ const ce = ({
       /* @__PURE__ */ a.jsx(
         "button",
         {
-          className: d(
+          className: b(
             "pagination__button",
-            C && "pagination__button--disabled"
+            R && "pagination__button--disabled"
           ),
-          onClick: R,
-          disabled: C,
+          onClick: V,
+          disabled: R,
           "aria-label": "Next page",
           children: /* @__PURE__ */ a.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ a.jsx("path", { d: "M9 6l6 6-6 6" }) })
         }
@@ -344,9 +346,9 @@ export {
   ce as Pagination,
   ie as Table,
   U as TableBody,
-  q as TableCell,
+  P as TableCell,
   z as TableHead,
   H as TableHeader,
-  V as TableRow
+  $ as TableRow
 };
 //# sourceMappingURL=index.es68.js.map