@anoki/fse-ui 1.0.332

package/dist/index.es62.js

@@ -0,0 +1,44 @@
+import { j as e } from "./index.es137.js";
+import { Avatar as x } from "./index.es56.js";
+import './components/ui/CardUser/CardUser.css';/* empty css            */
+import { Col as m } from "./index.es10.js";
+import { Row as r } from "./index.es9.js";
+const g = ({
+  titleTag: l = "h3",
+  userName: o,
+  avatar: s,
+  information: d = []
+}) => /* @__PURE__ */ e.jsxs(
+  m,
+  {
+    as: "article",
+    bg: "white",
+    br: "x4",
+    p: "x16",
+    gap: "x16",
+    className: "shadow md-p-x24 md-gap-x24",
+    children: [
+      /* @__PURE__ */ e.jsxs(r, { as: "header", gap: "x16", alignItems: "center", children: [
+        s && /* @__PURE__ */ e.jsx(
+          x,
+          {
+            textColor: (s == null ? void 0 : s.textColor) ?? "slate-20",
+            bg: (s == null ? void 0 : s.bg) ?? "lightblue-a01",
+            initials: (s == null ? void 0 : s.initials) ?? "",
+            className: "ui-card-doctor-avatar",
+            size: "3"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(l, { className: "fs-5 fw-semibold text-slate-20", children: o })
+      ] }),
+      /* @__PURE__ */ e.jsx("dl", { className: "ui-card-user ", children: d.map(({ label: i, value: t }) => /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("dt", { className: "fs-6 fw-bold text-slate-28", children: i }),
+        /* @__PURE__ */ e.jsx("dd", { className: "fs-6 fw-regular text-slate-28", children: t })
+      ] }, i)) })
+    ]
+  }
+);
+export {
+  g as CardUser
+};
+//# sourceMappingURL=index.es62.js.map

package/dist/index.es62.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es62.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\nimport { Avatar } from \"../Avatar\";\nimport \"./CardUser.scss\";\nimport { Col, Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardUserProps = {\n  titleTag?: HeadingLevel;\n  userName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  information?: {\n    label: string;\n    value: string;\n  }[];\n};\n\nexport const CardUser = ({\n  titleTag: TitleTag = \"h3\",\n  userName,\n  avatar,\n  information = [],\n}: CardUserProps) => {\n  return (\n    <Col\n      as={\"article\"}\n      bg={\"white\"}\n      br={\"x4\"}\n      p={\"x16\"}\n      gap={\"x16\"}\n      className=\"shadow md-p-x24 md-gap-x24\"\n    >\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size=\"3\"\n          />\n        )}\n        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n          {userName}\n        </TitleTag>\n      </Row>\n      <dl className=\"ui-card-user \">\n        {information.map(({ label, value }) => (\n          <div key={label}>\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\n          </div>\n        ))}\n      </dl>\n    </Col>\n  );\n};\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":";;;;;AAqBO,MAAMA,IAAW,CAAC;AAAA,EACvB,UAAUC,IAAW;AAAA,EACrB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAChB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAU;AAAA,IAEV,UAAA;AAAA,MAAAD,gBAAAA,OAACE,KAAI,IAAI,UAAU,KAAK,OAAO,YAAY,UACxC,UAAA;AAAA,QACCJ,KAAAK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAWN,KAAA,gBAAAA,EAAQ,cAAa;AAAA,YAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,YAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,YAC9B,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QAEDK,gBAAAA,EAAA,IAAAP,GAAA,EAAS,WAAU,kCACjB,UACHC,EAAA,CAAA;AAAA,MAAA,GACF;AAAA,MACCM,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iBACX,UAAYJ,EAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,OAAAC,EACzB,MAAAN,gBAAAA,EAAA,KAAC,OACC,EAAA,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,QACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,MAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/index.es63.js

