@anoki/fse-ui 1.0.566 → 1.0.567

package/dist/index.es65.js

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