@anoki/fse-ui 2.1.0-SNAPSHOT1.8 → 2.1.0-SNAPSHOT10

package/dist/index.es153.js

@@ -2,46 +2,47 @@ import { j as i } from "./index.es249.js";
 import { createElement as j } from "react";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
 import f from "./index.es276.js";
-import { AggregationItemCard as u } from "./index.es135.js";
-import { Row as o } from "./index.es9.js";
+import { AggregationItemCard as m } from "./index.es135.js";
+import { SectionHeading as u } from "./index.es55.js";
+import { Row as n } from "./index.es9.js";
 import { Spinner as l } from "./index.es198.js";
-import { Button as m } from "./index.es28.js";
-function B({
+import { Button as g } from "./index.es28.js";
+function E({
   title: s,
   elements: r = [],
-  total: c,
-  totalLabels: n = { first: "Stai visualizzando", middle: "di", end: "elementi" },
+  total: t,
+  totalLabels: o = { first: "Stai visualizzando", middle: "di", end: "elementi" },
   handleLoadMore: d,
-  loading: t = !1,
-  showMoreTitle: h = "Visualizza altro ",
+  loading: c = !1,
+  showMoreTitle: p = "Visualizza altro ",
   noResultsLabel: x = "Nessun risultato trovato"
 }) {
-  const p = c > (r == null ? void 0 : r.length);
+  const h = t > (r == null ? void 0 : r.length);
   return /* @__PURE__ */ i.jsxs("section", { className: "communication-contents d-flex section-gap flex-column", children: [
-    /* @__PURE__ */ i.jsx("h2", { className: "title", children: s }),
+    /* @__PURE__ */ i.jsx(u, { className: "title", title: s }),
     /* @__PURE__ */ i.jsx(
       f,
       {
         columns: { 0: 1, 768: 2, 992: 3 },
         gap: 24,
         className: "masonry-component",
-        children: r == null ? void 0 : r.map((a) => /* @__PURE__ */ j(u, { ...a, key: a._id }))
+        children: r == null ? void 0 : r.map((a) => /* @__PURE__ */ j(m, { ...a, key: a._id }))
       }
     ),
-    /* @__PURE__ */ i.jsx(o, { className: "w-full-adpt", justifyContent: "center", m: "x12", children: t && /* @__PURE__ */ i.jsx(l, { height: 30, width: 30 }) }),
+    /* @__PURE__ */ i.jsx(n, { className: "w-full-adpt", justifyContent: "center", m: "x12", children: c && /* @__PURE__ */ i.jsx(l, { height: 30, width: 30 }) }),
     /* @__PURE__ */ i.jsx("span", { className: "total-elements-label", children: (r == null ? void 0 : r.length) === 0 ? /* @__PURE__ */ i.jsx("span", { children: x }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-      /* @__PURE__ */ i.jsx("span", { children: n.first }),
-      /* @__PURE__ */ i.jsxs(o, { justifyContent: "center", gap: "x4", children: [
+      /* @__PURE__ */ i.jsx("span", { children: o.first }),
+      /* @__PURE__ */ i.jsxs(n, { justifyContent: "center", gap: "x4", children: [
         /* @__PURE__ */ i.jsx("b", { children: r == null ? void 0 : r.length }),
-        /* @__PURE__ */ i.jsx("span", { children: n.middle }),
-        /* @__PURE__ */ i.jsx("span", { children: c }),
-        /* @__PURE__ */ i.jsx("span", { children: n.end })
+        /* @__PURE__ */ i.jsx("span", { children: o.middle }),
+        /* @__PURE__ */ i.jsx("span", { children: t }),
+        /* @__PURE__ */ i.jsx("span", { children: o.end })
       ] })
     ] }) }),
-    p && !t && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ i.jsx(o, { justifyContent: "center", alignItems: "center", mt: "x16", children: /* @__PURE__ */ i.jsx(m, { onClick: d, children: h }) })
+    h && !c && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ i.jsx(n, { justifyContent: "center", alignItems: "center", mt: "x16", children: /* @__PURE__ */ i.jsx(g, { onClick: d, children: p }) })
   ] });
 }
 export {
-  B as CommunicationContents
+  E as CommunicationContents
 };
 //# sourceMappingURL=index.es153.js.map

package/dist/index.es153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es153.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\nimport { AggregationItemCard, Button, Row } from \"../../components\";\r\nimport \"./CommunicationContents.scss\";\r\nimport Masonry from \"react-layout-masonry\";\r\n\r\nexport type CommunicationContentsProps = {\r\n  sectionId?: string;\r\n  title: string;\r\n  elements: any[];\r\n  total: number;\r\n  totalLabels?: {\r\n    first: string;\r\n    middle: string;\r\n    end: string;\r\n  };\r\n  loading?: boolean;\r\n  handleLoadMore: () => void;\r\n  showMoreTitle?: string;\r\n  noResultsLabel?: string;\r\n};\r\n\r\nexport function CommunicationContents({\r\n  title,\r\n  elements = [],\r\n  total,\r\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\r\n  handleLoadMore,\r\n  loading = false,\r\n  showMoreTitle = \"Visualizza altro \",\r\n  noResultsLabel = \"Nessun risultato trovato\",\r\n}: CommunicationContentsProps) {\r\n  const showMoreButtonVisible = total > elements?.length;\r\n\r\n  return (\r\n    <section className=\"communication-contents d-flex section-gap flex-column\">\r\n      <h2 className=\"title\">{title}</h2>\r\n      <Masonry\r\n        columns={{ 0: 1, 768: 2, 992: 3 }}\r\n        gap={24}\r\n        className=\"masonry-component\"\r\n      >\r\n        {elements?.map((element) => (\r\n          <AggregationItemCard {...element} key={element._id} />\r\n        ))}\r\n      </Masonry>\r\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\r\n        {loading && <Spinner height={30} width={30} />}\r\n      </Row>\r\n      <span className=\"total-elements-label\">\r\n        {elements?.length === 0 ? (\r\n          <span>{noResultsLabel}</span>\r\n        ) : (\r\n          <>\r\n            <span>{totalLabels.first}</span>\r\n            <Row justifyContent=\"center\" gap=\"x4\">\r\n              <b>{elements?.length}</b>\r\n              <span>{totalLabels.middle}</span>\r\n              <span>{total}</span>\r\n              <span>{totalLabels.end}</span>\r\n            </Row>\r\n          </>\r\n        )}\r\n      </span>\r\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\r\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\r\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\r\n        </Row>\r\n      )}\r\n    </section>\r\n  );\r\n}\r\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;AAqBO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAW;AAAA,EAC3E,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AACvB,QAAAC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAG9C,SAAAQ,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,yDACjB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMV,GAAA;AAAA,IAC7BU,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAV,KAAA,gBAAAA,EAAU,IAAI,CAACW,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCF,gBAAAA,MAAAK,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAV,2BAAYW,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAN,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAQ,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACP,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAM,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACL,gBAAAA,EAAAA,IAAA,KAAA,EAAG,iCAAU,OAAO,CAAA;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,OAAO,CAAA;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAMR,EAAA,CAAA;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,IAAI,CAAA;AAAA,MAAA,EACzB,CAAA;AAAA,IAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDc,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAL,gBAAAA,EAAAA,IAACQ,KAAO,SAASd,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es153.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\nimport {\r\n  AggregationItemCard,\r\n  Button,\r\n  Row,\r\n  SectionHeading,\r\n} from \"../../components\";\r\nimport \"./CommunicationContents.scss\";\r\nimport Masonry from \"react-layout-masonry\";\r\n\r\nexport type CommunicationContentsProps = {\r\n  sectionId?: string;\r\n  title: string;\r\n  elements: any[];\r\n  total: number;\r\n  totalLabels?: {\r\n    first: string;\r\n    middle: string;\r\n    end: string;\r\n  };\r\n  loading?: boolean;\r\n  handleLoadMore: () => void;\r\n  showMoreTitle?: string;\r\n  noResultsLabel?: string;\r\n};\r\n\r\nexport function CommunicationContents({\r\n  title,\r\n  elements = [],\r\n  total,\r\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\r\n  handleLoadMore,\r\n  loading = false,\r\n  showMoreTitle = \"Visualizza altro \",\r\n  noResultsLabel = \"Nessun risultato trovato\",\r\n}: CommunicationContentsProps) {\r\n  const showMoreButtonVisible = total > elements?.length;\r\n\r\n  return (\r\n    <section className=\"communication-contents d-flex section-gap flex-column\">\r\n      <SectionHeading className=\"title\" title={title} />\r\n      <Masonry\r\n        columns={{ 0: 1, 768: 2, 992: 3 }}\r\n        gap={24}\r\n        className=\"masonry-component\"\r\n      >\r\n        {elements?.map((element) => (\r\n          <AggregationItemCard {...element} key={element._id} />\r\n        ))}\r\n      </Masonry>\r\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\r\n        {loading && <Spinner height={30} width={30} />}\r\n      </Row>\r\n      <span className=\"total-elements-label\">\r\n        {elements?.length === 0 ? (\r\n          <span>{noResultsLabel}</span>\r\n        ) : (\r\n          <>\r\n            <span>{totalLabels.first}</span>\r\n            <Row justifyContent=\"center\" gap=\"x4\">\r\n              <b>{elements?.length}</b>\r\n              <span>{totalLabels.middle}</span>\r\n              <span>{total}</span>\r\n              <span>{totalLabels.end}</span>\r\n            </Row>\r\n          </>\r\n        )}\r\n      </span>\r\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\r\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\r\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\r\n        </Row>\r\n      )}\r\n    </section>\r\n  );\r\n}\r\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","SectionHeading","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;;AA0BO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAW;AAAA,EAC3E,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AACvB,QAAAC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAG9C,SAAAQ,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,yDACjB,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAC,GAAA,EAAe,WAAU,SAAQ,OAAAX,EAAc,CAAA;AAAA,IAChDU,gBAAAA,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCH,gBAAAA,MAAAM,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAX,2BAAYY,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAP,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAS,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACR,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAO,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACN,gBAAAA,EAAAA,IAAA,KAAA,EAAG,iCAAU,OAAO,CAAA;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,OAAO,CAAA;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAMR,EAAA,CAAA;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,IAAI,CAAA;AAAA,MAAA,EACzB,CAAA;AAAA,IAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDe,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAN,gBAAAA,EAAAA,IAACS,KAAO,SAASf,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es155.js

@@ -1,14 +1,22 @@
-import { j as e } from "./index.es249.js";
-import { CommunicationSearch as s } from "./index.es136.js";
-const m = ({
+import { j as o } from "./index.es249.js";
+import { CommunicationSearch as i } from "./index.es136.js";
+import { SectionHeading as m } from "./index.es55.js";
+const a = ({
   title: t,
   /* tags, */
-  searchProps: o
-}) => /* @__PURE__ */ e.jsxs("section", { className: "d-flex flex-column gap-x28", children: [
-  /* @__PURE__ */ e.jsx("h2", { className: "title text-slate-20 fw-bold fs-2", children: t }),
-  /* @__PURE__ */ e.jsx(s, { ...o })
+  searchProps: e
+}) => /* @__PURE__ */ o.jsxs("section", { className: "d-flex flex-column gap-x28", children: [
+  /* @__PURE__ */ o.jsx(
+    m,
+    {
+      className: "title",
+      title: t,
+      titleMarginBottom: "mb-x0"
+    }
+  ),
+  /* @__PURE__ */ o.jsx(i, { ...e })
 ] });
 export {
-  m as CommunicationSearchSection
+  a as CommunicationSearchSection
 };
 //# sourceMappingURL=index.es155.js.map

package/dist/index.es155.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es155.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  tags?: Array<{ title: string; href: string }>;\r\n  searchProps: CommunicationSearchProps;\r\n};\r\n\r\nexport const CommunicationSearchSection = ({\r\n  title,\r\n  /* tags, */\r\n  searchProps,\r\n}: Props) => {\r\n  return (\r\n    <section className=\"d-flex flex-column gap-x28\">\r\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\r\n      <CommunicationSearch {...searchProps} />\r\n      {/* tags && <TagsSection /> */}\r\n    </section>\r\n  );\r\n};\r\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":";;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,oCAAoC,UAAMH,GAAA;AAAA,EACxDG,gBAAAA,MAACC,GAAqB,EAAA,GAAGH,EAAa,CAAA;AAAA,GAExC;"}
+{"version":3,"file":"index.es155.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import {\r\n  CommunicationSearch,\r\n  CommunicationSearchProps,\r\n  SectionHeading,\r\n} from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  tags?: Array<{ title: string; href: string }>;\r\n  searchProps: CommunicationSearchProps;\r\n};\r\n\r\nexport const CommunicationSearchSection = ({\r\n  title,\r\n  /* tags, */\r\n  searchProps,\r\n}: Props) => {\r\n  return (\r\n    <section className=\"d-flex flex-column gap-x28\">\r\n      <SectionHeading\r\n        className=\"title\"\r\n        title={title}\r\n        titleMarginBottom=\"mb-x0\"\r\n      />\r\n      <CommunicationSearch {...searchProps} />\r\n      {/* tags && <TagsSection /> */}\r\n    </section>\r\n  );\r\n};\r\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","SectionHeading","CommunicationSearch"],"mappings":";;;AAYO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAJ;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EACpB;AAAA,EACAG,gBAAAA,MAACE,GAAqB,EAAA,GAAGJ,EAAa,CAAA;AAAA,GAExC;"}

package/dist/index.es156.js

@@ -1,50 +1,48 @@
-import { j as r } from "./index.es249.js";
+import { j as o } from "./index.es249.js";
 import './sections/TableList/TableList.css';/* empty css            */
-import { HTML as f } from "./index.es147.js";
-import n from "react";
-import { clsx as o } from "./index.es251.js";
-import { Section as s } from "./index.es55.js";
-import { Col as p } from "./index.es10.js";
-var u = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(u || {});
-const b = ({
+import { HTML as x } from "./index.es147.js";
+import f from "react";
+import { clsx as r } from "./index.es251.js";
+import { Section as p, SectionHeading as d } from "./index.es55.js";
+import { Col as u } from "./index.es10.js";
+var j = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(j || {});
+const C = ({
   title: t,
   description: e,
-  fontSize: l = "2",
-  mdFontSize: m = "2",
-  classNameTitle: i,
+  fontSize: s = "2",
+  mdFontSize: i = "2",
+  classNameTitle: m,
   additionalClass: a,
-  variantClassTable: c = "text-left",
-  children: x
-}) => /* @__PURE__ */ r.jsxs(
-  s,
-  {
-    className: o("base-col ui-table-list-section", a),
-    children: [
-      /* @__PURE__ */ r.jsxs(p, { className: "ui-table-list-content", children: [
-        t && /* @__PURE__ */ r.jsx(
-          s.Title,
+  variantClassTable: l = "text-left",
+  children: c
+}) => {
+  const n = e ? typeof e == "string" && f.isValidElement(e) ? e : x(e.toString(), "div") : void 0;
+  return /* @__PURE__ */ o.jsxs(
+    p,
+    {
+      className: r("base-col ui-table-list-section", a),
+      children: [
+        /* @__PURE__ */ o.jsx(u, { className: "ui-table-list-content", children: /* @__PURE__ */ o.jsx(
+          d,
           {
-            fs: l,
-            mdFs: m,
-            className: i,
+            fs: s,
+            mdFs: i,
+            className: m,
+            titleMarginBottom: "0",
+            descriptionMarginBottom: "0",
             color: "blue-48",
-            children: t
+            title: t,
+            description: n,
+            descriptionClassName: r("text-slate-28", l)
           }
-        ),
-        e && /* @__PURE__ */ r.jsx(
-          s.Description,
-          {
-            className: o("text-slate-28", c),
-            children: typeof e == "string" && n.isValidElement(e) ? e : f(e.toString(), "div")
-          }
-        )
-      ] }),
-      x
-    ]
-  }
-);
+        ) }),
+        c
+      ]
+    }
+  );
+};
 export {
-  u as TableAlignment,
-  b as TableList
+  j as TableAlignment,
+  C as TableList
 };
 //# sourceMappingURL=index.es156.js.map

package/dist/index.es156.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es156.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\nexport enum TableAlignment {\n  LEFT = \"text-left\",\n  CENTER = \"text-center\",\n  RIGHT = \"text-right\",\n}\n\ntype TableListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n}>;\n\nexport const TableList = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  children,\n}: TableListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-list-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n            color={\"blue-48\"}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description\n            className={clsx(\"text-slate-28\", variantClassTable)}\n          >\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","jsxs","Section","clsx","Col","jsx","React","HTML"],"mappings":";;;;;;;AASY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,aACPA,EAAA,SAAS,eACTA,EAAA,QAAQ,cAHEA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,kCAAkCL,CAAe;AAAA,IAEjE,UAAA;AAAA,MAACG,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,QACCX,KAAAY,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,IAAIP;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,OAAO;AAAA,YAEN,UAAAJ;AAAA,UAAA;AAAA,QACH;AAAA,QAEDC,KACCW,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,WAAWC,EAAK,iBAAiBJ,CAAiB;AAAA,YAEjD,UAAO,OAAAL,KAAgB,YACxBY,EAAM,eAAeZ,CAAW,IAC5BA,IACAa,EAAKb,EAAY,SAAS,GAAG,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACxC,GAEJ;AAAA,MACCM;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es156.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./TableList.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTML } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\nexport enum TableAlignment {\r\n  LEFT = \"text-left\",\r\n  CENTER = \"text-center\",\r\n  RIGHT = \"text-right\",\r\n}\r\n\r\ntype TableListProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n  variantClassTable?: TableAlignment;\r\n}>;\r\n\r\nexport const TableList = ({\r\n  title,\r\n  description,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  variantClassTable = TableAlignment.LEFT,\r\n  children,\r\n}: TableListProps) => {\r\n  const desc = !!description\r\n    ? typeof description === \"string\" && React.isValidElement(description)\r\n      ? description\r\n      : HTML(description.toString(), \"div\")\r\n    : undefined;\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\r\n    >\r\n      <Col className=\"ui-table-list-content\">\r\n        <SectionHeading\r\n          fs={fontSize}\r\n          mdFs={mdFontSize}\r\n          className={classNameTitle}\r\n          titleMarginBottom=\"0\"\r\n          descriptionMarginBottom=\"0\"\r\n          color={\"blue-48\"}\r\n          title={title}\r\n          description={desc}\r\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\r\n        />\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","desc","React","HTML","jsxs","Section","clsx","jsx","Col","SectionHeading"],"mappings":";;;;;;;AASY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,aACPA,EAAA,SAAS,eACTA,EAAA,QAAQ,cAHEA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAASP,IACX,OAAOA,KAAgB,YAAYQ,EAAM,eAAeR,CAAW,IACjEA,IACAS,EAAKT,EAAY,SAAS,GAAG,KAAK,IACpC;AAEF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kCAAkCR,CAAe;AAAA,MAEjE,UAAA;AAAA,QAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAId;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YACxB,OAAO;AAAA,YACP,OAAAJ;AAAA,YACA,aAAaQ;AAAA,YACb,sBAAsBK,EAAK,iBAAiBP,CAAiB;AAAA,UAAA;AAAA,QAAA,GAEjE;AAAA,QACCC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es157.js

@@ -1,86 +1,83 @@
-import { j as l } from "./index.es249.js";
+import { j as i } from "./index.es249.js";
 import './sections/TableMobileList/TableMobileList.css';/* empty css            */
-import { HTML as F } from "./index.es147.js";
-import R from "react";
-import { clsx as t } from "./index.es251.js";
-import { TableAlignment as S } from "./index.es156.js";
-import { TableMobile as _ } from "./index.es75.js";
-import { Section as r } from "./index.es55.js";
-import { Col as v } from "./index.es10.js";
-const B = ({
-  title: s,
+import { HTML as h } from "./index.es147.js";
+import v from "react";
+import { clsx as m } from "./index.es251.js";
+import { TableAlignment as w } from "./index.es156.js";
+import { TableMobile as B } from "./index.es75.js";
+import { Section as C, SectionHeading as F } from "./index.es55.js";
+import { Col as H } from "./index.es10.js";
+const G = ({
+  title: e,
   description: o,
-  tableJson: m,
-  fontSize: e = "2",
-  mdFontSize: i = "2",
-  classNameTitle: a,
-  additionalClass: c,
-  variantClassTable: n = S.LEFT,
-  pagination: f = !0,
-  resultsPerPage: u = 5,
-  sortConfig: x,
-  onSortChange: p,
-  totalResults: b,
-  initialCurrentPage: j,
-  serverSidePagination: T,
-  totalItems: d,
-  hasNextPage: h,
-  hasPreviousPage: N,
-  onNextPage: g,
-  onPreviousPage: E,
-  onPageChange: L,
-  setCurrentPage: M,
-  children: w
-}) => /* @__PURE__ */ l.jsxs(
-  r,
+  tableJson: t,
+  fontSize: r = "2",
+  mdFontSize: s = "2",
+  classNameTitle: l,
+  additionalClass: a,
+  variantClassTable: c = w.LEFT,
+  pagination: n = !0,
+  resultsPerPage: f = 5,
+  sortConfig: p,
+  onSortChange: u,
+  totalResults: x,
+  initialCurrentPage: d,
+  serverSidePagination: b,
+  totalItems: g,
+  hasNextPage: j,
+  hasPreviousPage: M,
+  onNextPage: T,
+  onPreviousPage: N,
+  onPageChange: E,
+  setCurrentPage: L,
+  children: S
+}) => /* @__PURE__ */ i.jsxs(
+  C,
   {
-    className: t("base-col ui-table-mobile-list-section", c),
+    className: m("base-col ui-table-mobile-list-section", a),
     children: [
-      /* @__PURE__ */ l.jsxs(v, { className: "ui-table-mobile-list-content", children: [
-        s && /* @__PURE__ */ l.jsx(
-          r.Title,
+      /* @__PURE__ */ i.jsxs(H, { className: "ui-table-mobile-list-content", children: [
+        /* @__PURE__ */ i.jsx(
+          F,
           {
-            fs: e,
-            mdFs: i,
-            className: a,
+            title: e,
+            fs: r,
+            mdFs: s,
+            className: l,
+            descriptionClassName: m("text-slate-28", c),
             color: "blue-48",
-            children: s
+            description: o ? typeof o == "string" && v.isValidElement(o) ? o : h(o.toString(), "div") : void 0,
+            descriptionMarginBottom: "0",
+            titleMarginBottom: "0"
           }
         ),
-        o && /* @__PURE__ */ l.jsx(
-          r.Description,
+        t && t.columns && t.rows && /* @__PURE__ */ i.jsx(
+          B,
           {
-            className: t("text-slate-28", n),
-            children: typeof o == "string" && R.isValidElement(o) ? o : F(o.toString(), "div")
-          }
-        ),
-        m && m.columns && m.rows && /* @__PURE__ */ l.jsx(
-          _,
-          {
-            data: m.rows,
-            columns: m.columns,
-            pagination: f,
-            resultsPerPage: u,
-            sortConfig: x,
-            onSortChange: p,
-            totalResults: b,
-            initialCurrentPage: j,
-            serverSidePagination: T,
-            totalItems: d,
-            hasNextPage: h,
-            hasPreviousPage: N,
-            onNextPage: g,
-            onPreviousPage: E,
-            onPageChange: L,
-            setCurrentPage: M
+            data: t.rows,
+            columns: t.columns,
+            pagination: n,
+            resultsPerPage: f,
+            sortConfig: p,
+            onSortChange: u,
+            totalResults: x,
+            initialCurrentPage: d,
+            serverSidePagination: b,
+            totalItems: g,
+            hasNextPage: j,
+            hasPreviousPage: M,
+            onNextPage: T,
+            onPreviousPage: N,
+            onPageChange: E,
+            setCurrentPage: L
           }
         )
       ] }),
-      w
+      S
     ]
   }
 );
 export {
-  B as TableMobileList
+  G as TableMobileList
 };
 //# sourceMappingURL=index.es157.js.map

package/dist/index.es157.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es157.js","sources":["../src/sections/TableMobileList/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableMobileList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport { TableMobile, ColumnConfig, TableRowData } from \"@/components\";\nimport { TableAlignment } from \"../TableList\";\n\ntype TableMobileListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  tableJson?: {\n    columns: ColumnConfig[];\n    rows: TableRowData[];\n  };\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n  pagination?: boolean;\n  resultsPerPage?: number;\n  // Sorting props\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n  // Server pagination props\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n}>;\n\nexport const TableMobileList = ({\n  title,\n  description,\n  tableJson,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  pagination = true,\n  resultsPerPage = 5,\n  sortConfig,\n  onSortChange,\n  totalResults,\n  initialCurrentPage,\n  serverSidePagination,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage,\n  children,\n}: TableMobileListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-mobile-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-mobile-list-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n            color={\"blue-48\"}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description\n            className={clsx(\"text-slate-28\", variantClassTable)}\n          >\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n        {tableJson && tableJson.columns && tableJson.rows && (\n          <TableMobile\n            data={tableJson.rows}\n            columns={tableJson.columns}\n            pagination={pagination}\n            resultsPerPage={resultsPerPage}\n            sortConfig={sortConfig}\n            onSortChange={onSortChange}\n            totalResults={totalResults}\n            initialCurrentPage={initialCurrentPage}\n            serverSidePagination={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n            onPageChange={onPageChange}\n            setCurrentPage={setCurrentPage}\n          />\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableMobileList","title","description","tableJson","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","TableAlignment","pagination","resultsPerPage","sortConfig","onSortChange","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","setCurrentPage","children","jsxs","Section","clsx","Col","jsx","React","HTML","TableMobile"],"mappings":";;;;;;;;;AA2CO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoBC,EAAe;AAAA,EACnC,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,yCAAyCpB,CAAe;AAAA,IAExE,UAAA;AAAA,MAACkB,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,gCACZ,UAAA;AAAA,QACC3B,KAAA4B,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,IAAItB;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,OAAO;AAAA,YAEN,UAAAL;AAAA,UAAA;AAAA,QACH;AAAA,QAEDC,KACC2B,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,WAAWC,EAAK,iBAAiBnB,CAAiB;AAAA,YAEjD,UAAO,OAAAN,KAAgB,YACxB4B,EAAM,eAAe5B,CAAW,IAC5BA,IACA6B,EAAK7B,EAAY,SAAS,GAAG,KAAK;AAAA,UAAA;AAAA,QACxC;AAAA,QAEDC,KAAaA,EAAU,WAAWA,EAAU,QAC3C0B,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAM7B,EAAU;AAAA,YAChB,SAASA,EAAU;AAAA,YACnB,YAAAO;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,cAAAC;AAAA,YACA,oBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACCC;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es157.js","sources":["../src/sections/TableMobileList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./TableMobileList.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTML } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { TableMobile, ColumnConfig, TableRowData } from \"@/components\";\r\nimport { TableAlignment } from \"../TableList\";\r\n\r\ntype TableMobileListProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  tableJson?: {\r\n    columns: ColumnConfig[];\r\n    rows: TableRowData[];\r\n  };\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n  variantClassTable?: TableAlignment;\r\n  pagination?: boolean;\r\n  resultsPerPage?: number;\r\n  // Sorting props\r\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n  // Server pagination props\r\n  totalResults?: number;\r\n  initialCurrentPage?: number;\r\n  serverSidePagination?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  onPageChange?: (page: number) => void;\r\n  setCurrentPage?: (page: number) => void;\r\n}>;\r\n\r\nexport const TableMobileList = ({\r\n  title,\r\n  description,\r\n  tableJson,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  variantClassTable = TableAlignment.LEFT,\r\n  pagination = true,\r\n  resultsPerPage = 5,\r\n  sortConfig,\r\n  onSortChange,\r\n  totalResults,\r\n  initialCurrentPage,\r\n  serverSidePagination,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  onPageChange,\r\n  setCurrentPage,\r\n  children,\r\n}: TableMobileListProps) => {\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-table-mobile-list-section\", additionalClass)}\r\n    >\r\n      <Col className=\"ui-table-mobile-list-content\">\r\n        <SectionHeading\r\n          title={title}\r\n          fs={fontSize}\r\n          mdFs={mdFontSize}\r\n          className={classNameTitle}\r\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\r\n          color={\"blue-48\"}\r\n          description={\r\n            description\r\n              ? typeof description === \"string\" &&\r\n                React.isValidElement(description)\r\n                ? description\r\n                : HTML(description.toString(), \"div\")\r\n              : undefined\r\n          }\r\n          descriptionMarginBottom=\"0\"\r\n          titleMarginBottom=\"0\"\r\n        />\r\n        {tableJson && tableJson.columns && tableJson.rows && (\r\n          <TableMobile\r\n            data={tableJson.rows}\r\n            columns={tableJson.columns}\r\n            pagination={pagination}\r\n            resultsPerPage={resultsPerPage}\r\n            sortConfig={sortConfig}\r\n            onSortChange={onSortChange}\r\n            totalResults={totalResults}\r\n            initialCurrentPage={initialCurrentPage}\r\n            serverSidePagination={serverSidePagination}\r\n            totalItems={totalItems}\r\n            hasNextPage={hasNextPage}\r\n            hasPreviousPage={hasPreviousPage}\r\n            onNextPage={onNextPage}\r\n            onPreviousPage={onPreviousPage}\r\n            onPageChange={onPageChange}\r\n            setCurrentPage={setCurrentPage}\r\n          />\r\n        )}\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableMobileList","title","description","tableJson","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","TableAlignment","pagination","resultsPerPage","sortConfig","onSortChange","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","setCurrentPage","children","jsxs","Section","clsx","Col","jsx","SectionHeading","React","HTML","TableMobile"],"mappings":";;;;;;;;;AA2CO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoBC,EAAe;AAAA,EACnC,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,yCAAyCpB,CAAe;AAAA,IAExE,UAAA;AAAA,MAACkB,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAA7B;AAAA,YACA,IAAIG;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,sBAAsBqB,EAAK,iBAAiBnB,CAAiB;AAAA,YAC7D,OAAO;AAAA,YACP,aACEN,IACI,OAAOA,KAAgB,YACvB6B,EAAM,eAAe7B,CAAW,IAC9BA,IACA8B,EAAK9B,EAAY,SAAS,GAAG,KAAK,IACpC;AAAA,YAEN,yBAAwB;AAAA,YACxB,mBAAkB;AAAA,UAAA;AAAA,QACpB;AAAA,QACCC,KAAaA,EAAU,WAAWA,EAAU,QAC3C0B,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAM9B,EAAU;AAAA,YAChB,SAASA,EAAU;AAAA,YACnB,YAAAO;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,cAAAC;AAAA,YACA,oBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACCC;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/dist/index.es158.js

@@ -1,64 +1,63 @@
-import { j as e } from "./index.es249.js";
-import { CardFaqCTA as j, CardFaqCTAType as h } from "./index.es133.js";
+import { j as s } from "./index.es249.js";
+import { CardFaqCTA as x, CardFaqCTAType as u } from "./index.es133.js";
 import './sections/FaqSections/FaqSections.css';/* empty css            */
-import { useState as n } from "react";
-import { BaseModal as u } from "./index.es45.js";
-import q from "./index.es280.js";
-import { Section as a } from "./index.es55.js";
-const I = ({
-  title: o,
-  description: i,
-  items: l = [],
-  colorTitle: p = "primary",
-  fontSizeTitle: c = "2"
+import { useState as r } from "react";
+import { BaseModal as j } from "./index.es45.js";
+import S from "./index.es280.js";
+import { Section as q, SectionHeading as h } from "./index.es55.js";
+const A = ({
+  title: a,
+  description: n,
+  items: o = [],
+  colorTitle: i = "primary",
+  fontSizeTitle: p = "4"
 }) => {
-  const [d, r] = n(!1), [t, m] = n(null), x = (s) => {
-    m(s), r(!0);
+  const [c, t] = r(!1), [l, d] = r(null), f = (e) => {
+    d(e), t(!0);
   };
-  return /* @__PURE__ */ e.jsxs(a, { className: "faq-sections", children: [
-    o && /* @__PURE__ */ e.jsx("div", { className: "faq-sections__title", children: /* @__PURE__ */ e.jsx(
-      a.Title,
+  return /* @__PURE__ */ s.jsxs(q, { className: "faq-sections", children: [
+    /* @__PURE__ */ s.jsx(
+      h,
       {
-        fs: c,
-        mdFs: "2",
-        as: "h1",
-        color: p,
-        children: o
+        title: a,
+        color: i,
+        fs: p,
+        description: n,
+        className: "faq-sections__title"
       }
-    ) }),
-    i && /* @__PURE__ */ e.jsx(a.Description, { className: "faq-sections__description mb-x40", children: i }),
-    /* @__PURE__ */ e.jsx(
+    ),
+    /* @__PURE__ */ s.jsx(
       "ul",
       {
         role: "list",
-        "aria-label": `Lista di ${o}`,
+        "aria-label": `Lista di ${a}`,
         className: "faq-sections__list",
-        children: l == null ? void 0 : l.map((s, f) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-          j,
+        children: o == null ? void 0 : o.map((e, m) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+          x,
           {
-            type: s.type,
-            title: s.title,
-            description: s.description,
-            link: s.link ?? "",
-            isExternal: s.isExternal,
-            openModal: s.type === h.FAQ ? () => x(s) : void 0
+            type: e.type,
+            title: e.title,
+            description: e.description,
+            link: e.link ?? "",
+            isExternal: e.isExternal,
+            openModal: e.type === u.FAQ ? () => f(e) : void 0
           }
-        ) }, s.key ?? f))
+        ) }, e.key ?? m))
       }
     ),
-    t && /* @__PURE__ */ e.jsx(u, { open: d, setOpen: r, children: /* @__PURE__ */ e.jsx(
-      q,
+    l && /* @__PURE__ */ s.jsx(j, { open: c, setOpen: t, children: /* @__PURE__ */ s.jsx(
+      S,
       {
         faq: {
-          question: t.title,
-          answer: t.description || ""
+          question: l.title,
+          answer: l.description || ""
         },
-        handleCloseModal: () => r(!1)
+        handleCloseModal: () => t(!1)
       }
     ) })
   ] });
 };
 export {
-  I as FaqSections
+  A as FaqSections
 };
 //# sourceMappingURL=index.es158.js.map

package/dist/index.es158.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es158.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\r\nimport { Section } from \"@/components\";\r\nimport \"./FaqSections.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { ReactNode, useState } from \"react\";\r\nimport { BaseModal } from \"@/components/ui/BaseModal\";\r\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\r\n\r\nexport type FaqItem = {\r\n  key?: string;\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string;\r\n  link?: string;\r\n  isExternal?: boolean;\r\n};\r\n\r\ntype Props = {\r\n  title?: string;\r\n  description?: string | ReactNode;\r\n  items: FaqItem[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const FaqSections = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"2\",\r\n}: Props) => {\r\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\r\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\r\n\r\n  const handleItemClick = (item: FaqItem) => {\r\n    setSelectedItem(item);\r\n    setIsSupportModalOpen(true);\r\n  };\r\n  return (\r\n    <Section className=\"faq-sections\">\r\n      {title && (\r\n        <div className=\"faq-sections__title\">\r\n          <Section.Title\r\n            fs={fontSizeTitle}\r\n            mdFs={\"2\"}\r\n            as={\"h1\"}\r\n            color={colorTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        </div>\r\n      )}\r\n      {description && (\r\n        <Section.Description className=\"faq-sections__description mb-x40\">\r\n          {description}\r\n        </Section.Description>\r\n      )}\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`faq-sections__list`}\r\n      >\r\n        {items?.map((item, index) => (\r\n          <li key={item.key ?? index}>\r\n            <CardFaqCTA\r\n              type={item.type}\r\n              title={item.title}\r\n              description={item.description}\r\n              link={item.link ?? \"\"}\r\n              isExternal={item.isExternal}\r\n              openModal={\r\n                item.type === CardFaqCTAType.FAQ\r\n                  ? () => handleItemClick(item)\r\n                  : undefined\r\n              }\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n      {selectedItem && (\r\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\r\n          <SupportModalSimple\r\n            faq={{\r\n              question: selectedItem.title,\r\n              answer: selectedItem.description || \"\",\r\n            }}\r\n            handleCloseModal={() => setIsSupportModalOpen(false)}\r\n          />\r\n        </BaseModal>\r\n      )}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["FaqSections","title","description","items","colorTitle","fontSizeTitle","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;AA0BO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI;AAAA,EAC5B;AAEE,SAAAM,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,gBAChB,UAAA;AAAA,IACCb,KAAAc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,uBACb,UAAAA,gBAAAA,EAAA;AAAA,MAACD,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIT;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAOD;AAAA,QAEN,UAAAH;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEDC,KACEa,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,oCAC5B,UACHZ,GAAA;AAAA,IAEFa,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMI,4BAChB,MACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAML,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASM,EAAe,MACzB,MAAMP,EAAgBC,CAAI,IAC1B;AAAA,UAAA;AAAA,QAAA,KAVDA,EAAK,OAAOI,CAarB;AAAA,MACD;AAAA,IACH;AAAA,IACCP,KACEM,gBAAAA,EAAAA,IAAAI,GAAA,EAAU,MAAMb,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUX,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QACtC;AAAA,QACA,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EAEvD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es158.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\r\nimport { Section, SectionHeading } from \"@/components\";\r\nimport \"./FaqSections.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { ReactNode, useState } from \"react\";\r\nimport { BaseModal } from \"@/components/ui/BaseModal\";\r\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\r\n\r\nexport type FaqItem = {\r\n  key?: string;\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string;\r\n  link?: string;\r\n  isExternal?: boolean;\r\n};\r\n\r\ntype Props = {\r\n  title?: string;\r\n  description?: string | ReactNode;\r\n  items: FaqItem[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const FaqSections = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"4\",\r\n}: Props) => {\r\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\r\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\r\n\r\n  const handleItemClick = (item: FaqItem) => {\r\n    setSelectedItem(item);\r\n    setIsSupportModalOpen(true);\r\n  };\r\n  return (\r\n    <Section className=\"faq-sections\">\r\n      <SectionHeading\r\n        title={title}\r\n        color={colorTitle}\r\n        fs={fontSizeTitle}\r\n        description={description}\r\n        className=\"faq-sections__title\"\r\n      />\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`faq-sections__list`}\r\n      >\r\n        {items?.map((item, index) => (\r\n          <li key={item.key ?? index}>\r\n            <CardFaqCTA\r\n              type={item.type}\r\n              title={item.title}\r\n              description={item.description}\r\n              link={item.link ?? \"\"}\r\n              isExternal={item.isExternal}\r\n              openModal={\r\n                item.type === CardFaqCTAType.FAQ\r\n                  ? () => handleItemClick(item)\r\n                  : undefined\r\n              }\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n      {selectedItem && (\r\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\r\n          <SupportModalSimple\r\n            faq={{\r\n              question: selectedItem.title,\r\n              answer: selectedItem.description || \"\",\r\n            }}\r\n            handleCloseModal={() => setIsSupportModalOpen(false)}\r\n          />\r\n        </BaseModal>\r\n      )}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["FaqSections","title","description","items","colorTitle","fontSizeTitle","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","SectionHeading","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;AA0BO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI;AAAA,EAC5B;AAEE,SAAAM,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,gBACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,OAAOG;AAAA,QACP,IAAIC;AAAA,QACJ,aAAAH;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACAa,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMK,4BAChB,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAMN,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASO,EAAe,MACzB,MAAMR,EAAgBC,CAAI,IAC1B;AAAA,UAAA;AAAA,QAAA,KAVDA,EAAK,OAAOK,CAarB;AAAA,MACD;AAAA,IACH;AAAA,IACCR,KACEM,gBAAAA,EAAAA,IAAAK,GAAA,EAAU,MAAMd,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUZ,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QACtC;AAAA,QACA,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EAEvD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}