@@ -0,0 +1,58 @@
+import { j as s } from "./index.es137.js";
+import './components/ui/CardExemption/CardExemption.css';/* empty css            */
+import { clsx as t } from "./index.es139.js";
+import { Row as n } from "./index.es9.js";
+import { ArrowDown as x } from "./index.es76.js";
+const w = ({
+  information: a = [],
+  className: o = "",
+  exemptionCode: d,
+  isOpen: e,
+  onToggle: i,
+  hasBorder: l = !0,
+  exemptionLabel: m = ""
+}) => /* @__PURE__ */ s.jsxs("div", { className: "rounded shadow w-full", children: [
+  /* @__PURE__ */ s.jsxs(
+    "button",
+    {
+      className: t(
+        l && "ui-has-border-bottom",
+        "ui-btn-accordion ",
+        o
+      ),
+      type: "button",
+      onClick: i,
+      children: [
+        /* @__PURE__ */ s.jsxs(
+          n,
+          {
+            gap: "x24",
+            p: "x24",
+            justifyContent: "center",
+            alignItems: "center",
+            children: [
+              /* @__PURE__ */ s.jsx("h3", { className: "fw-semibold fs-5 md-fs-4 text-color-darker ", children: d }),
+              /* @__PURE__ */ s.jsx("span", { className: "ui-divider" }),
+              /* @__PURE__ */ s.jsx("p", { className: "fs-7 md-fs-6 text-muted fw-semibold", children: m })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s.jsx("div", { className: "p-x24", children: /* @__PURE__ */ s.jsx(
+          x,
+          {
+            color: "primary",
+            className: t("ui-arrow", { "ui-expanded": e })
+          }
+        ) })
+      ]
+    }
+  ),
+  e && /* @__PURE__ */ s.jsx("dl", { className: "ui-card-exemption p-x24", children: a.map(({ label: r, value: c }) => /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsx("dt", { className: "fs-6 fw-bold text-slate-28", children: r }),
+    /* @__PURE__ */ s.jsx("dd", { className: "fs-6 fw-regular text-slate-28", children: c })
+  ] }, r)) })
+] });
+export {
+  w as CardExemption
+};
+//# sourceMappingURL=index.es63.js.map

package/dist/index.es63.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es63.js","sources":["../src/components/ui/CardExemption/index.tsx"],"sourcesContent":["import \"./CardExemption.scss\";\nimport clsx from \"clsx\";\nimport { ArrowDown } from \"@/icons\";\nimport { Row } from \"@/components\";\n\ntype CardExemptionProps = {\n  information?: { label: string; value: string }[];\n  className?: string;\n  exemptionCode: string;\n  isOpen: boolean;\n  onToggle: () => void;\n  selectedStructures?: string[];\n  hasBorder?: boolean;\n  exemptionLabel?: string;\n};\n\nexport const CardExemption = ({\n  information = [],\n  className = \"\",\n  exemptionCode,\n  isOpen,\n  onToggle,\n  hasBorder = true,\n  exemptionLabel = \"\",\n}: CardExemptionProps) => {\n  return (\n    <div className={\"rounded shadow w-full\"}>\n      <button\n        className={clsx(\n          hasBorder && \"ui-has-border-bottom\",\n          \"ui-btn-accordion \",\n          className,\n        )}\n        type=\"button\"\n        onClick={onToggle}\n      >\n        <Row\n          gap={\"x24\"}\n          p={\"x24\"}\n          justifyContent={\"center\"}\n          alignItems={\"center\"}\n        >\n          <h3 className=\"fw-semibold fs-5 md-fs-4 text-color-darker \">\n            {exemptionCode}\n          </h3>\n          <span className=\"ui-divider\"></span>\n\n          <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\n            {exemptionLabel}\n          </p>\n        </Row>\n        <div className={\"p-x24\"}>\n          <ArrowDown\n            color=\"primary\"\n            className={clsx(\"ui-arrow\", { \"ui-expanded\": isOpen })}\n          />\n        </div>\n      </button>\n      {isOpen && (\n        <dl className=\"ui-card-exemption p-x24\">\n          {information.map(({ label, value }) => (\n            <div key={label}>\n              <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\n              <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\n            </div>\n          ))}\n        </dl>\n      )}\n    </div>\n  );\n};\n"],"names":["CardExemption","information","className","exemptionCode","isOpen","onToggle","hasBorder","exemptionLabel","jsxs","clsx","Row","jsx","ArrowDown","label","value"],"mappings":";;;;;AAgBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,aAAAC,IAAc,CAAC;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AACnB,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,yBACd,UAAA;AAAA,EAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTH,KAAa;AAAA,QACb;AAAA,QACAJ;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,SAASG;AAAA,MAET,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,GAAG;AAAA,YACH,gBAAgB;AAAA,YAChB,YAAY;AAAA,YAEZ,UAAA;AAAA,cAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,+CACX,UACHR,GAAA;AAAA,cACAQ,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,aAAa,CAAA;AAAA,cAE5BA,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,uCACX,UACHJ,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,SACd,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAWH,EAAK,YAAY,EAAE,eAAeL,EAAQ,CAAA;AAAA,UAAA;AAAA,QAAA,EAEzD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACCA,KACCO,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,2BACX,UAAAV,EAAY,IAAI,CAAC,EAAE,OAAAY,GAAO,OAAAC,EAAM,6BAC9B,OACC,EAAA,UAAA;AAAA,IAACH,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,IACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,EAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,GAEJ;"}

