@anoki/fse-ui 1.0.0-beta1.48.16 → 1.0.0-beta1.48.18

package/dist/index.es6.js

@@ -1,7 +1,7 @@
 import { j as l } from "./index.es243.js";
-import { clsx as u } from "./index.es244.js";
+import { clsx as u } from "./index.es245.js";
 import { useMemo as x } from "react";
-import { createSpacingClasses as C } from "./index.es245.js";
+import { createSpacingClasses as C } from "./index.es274.js";
 import './components/ui/Container/Container.css';/* empty css            */
 const y = ({
   as: o,

package/dist/index.es60.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es243.js";
-import { Title as a } from "./index.es295.js";
-import { clsx as i } from "./index.es244.js";
+import { Title as a } from "./index.es323.js";
+import { clsx as i } from "./index.es245.js";
 import { Button as l } from "./index.es28.js";
 import { Close as m } from "./index.es160.js";
 const f = ({

package/dist/index.es61.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es243.js";
 import './components/ui/filters/FiltersChips/FiltersChips.css';/* empty css            */
-import { clsx as o } from "./index.es244.js";
+import { clsx as o } from "./index.es245.js";
 import { Row as n } from "./index.es9.js";
 const d = ({
   chips: t,

package/dist/index.es62.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es243.js";
-import t from "./index.es328.js";
+import t from "./index.es255.js";
 import './components/ui/CardReminder/CardReminder.css';/* empty css            */
 import { Calendar as m } from "./index.es175.js";
 const h = ({

package/dist/index.es63.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { Avatar as f } from "./index.es64.js";
-import { Divider as C } from "./index.es255.js";
+import { Divider as C } from "./index.es283.js";
 import { Button as p } from "./index.es28.js";
 import './components/ui/CardDoctor/CardDoctor.css';/* empty css            */
 import { Row as b } from "./index.es9.js";

package/dist/index.es64.js

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

package/dist/index.es66.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es243.js";
-import { clsx as c } from "./index.es244.js";
+import { clsx as c } from "./index.es245.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,8 +1,8 @@
 import { j as t } from "./index.es243.js";
-import { clsx as u } from "./index.es244.js";
+import { clsx as u } from "./index.es245.js";
 import F, { useMemo as T } from "react";
 import { InfoPopup as C } from "./index.es75.js";
-import "./index.es337.js";
+import "./index.es364.js";
 import { Favourite as N } from "./index.es184.js";
 import { Row as m } from "./index.es9.js";
 const z = ({

package/dist/index.es68.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es243.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as c } from "./index.es244.js";
+import { clsx as c } from "./index.es245.js";
 import { useState as d } from "react";
 import { MoreActions as j } from "./index.es188.js";
 import { ActionsPopup as h } from "./index.es118.js";

package/dist/index.es69.js

@@ -1,8 +1,8 @@
 import { j as r } from "./index.es243.js";
-import { Root as x, Indicator as p } from "./index.es277.js";
+import { Root as x, Indicator as p } from "./index.es305.js";
 import './components/ui/filters/CheckboxFilter/CheckboxFilter.css';/* empty css            */
-import f from "./index.es328.js";
-import { clsx as i } from "./index.es244.js";
+import f from "./index.es255.js";
+import { clsx as i } from "./index.es245.js";
 import { CheckIconCircle as d } from "./index.es213.js";
 import { Row as n } from "./index.es9.js";
 import { CheckIcon as j } from "./index.es212.js";

package/dist/index.es7.js

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

package/dist/index.es71.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es243.js";
 import './components/ui/CardClinicalData/CardClinicalData.css';/* empty css            */
-import { clsx as s } from "./index.es244.js";
+import { clsx as s } from "./index.es245.js";
 import { Row as c } from "./index.es9.js";
 import { ArrowDown as o } from "./index.es157.js";
 import { Button as j } from "./index.es28.js";

package/dist/index.es73.js

@@ -1,17 +1,17 @@
 import { j as a } from "./index.es243.js";
 import * as j from "react";
 import { useEffect as S } from "react";
-import { clsx as b } from "./index.es244.js";
+import { clsx as b } from "./index.es245.js";
 import './components/ui/Table/Table.css';/* empty css            */
 import { ActionIconText as ee } from "./index.es67.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 { TriangleDown as te } from "./index.es198.js";
+import { Download as se } from "./index.es190.js";
 import { Info as ie } from "./index.es199.js";
 const le = j.forwardRef(
   ({
     className: e,
-    columns: s,
+    columns: t,
     data: i,
     pagination: n,
     initialCurrentPage: N = 1,
@@ -22,23 +22,23 @@ const le = j.forwardRef(
     serverSidePagination: x = !1,
     totalItems: w,
     hasNextPage: T,
-    hasPreviousPage: A,
+    hasPreviousPage: g,
     onNextPage: p,
     onPreviousPage: L,
     onPageChange: V,
-    ...g
+    ...A
   }, I) => {
     const [o, M] = j.useState(
       _ || {
-        key: s[0].key || s[0].label,
+        key: t[0].key || t[0].label,
         direction: h
       }
-    ), [t, R] = j.useState(N);
+    ), [s, R] = j.useState(N);
     S(() => {
       _ && M(_);
     }, [_]);
     const c = j.useMemo(() => [...i].sort((d, k) => {
-      const m = d[o.key], f = k[o.key], u = s.find(
+      const m = d[o.key], f = k[o.key], u = t.find(
         (r) => (r.key || r.label) === o.key
       );
       if (typeof m == "string" && typeof f == "string") {
@@ -56,13 +56,13 @@ const le = j.forwardRef(
         return o.direction === "asc" ? m.localeCompare(f) : f.localeCompare(m);
       }
       return B(m) && B(f) ? o.direction === "asc" ? m.firstLine.localeCompare(f.firstLine) : f.firstLine.localeCompare(m.firstLine) : 0;
-    }), [i, o, s]), C = (d) => {
+    }), [i, o, t]), C = (d) => {
       const k = {
         key: d,
         direction: o.key === d && o.direction === "asc" ? "desc" : "asc"
       };
       M(k), l && l(k);
-    }, v = n && !x ? (t - 1) * y : 0, G = n && !x ? Math.min(v + y, c.length) : c.length, J = x ? c : c.slice(v, G);
+    }, v = n && !x ? (s - 1) * y : 0, G = n && !x ? Math.min(v + y, c.length) : c.length, J = x ? c : c.slice(v, G);
     return /* @__PURE__ */ a.jsxs("div", { className: "position-relative w-full", children: [
       /* @__PURE__ */ a.jsxs(
         "table",
@@ -70,19 +70,19 @@ const le = j.forwardRef(
           ref: I,
           className: b("table", e),
           role: "table",
-          ...g,
+          ...A,
           children: [
-            /* @__PURE__ */ a.jsx(H, { className: "table__header", children: /* @__PURE__ */ a.jsx($, { children: s.map((d, k) => /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(H, { className: "table__header", children: /* @__PURE__ */ a.jsx($, { children: t.map((d, k) => /* @__PURE__ */ a.jsx(
               z,
               {
                 config: d,
                 sortConfig: o,
                 onSort: () => d.sortable && C(d.key || d.label),
-                variant: g.variant
+                variant: A.variant
               },
               `${d.label}-${k}`
             )) }) }),
-            /* @__PURE__ */ a.jsx(U, { className: "table__body", children: J.map((d, k) => /* @__PURE__ */ a.jsx($, { className: "table__row", children: s.map((m, f) => {
+            /* @__PURE__ */ a.jsx(U, { className: "table__body", children: J.map((d, k) => /* @__PURE__ */ a.jsx($, { className: "table__row", children: t.map((m, f) => {
               const u = m.key || m.label, r = d[u];
               return /* @__PURE__ */ a.jsx(
                 q,
@@ -99,7 +99,7 @@ const le = j.forwardRef(
       n && /* @__PURE__ */ a.jsx(
         ce,
         {
-          currentPage: t,
+          currentPage: s,
           totalResults: x ? w || 0 : c.length,
           currentResultsPerPage: i.length,
           resultsPerPage: y,
@@ -108,7 +108,7 @@ const le = j.forwardRef(
           serverSide: x,
           totalItems: w,
           hasNextPage: T,
-          hasPreviousPage: A,
+          hasPreviousPage: g,
           onNextPage: p,
           onPreviousPage: L
         }
@@ -118,31 +118,31 @@ const le = j.forwardRef(
 );
 le.displayName = "Table";
 const H = j.forwardRef(
-  ({ className: e, children: s, ...i }, n) => /* @__PURE__ */ a.jsx(
+  ({ className: e, children: t, ...i }, n) => /* @__PURE__ */ a.jsx(
     "thead",
     {
       ref: n,
       className: b("[&_tr]:border-b-0", e),
       ...i,
-      children: s
+      children: t
     }
   )
 );
 H.displayName = "TableHeader";
 const U = j.forwardRef(
-  ({ className: e, children: s, ...i }, n) => /* @__PURE__ */ a.jsx(
+  ({ className: e, children: t, ...i }, n) => /* @__PURE__ */ a.jsx(
     "tbody",
     {
       ref: n,
       className: b("[&_tr:last-child]:border-0", e),
       ...i,
-      children: s
+      children: t
     }
   )
 );
 U.displayName = "TableBody";
 const $ = j.forwardRef(
-  ({ className: e, children: s, ...i }, n) => /* @__PURE__ */ a.jsx(
+  ({ className: e, children: t, ...i }, n) => /* @__PURE__ */ a.jsx(
     "tr",
     {
       ref: n,
@@ -151,19 +151,19 @@ const $ = j.forwardRef(
         e
       ),
       ...i,
-      children: s
+      children: t
     }
   )
 );
 $.displayName = "TableRow";
-const z = j.forwardRef(({ className: e, config: s, sortConfig: i, onSort: n, ...N }, y) => {
+const z = j.forwardRef(({ className: e, config: t, sortConfig: i, onSort: n, ...N }, y) => {
   var w;
-  const h = i.key === (s.key || s.label), l = h ? i.direction : null, _ = () => l === "asc" ? "ascending" : "descending", x = (T) => {
+  const h = i.key === (t.key || t.label), l = h ? i.direction : null, _ = () => l === "asc" ? "ascending" : "descending", x = (T) => {
     switch (T) {
       case "info":
         return /* @__PURE__ */ a.jsx(ie, {});
       case "download":
-        return /* @__PURE__ */ a.jsx(te, {});
+        return /* @__PURE__ */ a.jsx(se, {});
       default:
         return T;
     }
@@ -175,32 +175,32 @@ const z = j.forwardRef(({ className: e, config: s, sortConfig: i, onSort: n, ...
       className: b(
         "table__cell table__cell--header",
         {
-          "table__cell--sortable": s.sortable,
-          "table__cell--action": s.action
+          "table__cell--sortable": t.sortable,
+          "table__cell--action": t.action
         },
         e
       ),
-      onClick: s.sortable ? n : s.action,
-      "aria-label": s.ariaLabel,
+      onClick: t.sortable ? n : t.action,
+      "aria-label": t.ariaLabel,
       "aria-sort": h ? _() : void 0,
       ...N,
       children: /* @__PURE__ */ a.jsxs("div", { className: "table__cell--header--content", children: [
         /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
           ee,
           {
-            icon: x(s.icon),
-            noIcon: !x(s.icon),
-            textLabel: s.label,
-            iconPosition: s.iconPosition,
+            icon: x(t.icon),
+            noIcon: !x(t.icon),
+            textLabel: t.label,
+            iconPosition: t.iconPosition,
             handleIconAction: () => {
-              s.iconAction && s.iconAction();
+              t.iconAction && t.iconAction();
             },
-            popupInfo: s.popupInfo,
-            positionPopUp: (w = s.popupInfo) == null ? void 0 : w.positionPopUp,
+            popupInfo: t.popupInfo,
+            positionPopUp: (w = t.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: [
+        t.sortable && /* @__PURE__ */ a.jsxs("span", { className: "sort-indicator", children: [
           /* @__PURE__ */ a.jsx(
             ae,
             {
@@ -211,7 +211,7 @@ const z = j.forwardRef(({ className: e, config: s, sortConfig: i, onSort: n, ...
             }
           ),
           /* @__PURE__ */ a.jsx(
-            se,
+            te,
             {
               filled: h && l === "asc",
               className: b("sort-indicator__triangle", {
@@ -231,7 +231,7 @@ const ne = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
 ] }), 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 }) : B(e) ? /* @__PURE__ */ a.jsx(ne, { data: e }) : E(e) ? /* @__PURE__ */ a.jsx(oe, { data: e }) : null, q = j.forwardRef(
-  ({ className: e, content: s, type: i, ...n }, N) => /* @__PURE__ */ a.jsx(
+  ({ className: e, content: t, type: i, ...n }, N) => /* @__PURE__ */ a.jsx(
     "td",
     {
       ref: N,
@@ -244,14 +244,14 @@ const ne = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         e
       ),
       ...n,
-      children: /* @__PURE__ */ a.jsx(re, { content: s })
+      children: /* @__PURE__ */ a.jsx(re, { content: t })
     }
   )
 );
 q.displayName = "TableCell";
 const ce = ({
   currentPage: e = 1,
-  totalResults: s,
+  totalResults: t,
   resultsPerPage: i,
   currentResultsPerPage: n,
   setCurrentPage: N,
@@ -262,39 +262,39 @@ const ce = ({
   hasNextPage: x,
   hasPreviousPage: w,
   onNextPage: T,
-  onPreviousPage: A
+  onPreviousPage: g
 }) => {
-  const p = Math.ceil(l ? (_ || s) / i : s / i), L = (t) => {
-    N(t), y && y(t);
+  const p = Math.ceil(l ? (_ || t) / i : t / i), L = (s) => {
+    N(s), y && y(s);
   }, V = () => {
-    const t = e + 1;
-    l && T && T(), L(t);
-  }, g = () => {
-    const t = e - 1;
-    l && A && A(), L(t);
+    const s = e + 1;
+    l && T && T(), L(s);
+  }, A = () => {
+    const s = e - 1;
+    l && g && g(), L(s);
   }, I = l ? !x : e === p, o = l ? !w : e === 1, M = () => {
-    const t = [];
+    const s = [];
     if (p <= 5)
       for (let c = 1; c <= p; c++)
-        t.push(c);
+        s.push(c);
     else {
-      t.push(1);
+      s.push(1);
       let c = Math.max(2, e - 1), C = Math.min(p - 1, e + 1);
-      e <= 3 ? C = 4 : e >= p - 2 && (c = p - 3), c > 2 && t.push("...");
+      e <= 3 ? C = 4 : e >= p - 2 && (c = p - 3), c > 2 && s.push("...");
       for (let v = c; v <= C; v++)
-        t.push(v);
-      C < p - 1 && t.push("..."), t.push(p);
+        s.push(v);
+      C < p - 1 && s.push("..."), s.push(p);
     }
-    return t;
+    return s;
   };
   return /* @__PURE__ */ a.jsxs("div", { className: b("pagination", h), children: [
     /* @__PURE__ */ a.jsxs("div", { className: "pagination__info", children: [
       "Stai visualizzando",
       " ",
-      /* @__PURE__ */ a.jsx("span", { className: "pagination__info__resultsPerPage", children: l ? n : e === p && s % i !== 0 ? s % i : i }),
+      /* @__PURE__ */ a.jsx("span", { className: "pagination__info__resultsPerPage", children: l ? n : e === p && t % i !== 0 ? t % i : i }),
       " ",
       "di ",
-      l && _ || s,
+      l && _ || t,
       " risultati"
     ] }),
     /* @__PURE__ */ a.jsxs("div", { className: "pagination__nav", children: [
@@ -305,24 +305,34 @@ const ce = ({
             "pagination__button",
             o && "pagination__button--disabled"
           ),
-          onClick: g,
+          onClick: A,
           disabled: o,
-          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" }) })
+          "aria-label": "Previous page",
+          children: /* @__PURE__ */ a.jsx(
+            "svg",
+            {
+              className: "pagination__button-arrow",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              role: "presentation",
+              children: /* @__PURE__ */ a.jsx("path", { d: "M15 18l-6-6 6-6" })
+            }
+          )
         }
       ),
       M().map(
-        (t, R) => t === "..." ? /* @__PURE__ */ a.jsx("span", { className: "pagination__ellipsis", children: "..." }, `ellipsis-${R}`) : /* @__PURE__ */ a.jsx(
+        (s, R) => s === "..." ? /* @__PURE__ */ a.jsx("span", { className: "pagination__ellipsis", children: "..." }, `ellipsis-${R}`) : /* @__PURE__ */ a.jsx(
           "button",
           {
             className: b(
               "pagination__button",
-              e === t && "pagination__button--active"
+              e === s && "pagination__button--active"
             ),
-            onClick: () => L(t),
-            disabled: t === e,
-            children: t
+            onClick: () => L(s),
+            disabled: s === e,
+            children: s
           },
-          t
+          s
         )
       ),
       /* @__PURE__ */ a.jsx(
@@ -334,7 +344,17 @@ const ce = ({
           ),
           onClick: V,
           disabled: I,
-          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" }) })
+          "aria-label": "Next page",
+          children: /* @__PURE__ */ a.jsx(
+            "svg",
+            {
+              className: "pagination__button-arrow",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              role: "presentation",
+              children: /* @__PURE__ */ a.jsx("path", { d: "M9 6l6 6-6 6" })
+            }
+          )
         }
       )
     ] })