@anoki/fse-ui 1.0.548 → 1.0.550

package/dist/index.es65.js

@@ -1,101 +1,111 @@
 import { j as a } from "./index.es185.js";
 import * as _ from "react";
+import { useEffect as J } from "react";
 import { clsx as c } from "./index.es187.js";
 import './components/ui/Table/Table.css';/* empty css            */
-import { ActionIconText as q } from "./index.es59.js";
-import { TriangleUp as G } from "./index.es154.js";
-import { TriangleDown as J } from "./index.es155.js";
-import { Info as Q } from "./index.es156.js";
-import { Download as W } from "./index.es147.js";
-const X = _.forwardRef(
+import { ActionIconText as Q } from "./index.es59.js";
+import { TriangleUp as W } from "./index.es154.js";
+import { TriangleDown as X } from "./index.es155.js";
+import { Download as Y } from "./index.es147.js";
+import { Info as Z } from "./index.es156.js";
+const K = _.forwardRef(
   ({
     className: e,
     columns: t,
     data: s,
     pagination: i,
-    initialCurrentPage: f = 1,
-    resultsPerPage: m = 10,
-    defaultSortDirection: n = "desc",
-    ...p
-  }, g) => {
-    const [d, u] = _.useState({
-      key: t[0].key || t[0].label,
-      direction: n
-    }), [k, $] = _.useState(f), N = _.useMemo(() => [...s].sort((o, x) => {
-      const r = o[d.key], l = x[d.key], b = t.find(
-        (j) => (j.key || j.label) === d.key
+    initialCurrentPage: j = 1,
+    resultsPerPage: p = 10,
+    defaultSortDirection: l = "desc",
+    setSelectedSort: b,
+    initialSortConfig: u,
+    ...g
+  }, N) => {
+    const [d, L] = _.useState(
+      u || {
+        key: t[0].key || t[0].label,
+        direction: l
+      }
+    ), [v, I] = _.useState(j);
+    J(() => {
+      u && L(u);
+    }, [u]);
+    const y = _.useMemo(() => [...s].sort((o, x) => {
+      const r = o[d.key], n = x[d.key], m = t.find(
+        (f) => (f.key || f.label) === d.key
       );
-      if (typeof r == "string" && typeof l == "string") {
-        if ((b == null ? void 0 : b.type) === "date") {
-          const j = (M) => {
-            const [F, H] = M.split(" - "), [V, z, E] = F.split("/").map(Number), [O, U] = H.split(":").map(Number);
-            return new Date(E, z - 1, V, O, U);
-          }, h = j(r), v = j(l);
-          return d.direction === "asc" ? h.getTime() - v.getTime() : v.getTime() - h.getTime();
+      if (typeof r == "string" && typeof n == "string") {
+        if ((m == null ? void 0 : m.type) === "date") {
+          const f = (S) => {
+            const [V, z] = S.split(" - "), [E, O, U] = V.split("/").map(Number), [q, G] = z.split(":").map(Number);
+            return new Date(U, O - 1, E, q, G);
+          }, h = f(r), D = f(n);
+          return d.direction === "asc" ? h.getTime() - D.getTime() : D.getTime() - h.getTime();
         }
-        if ((b == null ? void 0 : b.type) === "number") {
-          const j = parseFloat(r), h = parseFloat(l);
-          return d.direction === "asc" ? j - h : h - j;
+        if ((m == null ? void 0 : m.type) === "number") {
+          const f = parseFloat(r), h = parseFloat(n);
+          return d.direction === "asc" ? f - h : h - f;
         }
-        return d.direction === "asc" ? r.localeCompare(l) : l.localeCompare(r);
+        return d.direction === "asc" ? r.localeCompare(n) : n.localeCompare(r);
       }
-      return y(r) && y(l) ? d.direction === "asc" ? r.firstLine.localeCompare(l.firstLine) : l.firstLine.localeCompare(r.firstLine) : 0;
-    }), [s, d, t]), S = (o) => {
-      u((x) => ({
+      return w(r) && w(n) ? d.direction === "asc" ? r.firstLine.localeCompare(n.firstLine) : n.firstLine.localeCompare(r.firstLine) : 0;
+    }), [s, d, t]), M = (o) => {
+      const x = {
         key: o,
-        direction: x.key === o && x.direction === "asc" ? "desc" : "asc"
-      }));
-    }, L = i ? (k - 1) * m : 0, B = i ? Math.min(L + m, N.length) : N.length, I = N.slice(L, B);
+        direction: d.key === o && d.direction === "asc" ? "desc" : "asc"
+      };
+      L(x), b && b(x);
+    }, C = i ? (v - 1) * p : 0, F = i ? Math.min(C + p, y.length) : y.length, H = y.slice(C, F);
     return /* @__PURE__ */ a.jsxs("div", { className: "position-relative w-full", children: [
       /* @__PURE__ */ a.jsxs(
         "table",
         {
-          ref: g,
+          ref: N,
           className: c("table", e),
           role: "table",
-          ...p,
+          ...g,
           children: [
-            /* @__PURE__ */ a.jsx(C, { className: "table__header", children: /* @__PURE__ */ a.jsx(w, { children: t.map((o, x) => /* @__PURE__ */ a.jsx(
-              R,
+            /* @__PURE__ */ a.jsx(R, { className: "table__header", children: /* @__PURE__ */ a.jsx(k, { children: t.map((o, x) => /* @__PURE__ */ a.jsx(
+              $,
               {
                 config: o,
                 sortConfig: d,
-                onSort: () => o.sortable && S(o.key || o.label)
+                onSort: () => o.sortable && M(o.key || o.label)
               },
               `${o.label}-${x}`
             )) }) }),
-            /* @__PURE__ */ a.jsx(D, { className: "table__body", children: I.map((o, x) => /* @__PURE__ */ a.jsx(w, { className: "table__row", children: Object.entries(o).map(([r, l], b) => l ? r === "actionData" && A(l) ? /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(A, { className: "table__body", children: H.map((o, x) => /* @__PURE__ */ a.jsx(k, { className: "table__row", children: Object.entries(o).map(([r, n], m) => n ? r === "actionData" && B(n) ? /* @__PURE__ */ a.jsx(
               T,
               {
-                content: l,
+                content: n,
                 type: "action"
               },
-              `${r}-${b}`
-            ) : y(l) ? /* @__PURE__ */ a.jsx(
+              `${r}-${m}`
+            ) : w(n) ? /* @__PURE__ */ a.jsx(
               T,
               {
-                content: l,
+                content: n,
                 type: "double-line"
               },
-              `${r}-${b}`
-            ) : typeof l == "string" ? /* @__PURE__ */ a.jsx(T, { content: l }, `${r}-${b}`) : null : null) }, x)) })
+              `${r}-${m}`
+            ) : typeof n == "string" ? /* @__PURE__ */ a.jsx(T, { content: n }, `${r}-${m}`) : null : null) }, x)) })
           ]
         }
       ),
       i && /* @__PURE__ */ a.jsx(
-        P,
+        te,
         {
-          currentPage: k,
-          totalResults: N.length,
-          resultsPerPage: m,
-          setCurrentPage: $
+          currentPage: v,
+          totalResults: y.length,
+          resultsPerPage: p,
+          setCurrentPage: I
         }
       )
     ] });
   }
 );
-X.displayName = "Table";
-const C = _.forwardRef(
+K.displayName = "Table";
+const R = _.forwardRef(
   ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
     "thead",
     {
@@ -106,8 +116,8 @@ const C = _.forwardRef(
     }
   )
 );
-C.displayName = "TableHeader";
-const D = _.forwardRef(
+R.displayName = "TableHeader";
+const A = _.forwardRef(
   ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
     "tbody",
     {
@@ -118,8 +128,8 @@ const D = _.forwardRef(
     }
   )
 );
-D.displayName = "TableBody";
-const w = _.forwardRef(
+A.displayName = "TableBody";
+const k = _.forwardRef(
   ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
     "tr",
     {
@@ -133,22 +143,22 @@ const w = _.forwardRef(
     }
   )
 );
-w.displayName = "TableRow";
-const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...f }, m) => {
-  const n = s.key === (t.key || t.label), p = n ? s.direction : null, g = () => p === "asc" ? "ascending" : "descending", d = (u) => {
-    switch (u) {
+k.displayName = "TableRow";
+const $ = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...j }, p) => {
+  const l = s.key === (t.key || t.label), b = l ? s.direction : null, u = () => b === "asc" ? "ascending" : "descending", g = (N) => {
+    switch (N) {
       case "info":
-        return /* @__PURE__ */ a.jsx(Q, {});
+        return /* @__PURE__ */ a.jsx(Z, {});
       case "download":
-        return /* @__PURE__ */ a.jsx(W, {});
+        return /* @__PURE__ */ a.jsx(Y, {});
       default:
-        return u;
+        return N;
     }
   };
   return /* @__PURE__ */ a.jsx(
     "th",
     {
-      ref: m,
+      ref: p,
       className: c(
         "table__cell table__cell--header",
         {
@@ -159,13 +169,13 @@ const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...
       ),
       onClick: t.sortable ? i : t.action,
       "aria-label": t.ariaLabel,
-      "aria-sort": n ? g() : void 0,
-      ...f,
+      "aria-sort": l ? u() : void 0,
+      ...j,
       children: /* @__PURE__ */ a.jsxs("div", { className: "table__cell--header--content", children: [
         /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
-          q,
+          Q,
           {
-            icon: d(t.icon),
+            icon: g(t.icon),
             textLabel: t.label,
             iconPosition: t.iconPosition,
             handleIconAction: () => {
@@ -176,20 +186,20 @@ const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...
         ) }),
         t.sortable && /* @__PURE__ */ a.jsxs("span", { className: "sort-indicator", children: [
           /* @__PURE__ */ a.jsx(
-            G,
+            W,
             {
-              filled: n && p === "desc",
+              filled: l && b === "desc",
               className: c("sort-indicator__triangle", {
-                active: n && p === "desc"
+                active: l && b === "desc"
               })
             }
           ),
           /* @__PURE__ */ a.jsx(
-            J,
+            X,
             {
-              filled: n && p === "asc",
+              filled: l && b === "asc",
               className: c("sort-indicator__triangle", {
-                active: n && p === "asc"
+                active: l && b === "asc"
               })
             }
           )
@@ -198,17 +208,17 @@ const R = _.forwardRef(({ className: e, config: t, sortConfig: s, onSort: i, ...
     }
   );
 });
-R.displayName = "TableHead";
-const Y = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+$.displayName = "TableHead";
+const P = ({ 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 })
-] }), Z = ({ 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 }), y = (e) => typeof e == "object" && e !== null && "firstLine" in e && "secondLine" in e, A = (e) => typeof e == "object" && e !== null && "label" in e && "type" in e, K = ({
+] }), 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, B = (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 }) : y(e) ? /* @__PURE__ */ a.jsx(Y, { data: e }) : A(e) ? /* @__PURE__ */ a.jsx(Z, { data: e }) : null, T = _.forwardRef(
-  ({ className: e, content: t, type: s, ...i }, f) => /* @__PURE__ */ a.jsx(
+}) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : w(e) ? /* @__PURE__ */ a.jsx(P, { data: e }) : B(e) ? /* @__PURE__ */ a.jsx(ee, { data: e }) : null, T = _.forwardRef(
+  ({ className: e, content: t, type: s, ...i }, j) => /* @__PURE__ */ a.jsx(
     "td",
     {
-      ref: f,
+      ref: j,
       className: c(
         "table__cell",
         {
@@ -218,20 +228,20 @@ const Y = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         e
       ),
       ...i,
-      children: /* @__PURE__ */ a.jsx(K, { content: t })
+      children: /* @__PURE__ */ a.jsx(ae, { content: t })
     }
   )
 );
 T.displayName = "TableCell";
-const P = ({
+const te = ({
   currentPage: e = 1,
   totalResults: t,
   resultsPerPage: s,
   setCurrentPage: i,
-  className: f
+  className: j
 }) => {
-  const m = Math.ceil(t / s);
-  return /* @__PURE__ */ a.jsxs("div", { className: c("pagination", f), children: [
+  const p = Math.ceil(t / s);
+  return /* @__PURE__ */ a.jsxs("div", { className: c("pagination", j), children: [
     /* @__PURE__ */ a.jsxs("div", { className: "pagination__info", children: [
       "Stai visualizzando",
       " ",
@@ -255,27 +265,27 @@ const P = ({
           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 }, (n, p) => p + 1).map((n) => /* @__PURE__ */ a.jsx(
+      Array.from({ length: p }, (l, b) => b + 1).map((l) => /* @__PURE__ */ a.jsx(
         "button",
         {
           className: c(
             "pagination__button",
-            e === n && "pagination__button--active"
+            e === l && "pagination__button--active"
           ),
-          onClick: () => i(n),
-          children: n
+          onClick: () => i(l),
+          children: l
         },
-        n
+        l
       )),
       /* @__PURE__ */ a.jsx(
         "button",
         {
           className: c(
             "pagination__button",
-            e === m && "pagination__button--disabled"
+            e === p && "pagination__button--disabled"
           ),
           onClick: () => i(e + 1),
-          disabled: e === m,
+          disabled: e === p,
           "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" }) })
         }
@@ -284,12 +294,12 @@ const P = ({
   ] });
 };
 export {
-  P as Pagination,
-  X as Table,
-  D as TableBody,
+  te as Pagination,
+  K as Table,
+  A as TableBody,
   T as TableCell,
-  R as TableHead,
-  C as TableHeader,
-  w as TableRow
+  $ as TableHead,
+  R as TableHeader,
+  k 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\";\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}\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      ...props\n    },\n    ref,\n  ) => {\n    const [sortConfig, setSortConfig] = React.useState<{\n      key: string;\n      direction: \"asc\" | \"desc\";\n    }>({\n      key: columns[0].key || columns[0].label,\n      direction: defaultSortDirection,\n    });\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\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      setSortConfig((currentSort) => ({\n        key: columnKey,\n        direction:\n          currentSort.key === columnKey && currentSort.direction === \"asc\"\n            ? \"desc\"\n            : \"asc\",\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          />\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","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","currentSort","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","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","totalPages","_","i","page"],"mappings":"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"}
+{"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          />\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","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","totalPages","_","i","page"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anoki/fse-ui",
-  "version": "1.0.548",
+  "version": "1.0.550",
   "description": "FSE UI components library",
   "type": "module",
   "main": "dist/index.cjs.js",

package/dist/index.cjs340.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Be=require("react"),v=require("./index.cjs335.js"),Ve=require("./index.cjs370.js"),y=require("./index.cjs336.js"),Ye=require("./index.cjs337.js"),Xe=require("./index.cjs371.js"),We=require("./index.cjs345.js"),ze=require("./index.cjs348.js"),Ze=require("./index.cjs346.js"),T=require("./index.cjs372.js"),Je=require("./index.cjs347.js"),X=require("./index.cjs344.js"),A=require("./index.cjs339.js"),W=require("./index.cjs373.js"),Qe=require("./index.cjs351.js"),be=require("./index.cjs369.js"),et=require("./index.cjs350.js"),tt=require("./index.cjs349.js"),a=require("./index.cjs185.js");function nt(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=nt(Be);var oe=["Enter"," "],ot=["ArrowDown","PageUp","Home"],we=["ArrowUp","PageDown","End"],rt=[...ot,...we],st={ltr:[...oe,"ArrowRight"],rtl:[...oe,"ArrowLeft"]},ct={ltr:["ArrowLeft"],rtl:["ArrowRight"]},F="Menu",[N,ut,at]=Ve.createCollection(F),[j,it]=Ye.createContextScope(F,[at,T.createPopperScope,W.createRovingFocusGroupScope]),z=T.createPopperScope(),ye=W.createRovingFocusGroupScope(),[lt,S]=j(F),[dt,G]=j(F),re=e=>{const{__scopeMenu:n,open:t=!1,children:o,dir:u,onOpenChange:s,modal:l=!0}=e,m=z(n),[p,x]=r.useState(null),f=r.useRef(!1),c=be.useCallbackRef(s),d=Xe.useDirection(u);return r.useEffect(()=>{const R=()=>{f.current=!0,document.addEventListener("pointerdown",M,{capture:!0,once:!0}),document.addEventListener("pointermove",M,{capture:!0,once:!0})},M=()=>f.current=!1;return document.addEventListener("keydown",R,{capture:!0}),()=>{document.removeEventListener("keydown",R,{capture:!0}),document.removeEventListener("pointerdown",M,{capture:!0}),document.removeEventListener("pointermove",M,{capture:!0})}},[]),a.jsxRuntimeExports.jsx(T.Root,{...m,children:a.jsxRuntimeExports.jsx(lt,{scope:n,open:t,onOpenChange:c,content:p,onContentChange:x,children:a.jsxRuntimeExports.jsx(dt,{scope:n,onClose:r.useCallback(()=>c(!1),[c]),isUsingKeyboardRef:f,dir:d,modal:l,children:o})})})};re.displayName=F;var ft="MenuAnchor",Z=r.forwardRef((e,n)=>{const{__scopeMenu:t,...o}=e,u=z(t);return a.jsxRuntimeExports.jsx(T.Anchor,{...u,...o,ref:n})});Z.displayName=ft;var se="MenuPortal",[mt,Te]=j(se,{forceMount:void 0}),ce=e=>{const{__scopeMenu:n,forceMount:t,children:o,container:u}=e,s=S(se,n);return a.jsxRuntimeExports.jsx(mt,{scope:n,forceMount:t,children:a.jsxRuntimeExports.jsx(X.Presence,{present:t||s.open,children:a.jsxRuntimeExports.jsx(Je.Portal,{asChild:!0,container:u,children:o})})})};ce.displayName=se;var C="MenuContent",[pt,ue]=j(C),ae=r.forwardRef((e,n)=>{const t=Te(C,e.__scopeMenu),{forceMount:o=t.forceMount,...u}=e,s=S(C,e.__scopeMenu),l=G(C,e.__scopeMenu);return a.jsxRuntimeExports.jsx(N.Provider,{scope:e.__scopeMenu,children:a.jsxRuntimeExports.jsx(X.Presence,{present:o||s.open,children:a.jsxRuntimeExports.jsx(N.Slot,{scope:e.__scopeMenu,children:l.modal?a.jsxRuntimeExports.jsx(xt,{...u,ref:n}):a.jsxRuntimeExports.jsx(vt,{...u,ref:n})})})})}),xt=r.forwardRef((e,n)=>{const t=S(C,e.__scopeMenu),o=r.useRef(null),u=y.useComposedRefs(n,o);return r.useEffect(()=>{const s=o.current;if(s)return et.hideOthers(s)},[]),a.jsxRuntimeExports.jsx(ie,{...e,ref:u,trapFocus:t.open,disableOutsidePointerEvents:t.open,disableOutsideScroll:!0,onFocusOutside:v.composeEventHandlers(e.onFocusOutside,s=>s.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>t.onOpenChange(!1)})}),vt=r.forwardRef((e,n)=>{const t=S(C,e.__scopeMenu);return a.jsxRuntimeExports.jsx(ie,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>t.onOpenChange(!1)})}),Mt=Qe.createSlot("MenuContent.ScrollLock"),ie=r.forwardRef((e,n)=>{const{__scopeMenu:t,loop:o=!1,trapFocus:u,onOpenAutoFocus:s,onCloseAutoFocus:l,disableOutsidePointerEvents:m,onEntryFocus:p,onEscapeKeyDown:x,onPointerDownOutside:f,onFocusOutside:c,onInteractOutside:d,onDismiss:R,disableOutsideScroll:M,...P}=e,I=S(C,t),O=G(C,t),H=z(t),q=ye(t),he=ut(t),[Ge,ge]=r.useState(null),U=r.useRef(null),Ke=y.useComposedRefs(n,U,I.onContentChange),$=r.useRef(0),B=r.useRef(""),He=r.useRef(0),Q=r.useRef(null),_e=r.useRef("right"),ee=r.useRef(0),qe=M?tt:r.Fragment,Ue=M?{as:Mt,allowPinchZoom:!0}:void 0,$e=i=>{var w,je;const E=B.current+i,h=he().filter(g=>!g.disabled),_=document.activeElement,te=(w=h.find(g=>g.ref.current===_))==null?void 0:w.textValue,ne=h.map(g=>g.textValue),Pe=wt(ne,E,te),k=(je=h.find(g=>g.textValue===Pe))==null?void 0:je.ref.current;(function g(Se){B.current=Se,window.clearTimeout($.current),Se!==""&&($.current=window.setTimeout(()=>g(""),1e3))})(E),k&&setTimeout(()=>k.focus())};r.useEffect(()=>()=>window.clearTimeout($.current),[]),ze.useFocusGuards();const b=r.useCallback(i=>{var h,_;return _e.current===((h=Q.current)==null?void 0:h.side)&&Tt(i,(_=Q.current)==null?void 0:_.area)},[]);return a.jsxRuntimeExports.jsx(pt,{scope:t,searchRef:B,onItemEnter:r.useCallback(i=>{b(i)&&i.preventDefault()},[b]),onItemLeave:r.useCallback(i=>{var E;b(i)||((E=U.current)==null||E.focus(),ge(null))},[b]),onTriggerLeave:r.useCallback(i=>{b(i)&&i.preventDefault()},[b]),pointerGraceTimerRef:He,onPointerGraceIntentChange:r.useCallback(i=>{Q.current=i},[]),children:a.jsxRuntimeExports.jsx(qe,{...Ue,children:a.jsxRuntimeExports.jsx(Ze.FocusScope,{asChild:!0,trapped:u,onMountAutoFocus:v.composeEventHandlers(s,i=>{var E;i.preventDefault(),(E=U.current)==null||E.focus({preventScroll:!0})}),onUnmountAutoFocus:l,children:a.jsxRuntimeExports.jsx(We.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:m,onEscapeKeyDown:x,onPointerDownOutside:f,onFocusOutside:c,onInteractOutside:d,onDismiss:R,children:a.jsxRuntimeExports.jsx(W.Root,{asChild:!0,...q,dir:O.dir,orientation:"vertical",loop:o,currentTabStopId:Ge,onCurrentTabStopIdChange:ge,onEntryFocus:v.composeEventHandlers(p,i=>{O.isUsingKeyboardRef.current||i.preventDefault()}),preventScrollOnEntryFocus:!0,children:a.jsxRuntimeExports.jsx(T.Content,{role:"menu","aria-orientation":"vertical","data-state":Fe(I.open),"data-radix-menu-content":"",dir:O.dir,...H,...P,ref:Ke,style:{outline:"none",...P.style},onKeyDown:v.composeEventHandlers(P.onKeyDown,i=>{const h=i.target.closest("[data-radix-menu-content]")===i.currentTarget,_=i.ctrlKey||i.altKey||i.metaKey,te=i.key.length===1;h&&(i.key==="Tab"&&i.preventDefault(),!_&&te&&$e(i.key));const ne=U.current;if(i.target!==ne||!rt.includes(i.key))return;i.preventDefault();const k=he().filter(w=>!w.disabled).map(w=>w.ref.current);we.includes(i.key)&&k.reverse(),It(k)}),onBlur:v.composeEventHandlers(e.onBlur,i=>{i.currentTarget.contains(i.target)||(window.clearTimeout($.current),B.current="")}),onPointerMove:v.composeEventHandlers(e.onPointerMove,L(i=>{const E=i.target,h=ee.current!==i.clientX;if(i.currentTarget.contains(E)&&h){const _=i.clientX>ee.current?"right":"left";_e.current=_,ee.current=i.clientX}}))})})})})})})});ae.displayName=C;var Rt="MenuGroup",J=r.forwardRef((e,n)=>{const{__scopeMenu:t,...o}=e;return a.jsxRuntimeExports.jsx(A.Primitive.div,{role:"group",...o,ref:n})});J.displayName=Rt;var Et="MenuLabel",le=r.forwardRef((e,n)=>{const{__scopeMenu:t,...o}=e;return a.jsxRuntimeExports.jsx(A.Primitive.div,{...o,ref:n})});le.displayName=Et;var V="MenuItem",Ie="menu.itemSelect",K=r.forwardRef((e,n)=>{const{disabled:t=!1,onSelect:o,...u}=e,s=r.useRef(null),l=G(V,e.__scopeMenu),m=ue(V,e.__scopeMenu),p=y.useComposedRefs(n,s),x=r.useRef(!1),f=()=>{const c=s.current;if(!t&&c){const d=new CustomEvent(Ie,{bubbles:!0,cancelable:!0});c.addEventListener(Ie,R=>o==null?void 0:o(R),{once:!0}),A.dispatchDiscreteCustomEvent(c,d),d.defaultPrevented?x.current=!1:l.onClose()}};return a.jsxRuntimeExports.jsx(Ae,{...u,ref:p,disabled:t,onClick:v.composeEventHandlers(e.onClick,f),onPointerDown:c=>{var d;(d=e.onPointerDown)==null||d.call(e,c),x.current=!0},onPointerUp:v.composeEventHandlers(e.onPointerUp,c=>{var d;x.current||(d=c.currentTarget)==null||d.click()}),onKeyDown:v.composeEventHandlers(e.onKeyDown,c=>{const d=m.searchRef.current!=="";t||d&&c.key===" "||oe.includes(c.key)&&(c.currentTarget.click(),c.preventDefault())})})});K.displayName=V;var Ae=r.forwardRef((e,n)=>{const{__scopeMenu:t,disabled:o=!1,textValue:u,...s}=e,l=ue(V,t),m=ye(t),p=r.useRef(null),x=y.useComposedRefs(n,p),[f,c]=r.useState(!1),[d,R]=r.useState("");return r.useEffect(()=>{const M=p.current;M&&R((M.textContent??"").trim())},[s.children]),a.jsxRuntimeExports.jsx(N.ItemSlot,{scope:t,disabled:o,textValue:u??d,children:a.jsxRuntimeExports.jsx(W.Item,{asChild:!0,...m,focusable:!o,children:a.jsxRuntimeExports.jsx(A.Primitive.div,{role:"menuitem","data-highlighted":f?"":void 0,"aria-disabled":o||void 0,"data-disabled":o?"":void 0,...s,ref:x,onPointerMove:v.composeEventHandlers(e.onPointerMove,L(M=>{o?l.onItemLeave(M):(l.onItemEnter(M),M.defaultPrevented||M.currentTarget.focus({preventScroll:!0}))})),onPointerLeave:v.composeEventHandlers(e.onPointerLeave,L(M=>l.onItemLeave(M))),onFocus:v.composeEventHandlers(e.onFocus,()=>c(!0)),onBlur:v.composeEventHandlers(e.onBlur,()=>c(!1))})})})}),Ct="MenuCheckboxItem",de=r.forwardRef((e,n)=>{const{checked:t=!1,onCheckedChange:o,...u}=e;return a.jsxRuntimeExports.jsx(De,{scope:e.__scopeMenu,checked:t,children:a.jsxRuntimeExports.jsx(K,{role:"menuitemcheckbox","aria-checked":Y(t)?"mixed":t,...u,ref:n,"data-state":Ce(t),onSelect:v.composeEventHandlers(u.onSelect,()=>o==null?void 0:o(Y(t)?!0:!t),{checkForDefaultPrevented:!1})})})});de.displayName=Ct;var Oe="MenuRadioGroup",[ht,gt]=j(Oe,{value:void 0,onValueChange:()=>{}}),fe=r.forwardRef((e,n)=>{const{value:t,onValueChange:o,...u}=e,s=be.useCallbackRef(o);return a.jsxRuntimeExports.jsx(ht,{scope:e.__scopeMenu,value:t,onValueChange:s,children:a.jsxRuntimeExports.jsx(J,{...u,ref:n})})});fe.displayName=Oe;var ke="MenuRadioItem",me=r.forwardRef((e,n)=>{const{value:t,...o}=e,u=gt(ke,e.__scopeMenu),s=t===u.value;return a.jsxRuntimeExports.jsx(De,{scope:e.__scopeMenu,checked:s,children:a.jsxRuntimeExports.jsx(K,{role:"menuitemradio","aria-checked":s,...o,ref:n,"data-state":Ce(s),onSelect:v.composeEventHandlers(o.onSelect,()=>{var l;return(l=u.onValueChange)==null?void 0:l.call(u,t)},{checkForDefaultPrevented:!1})})})});me.displayName=ke;var pe="MenuItemIndicator",[De,_t]=j(pe,{checked:!1}),xe=r.forwardRef((e,n)=>{const{__scopeMenu:t,forceMount:o,...u}=e,s=_t(pe,t);return a.jsxRuntimeExports.jsx(X.Presence,{present:o||Y(s.checked)||s.checked===!0,children:a.jsxRuntimeExports.jsx(A.Primitive.span,{...u,ref:n,"data-state":Ce(s.checked)})})});xe.displayName=pe;var Pt="MenuSeparator",ve=r.forwardRef((e,n)=>{const{__scopeMenu:t,...o}=e;return a.jsxRuntimeExports.jsx(A.Primitive.div,{role:"separator","aria-orientation":"horizontal",...o,ref:n})});ve.displayName=Pt;var jt="MenuArrow",Me=r.forwardRef((e,n)=>{const{__scopeMenu:t,...o}=e,u=z(t);return a.jsxRuntimeExports.jsx(T.Arrow,{...u,...o,ref:n})});Me.displayName=jt;var St="MenuSub",[Yt,Ne]=j(St),D="MenuSubTrigger",Re=r.forwardRef((e,n)=>{const t=S(D,e.__scopeMenu),o=G(D,e.__scopeMenu),u=Ne(D,e.__scopeMenu),s=ue(D,e.__scopeMenu),l=r.useRef(null),{pointerGraceTimerRef:m,onPointerGraceIntentChange:p}=s,x={__scopeMenu:e.__scopeMenu},f=r.useCallback(()=>{l.current&&window.clearTimeout(l.current),l.current=null},[]);return r.useEffect(()=>f,[f]),r.useEffect(()=>{const c=m.current;return()=>{window.clearTimeout(c),p(null)}},[m,p]),a.jsxRuntimeExports.jsx(Z,{asChild:!0,...x,children:a.jsxRuntimeExports.jsx(Ae,{id:u.triggerId,"aria-haspopup":"menu","aria-expanded":t.open,"aria-controls":u.contentId,"data-state":Fe(t.open),...e,ref:y.composeRefs(n,u.onTriggerChange),onClick:c=>{var d;(d=e.onClick)==null||d.call(e,c),!(e.disabled||c.defaultPrevented)&&(c.currentTarget.focus(),t.open||t.onOpenChange(!0))},onPointerMove:v.composeEventHandlers(e.onPointerMove,L(c=>{s.onItemEnter(c),!c.defaultPrevented&&!e.disabled&&!t.open&&!l.current&&(s.onPointerGraceIntentChange(null),l.current=window.setTimeout(()=>{t.onOpenChange(!0),f()},100))})),onPointerLeave:v.composeEventHandlers(e.onPointerLeave,L(c=>{var R,M;f();const d=(R=t.content)==null?void 0:R.getBoundingClientRect();if(d){const P=(M=t.content)==null?void 0:M.dataset.side,I=P==="right",O=I?-5:5,H=d[I?"left":"right"],q=d[I?"right":"left"];s.onPointerGraceIntentChange({area:[{x:c.clientX+O,y:c.clientY},{x:H,y:d.top},{x:q,y:d.top},{x:q,y:d.bottom},{x:H,y:d.bottom}],side:P}),window.clearTimeout(m.current),m.current=window.setTimeout(()=>s.onPointerGraceIntentChange(null),300)}else{if(s.onTriggerLeave(c),c.defaultPrevented)return;s.onPointerGraceIntentChange(null)}})),onKeyDown:v.composeEventHandlers(e.onKeyDown,c=>{var R;const d=s.searchRef.current!=="";e.disabled||d&&c.key===" "||st[o.dir].includes(c.key)&&(t.onOpenChange(!0),(R=t.content)==null||R.focus(),c.preventDefault())})})})});Re.displayName=D;var Le="MenuSubContent",Ee=r.forwardRef((e,n)=>{const t=Te(C,e.__scopeMenu),{forceMount:o=t.forceMount,...u}=e,s=S(C,e.__scopeMenu),l=G(C,e.__scopeMenu),m=Ne(Le,e.__scopeMenu),p=r.useRef(null),x=y.useComposedRefs(n,p);return a.jsxRuntimeExports.jsx(N.Provider,{scope:e.__scopeMenu,children:a.jsxRuntimeExports.jsx(X.Presence,{present:o||s.open,children:a.jsxRuntimeExports.jsx(N.Slot,{scope:e.__scopeMenu,children:a.jsxRuntimeExports.jsx(ie,{id:m.contentId,"aria-labelledby":m.triggerId,...u,ref:x,align:"start",side:l.dir==="rtl"?"left":"right",disableOutsidePointerEvents:!1,disableOutsideScroll:!1,trapFocus:!1,onOpenAutoFocus:f=>{var c;l.isUsingKeyboardRef.current&&((c=p.current)==null||c.focus()),f.preventDefault()},onCloseAutoFocus:f=>f.preventDefault(),onFocusOutside:v.composeEventHandlers(e.onFocusOutside,f=>{f.target!==m.trigger&&s.onOpenChange(!1)}),onEscapeKeyDown:v.composeEventHandlers(e.onEscapeKeyDown,f=>{l.onClose(),f.preventDefault()}),onKeyDown:v.composeEventHandlers(e.onKeyDown,f=>{var R;const c=f.currentTarget.contains(f.target),d=ct[l.dir].includes(f.key);c&&d&&(s.onOpenChange(!1),(R=m.trigger)==null||R.focus(),f.preventDefault())})})})})})});Ee.displayName=Le;function Fe(e){return e?"open":"closed"}function Y(e){return e==="indeterminate"}function Ce(e){return Y(e)?"indeterminate":e?"checked":"unchecked"}function It(e){const n=document.activeElement;for(const t of e)if(t===n||(t.focus(),document.activeElement!==n))return}function bt(e,n){return e.map((t,o)=>e[(n+o)%e.length])}function wt(e,n,t){const u=n.length>1&&Array.from(n).every(x=>x===n[0])?n[0]:n,s=t?e.indexOf(t):-1;let l=bt(e,Math.max(s,0));u.length===1&&(l=l.filter(x=>x!==t));const p=l.find(x=>x.toLowerCase().startsWith(u.toLowerCase()));return p!==t?p:void 0}function yt(e,n){const{x:t,y:o}=e;let u=!1;for(let s=0,l=n.length-1;s<n.length;l=s++){const m=n[s].x,p=n[s].y,x=n[l].x,f=n[l].y;p>o!=f>o&&t<(x-m)*(o-p)/(f-p)+m&&(u=!u)}return u}function Tt(e,n){if(!n)return!1;const t={x:e.clientX,y:e.clientY};return yt(t,n)}function L(e){return n=>n.pointerType==="mouse"?e(n):void 0}var At=re,Ot=Z,kt=ce,Dt=ae,Nt=J,Lt=le,Ft=K,Gt=de,Kt=fe,Ht=me,qt=xe,Ut=ve,$t=Me,Bt=Re,Vt=Ee;exports.Anchor=Ot;exports.Arrow=$t;exports.CheckboxItem=Gt;exports.Content=Dt;exports.Group=Nt;exports.Item=Ft;exports.ItemIndicator=qt;exports.Label=Lt;exports.Menu=re;exports.MenuAnchor=Z;exports.MenuArrow=Me;exports.MenuCheckboxItem=de;exports.MenuContent=ae;exports.MenuGroup=J;exports.MenuItem=K;exports.MenuItemIndicator=xe;exports.MenuLabel=le;exports.MenuPortal=ce;exports.MenuRadioGroup=fe;exports.MenuRadioItem=me;exports.MenuSeparator=ve;exports.MenuSubContent=Ee;exports.MenuSubTrigger=Re;exports.Portal=kt;exports.RadioGroup=Kt;exports.RadioItem=Ht;exports.Root=At;exports.Separator=Ut;exports.SubContent=Vt;exports.SubTrigger=Bt;exports.createMenuScope=it;
-//# sourceMappingURL=index.cjs340.js.map