@anoki/fse-ui 1.0.730 → 1.0.732

package/dist/index.es66.js

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