package/dist/index.es64.js

@@ -0,0 +1,10 @@
+import { j as r } from "./index.es137.js";
+import { Spinner as n } from "./index.es111.js";
+const i = ({
+  loading: o = !1,
+  className: e
+}) => /* @__PURE__ */ r.jsx("div", { className: e, children: o ? /* @__PURE__ */ r.jsx(n, {}) : null });
+export {
+  i as Loader
+};
+//# sourceMappingURL=index.es64.js.map

package/dist/index.es64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es64.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\n\nexport const Loader = ({\n  loading = false,\n  className,\n}: {\n  loading?: boolean;\n  className?: string;\n}) => {\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\n};\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":";;AAEO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,4BAIU,OAAI,EAAA,WAAAA,GAAuB,cAAWC,gBAAAA,EAAAA,IAAAC,GAAA,EAAQ,IAAK,KAAK,CAAA;"}

package/dist/index.es65.js

@@ -0,0 +1,295 @@
+import { j as a } from "./index.es137.js";
+import * as _ from "react";
+import { clsx as c } from "./index.es139.js";
+import './components/ui/Table/Table.css';/* empty css            */
+import { ActionIconText as q } from "./index.es59.js";
+import { TriangleUp as G } from "./index.es113.js";
+import { TriangleDown as J } from "./index.es114.js";
+import { Download as Q } from "./index.es106.js";
+import { Info as W } from "./index.es115.js";
+const X = _.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
+      );
+      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 ((b == null ? void 0 : b.type) === "number") {
+          const j = parseFloat(r), h = parseFloat(l);
+          return d.direction === "asc" ? j - h : h - j;
+        }
+        return d.direction === "asc" ? r.localeCompare(l) : l.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) => ({
+        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);
+    return /* @__PURE__ */ a.jsxs("div", { className: "position-relative w-full", children: [
+      /* @__PURE__ */ a.jsxs(
+        "table",
+        {
+          ref: g,
+          className: c("table", e),
+          role: "table",
+          ...p,
+          children: [
+            /* @__PURE__ */ a.jsx(C, { className: "table__header", children: /* @__PURE__ */ a.jsx(w, { children: t.map((o, x) => /* @__PURE__ */ a.jsx(
+              R,
+              {
+                config: o,
+                sortConfig: d,
+                onSort: () => o.sortable && S(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(
+              T,
+              {
+                content: l,
+                type: "action"
+              },
+              `${r}-${b}`
+            ) : y(l) ? /* @__PURE__ */ a.jsx(
+              T,
+              {
+                content: l,
+                type: "double-line"
+              },
+              `${r}-${b}`
+            ) : typeof l == "string" ? /* @__PURE__ */ a.jsx(T, { content: l }, `${r}-${b}`) : null : null) }, x)) })
+          ]
+        }
+      ),
+      i && /* @__PURE__ */ a.jsx(
+        P,
+        {
+          currentPage: k,
+          totalResults: N.length,
+          resultsPerPage: m,
+          setCurrentPage: $
+        }
+      )
+    ] });
+  }
+);
+X.displayName = "Table";
+const C = _.forwardRef(
+  ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
+    "thead",
+    {
+      ref: i,
+      className: c("[&_tr]:border-b-0", e),
+      ...s,
+      children: t
+    }
+  )
+);
+C.displayName = "TableHeader";
+const D = _.forwardRef(
+  ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
+    "tbody",
+    {
+      ref: i,
+      className: c("[&_tr:last-child]:border-0", e),
+      ...s,
+      children: t
+    }
+  )
+);
+D.displayName = "TableBody";
+const w = _.forwardRef(
+  ({ className: e, children: t, ...s }, i) => /* @__PURE__ */ a.jsx(
+    "tr",
+    {
+      ref: i,
+      className: c(
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        e
+      ),
+      ...s,
+      children: t
+    }
+  )
+);
+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) {
+      case "info":
+        return /* @__PURE__ */ a.jsx(W, {});
+      case "download":
+        return /* @__PURE__ */ a.jsx(Q, {});
+      default:
+        return u;
+    }
+  };
+  return /* @__PURE__ */ a.jsx(
+    "th",
+    {
+      ref: m,
+      className: c(
+        "table__cell table__cell--header",
+        {
+          "table__cell--sortable": t.sortable,
+          "table__cell--action": t.action
+        },
+        e
+      ),
+      onClick: t.sortable ? i : t.action,
+      "aria-label": t.ariaLabel,
+      "aria-sort": n ? g() : void 0,
+      ...f,
+      children: /* @__PURE__ */ a.jsxs("div", { className: "table__cell--header--content", children: [
+        /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
+          q,
+          {
+            icon: d(t.icon),
+            textLabel: t.label,
+            iconPosition: t.iconPosition,
+            handleIconAction: () => {
+              t.iconAction;
+            },
+            popupInfo: t.popupInfo
+          }
+        ) }),
+        t.sortable && /* @__PURE__ */ a.jsxs("span", { className: "sort-indicator", children: [
+          /* @__PURE__ */ a.jsx(
+            G,
+            {
+              filled: n && p === "desc",
+              className: c("sort-indicator__triangle", {
+                active: n && p === "desc"
+              })
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            J,
+            {
+              filled: n && p === "asc",
+              className: c("sort-indicator__triangle", {
+                active: n && p === "asc"
+              })
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+});
+R.displayName = "TableHead";
+const Y = ({ 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 = ({
+  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(
+    "td",
+    {
+      ref: f,
+      className: c(
+        "table__cell",
+        {
+          "table__cell--double-line": s === "double-line",
+          "table__cell--action": s === "action"
+        },
+        e
+      ),
+      ...i,
+      children: /* @__PURE__ */ a.jsx(K, { content: t })
+    }
+  )
+);
+T.displayName = "TableCell";
+const P = ({
+  currentPage: e = 1,
+  totalResults: t,
+  resultsPerPage: s,
+  setCurrentPage: i,
+  className: f
+}) => {
+  const m = Math.ceil(t / s);
+  return /* @__PURE__ */ a.jsxs("div", { className: c("pagination", f), children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "pagination__info", children: [
+      "Stai visualizzando",
+      " ",
+      /* @__PURE__ */ a.jsx("span", { className: "pagination__info__resultsPerPage", children: s }),
+      " ",
+      "di ",
+      t,
+      " risultati"
+    ] }),
+    /* @__PURE__ */ a.jsxs("div", { className: "pagination__nav", children: [
+      /* @__PURE__ */ a.jsx(
+        "button",
+        {
+          className: c(
+            "pagination__button",
+            e === 1 && "pagination__button--disabled"
+          ),
+          onClick: () => i(e - 1),
+          disabled: e === 1,
+          "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 }, (n, p) => p + 1).map((n) => /* @__PURE__ */ a.jsx(
+        "button",
+        {
+          className: c(
+            "pagination__button",
+            e === n && "pagination__button--active"
+          ),
+          onClick: () => i(n),
+          children: n
+        },
+        n
+      )),
+      /* @__PURE__ */ a.jsx(
+        "button",
+        {
+          className: c(
+            "pagination__button",
+            e === m && "pagination__button--disabled"
+          ),
+          onClick: () => i(e + 1),
+          disabled: e === m,
+          "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" }) })
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  P as Pagination,
+  X as Table,
+  D as TableBody,
+  T as TableCell,
+  R as TableHead,
+  C as TableHeader,
+  w as TableRow
+};
+//# sourceMappingURL=index.es65.js.map

package/dist/index.es65.js.map

@@ -0,0 +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;\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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"}

package/dist/index.es66.js

@@ -0,0 +1,64 @@
+import { j as r } from "./index.es137.js";
+import { useRef as c, useEffect as f } from "react";
+import { clsx as l } from "./index.es139.js";
+import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
+import { Close as p } from "./index.es79.js";
+const E = ({
+  title: n = "Info",
+  description: s,
+  isOpen: t = !1,
+  onClickCloseBtn: e,
+  className: m = ""
+}) => {
+  const i = c(null), o = c(null);
+  return f(() => {
+    var d;
+    const a = (u) => {
+      u.key === "Escape" && t && (e == null || e());
+    };
+    return t ? (o.current = document.activeElement, (d = i.current) == null || d.focus(), document.addEventListener("keydown", a)) : o.current && o.current.focus(), () => {
+      document.removeEventListener("keydown", a);
+    };
+  }, [t, e]), t ? /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      className: l("popupContainer", t ? "open" : "close", m),
+      onClick: (a) => {
+        a.stopPropagation();
+      },
+      children: /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          ref: i,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "dialog-title",
+          "aria-describedby": "dialog-description",
+          className: l("dialog"),
+          tabIndex: -1,
+          children: [
+            /* @__PURE__ */ r.jsxs("div", { className: "header", children: [
+              /* @__PURE__ */ r.jsx("h3", { id: "dialog-title", className: "title", children: n }),
+              /* @__PURE__ */ r.jsx(
+                "button",
+                {
+                  onClick: (a) => {
+                    a.stopPropagation(), e == null || e();
+                  },
+                  className: "closeButton",
+                  "aria-label": "Close dialog",
+                  children: /* @__PURE__ */ r.jsx(p, { className: "closeIcon" })
+                }
+              )
+            ] }),
+            s && /* @__PURE__ */ r.jsx("div", { id: "dialog-description", className: "content", children: s })
+          ]
+        }
+      )
+    }
+  ) : null;
+};
+export {
+  E as InfoPopup
+};
+//# sourceMappingURL=index.es66.js.map

package/dist/index.es66.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es66.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { useEffect, useRef, PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport \"./InfoPopup.scss\";\nimport { Close } from \"@/icons\";\n\nexport type InfoPopupProps = PropsWithChildren<{\n  title: string;\n  description: string | React.ReactNode;\n  isOpen: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n}>;\n\nexport const InfoPopup = ({\n  title = \"Info\",\n  description,\n  isOpen = false,\n  onClickCloseBtn,\n  className = \"\",\n}: InfoPopupProps) => {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const previousActiveElement = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && isOpen) {\n        onClickCloseBtn?.();\n      }\n    };\n\n    if (isOpen) {\n      previousActiveElement.current = document.activeElement as HTMLElement;\n      dialogRef.current?.focus();\n      document.addEventListener(\"keydown\", handleEscape);\n    } else if (previousActiveElement.current) {\n      previousActiveElement.current.focus();\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [isOpen, onClickCloseBtn]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className={clsx(\"popupContainer\", isOpen ? \"open\" : \"close\", className)}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n    >\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"dialog-title\"\n        aria-describedby=\"dialog-description\"\n        className={clsx(\"dialog\")}\n        tabIndex={-1}\n      >\n        <div className=\"header\">\n          <h3 id=\"dialog-title\" className=\"title\">\n            {title}\n          </h3>\n          <button\n            onClick={(e) => {\n              e.stopPropagation();\n              onClickCloseBtn?.();\n            }}\n            className=\"closeButton\"\n            aria-label=\"Close dialog\"\n          >\n            <Close className=\"closeIcon\" />\n          </button>\n        </div>\n        {description && (\n          <div id=\"dialog-description\" className=\"content\">\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["InfoPopup","title","description","isOpen","onClickCloseBtn","className","dialogRef","useRef","previousActiveElement","useEffect","handleEscape","event","_a","jsx","clsx","e","jsxs","Close"],"mappings":";;;;;AAaO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,iBAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAsB;AACd,QAAAC,IAAYC,EAAuB,IAAI,GACvCC,IAAwBD,EAA2B,IAAI;AAsBzD,SApBJE,EAAU,MAAM;;AACR,UAAAC,IAAe,CAACC,MAAyB;AACzC,MAAAA,EAAM,QAAQ,YAAYR,MACVC,KAAA,QAAAA;AAAA,IAEtB;AAEA,WAAID,KACFK,EAAsB,UAAU,SAAS,gBACzCI,IAAAN,EAAU,YAAV,QAAAM,EAAmB,SACV,SAAA,iBAAiB,WAAWF,CAAY,KACxCF,EAAsB,WAC/BA,EAAsB,QAAQ,MAAM,GAG/B,MAAM;AACF,eAAA,oBAAoB,WAAWE,CAAY;AAAA,IACtD;AAAA,EAAA,GACC,CAACP,GAAQC,CAAe,CAAC,GAEvBD,IAGHU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kBAAkBX,IAAS,SAAS,SAASE,CAAS;AAAA,MACtE,SAAS,CAACU,MAAM;AACd,QAAAA,EAAE,gBAAgB;AAAA,MACpB;AAAA,MAEA,UAAAC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKV;AAAA,UACL,MAAK;AAAA,UACL,cAAW;AAAA,UACX,mBAAgB;AAAA,UAChB,oBAAiB;AAAA,UACjB,WAAWQ,EAAK,QAAQ;AAAA,UACxB,UAAU;AAAA,UAEV,UAAA;AAAA,YAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,cAAAH,gBAAAA,MAAC,MAAG,EAAA,IAAG,gBAAe,WAAU,SAC7B,UACHZ,GAAA;AAAA,cACAY,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,CAACE,MAAM;AACd,oBAAAA,EAAE,gBAAgB,GACAX,KAAA,QAAAA;AAAA,kBACpB;AAAA,kBACA,WAAU;AAAA,kBACV,cAAW;AAAA,kBAEX,UAAAS,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,YAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC/B,GACF;AAAA,YACCf,KACEW,gBAAAA,EAAAA,IAAA,OAAA,EAAI,IAAG,sBAAqB,WAAU,WACpC,UACHX,EAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,IAvCkB;AAyCtB;"}

package/dist/index.es67.js

@@ -0,0 +1,76 @@
+import { j as s } from "./index.es137.js";
+import './components/ui/CardNotification/CardNotification.css';/* empty css            */
+import { useMemo as g } from "react";
+import { Actions as y } from "./index.es100.js";
+import { Calendar as v } from "./index.es93.js";
+import { Row as i } from "./index.es9.js";
+import { Button as e } from "./index.es25.js";
+const O = ({
+  type: l,
+  onClickEdit: r,
+  onClickRightManage: t,
+  showExpired: d = !1,
+  buttonMaxWidth: x,
+  onClickGoToDetails: n,
+  icon: a = "calendar",
+  variant: m = "primary",
+  onClickManage: c,
+  date: f,
+  title: h,
+  showBadge: j = !1,
+  text: p
+}) => {
+  const o = m === "secondary", u = g(() => {
+    if (a === "calendar")
+      return /* @__PURE__ */ s.jsx(v, { width: 24, height: 26, color: "slate-28" });
+    if (a === "actions")
+      return /* @__PURE__ */ s.jsx(y, { width: 24, height: 26, color: "slate-28" });
+  }, [a]), b = ` ${o ? "bg-lightblue-a03 ui-card-notifications-secondary" : "bg-white"} shadow br-x4  `, w = ` ui-card-notifications-icon base-row   ${o ? "bg-white" : "bg-lightblue-a03"}   `, N = ` ${x ? "w-full" : "ui-card-notifications-button"}  `;
+  return /* @__PURE__ */ s.jsxs("div", { className: b, children: [
+    /* @__PURE__ */ s.jsxs(i, { px: "x24", py: "x8", justifyContent: "space-between", children: [
+      /* @__PURE__ */ s.jsxs("p", { className: "fs-7 fw-semibold", children: [
+        " ",
+        l
+      ] }),
+      /* @__PURE__ */ s.jsx("p", { className: "fs-7 fw-semibold", children: f })
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { className: "ui-card-notifications-divider " }),
+    /* @__PURE__ */ s.jsxs(i, { pt: "x16", px: "x24", pb: "x24", gap: "x16", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: w, children: [
+        j && /* @__PURE__ */ s.jsx("div", { className: "ui-card-notifications-badge-container", children: /* @__PURE__ */ s.jsx("div", { className: "ui-card-notifications-badge" }) }),
+        u
+      ] }),
+      /* @__PURE__ */ s.jsxs("div", { className: "w-full", children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "mb-x24", children: [
+          /* @__PURE__ */ s.jsx("p", { className: "my-x8 fs-5 fw-semibold", children: h }),
+          d && /* @__PURE__ */ s.jsx(i, { mb: "x8", children: /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              className: "py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7",
+              children: "SCADUTO"
+            }
+          ) }),
+          /* @__PURE__ */ s.jsx("p", { children: p })
+        ] }),
+        c && /* @__PURE__ */ s.jsx("div", { className: "base-row justify-content-center", children: /* @__PURE__ */ s.jsx(e, { className: N, onClick: c, children: "Gestisci" }) }),
+        /* @__PURE__ */ s.jsxs(i, { justifyContent: "flex-end", className: "w-full gap-x16", children: [
+          t && /* @__PURE__ */ s.jsx("div", { className: "base-row justify-content-center", children: /* @__PURE__ */ s.jsx(e, { onClick: t, children: "Gestisci" }) }),
+          !!r && /* @__PURE__ */ s.jsx(
+            e,
+            {
+              onClick: r,
+              bg: "transparent",
+              textColor: "primary",
+              children: "Modifica"
+            }
+          ),
+          !!n && /* @__PURE__ */ s.jsx(e, { onClick: n, variant: "secondary", children: "Più dettagli" })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  O as CardNotification
+};
+//# sourceMappingURL=index.es67.js.map