@anoki/fse-ui 1.0.0-beta1.45 → 1.0.0-beta1.45.10

package/dist/index.es64.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es240.js";
-import { createColorClasses as l } from "./index.es244.js";
-import { clsx as x } from "./index.es241.js";
+import { j as s } from "./index.es241.js";
+import { createColorClasses as l } from "./index.es271.js";
+import { clsx as x } from "./index.es243.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es65.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es240.js";
+import { j as r } from "./index.es241.js";
 const x = ({ links: t, asLink: a = "a", onClick: o }) => {
   const m = a;
   return /* @__PURE__ */ r.jsx("ul", { className: "list-style-none", role: "list", children: t == null ? void 0 : t.map((e) => {

package/dist/index.es66.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es240.js";
-import { clsx as c } from "./index.es241.js";
+import { j as s } from "./index.es241.js";
+import { clsx as c } from "./index.es243.js";
 import './components/ui/RadioCard/RadioCard.css';/* empty css            */
 import { Col as t } from "./index.es10.js";
 const h = ({

package/dist/index.es67.js

@@ -1,9 +1,9 @@
-import { j as t } from "./index.es240.js";
-import { clsx as u } from "./index.es241.js";
+import { j as t } from "./index.es241.js";
+import { clsx as u } from "./index.es243.js";
 import F, { useMemo as T } from "react";
 import { InfoPopup as C } from "./index.es75.js";
-import "./index.es334.js";
-import { Favourite as N } from "./index.es183.js";
+import "./index.es362.js";
+import { Favourite as N } from "./index.es184.js";
 import { Row as m } from "./index.es9.js";
 const z = ({
   iconColor: c,

package/dist/index.es68.js

@@ -1,8 +1,8 @@
-import { j as i } from "./index.es240.js";
+import { j as i } from "./index.es241.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as c } from "./index.es241.js";
+import { clsx as c } from "./index.es243.js";
 import { useState as d } from "react";
-import { MoreActions as j } from "./index.es187.js";
+import { MoreActions as j } from "./index.es188.js";
 import { ActionsPopup as h } from "./index.es118.js";
 import { Row as n } from "./index.es9.js";
 const y = ({

package/dist/index.es69.js

@@ -1,14 +1,14 @@
-import { j as e } from "./index.es240.js";
-import { Root as p, Indicator as w } from "./index.es274.js";
+import { j as e } from "./index.es241.js";
+import { Checkbox as p, CheckboxIndicator as w } from "./index.es303.js";
 import './components/ui/filters/CheckboxFilter/CheckboxFilter.css';/* empty css            */
-import j from "./index.es325.js";
-import { clsx as i } from "./index.es241.js";
+import k from "./index.es253.js";
+import { clsx as i } from "./index.es243.js";
 import { Row as c } from "./index.es9.js";
-const C = ({
+const v = ({
   id: r,
   label: t,
-  checked: a,
-  onChange: h,
+  checked: h,
+  onChange: a,
   classNameText: l = "fs-6 fw-bold",
   canMultiple: s = !0
 }) => {
@@ -68,8 +68,8 @@ const C = ({
           p,
           {
             id: r,
-            checked: a,
-            onCheckedChange: h,
+            checked: h,
+            onCheckedChange: a,
             className: i(
               s ? "ui-checkbox-filter-container" : "ui-checkbox-filter"
             ),
@@ -78,7 +78,7 @@ const C = ({
           }
         ),
         t && /* @__PURE__ */ e.jsx(
-          j,
+          k,
           {
             as: "label",
             htmlFor: r,
@@ -91,6 +91,6 @@ const C = ({
   ) });
 };
 export {
-  C as CheckboxFilter
+  v as CheckboxFilter
 };
 //# sourceMappingURL=index.es69.js.map

package/dist/index.es7.js

@@ -1,7 +1,7 @@
-import { j as a } from "./index.es240.js";
+import { j as a } from "./index.es241.js";
 import { useMemo as i } from "react";
-import { clsx as m } from "./index.es241.js";
-import { createSpacingClasses as c } from "./index.es242.js";
+import { clsx as m } from "./index.es243.js";
+import { createSpacingClasses as c } from "./index.es272.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es70.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es240.js";
+import { j as e } from "./index.es241.js";
 import { Avatar as x } from "./index.es64.js";
 import './components/ui/CardUser/CardUser.css';/* empty css            */
 import { Col as m } from "./index.es10.js";

package/dist/index.es71.js

@@ -1,8 +1,8 @@
-import { j as a } from "./index.es240.js";
+import { j as a } from "./index.es241.js";
 import './components/ui/CardClinicalData/CardClinicalData.css';/* empty css            */
-import { clsx as s } from "./index.es241.js";
+import { clsx as s } from "./index.es243.js";
 import { Row as c } from "./index.es9.js";
-import { ArrowDown as o } from "./index.es156.js";
+import { ArrowDown as o } from "./index.es157.js";
 import { Button as j } from "./index.es28.js";
 const C = ({
   information: l = [],

package/dist/index.es72.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es240.js";
-import { Spinner as n } from "./index.es194.js";
+import { j as r } from "./index.es241.js";
+import { Spinner as n } from "./index.es195.js";
 const i = ({
   loading: o = !1,
   className: e

package/dist/index.es73.js

@@ -1,13 +1,13 @@
-import { j as a } from "./index.es240.js";
+import { j as a } from "./index.es241.js";
 import * as j from "react";
 import { useEffect as S } from "react";
-import { clsx as b } from "./index.es241.js";
+import { clsx as b } from "./index.es243.js";
 import './components/ui/Table/Table.css';/* empty css            */
 import { ActionIconText as ee } from "./index.es67.js";
-import { TriangleUp as ae } from "./index.es196.js";
-import { TriangleDown as se } from "./index.es197.js";
-import { Download as te } from "./index.es189.js";
-import { Info as ie } from "./index.es198.js";
+import { TriangleUp as ae } from "./index.es197.js";
+import { TriangleDown as se } from "./index.es198.js";
+import { Download as te } from "./index.es190.js";
+import { Info as ie } from "./index.es199.js";
 const le = j.forwardRef(
   ({
     className: e,

package/dist/index.es74.js

@@ -1,51 +1,51 @@
-import { j as n } from "./index.es240.js";
-import { clsx as _ } from "./index.es241.js";
+import { j as i } from "./index.es241.js";
+import { clsx as _ } from "./index.es243.js";
 import './components/ui/TableMobile/TableMobile.css';/* empty css            */
 import * as B from "react";
 import { useState as U } from "react";
 import { Col as $ } from "./index.es10.js";
 import { Row as T } from "./index.es9.js";
 import { ActionIconText as E } from "./index.es67.js";
-import { TriangleUp as q } from "./index.es196.js";
-import { TriangleDown as v } from "./index.es197.js";
-import { Download as F } from "./index.es189.js";
-import { Info as G } from "./index.es198.js";
-const nn = ({
+import { TriangleUp as q } from "./index.es197.js";
+import { TriangleDown as v } from "./index.es198.js";
+import { Download as F } from "./index.es190.js";
+import { Info as G } from "./index.es199.js";
+const ii = ({
   data: t,
   columns: e,
-  pagination: l = !0,
+  pagination: c = !0,
   resultsPerPage: r = 5,
   totalResults: h,
   initialCurrentPage: N = 1,
-  serverSidePagination: o = !1,
-  totalItems: i,
-  hasNextPage: c,
+  serverSidePagination: a = !1,
+  totalItems: n,
+  hasNextPage: l,
   hasPreviousPage: y,
-  onNextPage: d,
-  onPreviousPage: m,
+  onNextPage: m,
+  onPreviousPage: d,
   onPageChange: x,
-  setCurrentPage: a,
-  sortConfig: p = null,
+  setCurrentPage: o,
+  sortConfig: b = null,
   onSortChange: V
 }) => {
-  const [w, k] = U(N), L = (b) => {
-    k(b), a == null || a(b);
-  }, j = B.useMemo(() => p ? [...t].sort((b, u) => {
-    const M = b[p.key], I = u[p.key], z = typeof M == "object" && "firstLine" in M ? M.firstLine : M, A = typeof I == "object" && "firstLine" in I ? I.firstLine : I;
-    return z < A ? p.direction === "asc" ? -1 : 1 : z > A ? p.direction === "asc" ? 1 : -1 : 0;
-  }) : t, [t, p]), s = o ? 0 : (w - 1) * r, D = o ? j.length : Math.min(s + r, j.length), f = j.slice(s, D);
-  return /* @__PURE__ */ n.jsxs($, { className: "w-full h-full", gap: "x16", children: [
-    f.map((b, u) => /* @__PURE__ */ n.jsx(
+  const [w, k] = U(N), L = (p) => {
+    k(p), o == null || o(p);
+  }, j = B.useMemo(() => b ? [...t].sort((p, u) => {
+    const M = p[b.key], I = u[b.key], z = typeof M == "object" && "firstLine" in M ? M.firstLine : M, A = typeof I == "object" && "firstLine" in I ? I.firstLine : I;
+    return z < A ? b.direction === "asc" ? -1 : 1 : z > A ? b.direction === "asc" ? 1 : -1 : 0;
+  }) : t, [t, b]), s = a ? 0 : (w - 1) * r, D = a ? j.length : Math.min(s + r, j.length), f = j.slice(s, D);
+  return /* @__PURE__ */ i.jsxs($, { className: "w-full h-full", gap: "x16", children: [
+    f.map((p, u) => /* @__PURE__ */ i.jsx(
       J,
       {
         columns: e,
-        data: b,
-        sortConfig: p,
+        data: p,
+        sortConfig: b,
         onSortChange: V
       },
       u
     )),
-    l && /* @__PURE__ */ n.jsx(
+    c && /* @__PURE__ */ i.jsx(
       K,
       {
         currentPage: w,
@@ -53,103 +53,103 @@ const nn = ({
         resultsPerPage: r,
         setCurrentPage: L,
         onPageChange: x,
-        serverSide: o,
-        totalItems: i,
-        hasNextPage: c,
+        serverSide: a,
+        totalItems: n,
+        hasNextPage: l,
         hasPreviousPage: y,
-        onNextPage: d,
-        onPreviousPage: m,
-        currentResultsPerPage: o ? j.length : r,
+        onNextPage: m,
+        onPreviousPage: d,
+        currentResultsPerPage: a ? j.length : r,
         className: "mt-x16"
       }
     )
   ] });
-}, H = ({ data: t }) => t.type === "link" && t.link ? /* @__PURE__ */ n.jsx("a", { href: t.link, "aria-label": t.ariaLabel, children: t.label }) : /* @__PURE__ */ n.jsx("button", { onClick: t.action, "aria-label": t.ariaLabel, children: t.label }), J = ({
+}, H = ({ data: t }) => t.type === "link" && t.link ? /* @__PURE__ */ i.jsx("a", { href: t.link, "aria-label": t.ariaLabel, children: t.label }) : /* @__PURE__ */ i.jsx("button", { onClick: t.action, "aria-label": t.ariaLabel, children: t.label }), J = ({
   columns: t,
   sortConfig: e,
-  data: l,
+  data: c,
   onSortChange: r
 }) => {
-  const h = (i) => {
-    if (!i) return "";
-    if (typeof i == "object" && "firstLine" in i) {
-      const c = i;
-      return `${c.firstLine}${c.secondLine ? ` ${c.secondLine}` : ""}`;
+  const h = (n) => {
+    if (!n) return "";
+    if (typeof n == "object" && "firstLine" in n) {
+      const l = n;
+      return `${l.firstLine}${l.secondLine ? ` ${l.secondLine}` : ""}`;
     }
-    return typeof i == "object" && "label" in i && "type" in i ? /* @__PURE__ */ n.jsx(H, { data: i }) : i;
-  }, N = (i) => {
-    switch (i) {
+    return typeof n == "object" && "label" in n && "type" in n ? /* @__PURE__ */ i.jsx(H, { data: n }) : n;
+  }, N = (n) => {
+    switch (n) {
       case "info":
-        return /* @__PURE__ */ n.jsx(G, {});
+        return /* @__PURE__ */ i.jsx(G, {});
       case "download":
-        return /* @__PURE__ */ n.jsx(F, {});
+        return /* @__PURE__ */ i.jsx(F, {});
       default:
-        return i;
+        return n;
     }
-  }, o = (i) => {
+  }, a = (n) => {
     if (!r || !e) return;
-    const c = e.key === i && e.direction === "asc" ? "desc" : "asc";
-    r(i, c);
+    const l = e.key === n && e.direction === "asc" ? "desc" : "asc";
+    r(n, l);
   };
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ i.jsx(
     "div",
     {
       className: _("ui-card-table shadow br-x4 text-slate-28 fs-custom "),
-      children: t.map((i, c) => {
-        if (!i.key || i.key === "actionData")
-          return /* @__PURE__ */ n.jsx(
+      children: t.map((n, l) => {
+        if (!n.key || n.key === "actionData")
+          return /* @__PURE__ */ i.jsx(
             T,
             {
               p: "x16",
               className: "ui-table-header",
               justifyContent: "space-between",
-              children: /* @__PURE__ */ n.jsx($, { justifyContent: "end", gap: "x4", className: "w-full", children: /* @__PURE__ */ n.jsx(T, { justifyContent: "end", className: "table-mobile-actions", children: h(l.actionData) }) })
+              children: /* @__PURE__ */ i.jsx($, { justifyContent: "end", gap: "x4", className: "w-full", children: /* @__PURE__ */ i.jsx(T, { justifyContent: "end", className: "table-mobile-actions", children: h(c.actionData) }) })
             },
-            c
+            l
           );
-        const y = l[i.key], d = i, m = (e == null ? void 0 : e.key) === i.key, x = m ? e.direction : null;
-        return /* @__PURE__ */ n.jsx(
+        const y = c[n.key], m = n, d = (e == null ? void 0 : e.key) === n.key, x = d ? e.direction : null;
+        return /* @__PURE__ */ i.jsx(
           T,
           {
             p: "x16",
             className: "ui-table-header",
             justifyContent: "space-between",
-            children: /* @__PURE__ */ n.jsxs($, { justifyContent: "center", gap: "x4", className: "w-full", children: [
-              /* @__PURE__ */ n.jsx(
+            children: /* @__PURE__ */ i.jsxs($, { justifyContent: "center", gap: "x4", className: "w-full", children: [
+              /* @__PURE__ */ i.jsx(
                 E,
                 {
                   justifyContent: "space-between",
                   alignItems: "center",
-                  icon: N(d.icon),
-                  noIcon: !N(d.icon),
-                  textLabel: d.label,
-                  iconPosition: d.iconPosition,
-                  popupInfo: d.popupInfo,
+                  icon: N(m.icon),
+                  noIcon: !N(m.icon),
+                  textLabel: m.label,
+                  iconPosition: m.iconPosition,
+                  popupInfo: m.popupInfo,
                   positionPopUp: "left",
                   classNameText: "fw-bold text-slate-28 fs-custom md-fs-6",
-                  children: d.sortable && /* @__PURE__ */ n.jsxs(
+                  children: m.sortable && /* @__PURE__ */ i.jsxs(
                     "span",
                     {
                       className: "sort-indicator",
-                      onClick: (a) => {
-                        a.stopPropagation(), o(i.key);
+                      onClick: (o) => {
+                        o.stopPropagation(), a(n.key);
                       },
                       children: [
-                        /* @__PURE__ */ n.jsx(
+                        /* @__PURE__ */ i.jsx(
                           q,
                           {
-                            filled: m && x === "desc",
+                            filled: d && x === "desc",
                             className: _("sort-indicator__triangle", {
-                              active: m && x === "desc"
+                              active: d && x === "desc"
                             })
                           }
                         ),
-                        /* @__PURE__ */ n.jsx(
+                        /* @__PURE__ */ i.jsx(
                           v,
                           {
-                            filled: m && x === "asc",
+                            filled: d && x === "asc",
                             className: _("sort-indicator__triangle", {
-                              active: m && x === "asc"
+                              active: d && x === "asc"
                             })
                           }
                         )
@@ -158,10 +158,10 @@ const nn = ({
                   )
                 }
               ),
-              /* @__PURE__ */ n.jsx(T, { children: h(y) })
+              /* @__PURE__ */ i.jsx(T, { children: h(y) })
             ] })
           },
-          c
+          l
         );
       })
     }
@@ -169,91 +169,91 @@ const nn = ({
 }, K = ({
   currentPage: t = 1,
   totalResults: e = 0,
-  resultsPerPage: l,
+  resultsPerPage: c,
   setCurrentPage: r,
   onPageChange: h,
   className: N,
-  serverSide: o = !1,
-  totalItems: i,
-  hasNextPage: c,
+  serverSide: a = !1,
+  totalItems: n,
+  hasNextPage: l,
   hasPreviousPage: y,
-  onNextPage: d,
-  onPreviousPage: m,
-  currentResultsPerPage: x = l
+  onNextPage: m,
+  onPreviousPage: d,
+  currentResultsPerPage: x = c
 }) => {
-  const a = Math.ceil(o ? (i || e) / l : e / l), p = (s) => {
+  const o = Math.ceil(a ? (n || e) / c : e / c), b = (s) => {
     r == null || r(s), h && h(s);
   }, V = () => {
     const s = t + 1;
-    o && d && d(), p(s);
+    a && m && m(), b(s);
   }, w = () => {
     const s = t - 1;
-    o && m && m(), p(s);
-  }, k = o ? !c : t === a, L = o ? !y : t === 1, j = () => {
+    a && d && d(), b(s);
+  }, k = a ? !l : t === o, L = a ? !y : t === 1, j = () => {
     const s = [];
-    if (a <= 5)
-      for (let f = 1; f <= a; f++)
+    if (o <= 5)
+      for (let f = 1; f <= o; f++)
         s.push(f);
     else {
       s.push(1);
-      let f = Math.max(2, t - 1), b = Math.min(a - 1, t + 1);
-      t <= 3 ? b = 4 : t >= a - 2 && (f = a - 3), f > 2 && s.push("...");
-      for (let u = f; u <= b; u++)
+      let f = Math.max(2, t - 1), p = Math.min(o - 1, t + 1);
+      t <= 3 ? p = 4 : t >= o - 2 && (f = o - 3), f > 2 && s.push("...");
+      for (let u = f; u <= p; u++)
         s.push(u);
-      b < a - 1 && s.push("..."), s.push(a);
+      p < o - 1 && s.push("..."), s.push(o);
     }
     return s;
   };
-  return /* @__PURE__ */ n.jsxs("div", { className: _("pagination", N), children: [
-    /* @__PURE__ */ n.jsxs("div", { className: "pagination__info", children: [
+  return /* @__PURE__ */ i.jsxs("div", { className: _("pagination-mobile", N), children: [
+    /* @__PURE__ */ i.jsxs("div", { className: "pagination-mobile__info", children: [
       "Stai visualizzando",
       " ",
-      /* @__PURE__ */ n.jsx("span", { className: "pagination__info__resultsPerPage", children: o ? x : t === a && e % l !== 0 ? e % l : l }),
+      /* @__PURE__ */ i.jsx("span", { className: "pagination-mobile__info__resultsPerPage", children: a ? x : t === o && e % c !== 0 ? e % c : c }),
       " ",
       "di ",
-      o && i || e,
+      a && n || e,
       " risultati"
     ] }),
-    /* @__PURE__ */ n.jsxs("div", { className: "pagination__nav", children: [
-      /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ i.jsxs("div", { className: "pagination-mobile__nav", children: [
+      /* @__PURE__ */ i.jsx(
         "button",
         {
           className: _(
-            "pagination__button",
-            L && "pagination__button--disabled"
+            "pagination-mobile__button",
+            L && "pagination-mobile__button--disabled"
           ),
           onClick: w,
           disabled: L,
           "aria-label": "Previous page",
-          children: /* @__PURE__ */ n.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ n.jsx("path", { d: "M15 18l-6-6 6-6" }) })
+          children: /* @__PURE__ */ i.jsx("svg", { className: "pagination-mobile__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ i.jsx("path", { d: "M15 18l-6-6 6-6" }) })
         }
       ),
       j().map(
-        (s, D) => s === "..." ? /* @__PURE__ */ n.jsx("span", { className: "pagination__ellipsis", children: "..." }, `ellipsis-${D}`) : /* @__PURE__ */ n.jsx(
+        (s, D) => s === "..." ? /* @__PURE__ */ i.jsx("span", { className: "pagination-mobile__ellipsis", children: "..." }, `ellipsis-${D}`) : /* @__PURE__ */ i.jsx(
           "button",
           {
             className: _(
-              "pagination__button",
-              t === s && "pagination__button--active"
+              "pagination-mobile__button",
+              t === s && "pagination-mobile__button--active"
             ),
-            onClick: () => p(s),
+            onClick: () => b(s),
             disabled: s === t,
             children: s
           },
           s
         )
       ),
-      /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ i.jsx(
         "button",
         {
           className: _(
-            "pagination__button",
-            k && "pagination__button--disabled"
+            "pagination-mobile__button",
+            k && "pagination-mobile__button--disabled"
           ),
           onClick: V,
           disabled: k,
           "aria-label": "Next page",
-          children: /* @__PURE__ */ n.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ n.jsx("path", { d: "M9 6l6 6-6 6" }) })
+          children: /* @__PURE__ */ i.jsx("svg", { className: "pagination-mobile__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ i.jsx("path", { d: "M9 6l6 6-6 6" }) })
         }
       )
     ] })
@@ -261,7 +261,7 @@ const nn = ({
 };
 export {
   J as CardTable,
-  nn as TableMobile,
+  ii as TableMobile,
   K as TableMobilePagination
 };
 //# sourceMappingURL=index.es74.js.map