@anoki/fse-ui 1.0.563 → 1.0.564

package/dist/index.es65.js

@@ -1,140 +1,143 @@
-import { j as a } from "./index.es169.js";
-import * as _ from "react";
-import { useEffect as J } from "react";
-import { clsx as d } from "./index.es171.js";
+import { j as a } from "./index.es188.js";
+import * as u from "react";
+import { useEffect as G } from "react";
+import { clsx as m } from "./index.es190.js";
 import './components/ui/Table/Table.css';/* empty css            */
-import { ActionIconText as P } from "./index.es59.js";
+import { ActionIconText as J } from "./index.es59.js";
 import { TriangleUp as Q } from "./index.es155.js";
 import { TriangleDown as W } from "./index.es156.js";
 import { Download as X } from "./index.es148.js";
 import { Info as Y } from "./index.es157.js";
-const Z = _.forwardRef(
+const Z = u.forwardRef(
   ({
     className: e,
     columns: t,
     data: s,
-    pagination: i,
-    initialCurrentPage: u = 1,
-    resultsPerPage: m = 10,
-    defaultSortDirection: l = "desc",
-    setSelectedSort: b,
-    initialSortConfig: j,
-    ...g
-  }, N) => {
-    const [r, L] = _.useState(
-      j || {
+    pagination: l,
+    initialCurrentPage: x = 1,
+    resultsPerPage: N = 10,
+    defaultSortDirection: r = "desc",
+    setSelectedSort: p,
+    initialSortConfig: _,
+    ...o
+  }, c) => {
+    const [i, C] = u.useState(
+      _ || {
         key: t[0].key || t[0].label,
-        direction: l
+        direction: r
       }
-    ), [v, B] = _.useState(u);
-    J(() => {
-      j && L(j);
-    }, [j]);
-    const y = _.useMemo(() => [...s].sort((c, x) => {
-      const o = c[r.key], n = x[r.key], p = t.find(
-        (f) => (f.key || f.label) === r.key
+    ), [k, $] = u.useState(x);
+    G(() => {
+      _ && C(_);
+    }, [_]);
+    const v = u.useMemo(() => [...s].sort((b, h) => {
+      const d = b[i.key], n = h[i.key], f = t.find(
+        (j) => (j.key || j.label) === i.key
       );
-      if (typeof o == "string" && typeof n == "string") {
-        if ((p == null ? void 0 : p.type) === "date") {
-          const f = (S) => {
-            const [U, V] = S.split(" - "), [z, E, O] = U.split("/").map(Number), [q, G] = V.split(":").map(Number);
-            return new Date(O, E - 1, z, q, G);
-          }, h = f(o), D = f(n);
-          return r.direction === "asc" ? h.getTime() - D.getTime() : D.getTime() - h.getTime();
+      if (typeof d == "string" && typeof n == "string") {
+        if ((f == null ? void 0 : f.type) === "date") {
+          const j = (H) => {
+            const [P, U] = H.split(" - "), [V, z, E] = P.split("/").map(Number), [O, q] = U.split(":").map(Number);
+            return new Date(E, z - 1, V, O, q);
+          }, y = j(d), D = j(n);
+          return i.direction === "asc" ? y.getTime() - D.getTime() : D.getTime() - y.getTime();
         }
-        if ((p == null ? void 0 : p.type) === "number") {
-          const f = parseFloat(o), h = parseFloat(n);
-          return r.direction === "asc" ? f - h : h - f;
+        if ((f == null ? void 0 : f.type) === "number") {
+          const j = parseFloat(d), y = parseFloat(n);
+          return i.direction === "asc" ? j - y : y - j;
         }
-        return r.direction === "asc" ? o.localeCompare(n) : n.localeCompare(o);
+        return i.direction === "asc" ? d.localeCompare(n) : n.localeCompare(d);
       }
-      return w(o) && w(n) ? r.direction === "asc" ? o.firstLine.localeCompare(n.firstLine) : n.firstLine.localeCompare(o.firstLine) : 0;
-    }), [s, r, t]), M = (c) => {
-      const x = {
-        key: c,
-        direction: r.key === c && r.direction === "asc" ? "desc" : "asc"
+      return w(d) && w(n) ? i.direction === "asc" ? d.firstLine.localeCompare(n.firstLine) : n.firstLine.localeCompare(d.firstLine) : 0;
+    }), [s, i, t]), B = (b) => {
+      const h = {
+        key: b,
+        direction: i.key === b && i.direction === "asc" ? "desc" : "asc"
       };
-      L(x), b && b(x);
-    }, C = i ? (v - 1) * m : 0, F = i ? Math.min(C + m, y.length) : y.length, H = y.slice(C, F);
+      C(h), p && p(h);
+    }, L = l ? (k - 1) * N : 0, M = l ? Math.min(L + N, v.length) : v.length, F = v.slice(L, M);
     return /* @__PURE__ */ a.jsxs("div", { className: "position-relative w-full", children: [
       /* @__PURE__ */ a.jsxs(
         "table",
         {
-          ref: N,
-          className: d("table", e),
+          ref: c,
+          className: m("table", e),
           role: "table",
-          ...g,
+          ...o,
           children: [
-            /* @__PURE__ */ a.jsx(R, { className: "table__header", children: /* @__PURE__ */ a.jsx(k, { children: t.map((c, x) => /* @__PURE__ */ a.jsx(
-              $,
+            /* @__PURE__ */ a.jsx(S, { className: "table__header", children: /* @__PURE__ */ a.jsx(g, { children: t.map((b, h) => /* @__PURE__ */ a.jsx(
+              A,
               {
-                config: c,
-                sortConfig: r,
-                onSort: () => c.sortable && M(c.key || c.label)
+                config: b,
+                sortConfig: i,
+                onSort: () => b.sortable && B(b.key || b.label)
               },
-              `${c.label}-${x}`
+              `${b.label}-${h}`
             )) }) }),
-            /* @__PURE__ */ a.jsx(A, { className: "table__body", children: H.map((c, x) => /* @__PURE__ */ a.jsx(k, { className: "table__row", children: Object.entries(c).map(([o, n], p) => n ? o === "actionData" && I(n) ? /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(R, { className: "table__body", children: F.map((b, h) => /* @__PURE__ */ a.jsx(g, { className: "table__row", children: Object.entries(b).map(([d, n], f) => n ? d === "actionData" && I(n) ? /* @__PURE__ */ a.jsx(
               T,
               {
                 content: n,
                 type: "action"
               },
-              `${o}-${p}`
+              `${d}-${f}`
             ) : w(n) ? /* @__PURE__ */ a.jsx(
               T,
               {
                 content: n,
                 type: "double-line"
               },
-              `${o}-${p}`
-            ) : typeof n == "string" ? /* @__PURE__ */ a.jsx(T, { content: n }, `${o}-${p}`) : null : null) }, x)) })
+              `${d}-${f}`
+            ) : typeof n == "string" ? /* @__PURE__ */ a.jsx(T, { content: n }, `${d}-${f}`) : null : null) }, h)) })
           ]
         }
       ),
-      i && /* @__PURE__ */ a.jsx(
+      l && /* @__PURE__ */ a.jsx(
         te,
         {
-          currentPage: v,
-          totalResults: y.length,
-          resultsPerPage: m,
-          setCurrentPage: B
+          currentPage: k,
+          totalResults: o.isServerSide && o.totalServerItems !== void 0 ? o.totalServerItems : v.length,
+          resultsPerPage: N,
+          setCurrentPage: $,
+          onPageChange: o.onPageChange,
+          isServerSide: o.isServerSide,
+          isLoading: o.isLoading
         }
       )
     ] });
   }
 );
 Z.displayName = "Table";
-const R = _.forwardRef(
-  ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
+const S = u.forwardRef(
+  ({ className: e, children: t, ...s }, l) => /* @__PURE__ */ a.jsx(
     "thead",
     {
-      ref: i,
-      className: d("[&_tr]:border-b-0", e),
+      ref: l,
+      className: m("[&_tr]:border-b-0", e),
       ...s,
       children: t
     }
   )
 );
-R.displayName = "TableHeader";
-const A = _.forwardRef(
-  ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
+S.displayName = "TableHeader";
+const R = u.forwardRef(
+  ({ className: e, children: t, ...s }, l) => /* @__PURE__ */ a.jsx(
     "tbody",
     {
-      ref: i,
-      className: d("[&_tr:last-child]:border-0", e),
+      ref: l,
+      className: m("[&_tr:last-child]:border-0", e),
       ...s,
       children: t
     }
   )
 );
-A.displayName = "TableBody";
-const k = _.forwardRef(
-  ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
+R.displayName = "TableBody";
+const g = u.forwardRef(
+  ({ className: e, children: t, ...s }, l) => /* @__PURE__ */ a.jsx(
     "tr",
     {
-      ref: i,
-      className: d(
+      ref: l,
+      className: m(
         "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
         e
       ),
@@ -143,24 +146,24 @@ const k = _.forwardRef(
     }
   )
 );
-k.displayName = "TableRow";
-const $ = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...u }, m) => {
-  var N;
-  const l = s.key === (t.key || t.label), b = l ? s.direction : null, j = () => b === "asc" ? "ascending" : "descending", g = (r) => {
-    switch (r) {
+g.displayName = "TableRow";
+const A = u.forwardRef(({ className: e, config: t, sortConfig: s, onSort: l, ...x }, N) => {
+  var c;
+  const r = s.key === (t.key || t.label), p = r ? s.direction : null, _ = () => p === "asc" ? "ascending" : "descending", o = (i) => {
+    switch (i) {
       case "info":
         return /* @__PURE__ */ a.jsx(Y, {});
       case "download":
         return /* @__PURE__ */ a.jsx(X, {});
       default:
-        return r;
+        return i;
     }
   };
   return /* @__PURE__ */ a.jsx(
     "th",
     {
-      ref: m,
-      className: d(
+      ref: N,
+      className: m(
         "table__cell table__cell--header",
         {
           "table__cell--sortable": t.sortable,
@@ -168,40 +171,40 @@ const $ = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...
         },
         e
       ),
-      onClick: t.sortable ? i : t.action,
+      onClick: t.sortable ? l : t.action,
       "aria-label": t.ariaLabel,
-      "aria-sort": l ? j() : void 0,
-      ...u,
+      "aria-sort": r ? _() : void 0,
+      ...x,
       children: /* @__PURE__ */ a.jsxs("div", { className: "table__cell--header--content", children: [
         /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
-          P,
+          J,
           {
-            icon: g(t.icon),
+            icon: o(t.icon),
             textLabel: t.label,
             iconPosition: t.iconPosition,
             handleIconAction: () => {
               t.iconAction;
             },
             popupInfo: t.popupInfo,
-            positionPopUp: (N = t.popupInfo) == null ? void 0 : N.positionPopUp
+            positionPopUp: (c = t.popupInfo) == null ? void 0 : c.positionPopUp
           }
         ) }),
         t.sortable && /* @__PURE__ */ a.jsxs("span", { className: "sort-indicator", children: [
           /* @__PURE__ */ a.jsx(
             Q,
             {
-              filled: l && b === "desc",
-              className: d("sort-indicator__triangle", {
-                active: l && b === "desc"
+              filled: r && p === "desc",
+              className: m("sort-indicator__triangle", {
+                active: r && p === "desc"
               })
             }
           ),
           /* @__PURE__ */ a.jsx(
             W,
             {
-              filled: l && b === "asc",
-              className: d("sort-indicator__triangle", {
-                active: l && b === "asc"
+              filled: r && p === "asc",
+              className: m("sort-indicator__triangle", {
+                active: r && p === "asc"
               })
             }
           )
@@ -210,18 +213,18 @@ const $ = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...
     }
   );
 });
-$.displayName = "TableHead";
+A.displayName = "TableHead";
 const K = ({ 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 })
 ] }), ee = ({ 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 }), w = (e) => typeof e == "object" && e !== null && "firstLine" in e && "secondLine" in e, I = (e) => typeof e == "object" && e !== null && "label" in e && "type" in e, ae = ({
   content: e
-}) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : w(e) ? /* @__PURE__ */ a.jsx(K, { data: e }) : I(e) ? /* @__PURE__ */ a.jsx(ee, { data: e }) : null, T = _.forwardRef(
-  ({ className: e, content: t, type: s, ...i }, u) => /* @__PURE__ */ a.jsx(
+}) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : w(e) ? /* @__PURE__ */ a.jsx(K, { data: e }) : I(e) ? /* @__PURE__ */ a.jsx(ee, { data: e }) : null, T = u.forwardRef(
+  ({ className: e, content: t, type: s, ...l }, x) => /* @__PURE__ */ a.jsx(
     "td",
     {
-      ref: u,
-      className: d(
+      ref: x,
+      className: m(
         "table__cell",
         {
           "table__cell--double-line": s === "double-line",
@@ -229,7 +232,7 @@ const K = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         },
         e
       ),
-      ...i,
+      ...l,
       children: /* @__PURE__ */ a.jsx(ae, { content: t })
     }
   )
@@ -239,11 +242,16 @@ const te = ({
   currentPage: e = 1,
   totalResults: t,
   resultsPerPage: s,
-  setCurrentPage: i,
-  className: u
+  setCurrentPage: l,
+  onPageChange: x,
+  isServerSide: N = !1,
+  isLoading: r = !1,
+  className: p
 }) => {
-  const m = Math.ceil(t / s);
-  return /* @__PURE__ */ a.jsxs("div", { className: d("pagination", u), children: [
+  const _ = Math.ceil(t / s), o = (c) => {
+    l(c), N && x && x(c);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: m("pagination", p), children: [
     /* @__PURE__ */ a.jsxs("div", { className: "pagination__info", children: [
       "Stai visualizzando",
       " ",
@@ -257,37 +265,39 @@ const te = ({
       /* @__PURE__ */ a.jsx(
         "button",
         {
-          className: d(
+          className: m(
             "pagination__button",
-            e === 1 && "pagination__button--disabled"
+            (e === 1 || r) && "pagination__button--disabled"
           ),
-          onClick: () => i(e - 1),
-          disabled: e === 1,
+          onClick: () => o(e - 1),
+          disabled: e === 1 || r,
           "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" }) })
         }
       ),
-      Array.from({ length: m }, (l, b) => b + 1).map((l) => /* @__PURE__ */ a.jsx(
+      Array.from({ length: _ }, (c, i) => i + 1).map((c) => /* @__PURE__ */ a.jsx(
         "button",
         {
-          className: d(
+          className: m(
             "pagination__button",
-            e === l && "pagination__button--active"
+            e === c && "pagination__button--active",
+            r && "pagination__button--disabled"
           ),
-          onClick: () => i(l),
-          children: l
+          onClick: () => o(c),
+          disabled: r,
+          children: c
         },
-        l
+        c
       )),
       /* @__PURE__ */ a.jsx(
         "button",
         {
-          className: d(
+          className: m(
             "pagination__button",
-            e === m && "pagination__button--disabled"
+            (e === _ || r) && "pagination__button--disabled"
           ),
-          onClick: () => i(e + 1),
-          disabled: e === m,
+          onClick: () => o(e + 1),
+          disabled: e === _ || 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" }) })
         }
@@ -298,10 +308,10 @@ const te = ({
 export {
   te as Pagination,
   Z as Table,
-  A as TableBody,
+  R as TableBody,
   T as TableCell,
-  $ as TableHead,
-  R as TableHeader,
-  k as TableRow
+  A as TableHead,
+  S as TableHeader,
+  g as TableRow
 };
 //# sourceMappingURL=index.es65.js.map

package/dist/index.es65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es65.js","sources":["../src/components/ui/Table/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport clsx from \"clsx\";\nimport \"./Table.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CommonIconsType } from \"@/types/icons\";\nimport { InfoPopupProps } from \"../InfoPopup\";\nimport { useEffect } from \"react\";\n\n// per le celle che vanno renderizzate su due righe\nexport interface DoubleLineData {\n  firstLine: string;\n  secondLine: string;\n}\n\n//per le celle che renderizzano un link o un bottone\nexport interface ActionData {\n  label: string | React.ReactNode;\n  ariaLabel: string;\n  type: \"link\" | \"button\";\n  link?: string;\n  action?: () => void;\n}\n\nexport interface ColumnConfig {\n  label: string;\n  ariaLabel: string;\n  sortable: boolean;\n  action?: () => void;\n  iconAction?: () => void;\n  popupInfo?: InfoPopupProps;\n  icon?: React.ReactNode | CommonIconsType;\n  iconPosition?: \"left\" | \"right\";\n  key?: string;\n  type?: \"string\" | \"date\" | \"number\";\n}\n\nexport interface TableRowData {\n  [key: string]: string | DoubleLineData | ActionData;\n}\n\nexport interface TableHeaderProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableHeadProps\n  extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellBaseProps\n  extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, \"content\"> {\n  type?: \"double-line\" | \"action\";\n}\n\nexport interface TableCellProps extends TableCellBaseProps {\n  content: string | DoubleLineData | ActionData;\n}\n\nexport interface PaginationProps {\n  currentPage: number;\n  totalResults: number;\n  resultsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  className?: string;\n  columns: ColumnConfig[];\n  data: TableRowData[];\n  pagination?: boolean;\n  initialCurrentPage?: number;\n  resultsPerPage?: number;\n  defaultSortDirection?: \"asc\" | \"desc\";\n  setSelectedSort?: (sortConfig: {\n    key: string;\n    direction: \"asc\" | \"desc\";\n  }) => void;\n  initialSortConfig?: { key: string; direction: \"asc\" | \"desc\" };\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      columns,\n      data,\n      pagination,\n      initialCurrentPage = 1,\n      resultsPerPage = 10,\n      defaultSortDirection = \"desc\",\n      setSelectedSort,\n      initialSortConfig,\n      ...props\n    },\n    ref,\n  ) => {\n    const [sortConfig, setSortConfig] = React.useState<{\n      key: string;\n      direction: \"asc\" | \"desc\";\n    }>(\n      initialSortConfig || {\n        key: columns[0].key || columns[0].label,\n        direction: defaultSortDirection,\n      },\n    );\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\n\n    useEffect(() => {\n      if (initialSortConfig) {\n        setSortConfig(initialSortConfig);\n      }\n    }, [initialSortConfig]);\n\n    const sortedData = React.useMemo(() => {\n      return [...data].sort((a, b) => {\n        const aValue = a[sortConfig.key];\n        const bValue = b[sortConfig.key];\n        const column = columns.find(\n          (col) => (col.key || col.label) === sortConfig.key,\n        );\n\n        if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n          if (column?.type === \"date\") {\n            // Convert Italian date format (DD/MM/YYYY - HH:mm) to Date object\n            const parseDate = (dateStr: string) => {\n              const [datePart, timePart] = dateStr.split(\" - \");\n              const [day, month, year] = datePart.split(\"/\").map(Number);\n              const [hours, minutes] = timePart.split(\":\").map(Number);\n              return new Date(year, month - 1, day, hours, minutes);\n            };\n\n            const dateA = parseDate(aValue);\n            const dateB = parseDate(bValue);\n            return sortConfig.direction === \"asc\"\n              ? dateA.getTime() - dateB.getTime()\n              : dateB.getTime() - dateA.getTime();\n          }\n\n          if (column?.type === \"number\") {\n            const numA = parseFloat(aValue);\n            const numB = parseFloat(bValue);\n            return sortConfig.direction === \"asc\" ? numA - numB : numB - numA;\n          }\n\n          return sortConfig.direction === \"asc\"\n            ? aValue.localeCompare(bValue)\n            : bValue.localeCompare(aValue);\n        }\n\n        if (isDoubleLineData(aValue) && isDoubleLineData(bValue)) {\n          return sortConfig.direction === \"asc\"\n            ? aValue.firstLine.localeCompare(bValue.firstLine)\n            : bValue.firstLine.localeCompare(aValue.firstLine);\n        }\n\n        return 0;\n      });\n    }, [data, sortConfig, columns]);\n\n    const handleSort = (columnKey: string) => {\n      const newSortConfig = {\n        key: columnKey,\n        direction:\n          sortConfig.key === columnKey && sortConfig.direction === \"asc\"\n            ? \"desc\"\n            : \"asc\",\n      } as { key: string; direction: \"asc\" | \"desc\" };\n\n      setSortConfig(newSortConfig);\n      if (setSelectedSort) {\n        setSelectedSort(newSortConfig);\n      }\n    };\n\n    const startIndex = pagination ? (currentPage - 1) * resultsPerPage : 0;\n    const endIndex = pagination\n      ? Math.min(startIndex + resultsPerPage, sortedData.length)\n      : sortedData.length;\n    const currentPageData = sortedData.slice(startIndex, endIndex);\n\n    return (\n      <div className=\"position-relative w-full\">\n        <table\n          ref={ref}\n          className={clsx(\"table\", className)}\n          role=\"table\"\n          {...props}\n        >\n          <TableHeader className=\"table__header\">\n            <TableRow>\n              {columns.map((column, index) => (\n                <TableHead\n                  key={`${column.label}-${index}`}\n                  config={column}\n                  sortConfig={sortConfig}\n                  onSort={() =>\n                    column.sortable && handleSort(column.key || column.label)\n                  }\n                />\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody className=\"table__body\">\n            {currentPageData.map((row, rowIndex) => (\n              <TableRow key={rowIndex} className=\"table__row\">\n                {Object.entries(row).map(([key, value], cellIndex) => {\n                  if (!value) return null;\n\n                  if (key === \"actionData\" && isActionData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"action\"\n                      />\n                    );\n                  }\n                  if (isDoubleLineData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"double-line\"\n                      />\n                    );\n                  }\n                  if (typeof value === \"string\") {\n                    return (\n                      <TableCell key={`${key}-${cellIndex}`} content={value} />\n                    );\n                  }\n                  return null;\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </table>\n        {pagination && (\n          <Pagination\n            currentPage={currentPage}\n            totalResults={sortedData.length}\n            resultsPerPage={resultsPerPage}\n            setCurrentPage={setCurrentPage}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={clsx(\"[&_tr]:border-b-0\", className)}\n      {...props}\n    >\n      {children}\n    </thead>\n  ),\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, children, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={clsx(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    >\n      {children}\n    </tbody>\n  ),\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, children, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={clsx(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </tr>\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  TableHeadProps & {\n    config: ColumnConfig;\n    sortConfig: { key: string; direction: \"asc\" | \"desc\" };\n    onSort?: () => void;\n  }\n>(({ className, config, sortConfig, onSort, ...props }, ref) => {\n  const isSorted = sortConfig.key === (config.key || config.label);\n  const sortDirection = isSorted ? sortConfig.direction : null;\n\n  const getAriaSortValue = (): \"ascending\" | \"descending\" => {\n    return sortDirection === \"asc\" ? \"ascending\" : \"descending\";\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  return (\n    <th\n      ref={ref}\n      className={clsx(\n        \"table__cell table__cell--header\",\n        {\n          \"table__cell--sortable\": config.sortable,\n          \"table__cell--action\": config.action,\n        },\n        className,\n      )}\n      onClick={config.sortable ? onSort : config.action}\n      aria-label={config.ariaLabel}\n      aria-sort={isSorted ? getAriaSortValue() : undefined}\n      {...props}\n    >\n      <div className=\"table__cell--header--content\">\n        <div>\n          <ActionIconText\n            icon={renderIcon(config.icon)}\n            textLabel={config.label}\n            iconPosition={config.iconPosition}\n            handleIconAction={() => {\n              config.iconAction;\n            }}\n            popupInfo={config.popupInfo}\n            positionPopUp={config.popupInfo?.positionPopUp}\n          />\n        </div>\n        {config.sortable && (\n          <span className=\"sort-indicator\">\n            <TriangleUp\n              filled={isSorted && sortDirection === \"desc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"desc\",\n              })}\n            />\n            <TriangleDown\n              filled={isSorted && sortDirection === \"asc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"asc\",\n              })}\n            />\n          </span>\n        )}\n      </div>\n    </th>\n  );\n});\nTableHead.displayName = \"TableHead\";\n\nconst DoubleLineContent: React.FC<{ data: DoubleLineData }> = ({ data }) => (\n  <>\n    <div className=\"table__cell--firstLine\">{data.firstLine}</div>\n    <div className=\"table__cell--secondLine\">{data.secondLine}</div>\n  </>\n);\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\n// check if we are rendering a double line data\nconst isDoubleLineData = (\n  content: TableCellProps[\"content\"],\n): content is DoubleLineData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"firstLine\" in content &&\n    \"secondLine\" in content\n  );\n};\n\n// check if we are rendering an action data\nconst isActionData = (\n  content: TableCellProps[\"content\"],\n): content is ActionData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"label\" in content &&\n    \"type\" in content\n  );\n};\n\nconst TableCellContent: React.FC<{ content: TableCellProps[\"content\"] }> = ({\n  content,\n}) => {\n  if (typeof content === \"string\") {\n    return <>{content}</>;\n  }\n  if (isDoubleLineData(content)) {\n    return <DoubleLineContent data={content} />;\n  }\n  if (isActionData(content)) {\n    return <ActionContent data={content} />;\n  }\n  return null;\n};\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, content, type, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={clsx(\n        \"table__cell\",\n        {\n          \"table__cell--double-line\": type === \"double-line\",\n          \"table__cell--action\": type === \"action\",\n        },\n        className,\n      )}\n      {...props}\n    >\n      <TableCellContent content={content} />\n    </td>\n  ),\n);\nTableCell.displayName = \"TableCell\";\n\nconst Pagination: React.FC<PaginationProps> = ({\n  currentPage = 1,\n  totalResults,\n  resultsPerPage,\n  setCurrentPage,\n  className,\n}) => {\n  const totalPages = Math.ceil(totalResults / resultsPerPage);\n\n  return (\n    <div className={clsx(\"pagination\", className)}>\n      <div className=\"pagination__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination__info__resultsPerPage\">\n          {resultsPerPage}\n        </span>{\" \"}\n        di {totalResults} risultati\n      </div>\n      <div className=\"pagination__nav\">\n        <button\n          className={clsx(\n            \"pagination__button\",\n            currentPage === 1 && \"pagination__button--disabled\",\n          )}\n          onClick={() => setCurrentPage(currentPage - 1)}\n          disabled={currentPage === 1}\n          aria-label=\"Previous page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n        {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (\n          <button\n            key={page}\n            className={clsx(\n              \"pagination__button\",\n              currentPage === page && \"pagination__button--active\",\n            )}\n            onClick={() => setCurrentPage(page)}\n          >\n            {page}\n          </button>\n        ))}\n        <button\n          className={clsx(\n            \"pagination__button\",\n            currentPage === totalPages && \"pagination__button--disabled\",\n          )}\n          onClick={() => setCurrentPage(currentPage + 1)}\n          disabled={currentPage === totalPages}\n          aria-label=\"Next page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableHead,\n  TableRow,\n  TableCell,\n  Pagination,\n};\n"],"names":["Table","React","className","columns","data","pagination","initialCurrentPage","resultsPerPage","defaultSortDirection","setSelectedSort","initialSortConfig","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","useEffect","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","newSortConfig","startIndex","endIndex","currentPageData","jsxs","clsx","jsx","TableHeader","TableRow","index","TableHead","TableBody","row","rowIndex","key","value","cellIndex","isActionData","TableCell","Pagination","children","config","onSort","isSorted","sortDirection","getAriaSortValue","renderIcon","icon","Info","Download","ActionIconText","_a","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","totalPages","_","i","page"],"mappings":";;;;;;;;;;AAmGA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,gBAAAC,IAAiB;AAAA,IACjB,sBAAAC,IAAuB;AAAA,IACvB,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAM,CAACC,GAAYC,CAAa,IAAIb,EAAM;AAAA,MAIxCS,KAAqB;AAAA,QACnB,KAAKP,EAAQ,CAAC,EAAE,OAAOA,EAAQ,CAAC,EAAE;AAAA,QAClC,WAAWK;AAAA,MAAA;AAAA,IAEf,GACM,CAACO,GAAaC,CAAc,IAAIf,EAAM,SAASK,CAAkB;AAEvE,IAAAW,EAAU,MAAM;AACd,MAAIP,KACFI,EAAcJ,CAAiB;AAAA,IACjC,GACC,CAACA,CAAiB,CAAC;AAEhB,UAAAQ,IAAajB,EAAM,QAAQ,MACxB,CAAC,GAAGG,CAAI,EAAE,KAAK,CAACe,GAAGC,MAAM;AACxB,YAAAC,IAASF,EAAEN,EAAW,GAAG,GACzBS,IAASF,EAAEP,EAAW,GAAG,GACzBU,IAASpB,EAAQ;AAAA,QACrB,CAACqB,OAASA,EAAI,OAAOA,EAAI,WAAWX,EAAW;AAAA,MACjD;AAEA,UAAI,OAAOQ,KAAW,YAAY,OAAOC,KAAW,UAAU;AACxD,aAAAC,KAAA,gBAAAA,EAAQ,UAAS,QAAQ;AAErB,gBAAAE,IAAY,CAACC,MAAoB;AACrC,kBAAM,CAACC,GAAUC,CAAQ,IAAIF,EAAQ,MAAM,KAAK,GAC1C,CAACG,GAAKC,GAAOC,CAAI,IAAIJ,EAAS,MAAM,GAAG,EAAE,IAAI,MAAM,GACnD,CAACK,GAAOC,CAAO,IAAIL,EAAS,MAAM,GAAG,EAAE,IAAI,MAAM;AACvD,mBAAO,IAAI,KAAKG,GAAMD,IAAQ,GAAGD,GAAKG,GAAOC,CAAO;AAAA,UACtD,GAEMC,IAAQT,EAAUJ,CAAM,GACxBc,IAAQV,EAAUH,CAAM;AAC9B,iBAAOT,EAAW,cAAc,QAC5BqB,EAAM,QAAQ,IAAIC,EAAM,QACxB,IAAAA,EAAM,QAAQ,IAAID,EAAM,QAAQ;AAAA,QAAA;AAGlC,aAAAX,KAAA,gBAAAA,EAAQ,UAAS,UAAU;AACvB,gBAAAa,IAAO,WAAWf,CAAM,GACxBgB,IAAO,WAAWf,CAAM;AAC9B,iBAAOT,EAAW,cAAc,QAAQuB,IAAOC,IAAOA,IAAOD;AAAA,QAAA;AAGxD,eAAAvB,EAAW,cAAc,QAC5BQ,EAAO,cAAcC,CAAM,IAC3BA,EAAO,cAAcD,CAAM;AAAA,MAAA;AAGjC,aAAIiB,EAAiBjB,CAAM,KAAKiB,EAAiBhB,CAAM,IAC9CT,EAAW,cAAc,QAC5BQ,EAAO,UAAU,cAAcC,EAAO,SAAS,IAC/CA,EAAO,UAAU,cAAcD,EAAO,SAAS,IAG9C;AAAA,IAAA,CACR,GACA,CAACjB,GAAMS,GAAYV,CAAO,CAAC,GAExBoC,IAAa,CAACC,MAAsB;AACxC,YAAMC,IAAgB;AAAA,QACpB,KAAKD;AAAA,QACL,WACE3B,EAAW,QAAQ2B,KAAa3B,EAAW,cAAc,QACrD,SACA;AAAA,MACR;AAEA,MAAAC,EAAc2B,CAAa,GACvBhC,KACFA,EAAgBgC,CAAa;AAAA,IAEjC,GAEMC,IAAarC,KAAcU,IAAc,KAAKR,IAAiB,GAC/DoC,IAAWtC,IACb,KAAK,IAAIqC,IAAanC,GAAgBW,EAAW,MAAM,IACvDA,EAAW,QACT0B,IAAkB1B,EAAW,MAAMwB,GAAYC,CAAQ;AAG3D,WAAAE,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,4BACb,UAAA;AAAA,MAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAjC;AAAA,UACA,WAAWkC,EAAK,SAAS5C,CAAS;AAAA,UAClC,MAAK;AAAA,UACJ,GAAGS;AAAA,UAEJ,UAAA;AAAA,YAACoC,gBAAAA,EAAAA,IAAAC,GAAA,EAAY,WAAU,iBACrB,UAAAD,gBAAAA,EAAA,IAACE,KACE,UAAQ9C,EAAA,IAAI,CAACoB,GAAQ2B,MACpBH,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBAEC,QAAQ5B;AAAA,gBACR,YAAAV;AAAA,gBACA,QAAQ,MACNU,EAAO,YAAYgB,EAAWhB,EAAO,OAAOA,EAAO,KAAK;AAAA,cAAA;AAAA,cAJrD,GAAGA,EAAO,KAAK,IAAI2B,CAAK;AAAA,YAAA,CAOhC,GACH,EACF,CAAA;AAAA,YACAH,gBAAAA,EAAAA,IAACK,KAAU,WAAU,eAClB,YAAgB,IAAI,CAACC,GAAKC,MACxBP,gBAAAA,EAAA,IAAAE,GAAA,EAAwB,WAAU,cAChC,UAAA,OAAO,QAAQI,CAAG,EAAE,IAAI,CAAC,CAACE,GAAKC,CAAK,GAAGC,MACjCD,IAEDD,MAAQ,gBAAgBG,EAAaF,CAAK,IAE1CT,gBAAAA,EAAA;AAAA,cAACY;AAAA,cAAA;AAAA,gBAEC,SAASH;AAAA,gBACT,MAAK;AAAA,cAAA;AAAA,cAFA,GAAGD,CAAG,IAAIE,CAAS;AAAA,YAG1B,IAGAnB,EAAiBkB,CAAK,IAEtBT,gBAAAA,EAAA;AAAA,cAACY;AAAA,cAAA;AAAA,gBAEC,SAASH;AAAA,gBACT,MAAK;AAAA,cAAA;AAAA,cAFA,GAAGD,CAAG,IAAIE,CAAS;AAAA,YAG1B,IAGA,OAAOD,KAAU,WAEjBT,gBAAAA,MAACY,KAAsC,SAASH,EAAA,GAAhC,GAAGD,CAAG,IAAIE,CAAS,EAAoB,IAGpD,OAzBY,IA0BpB,EAAA,GA5BYH,CA6Bf,CACD,EACH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MACCjD,KACC0C,gBAAAA,EAAA;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,aAAA7C;AAAA,UACA,cAAcG,EAAW;AAAA,UACzB,gBAAAX;AAAA,UACA,gBAAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,EAAA;AAGN;AACAhB,EAAM,cAAc;AAEpB,MAAMgD,IAAc/C,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,UAAA2D,GAAU,GAAGlD,KAASC,MAClCmC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAnC;AAAA,MACA,WAAWkC,EAAK,qBAAqB5C,CAAS;AAAA,MAC7C,GAAGS;AAAA,MAEH,UAAAkD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAb,EAAY,cAAc;AAE1B,MAAMI,IAAYnD,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,UAAA2D,GAAU,GAAGlD,KAASC,MAClCmC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAnC;AAAA,MACA,WAAWkC,EAAK,8BAA8B5C,CAAS;AAAA,MACtD,GAAGS;AAAA,MAEH,UAAAkD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAT,EAAU,cAAc;AAExB,MAAMH,IAAWhD,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,UAAA2D,GAAU,GAAGlD,KAASC,MAClCmC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAnC;AAAA,MACA,WAAWkC;AAAA,QACT;AAAA,QACA5C;AAAA,MACF;AAAA,MACC,GAAGS;AAAA,MAEH,UAAAkD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAZ,EAAS,cAAc;AAEvB,MAAME,IAAYlD,EAAM,WAOtB,CAAC,EAAE,WAAAC,GAAW,QAAA4D,GAAQ,YAAAjD,GAAY,QAAAkD,GAAQ,GAAGpD,EAAM,GAAGC,MAAQ;;AAC9D,QAAMoD,IAAWnD,EAAW,SAASiD,EAAO,OAAOA,EAAO,QACpDG,IAAgBD,IAAWnD,EAAW,YAAY,MAElDqD,IAAmB,MAChBD,MAAkB,QAAQ,cAAc,cAG3CE,IAAa,CAACC,MAA4C;AAC9D,YAAQA,GAAM;AAAA,MACZ,KAAK;AACH,qCAAQC,GAAK,EAAA;AAAA,MACf,KAAK;AACH,qCAAQC,GAAS,EAAA;AAAA,MACnB;AACS,eAAAF;AAAA,IAAA;AAAA,EAEb;AAGE,SAAArB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAnC;AAAA,MACA,WAAWkC;AAAA,QACT;AAAA,QACA;AAAA,UACE,yBAAyBgB,EAAO;AAAA,UAChC,uBAAuBA,EAAO;AAAA,QAChC;AAAA,QACA5D;AAAA,MACF;AAAA,MACA,SAAS4D,EAAO,WAAWC,IAASD,EAAO;AAAA,MAC3C,cAAYA,EAAO;AAAA,MACnB,aAAWE,IAAWE,EAAA,IAAqB;AAAA,MAC1C,GAAGvD;AAAA,MAEJ,UAAAkC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,QAAAE,gBAAAA,MAAC,OACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,UAACwB;AAAA,UAAA;AAAA,YACC,MAAMJ,EAAWL,EAAO,IAAI;AAAA,YAC5B,WAAWA,EAAO;AAAA,YAClB,cAAcA,EAAO;AAAA,YACrB,kBAAkB,MAAM;AACf,cAAAA,EAAA;AAAA,YACT;AAAA,YACA,WAAWA,EAAO;AAAA,YAClB,gBAAeU,IAAAV,EAAO,cAAP,gBAAAU,EAAkB;AAAA,UAAA;AAAA,QAAA,GAErC;AAAA,QACCV,EAAO,YACLjB,gBAAAA,OAAA,QAAA,EAAK,WAAU,kBACd,UAAA;AAAA,UAAAE,gBAAAA,EAAA;AAAA,YAAC0B;AAAA,YAAA;AAAA,cACC,QAAQT,KAAYC,MAAkB;AAAA,cACtC,WAAWnB,EAAK,4BAA4B;AAAA,gBAC1C,QAAQkB,KAAYC,MAAkB;AAAA,cACvC,CAAA;AAAA,YAAA;AAAA,UACH;AAAA,UACAlB,gBAAAA,EAAA;AAAA,YAAC2B;AAAA,YAAA;AAAA,cACC,QAAQV,KAAYC,MAAkB;AAAA,cACtC,WAAWnB,EAAK,4BAA4B;AAAA,gBAC1C,QAAQkB,KAAYC,MAAkB;AAAA,cACvC,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EACF,CAAA;AAAA,MAAA,EAEJ,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;AACDd,EAAU,cAAc;AAExB,MAAMwB,IAAwD,CAAC,EAAE,MAAAvE,EAAA,MAE7DyC,gBAAAA,EAAAA,KAAA+B,EAAAA,UAAA,EAAA,UAAA;AAAA,EAAA7B,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,0BAA0B,UAAA3C,EAAK,WAAU;AAAA,EACvD2C,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,2BAA2B,YAAK,WAAW,CAAA;AAAA,GAC5D,GAGI8B,KAAgD,CAAC,EAAE,MAAAzE,QACnDA,EAAK,SAAS,UAAUA,EAAK,OAE7B2C,gBAAAA,EAAA,IAAC,OAAE,MAAM3C,EAAK,MAAM,cAAYA,EAAK,WAClC,UAAAA,EAAK,MACR,CAAA,IAIF2C,gBAAAA,EAAA,IAAC,YAAO,SAAS3C,EAAK,QAAQ,cAAYA,EAAK,WAC5C,UAAAA,EAAK,MACR,CAAA,GAKEkC,IAAmB,CACvBwC,MAGE,OAAOA,KAAY,YACnBA,MAAY,QACZ,eAAeA,KACf,gBAAgBA,GAKdpB,IAAe,CACnBoB,MAGE,OAAOA,KAAY,YACnBA,MAAY,QACZ,WAAWA,KACX,UAAUA,GAIRC,KAAqE,CAAC;AAAA,EAC1E,SAAAD;AACF,MACM,OAAOA,KAAY,+CACX,UAAQA,EAAA,CAAA,IAEhBxC,EAAiBwC,CAAO,IACnB/B,gBAAAA,EAAA,IAAC4B,GAAkB,EAAA,MAAMG,EAAS,CAAA,IAEvCpB,EAAaoB,CAAO,IACf/B,gBAAAA,EAAA,IAAC8B,IAAc,EAAA,MAAMC,EAAS,CAAA,IAEhC,MAGHnB,IAAY1D,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,SAAA4E,GAAS,MAAAE,GAAM,GAAGrE,EAAA,GAASC,MACvCmC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAnC;AAAA,MACA,WAAWkC;AAAA,QACT;AAAA,QACA;AAAA,UACE,4BAA4BkC,MAAS;AAAA,UACrC,uBAAuBA,MAAS;AAAA,QAClC;AAAA,QACA9E;AAAA,MACF;AAAA,MACC,GAAGS;AAAA,MAEJ,UAAAoC,gBAAAA,EAAA,IAACgC,MAAiB,SAAAD,EAAkB,CAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;AACAnB,EAAU,cAAc;AAExB,MAAMC,KAAwC,CAAC;AAAA,EAC7C,aAAA7C,IAAc;AAAA,EACd,cAAAkE;AAAA,EACA,gBAAA1E;AAAA,EACA,gBAAAS;AAAA,EACA,WAAAd;AACF,MAAM;AACJ,QAAMgF,IAAa,KAAK,KAAKD,IAAe1E,CAAc;AAE1D,gCACG,OAAI,EAAA,WAAWuC,EAAK,cAAc5C,CAAS,GAC1C,UAAA;AAAA,IAAC2C,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBAAmB,UAAA;AAAA,MAAA;AAAA,MACb;AAAA,MAClBE,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,oCACb,UACHxC,GAAA;AAAA,MAAQ;AAAA,MAAI;AAAA,MACR0E;AAAA,MAAa;AAAA,IAAA,GACnB;AAAA,IACApC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,YACA/B,MAAgB,KAAK;AAAA,UACvB;AAAA,UACA,SAAS,MAAMC,EAAeD,IAAc,CAAC;AAAA,UAC7C,UAAUA,MAAgB;AAAA,UAC1B,cAAW;AAAA,UAEX,UAAAgC,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BAA2B,SAAQ,aAChD,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,GAAE,kBAAkB,CAAA,EAC5B,CAAA;AAAA,QAAA;AAAA,MACF;AAAA,MACC,MAAM,KAAK,EAAE,QAAQmC,EAAc,GAAA,CAACC,GAAGC,MAAMA,IAAI,CAAC,EAAE,IAAI,CAACC,MACxDtC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAWD;AAAA,YACT;AAAA,YACA/B,MAAgBsE,KAAQ;AAAA,UAC1B;AAAA,UACA,SAAS,MAAMrE,EAAeqE,CAAI;AAAA,UAEjC,UAAAA;AAAA,QAAA;AAAA,QAPIA;AAAA,MAAA,CASR;AAAA,MACDtC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,YACA/B,MAAgBmE,KAAc;AAAA,UAChC;AAAA,UACA,SAAS,MAAMlE,EAAeD,IAAc,CAAC;AAAA,UAC7C,UAAUA,MAAgBmE;AAAA,UAC1B,cAAW;AAAA,UAEX,UAAAnC,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BAA2B,SAAQ,aAChD,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,GAAE,eAAe,CAAA,EACzB,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es65.js","sources":["../src/components/ui/Table/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport clsx from \"clsx\";\nimport \"./Table.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CommonIconsType } from \"@/types/icons\";\nimport { InfoPopupProps } from \"../InfoPopup\";\nimport { useEffect } from \"react\";\n\n// per le celle che vanno renderizzate su due righe\nexport interface DoubleLineData {\n  firstLine: string;\n  secondLine: string;\n}\n\n//per le celle che renderizzano un link o un bottone\nexport interface ActionData {\n  label: string | React.ReactNode;\n  ariaLabel: string;\n  type: \"link\" | \"button\";\n  link?: string;\n  action?: () => void;\n}\n\nexport interface ColumnConfig {\n  label: string;\n  ariaLabel: string;\n  sortable: boolean;\n  action?: () => void;\n  iconAction?: () => void;\n  popupInfo?: InfoPopupProps;\n  icon?: React.ReactNode | CommonIconsType;\n  iconPosition?: \"left\" | \"right\";\n  key?: string;\n  type?: \"string\" | \"date\" | \"number\";\n}\n\nexport interface TableRowData {\n  [key: string]: string | DoubleLineData | ActionData;\n}\n\nexport interface TableHeaderProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableHeadProps\n  extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellBaseProps\n  extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, \"content\"> {\n  type?: \"double-line\" | \"action\";\n}\n\nexport interface TableCellProps extends TableCellBaseProps {\n  content: string | DoubleLineData | ActionData;\n}\n\nexport interface PaginationProps {\n  currentPage: number;\n  totalResults: number;\n  resultsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  isServerSide?: boolean;\n  isLoading?: boolean;\n  className?: string;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  className?: string;\n  columns: ColumnConfig[];\n  data: TableRowData[];\n  pagination?: boolean;\n  initialCurrentPage?: number;\n  resultsPerPage?: number;\n  defaultSortDirection?: \"asc\" | \"desc\";\n  setSelectedSort?: (sortConfig: {\n    key: string;\n    direction: \"asc\" | \"desc\";\n  }) => void;\n  initialSortConfig?: { key: string; direction: \"asc\" | \"desc\" };\n  isServerSide?: boolean;\n  onPageChange?: (page: number) => void;\n  totalServerItems?: number;\n  isLoading?: boolean;\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      columns,\n      data,\n      pagination,\n      initialCurrentPage = 1,\n      resultsPerPage = 10,\n      defaultSortDirection = \"desc\",\n      setSelectedSort,\n      initialSortConfig,\n      ...props\n    },\n    ref,\n  ) => {\n    const [sortConfig, setSortConfig] = React.useState<{\n      key: string;\n      direction: \"asc\" | \"desc\";\n    }>(\n      initialSortConfig || {\n        key: columns[0].key || columns[0].label,\n        direction: defaultSortDirection,\n      },\n    );\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\n\n    useEffect(() => {\n      if (initialSortConfig) {\n        setSortConfig(initialSortConfig);\n      }\n    }, [initialSortConfig]);\n\n    const sortedData = React.useMemo(() => {\n      return [...data].sort((a, b) => {\n        const aValue = a[sortConfig.key];\n        const bValue = b[sortConfig.key];\n        const column = columns.find(\n          (col) => (col.key || col.label) === sortConfig.key,\n        );\n\n        if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n          if (column?.type === \"date\") {\n            // Convert Italian date format (DD/MM/YYYY - HH:mm) to Date object\n            const parseDate = (dateStr: string) => {\n              const [datePart, timePart] = dateStr.split(\" - \");\n              const [day, month, year] = datePart.split(\"/\").map(Number);\n              const [hours, minutes] = timePart.split(\":\").map(Number);\n              return new Date(year, month - 1, day, hours, minutes);\n            };\n\n            const dateA = parseDate(aValue);\n            const dateB = parseDate(bValue);\n            return sortConfig.direction === \"asc\"\n              ? dateA.getTime() - dateB.getTime()\n              : dateB.getTime() - dateA.getTime();\n          }\n\n          if (column?.type === \"number\") {\n            const numA = parseFloat(aValue);\n            const numB = parseFloat(bValue);\n            return sortConfig.direction === \"asc\" ? numA - numB : numB - numA;\n          }\n\n          return sortConfig.direction === \"asc\"\n            ? aValue.localeCompare(bValue)\n            : bValue.localeCompare(aValue);\n        }\n\n        if (isDoubleLineData(aValue) && isDoubleLineData(bValue)) {\n          return sortConfig.direction === \"asc\"\n            ? aValue.firstLine.localeCompare(bValue.firstLine)\n            : bValue.firstLine.localeCompare(aValue.firstLine);\n        }\n\n        return 0;\n      });\n    }, [data, sortConfig, columns]);\n\n    const handleSort = (columnKey: string) => {\n      const newSortConfig = {\n        key: columnKey,\n        direction:\n          sortConfig.key === columnKey && sortConfig.direction === \"asc\"\n            ? \"desc\"\n            : \"asc\",\n      } as { key: string; direction: \"asc\" | \"desc\" };\n\n      setSortConfig(newSortConfig);\n      if (setSelectedSort) {\n        setSelectedSort(newSortConfig);\n      }\n    };\n\n    const startIndex = pagination ? (currentPage - 1) * resultsPerPage : 0;\n    const endIndex = pagination\n      ? Math.min(startIndex + resultsPerPage, sortedData.length)\n      : sortedData.length;\n    const currentPageData = sortedData.slice(startIndex, endIndex);\n\n    return (\n      <div className=\"position-relative w-full\">\n        <table\n          ref={ref}\n          className={clsx(\"table\", className)}\n          role=\"table\"\n          {...props}\n        >\n          <TableHeader className=\"table__header\">\n            <TableRow>\n              {columns.map((column, index) => (\n                <TableHead\n                  key={`${column.label}-${index}`}\n                  config={column}\n                  sortConfig={sortConfig}\n                  onSort={() =>\n                    column.sortable && handleSort(column.key || column.label)\n                  }\n                />\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody className=\"table__body\">\n            {currentPageData.map((row, rowIndex) => (\n              <TableRow key={rowIndex} className=\"table__row\">\n                {Object.entries(row).map(([key, value], cellIndex) => {\n                  if (!value) return null;\n\n                  if (key === \"actionData\" && isActionData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"action\"\n                      />\n                    );\n                  }\n                  if (isDoubleLineData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"double-line\"\n                      />\n                    );\n                  }\n                  if (typeof value === \"string\") {\n                    return (\n                      <TableCell key={`${key}-${cellIndex}`} content={value} />\n                    );\n                  }\n                  return null;\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </table>\n        {pagination && (\n          <Pagination\n            currentPage={currentPage}\n            totalResults={\n              props.isServerSide && props.totalServerItems !== undefined\n                ? props.totalServerItems\n                : sortedData.length\n            }\n            resultsPerPage={resultsPerPage}\n            setCurrentPage={setCurrentPage}\n            onPageChange={props.onPageChange}\n            isServerSide={props.isServerSide}\n            isLoading={props.isLoading}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={clsx(\"[&_tr]:border-b-0\", className)}\n      {...props}\n    >\n      {children}\n    </thead>\n  ),\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, children, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={clsx(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    >\n      {children}\n    </tbody>\n  ),\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, children, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={clsx(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </tr>\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  TableHeadProps & {\n    config: ColumnConfig;\n    sortConfig: { key: string; direction: \"asc\" | \"desc\" };\n    onSort?: () => void;\n  }\n>(({ className, config, sortConfig, onSort, ...props }, ref) => {\n  const isSorted = sortConfig.key === (config.key || config.label);\n  const sortDirection = isSorted ? sortConfig.direction : null;\n\n  const getAriaSortValue = (): \"ascending\" | \"descending\" => {\n    return sortDirection === \"asc\" ? \"ascending\" : \"descending\";\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  return (\n    <th\n      ref={ref}\n      className={clsx(\n        \"table__cell table__cell--header\",\n        {\n          \"table__cell--sortable\": config.sortable,\n          \"table__cell--action\": config.action,\n        },\n        className,\n      )}\n      onClick={config.sortable ? onSort : config.action}\n      aria-label={config.ariaLabel}\n      aria-sort={isSorted ? getAriaSortValue() : undefined}\n      {...props}\n    >\n      <div className=\"table__cell--header--content\">\n        <div>\n          <ActionIconText\n            icon={renderIcon(config.icon)}\n            textLabel={config.label}\n            iconPosition={config.iconPosition}\n            handleIconAction={() => {\n              config.iconAction;\n            }}\n            popupInfo={config.popupInfo}\n            positionPopUp={config.popupInfo?.positionPopUp}\n          />\n        </div>\n        {config.sortable && (\n          <span className=\"sort-indicator\">\n            <TriangleUp\n              filled={isSorted && sortDirection === \"desc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"desc\",\n              })}\n            />\n            <TriangleDown\n              filled={isSorted && sortDirection === \"asc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"asc\",\n              })}\n            />\n          </span>\n        )}\n      </div>\n    </th>\n  );\n});\nTableHead.displayName = \"TableHead\";\n\nconst DoubleLineContent: React.FC<{ data: DoubleLineData }> = ({ data }) => (\n  <>\n    <div className=\"table__cell--firstLine\">{data.firstLine}</div>\n    <div className=\"table__cell--secondLine\">{data.secondLine}</div>\n  </>\n);\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\n// check if we are rendering a double line data\nconst isDoubleLineData = (\n  content: TableCellProps[\"content\"],\n): content is DoubleLineData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"firstLine\" in content &&\n    \"secondLine\" in content\n  );\n};\n\n// check if we are rendering an action data\nconst isActionData = (\n  content: TableCellProps[\"content\"],\n): content is ActionData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"label\" in content &&\n    \"type\" in content\n  );\n};\n\nconst TableCellContent: React.FC<{ content: TableCellProps[\"content\"] }> = ({\n  content,\n}) => {\n  if (typeof content === \"string\") {\n    return <>{content}</>;\n  }\n  if (isDoubleLineData(content)) {\n    return <DoubleLineContent data={content} />;\n  }\n  if (isActionData(content)) {\n    return <ActionContent data={content} />;\n  }\n  return null;\n};\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, content, type, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={clsx(\n        \"table__cell\",\n        {\n          \"table__cell--double-line\": type === \"double-line\",\n          \"table__cell--action\": type === \"action\",\n        },\n        className,\n      )}\n      {...props}\n    >\n      <TableCellContent content={content} />\n    </td>\n  ),\n);\nTableCell.displayName = \"TableCell\";\n\nconst Pagination: React.FC<PaginationProps> = ({\n  currentPage = 1,\n  totalResults,\n  resultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  isServerSide = false,\n  isLoading = false,\n  className,\n}) => {\n  const totalPages = Math.ceil(totalResults / resultsPerPage);\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    if (isServerSide && onPageChange) {\n      onPageChange(page);\n    }\n  };\n  return (\n    <div className={clsx(\"pagination\", className)}>\n      <div className=\"pagination__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination__info__resultsPerPage\">\n          {resultsPerPage}\n        </span>{\" \"}\n        di {totalResults} risultati\n      </div>\n      <div className=\"pagination__nav\">\n        <button\n          className={clsx(\n            \"pagination__button\",\n            (currentPage === 1 || isLoading) && \"pagination__button--disabled\",\n          )}\n          onClick={() => handlePageChange(currentPage - 1)}\n          disabled={currentPage === 1 || isLoading}\n          aria-label=\"Previous page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n        {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (\n          <button\n            key={page}\n            className={clsx(\n              \"pagination__button\",\n              currentPage === page && \"pagination__button--active\",\n              isLoading && \"pagination__button--disabled\",\n            )}\n            onClick={() => handlePageChange(page)}\n            disabled={isLoading}\n          >\n            {page}\n          </button>\n        ))}\n        <button\n          className={clsx(\n            \"pagination__button\",\n            (currentPage === totalPages || isLoading) &&\n              \"pagination__button--disabled\",\n          )}\n          onClick={() => handlePageChange(currentPage + 1)}\n          disabled={currentPage === totalPages || isLoading}\n          aria-label=\"Next page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableHead,\n  TableRow,\n  TableCell,\n  Pagination,\n};\n"],"names":["Table","React","className","columns","data","pagination","initialCurrentPage","resultsPerPage","defaultSortDirection","setSelectedSort","initialSortConfig","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","useEffect","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","newSortConfig","startIndex","endIndex","currentPageData","jsxs","clsx","jsx","TableHeader","TableRow","index","TableHead","TableBody","row","rowIndex","key","value","cellIndex","isActionData","TableCell","Pagination","children","config","onSort","isSorted","sortDirection","getAriaSortValue","renderIcon","icon","Info","Download","ActionIconText","_a","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","onPageChange","isServerSide","isLoading","totalPages","handlePageChange","page","_"],"mappings":"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"}

package/dist/index.es66.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es169.js";
+import { j as r } from "./index.es188.js";
 import { useRef as c, useEffect as p } from "react";
-import { clsx as l } from "./index.es171.js";
+import { clsx as l } from "./index.es190.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
 import { Close as x } from "./index.es120.js";
 const b = ({

package/dist/index.es67.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es169.js";
+import { j as s } from "./index.es188.js";
 import './components/ui/CardNotification/CardNotification.css';/* empty css            */
 import { useMemo as g } from "react";
 import { Actions as y } from "./index.es141.js";

package/dist/index.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es67.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\nimport { useMemo } from \"react\";\nimport { Actions, Calendar } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\n\ntype Variant = \"primary\" | \"secondary\";\n\ntype NotificationIcon = \"calendar\" | \"actions\";\n\ntype CardNotificationProps = {\n  type: string;\n  date: string;\n  icon: NotificationIcon;\n  showBadge?: boolean;\n  title: string;\n  text: string;\n  variant?: Variant;\n  onClickEdit?: () => void;\n  onClickManage?: () => void;\n  onClickGoToDetails?: () => void;\n  showExpired?: boolean;\n  buttonMaxWidth?: boolean;\n  onClickRightManage?: () => void;\n};\n\nexport const CardNotification = ({\n  type,\n  onClickEdit,\n  onClickRightManage,\n  showExpired = false,\n  buttonMaxWidth,\n  onClickGoToDetails,\n  icon = \"calendar\",\n  variant = \"primary\",\n  onClickManage,\n  date,\n  title,\n  showBadge = false,\n  text,\n}: CardNotificationProps) => {\n  const isSecondary = variant === \"secondary\";\n\n  const iconToRender = useMemo(() => {\n    if (icon === \"calendar\") {\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\n    }\n    if (icon === \"actions\") {\n      return <Actions width={24} height={26} color=\"slate-28\" />;\n    }\n  }, [icon]);\n\n  const cardClasses = ` ${\n    isSecondary\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\n      : \"bg-white\"\n  } shadow br-x4  `;\n\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\n  }   `;\n\n  const manageButtonClasses = ` ${\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\n  }  `;\n\n  return (\n    <div className={cardClasses}>\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\n      </Row>\n      <div className={\"ui-card-notifications-divider \"} />\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\n        <div className={iconContainer}>\n          {showBadge && (\n            <div className={\"ui-card-notifications-badge-container\"}>\n              <div className={\"ui-card-notifications-badge\"} />\n            </div>\n          )}\n          {iconToRender}\n        </div>\n        <div className={\"w-full\"}>\n          <div className={\"mb-x24\"}>\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\n            {showExpired && (\n              <Row mb={\"x8\"}>\n                <div\n                  className={\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\n                  }\n                >\n                  SCADUTO\n                </div>\n              </Row>\n            )}\n            <p>{text}</p>\n          </div>\n\n          {onClickManage && (\n            <div className={\"base-row justify-content-center\"}>\n              <Button className={manageButtonClasses} onClick={onClickManage}>\n                Gestisci\n              </Button>\n            </div>\n          )}\n\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\n            {onClickRightManage && (\n              <div className={\"base-row justify-content-center\"}>\n                <Button onClick={onClickRightManage}>Gestisci</Button>\n              </div>\n            )}\n\n            {!!onClickEdit && (\n              <Button\n                onClick={onClickEdit}\n                bg=\"transparent\"\n                textColor=\"primary\"\n              >\n                Modifica\n              </Button>\n            )}\n            {!!onClickGoToDetails && (\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\n                Più dettagli\n              </Button>\n            )}\n          </Row>\n        </div>\n      </Row>\n    </div>\n  );\n};\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"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"}
+{"version":3,"file":"index.es67.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\r\nimport { useMemo } from \"react\";\r\nimport { Actions, Calendar } from \"@/icons\";\r\nimport { Button, Row } from \"@/components\";\r\n\r\ntype Variant = \"primary\" | \"secondary\";\r\n\r\ntype NotificationIcon = \"calendar\" | \"actions\";\r\n\r\ntype CardNotificationProps = {\r\n  type: string;\r\n  date: string;\r\n  icon: NotificationIcon;\r\n  showBadge?: boolean;\r\n  title: string;\r\n  text: string;\r\n  variant?: Variant;\r\n  onClickEdit?: () => void;\r\n  onClickManage?: () => void;\r\n  onClickGoToDetails?: () => void;\r\n  showExpired?: boolean;\r\n  buttonMaxWidth?: boolean;\r\n  onClickRightManage?: () => void;\r\n};\r\n\r\nexport const CardNotification = ({\r\n  type,\r\n  onClickEdit,\r\n  onClickRightManage,\r\n  showExpired = false,\r\n  buttonMaxWidth,\r\n  onClickGoToDetails,\r\n  icon = \"calendar\",\r\n  variant = \"primary\",\r\n  onClickManage,\r\n  date,\r\n  title,\r\n  showBadge = false,\r\n  text,\r\n}: CardNotificationProps) => {\r\n  const isSecondary = variant === \"secondary\";\r\n\r\n  const iconToRender = useMemo(() => {\r\n    if (icon === \"calendar\") {\r\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n    if (icon === \"actions\") {\r\n      return <Actions width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n  }, [icon]);\r\n\r\n  const cardClasses = ` ${\r\n    isSecondary\r\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\r\n      : \"bg-white\"\r\n  } shadow br-x4  `;\r\n\r\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\r\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\r\n  }   `;\r\n\r\n  const manageButtonClasses = ` ${\r\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\r\n  }  `;\r\n\r\n  return (\r\n    <div className={cardClasses}>\r\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\r\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\r\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\r\n      </Row>\r\n      <div className={\"ui-card-notifications-divider \"} />\r\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\r\n        <div className={iconContainer}>\r\n          {showBadge && (\r\n            <div className={\"ui-card-notifications-badge-container\"}>\r\n              <div className={\"ui-card-notifications-badge\"} />\r\n            </div>\r\n          )}\r\n          {iconToRender}\r\n        </div>\r\n        <div className={\"w-full\"}>\r\n          <div className={\"mb-x24\"}>\r\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\r\n            {showExpired && (\r\n              <Row mb={\"x8\"}>\r\n                <div\r\n                  className={\r\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\r\n                  }\r\n                >\r\n                  SCADUTO\r\n                </div>\r\n              </Row>\r\n            )}\r\n            <p>{text}</p>\r\n          </div>\r\n\r\n          {onClickManage && (\r\n            <div className={\"base-row justify-content-center\"}>\r\n              <Button className={manageButtonClasses} onClick={onClickManage}>\r\n                Gestisci\r\n              </Button>\r\n            </div>\r\n          )}\r\n\r\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\r\n            {onClickRightManage && (\r\n              <div className={\"base-row justify-content-center\"}>\r\n                <Button onClick={onClickRightManage}>Gestisci</Button>\r\n              </div>\r\n            )}\r\n\r\n            {!!onClickEdit && (\r\n              <Button\r\n                onClick={onClickEdit}\r\n                bg=\"transparent\"\r\n                textColor=\"primary\"\r\n              >\r\n                Modifica\r\n              </Button>\r\n            )}\r\n            {!!onClickGoToDetails && (\r\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\r\n                Più dettagli\r\n              </Button>\r\n            )}\r\n          </Row>\r\n        </div>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"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"}